/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


 #leo_search_block_top form input[type=text]{
    background-color: #f5f5f5;
 }

 #leo_search_block_top form{
    border: 2px solid #9cba1d;
    margin-top: 12px;
    width: 80%;
 }

 .cuadros-superiores{
    background-color: #f5f5f5;
    border-radius: 9px;
    text-align: center;
    font-size: 13px;
    padding: 10px;
    color: #808080;
    display: table;
    min-width: 45px;
    min-height: 45px;
 }

 .cuadros-superiores:hover {
    color: #FFF;
    background-color: #ededed;
}

.cuadros-superiores i, .cuadros-superiores svg{
   display: table-cell;
   vertical-align: middle;
}

.col-info #_desktop_cart{
    height: auto !important;
}

.d-flex{
    display: flex !important;
}

.header-top> .inner{
   background: #f4f4f4;
   padding-top: 8px;
   padding-bottom: 8px;
   border-top: solid 2px #9cba1d;
   border-bottom: solid 2px #9cba1d;
}

.ApTabs.tabs-top .nav-tabs .nav-item>a{
min-width: 100px !important;
margin-right: 12px !important;
}

@media (min-width: 992px){
.megamenu.horizontal .nav-item.active{
   min-width: 140px;
   background-image: url("/img/img-menu.png");
   background-repeat: no-repeat;
   background-position: right;
}

.megamenu.horizontal .nav-item:first-child:not(.active):hover{
   min-width: 140px;
   background-image: url(/img/img-menu-hov.png);
   background-repeat: no-repeat;
   background-position: right;
   transition: 0s;

}

.megamenu.horizontal .nav-item:first-child:not(.active) a:hover{
   color: #fff;
   background-color: #9cba1d !important;
   width: 90%;
   transition: 0s;
}

.megamenu.horizontal .nav-item.active:first-child a{
   color: #fff;
   background-color: #EA5E1D !important;
   width: 90%;
   transition: 0s;
}

#memgamenu-form_9726227311012384:hover{
   min-width: 140px;
   background-image: url(/img/img-menu-hov.png);
   background-repeat: no-repeat;
   background-position: right;
   transition: 0s;
}

#memgamenu-form_9726227311012384:hover h4{
   color: #fff;
   background-color: #9cba1d !important;
   width: 90%;
   transition: 0s;
}
}

.flex-end{
   justify-content: end;
}

.enlace-blog{
   text-align: center;
   max-width: 80px;
   background: #9cba1d;
   height: 35px;
   right: 15px;
   display: flex;
}

.enlace-blog a:hover{
   color: #fff;
}

.enlace-blog a{
   padding: 0 25px;
   color: #fff;
   align-self: center;
}

@media (max-width: 991px){
   .enlace-blog{
      display: none;
   }
   #leo_search_block_top form{
      margin-top: 0;
      float: right;
      width: 175px;
   }

   #leo_search_block_top .title_block:before{
      display: none;
   }
   .leo-dropdown-cart.dropdown{
      z-index: 9999;
   }
}

@media (min-width: 768px) and (max-width: 991px){
   .cuadros-superiores{
      margin-top: inherit;}
   .cuadros-superiores img{
      width: 60px;
   }
   .login-movil{
      padding-right: 20px;
   }
   .cuadros-superiores .cart-products-count{
      right: 15px;
   }
}

@media (max-width: 767px){
   .cuadros-superiores{
      width: auto;
      height: auto;
      background-color: transparent;
      border: none;
      margin-top: inherit;
      padding: 0;
   }
   .cuadros-superiores strong{
      display: none;
   }
   .cuadros-superiores img{
      width: 40px;
   }
   .cuadros-superiores .cart-products-count{
      right: 15px;
      top: 25px;
   }
}

.page-home .wrapper{
   background-color: #fff;
}

.bg-white {
   background-color: #fff;
}

.banner-categoria{
   text-align: center;
}

.banner-categoria img{
   width: 100%;
}

.row-categorias{
   justify-content: center;
   flex-flow: wrap;
}

.banner-categoria p{
   background-color: #9cba1d;
   color: #fff;
   font-weight: 700;
   font-size: 15px;
   line-height: 1;
   padding: 8px;
   transition: ease 0.2s;
}

.banner-categoria:hover p{
   background-color: #EA5E1D;
}

.ApTabs.tabs-top .nav-tabs .nav-item > a.active, .ApTabs.tabs-top .nav-tabs .nav-item > a:hover{
   background: transparent;
    color: #000000;
    border-bottom: 4px solid #9cba1d !important;
    border-color: transparent transparent #9cba1d transparent !important;
}

.product-flags li.product-flag.discount{
   background: #9cba1d !important;
}

.leo-plist-style-default .thumbnail-container .category-default a{
   color: #9cba1d;
}

.thumbnail-container .product-price-and-shipping.has_discount .price{
   color: #9cba1d;
}

.leo-plist-style-default .thumbnail-container .product-meta .button-container .leo-bt-cart{
   background-color: #9cba1d;

}

.leo-plist-style-default .thumbnail-container .product-meta .button-container .leo-bt-cart:hover {
    color: #fff;
    background-color: #EA5E1D;
    border: 1px solid #EA5E1D;
}

.carrusel-home .owl-theme .owl-buttons div{
   top: -50px !important;
}

.seo-border{
   border-bottom: solid 32px #fff;
}

.registro-footer{
   display: flex;
   justify-content: center;
   padding: 1rem;
}

.registro-footer .txt{
   text-align: right;
   margin-right: 24px;

}

.registro-footer p{
   margin-bottom: 0;
   color: #fff;
      font-size: 17px;
}

.registro-container .block.ApHtml{
   margin-bottom: 0 !important;
}

.block-social li a {
width: 50px;
height: 50px;
}

.block-social li{
   background-color: #EA5E1D;
   border-radius: 50px;
}

.block-social li:hover{
   background-color: #9cba1d;
}

.block-social li a:hover{
   color: #fff;
   opacity: 1;
}

.tienda-footer .btn-secondary{
   padding: 5px 30px;
   background-color: #9cba1d;
   border-top: 5px solid #ea5e1d;
   text-decoration: none;
   font-size: 12px;
   color: white;
}

#footer .ApImage:hover img{
   transform: none !important;
}

.footer-patrocinador{
   align-items: center;
}
.footer-bottom{
   background-color: #EA5E1D;
}

.footer-bottom{
   color: #fff;
}

.footer-bottom a{
   color: #fff;
}

.footer-copyright{
   padding: 24px 0 !important;
   margin-top: 24px;
}

.footer-copyright .copy-right{
   justify-content: end;
   align-items: center;
   text-align: center !important;
}

#back-top a{
   background-color: #9cba1d;
}

#back-top a:hover{
   background-color: #EA5E1D;
}

#cms .breadcrumb-bg{
   display: none;
}

#cms .page-header{
   display: none;
}

.reviews_advices a:hover{
   color: #EA5E1D !important;
}

.product-add-to-cart .product-quantity .input-group-btn-vertical .btn:hover i{
   color: #EA5E1D;
}

.btn-primary:hover, .btn-primary:focus{
   background: #9cba1d;
}

.btn.add-to-cart{
   background:#EA5E1D
}

.btn.add-to-cart:hover{
   background:#9cba1d
}


.product-add-to-cart .wishlist .btn:hover, .product-add-to-cart .compare .btn:hover{
   background: #9cba1d;
}

.product-variants-item .color{
   border: solid 1px #dadada;
}

.leo-plist-style-default .thumbnail-container .product-meta .button-container .leo-bt-cart:hover{
   
}

@media (min-width: 992px){
   .d-lg-none{
      display: none !important;
   }
}

@media (max-width: 991px){
   .d-md-flex{
      display: flex !important;
   }
   .footer-content div{
      text-align: center;
   }
   .payment-img{
      justify-content: center !important;
   }
   .footer-patrocinador div{
      text-align: center;
   }

   .footer-patrocinador{
      flex-wrap: wrap;
   }
   .footer-patrocinador img{
      margin-bottom: 12px;
      max-width: 250px !important;
   }
   .login-movil{
      align-items: center;
   }
}

.leo-cart-dropdown-action a.btn:hover, .leo-cart-dropdown-action a.btn:focus, .leo-cart-dropdown-action a.btn:active:focus{
   background: #EA5E1D;
    color: #FFFFFF;
}

.leo-cart-dropdown-action a.btn.cart-dropdow-checkout{
   background: #EA5E1D
}

.megamenu.horizontal .nav-item.active a{
   background: #EA5E1D;
   width: 90%;
   color: #FFFFFF
}

.manufacturer-item span{
   display: none;
}

.mega-link-first a:hover{
   width: 100% !important;
   background-color: transparent !important;
   text-decoration: underline;
}

#header-top{
   background-color: #f4f0ec !important;
}

.topnav{
   background-color: #EA5E1D;
   color: #fff;
}

.margin-rrss{
   margin-left: 1rem
}

.ms-1{
   margin-left: 0.5rem;
}

.topnav-contacto{
   justify-content: flex-end;
   align-items: center;
}