/* Hero Carousel */
#template-mo-zay-hero-carousel { background: #efefef !important;}
/* Accordion */
.templatemo-accordion a { color: #000;}
.templatemo-accordion a:hover { color: #333d4a;}
/* Shop */
.shop-top-menu a:hover { color: #69bb7e !important;}
/* Product */
.product-wap { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);}
.product-wap .product-color-dot.color-dot-red { background:#f71515;}
.product-wap .product-color-dot.color-dot-blue { background:#6db4fe;}
.product-wap .product-color-dot.color-dot-black { background:#000000;}
.product-wap .product-color-dot.color-dot-light { background:#e0e0e0;}
.product-wap .product-color-dot.color-dot-green { background:#0bff7e;}
.card.product-wap .card .product-overlay {
  background: rgba(0,0,0,.2);
  visibility: hidden;
  opacity: 0;
  transition: .3s;
}
.card.product-wap:hover .card .product-overlay {
  visibility: visible;
  opacity: 1;
}
.card.product-wap a { color: #000;}
#carousel-related-product .slick-slide:focus { outline: none !important;}
#carousel-related-product .slick-dots li button:before {
  font-size: 15px;
  margin-top: 20px;
}
/* Brand */
.brand-img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: .5s;
}
.brand-img:hover {
  filter: grayscale(0%);
  opacity: 1;
}
/* Carousel Hero */
#template-mo-zay-hero-carousel .carousel-indicators li {
  margin-top: -25px;
  background-color: #59ab6e;
}
#template-mo-zay-hero-carousel .carousel-control-next i,
#template-mo-zay-hero-carousel .carousel-control-prev i {
  color: #59ab6e !important;
  font-size: 2.8em !important;
}
/* Carousel Brand */
.tempaltemo-carousel .h1 {
  font-size: .5em !important;
  color: #000 !important;
}
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none;
    margin-left:10px;
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    /*border-left:1px solid*/
}
.tree li {
    margin:0;
    line-height:2em;
   /* color:#369;*/
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    /*width:10px;*/
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    /*color:#369;*/
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    /*color:#369;*/
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
.tree ul.no-children li{
    margin-left: 20px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #000000 !important;
}
.judul{
    font-size: 30px;
}
a {
  color: #0B2154 !important;
  text-decoration: none;
}
a:hover {
  color: #D81324 !important;
  text-decoration: none;
}

/*.menukiri::before{
content: "";
      background: url("../img/nbgslide.jpg") center center;
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.2;
}*/
 .menucategory a{
    color:#000 !important;
 }
 .menucategory a:hover{
    color:#ff0000 !important;
 }
.menucategory, .menucategory ul {
    margin:0;
    padding:0;
    list-style:none;
    margin-left:10px;
}
.menucategory ul {
    margin-left:1em;
    position:relative
}
.menucategory ul ul {
    margin-left:.5em
}
.menucategory ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    /*border-left:1px solid*/
}
.menucategory li {
    margin:0;
    line-height:2em;
   /* color:#369;*/
    /*font-weight:700;*/
    font-weight:500;
    position:relative
}
li.sembunyikan ul{
    display: none;
}
/* Untuk Testing */
.card {
  background-color: transparent !important;
  border: none !important;
}
 #template-mo-zay-hero-carousel .carousel-control-prev i {
  color: #D81324 !important;
}
#template-mo-zay-hero-carousel .carousel-control-next i, #template-mo-zay-hero-carousel .carousel-control-prev i {
  color: #D81324 !important;
  font-size: 2.8em !important;
}
element {
}
#template-mo-zay-hero-carousel .carousel-indicators li {
  background-color: #D81324;
}
a.border-bottom, a.back-to-top, a.btn-social{
    color: var(--light) !important;
}