/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 @import 'icomoon.css';

 @font-face {
     font-family: 'open_sansbold';
     src: url('fonts/OpenSans-Bold-webfont.eot');
     src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
          url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
          url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 
 
 @font-face {
     font-family: 'open_sansitalic';
     src: url('fonts/OpenSans-Italic-webfont.eot');
     src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
          url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
          url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
          url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 @font-face {
     font-family: 'open_sansregular';
     src: url('fonts/OpenSans-Regular-webfont.eot');
     src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
          url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
          url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 @font-face {
     font-family: 'open_sanssemibold';
     src: url('fonts/OpenSans-Semibold-webfont.eot');
     src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
          url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
          url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
          url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 
 
 
 
 
 
 :root {
   --bg-header: #191E2B;
   --primary: #46B82E;
   --client: #EB8610;
   --menu: #2a3248;
   --menu-letters: white;
   --header-icons: white;
   --black: #000;
   --border-radius:5px;
   --box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.06);
   --slider-title: white;
   --slider-descr: white;
 }
 
 a{
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 color:var(--client);
 }
 
 
 .cargador{ position:fixed; background:#fff; opacity: 1; overflow: hidden; height:100%; width:100%; top:0; left:0; max-height: 10000px; transition: all 0.7s ease; z-index: 999; display: flex; flex-direction: column;align-items: center; justify-content: center;}
 .cargador.hide{height: 0%; opacity: 0;}
 
 .lds-grid {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
 }
 .lds-grid div {
   position: absolute;
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background: var(--client);
   animation: lds-grid 1.2s linear infinite;
 }
 .lds-grid div:nth-child(1) {
   top: 8px;
   left: 8px;
   animation-delay: 0s;
 }
 .lds-grid div:nth-child(2) {
   top: 8px;
   left: 32px;
   animation-delay: -0.4s;
 }
 .lds-grid div:nth-child(3) {
   top: 8px;
   left: 56px;
   animation-delay: -0.8s;
 }
 .lds-grid div:nth-child(4) {
   top: 32px;
   left: 8px;
   animation-delay: -0.4s;
 }
 .lds-grid div:nth-child(5) {
   top: 32px;
   left: 32px;
   animation-delay: -0.8s;
 }
 .lds-grid div:nth-child(6) {
   top: 32px;
   left: 56px;
   animation-delay: -1.2s;
 }
 .lds-grid div:nth-child(7) {
   top: 56px;
   left: 8px;
   animation-delay: -0.8s;
 }
 .lds-grid div:nth-child(8) {
   top: 56px;
   left: 32px;
   animation-delay: -1.2s;
 }
 .lds-grid div:nth-child(9) {
   top: 56px;
   left: 56px;
   animation-delay: -1.6s;
 }
 @keyframes lds-grid {
   0%, 100% {
     opacity: 1;
   }
   50% {
     opacity: 0.5;
   }
 }
 
 
 .links .title{border:none;}
 .botonespago{padding:40px 20px; background: #F6F8F9; border:1px solid #eaeaea; text-align: center;}
 .botonespago div{margin:auto; max-width: 220px;}
 .botonespago h4{margin-bottom: 14px;}
 .botonespago .amazonpay-button-view3{text-align: center; width: 118px !important; margin: auto !important}
 .botonespago .amazonpay-button-view3 img{width: 118px !important; text-align: center;}
 .amazonpay-button-view3 .amazonpay-button-microtext img{width: 120px !important}
 .amazonpay-button-view3{display: none !important}
 .custom-panel label img{width: 80px;}
 .fa-trash{display: none !important}
 
 #social_login_block .amazonpay-button-container{min-width: 0 !important; top:-3px !important}
 
 .sigInButtons > *{width: 48% !important; flex: initial !important;margin: 2px !important;  height: 43px !important}
 
 #footer .infobar{position: relative;}
 .infobar::before {bottom: 0; margin-bottom: -6px;}
 .product-pack{display: none;}
 
 .forgotten-password .form-fields .center-email-fields{flex-wrap: wrap; max-width: 600px; margin: auto;}
 .forgotten-password .form-fields .center-email-fields > *{width: 100% !important; text-align: center; margin-bottom: 10px;}
 .forgotten-password .form-fields .center-email-fields > button{width: auto !important; text-align: center; margin-bottom: 10px;}
 
 
 .top-info-product .product-variants{margin-bottom: -35px; margin-top: 5px;}
 .product .product-variants ul {display: flex; justify-content: center; margin-bottom: 0;}
 .product .product-variants ul li{float: none !important;}
 .product-variants > .product-variants-item ul li{margin-right: .225rem;}
 
 .product .product-variants > .product-variants-item{margin:0 !important}
 
 .swiper-scrollbar-drag, .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background: var(--client)}
 
 .header-top > .container > .row{display: flex;}
 
 .productTotalSection span.cart-product-price{font-weight: bold;}
 
 
 
 #supercheckout-fieldset .orangebuttonsmall{background: var(--primary) !important}
 #supercheckout-fieldset .orangebutton{background: var(--primary) !important}
 .opc-container .login-options [type="radio"]:checked + label{background: var(--client); border:none;}
 #supercheckout-columnleft .row{display: flex;flex-wrap: wrap;}
 #supercheckout-columnleft .col-lg-4{width: 33.3333% !important; max-width: 33.3333% !important}
 #supercheckout-columnleft .col-lg-8{width: 66.66667% !important; max-width: 66.66667% !important }
 
 #checkoutShippingAddress{margin-top: 20px;}
 
 .opc-container label{    font-size: 11px;color: #8798AD;}
 
 .opc-container .highlight label{font-size: 13px; color:#000; font-weight: bold;}
 
 .opc_shipping_method li, .opc_payment_method li{background: #F6F8F9; padding: 10px 15px;}
 .opc_shipping_method li.alert-info, .opc_payment_method li.alert-info{border-color: #51dc8f;}
 
 .opc-container .custom-panel h2{border-radius: var(--border-radius); background: none; padding: 15px 0;}
 .opc-container .custom-panel h2::after{border-left: 0 !important; border-bottom:2px solid var(--client); height: 2px; width: 100%; top: auto; bottom: 0;}
 
 
 .form-control:focus, .input-group.focus{outline:.1875rem solid var(--client)}
 .toglemenu{display: flex; align-items: center; color: var(--menu-letters); margin-top: 4px;}
 .toglemenu .lines{margin-right: 5px; margin-top: 2px;}
 .toglemenu .lines span{background: var(--menu-letters); height: 2px;  margin-bottom: 3px; width: 20px; display: block;}
 #menu .navbar-toggler i{ color: var(--menu-letters); }
 
 
 .product-accessories{margin-top: 40px;}
 .product-accessories .h5{margin-bottom: 30px !important; display: block}
 .page-index #products .product, .page-index .featured-products .product, .page-index .product-accessories .product, .page-index .product-miniature .product, .page-search #products .product, .page-search .featured-products .product, .page-search .product-accessories .product, .page-search .product-miniature .product{min-width: 0}
 .product-accessories .product{ width: 20%; margin: 0px 2%; }
 .product-accessories .btn{ display: none; }
 
 #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products{justify-content: center;}
 #products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description{box-shadow: none}
 
 .product-accessories .thumbnail-container{
     padding-bottom: 0px;
     margin-bottom: 0px;
 }
 
 
 .bgwhite > .container{position: relative; padding: 0;}
 .bgwhite .publi img{border-radius: 5px; width: 100%}
 .bgwhite .publi1{position: absolute; right: 100%;  height: 100%; width: 270px; text-align: right; top:10px;
   display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    z-index: 22;
 }
 .bgwhite .publi1 .content{position: sticky; top: 2em;  margin-right: 10px; width: 100%}
 .bgwhite .publi2{position: absolute; left: 100%;  height: 100%; width: 270px; text-align: left; top:10px;
   display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 10px;
 }
 .bgwhite .publi2 .content{position: sticky; top: 2em;  background: transparent; width: 100%;}
 
 .form-control{background: #f2f2f2;
 color: #7a7a7a;
 border-radius: var(--border-radius);
 border: 1px solid rgba(162, 162, 162, 0.25);}
 
 .card, body#checkout section.checkout-step{border-radius: var(--border-radius); box-shadow:var(--box-shadow);border:none; }
 
 #blockcart-modal .product-name{color:var(--client)}
 .btn-primary{background: var(--client)}
 .btn-primary.focus, .btn-primary:focus, .btn-primary:hover{background: var(--primary)}
 
 html body{font-family: 'open_sansregular'; color:#000; overflow-x: hidden;}
 .ui-widget-content{background: none !important;}
 
 .clear{clear: both;}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'open_sansbold';font-weight: normal;}
 
 .flex{display:flex;  align-items:center}
 .flex-right{justify-content:flex-end;}
 
 /* HEADER */
 
 body.page-index #wrapper .featured-products,
 body.page-index #wrapper .banner,
 body.page-index #wrapper #custom-text,
 body.page-index #wrapper .featuredCategories .container,
 body.page-index #wrapper .bannersDoble .container
 {
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;
 max-width:1140px;
 }
 
 .bannersmitad{display: flex; align-items: center;}
 .bannersmitad .parte{width: 50%;}
 .bannersmitad .parte .containner{padding: 0; width: 100%;}
 
 
 #header .logo{
   max-height: 140px;
 }
 
 
 
 #header{
   background: var(--bg-header);
   }
 
 #menu{
   /*background: rgba(255,255,255,0.1);*/
   background: var(--menu);
   border-bottom:2px solid var(--client);
   }
 
 .top-info-product .product-discounts  {display: none;}
 
 .top-info-product .product-actions{margin-top: 0 !important}
 
 #header .header-top{padding:0.7rem 0 !important}
 #header .header-top, #header .header-top a{color:var(--header-icons);}
 #header .header-top .search-widget{float:none; flex:1; max-width:600px;}
 #header .header-top .search-widget form{margin:0 30px;}
 #header .header-top #_desktop_cart{margin-left:0;}
 .search-widget form input[type="text"]{padding:6px 12px; border-radius:var(--border-radius); font-size:13px; color:#ccc}
 
 .search-widget form input[type="text"]::placeholder {
   color: #191E2B;
 }
 
 .user-info{margin-left:15px; margin-right:15px;}
 .user-info span{display:none;}
 
 #_desktop_cart .hidden-sm-down{display:none !important}
 
 #_desktop_top_menu{padding:7px 0;}
 #_desktop_top_menu .top-menu{margin-bottom:0;}
 #_desktop_top_menu .top-menu a{color:#fff; text-transform:uppercase; font-family: 'open_sanssemibold'; font-size:14px; font-weight:300}
 
 
 
 
 /* SLIDE */
 
 #index #wrapper	{padding-top:0;}
 .carousel-inner li a, .carousel-inner li figure{display:block; width:100%; height:100%;}
 .carousel-inner li figure{display:flex !important; align-items:center;}
 .carousel-inner li figure > *{z-index:2}
 .carousel-inner li figure:before{content:""; height:100%; width:100%; position:absolute; left:0;top:0;
 background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0.51%, rgba(0, 0, 0, 0) 72.06%); z-index:1;
 }
 .carousel-inner li a img{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 min-width: 100%;
 min-height: 100%;
 height: auto;
 width: auto;
 z-index:0;
 
 }
 .carousel .carousel-inner{height:410px;}
 .carousel .carousel-item .caption{bottom:auto;}
 .carousel .carousel-item .caption h2{font-family: 'open_sansextrabold';}
 
 
 /* FEATURED CATEGORIES HOME */
 
 .featuredCategories{background:#fff;padding:53px 1.35rem 20px 1.35rem; border-radius: var(--border-radius);box-shadow: var(--box-shadow);}
 .featuredCategories h2{text-align:center;}
 .featuredCategories ul{display:flex; flex-wrap:wrap;}
 .featuredCategories ul li{width:25%;}
 .featuredCategories ul li a{margin:15px; text-align:center; display:block;}
 
 .featuredCategories ul li a{
 font-weight: 800;
 font-size: 17px;
 line-height: 22px;
 text-align: center;
 letter-spacing: 0.03em;
 text-transform: uppercase;
 color: var(--black);
 }
 .featuredCategories ul li a span{display:block; margin:0 30px; border-top:1px solid var(--primary); padding-top:20px; margin-top: 20px;}
 
 .featuredCategories ul li a img{width:100%;}
 
 /* BANNERS DOBLES */
 
 .bannersDoble{margin:30px 0;}
 .bannersDoble .banners{display:flex;}
 
 
 /* BANNER IMG */
 #wrapper .banner{border-radius:var(--border-radius); overflow:hidden;}
 #wrapper .banner img{box-shadow:none;}
 
 
 
 /* PRODUCT ITEM */
 #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
   border-radius: var(--border-radius);
   box-shadow: var(--box-shadow);
   padding:17px;
   display: flex;
   flex-direction: column;
   }
 
   .product-miniature .thumbnail-container{
     width: 100% !important;
   }
 
 
   .products .product-miniature .product-additional-info, .products .product-miniature #product-availability, .products .product-miniature .product-minimal-quantity{display: none}
 
   .products  .product-actions{margin-top: auto}
 
   .product-thumbnail{
     text-align: center;
   }
 
   #products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img{height: auto;}
 
 
 #products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-accessories .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail{height: auto;}
 
 #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
   height:100%;
   }
 
 #products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img{
   position:relative;
   }
 
 #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{
   position:relative;
   width:auto;
   height:auto;
   }
 
 #products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations{
   display:none;
   }
 
 #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a{
     font-size: 13px;
     line-height: 18px;
     text-align: center;
     letter-spacing: 0.09em;
     text-transform: uppercase;
     color:var(--black);
     font-family: 'open_sansregular';
     overflow: auto;
 }
 
 .products .price{
   font-weight: 800;
 font-size: 14px;
 line-height: 19px;
 text-align: center;
 letter-spacing: 0.1em;
 display:block;
   }
 
 
 #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature{
   height:100%;
   }
 
 #products .regular-price, .featured-products .regular-price, .product-accessories .regular-price, .product-miniature .regular-price{
   display:inline-block;
   font-size: 11px;
   line-height: 15px;
   text-align: center;
   letter-spacing: 0.2em;
   font-weight:100;
   text-transform:none;
   text-decoration:none;
   position:relative;
 
   }
 
 .page-index .featured-products .product{margin-bottom: 30px;}
 
 #products .regular-price:after, .featured-products .regular-price:after, .product-accessories .regular-price:after, .product-miniature .regular-price:after{
   content:"";
   position:absolute;
   top:50%;
   left:0;
   margin-top:0px;
   height:1px;
   width:100%;
   background:#DE080A;
   }
 
 #products .product-miniature .product-flags li.product-flag, .featured-products .product-miniature .product-flags li.product-flag, .product-accessories .product-miniature .product-flags li.product-flag, .product-miniature .product-miniature .product-flags li.product-flag{
   margin-left:.625rem;
   border-radius: var(--border-radius);
   box-shadow:none;
   background: var(--primary);
   font-size: 11px;
   line-height: 12px;
   letter-spacing:0.05em;
   min-height:0;
   min-width:0;
   padding:.3125rem .6375rem;
   }
 
 
 .page-product .product-flags li.product-flag{box-shadow: none; margin-left: 10px; background: var(--primary); border-radius: 4px; font-size: 12px; line-height: 18px; padding: 3px 15px;}
 
 /* PRODUCT SINGLE */
 #wrapper .breadcrumb{margin-bottom:0; margin-left: 14px;}
 #wrapper .breadcrumb li a{font-size: 12px; line-height: 14px; letter-spacing: 0.1em; font-weight: normal}
 #wrapper .breadcrumb li a span{font-weight: normal; color: var(--black);}
 #wrapper .breadcrumb li span{font-weight: bold;font-size: 12px; line-height: 14px; letter-spacing: 0.1em;color: var(--black);}
 #wrapper.bread {background:#F2F2F2;padding-top: 11px; padding-bottom: 13px;}
 #wrapper{background:#fcfcfc;  box-shadow:none !important;}
 
 .page-product #wrapper.bread{padding-top: 14px;}
 .product-prices{margin-top: 0px;}
 .product-prices div{margin-bottom: 0;}
 .product-prices div.product-discount{font-size: 16px; margin-left: 20px; color: #BDBDBD;}
 .product-discount .regular-price{text-decoration: none; position: relative;}
 .product-discount .regular-price:after{content:""; position: absolute; top: 50%; left: -9px; margin-top: 1px; width: calc(100% + 18px); height: 1px; background:#DE080A}
 .product-prices div.current-price{
   font-weight: 900;
   font-size: 28px;
   line-height: 31px;
   color: #333;
   display: flex; align-items: center;
   width: 100%;
 
 }
 
 .page-product .row.product-container{
     margin: 0;
 }
 
 .product-prices div.product-price{width: 100%; display: flex; align-items: center; margin-top: 20px; }
 .has-discount .discount{ margin-left: auto; background: none; color:#DE080A;
   font-size: 12px;
 font-weight: 600;
 letter-spacing: 0.04em;
 padding: 0;
 
 }
 
 .page-product #wrapper{padding-top: 50px;}
 .page-product h1{
   font-weight: 800;
   font-size: 2.4rem;
   line-height: 2.5rem;
   text-transform: none;
   position: relative;
   margin-top: 15px;
 }
 .page-product header h1{margin:0;}
 .page-product header h1::before {display: none; margin:0}
 
 .page-product h1:before{content:""; position: absolute; top: 0; right: 100%; margin-right: 13px; width: 6px; background: var(--primary); height: 100%;}
 
 .product-cover img{
   background: #FFFFFF;
   box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.06);
   border-radius: 5px;
 
 }
 
 .product-information{
 padding-top: 20px; margin-top: 20px;
 border-top:1px solid var(--client);
 
 }
 
 .product-information p{
   font-size: 13px;
   line-height: 21px;
   color: var(--black);
 
 }
 
 .product-cover .layer{display: none;}
 
 .page-product #content.page-content{margin: 0 !important; max-width: 100% !important;}
 
 .product-actions .add-to-cart{
   background: var(--client);
   border-radius: 7px;
   box-shadow: none;
   padding: 5px 30px 0 30px !important;
   font-size: 15px;
   display: flex;
   align-items: center;
   letter-spacing: 0.04em;
   height: auto;
   line-height: 22px;
   margin-left: 30px;
 
 }
 
 #product-comments-list-header{margin-top: 50px;}
 
 .tabs{box-shadow: none; background: none; padding: 0;}
 .product-images > li.thumb-container > .thumb{box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.06); background: #fff; border-radius: 6px;}
 .tabs .nav-tabs{text-align: center;}
 .tabs .nav-tabs .nav-item{display: inline-block; float: none; margin: 0 10px;}
 .tabs .nav-tabs .nav-link{text-transform: uppercase; color:var(--black); font-size: 14px; letter-spacing: 0.01em; font-family: "open_sanssemibold";}
 .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{color: var(--primary);  background: none;}
 .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{border-bottom: 3px solid var(--primary)}
 .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover{border:3px solid var(--primary)}
 .tab-content{padding: 20px 30px; background: #F6F6F6;}
 
 #checkout .tab-content{background: none; padding: 0;}
 
 .social-sharing{margin-top: 0;}
 .product-information p.product-minimal-quantity{margin-bottom: 0;}
 .product-add-to-cart{margin-bottom: 10px;}
 .social-sharing span{text-transform: uppercase; font-size: 10px; margin-right: 10px;}
 .social-sharing li{background: none; box-shadow: none;
   height: 2rem;
   width: 2rem;
   background-size: contain !important;
   margin-left: 0;
 }
 
 /* Instagram icon styles for social sharing */
 /* .instagram.icon-gray{
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWxsPSIjN0E3QTdBIj4KICAgIDxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiByeD0iNSIvPgogICAgPHJlY3QgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHJ4PSIzIiBmaWxsPSJ3aGl0ZSIvPgogICAgPGNpcmNsZSBjeD0iMjIuNSIgY3k9IjIyLjUiIHI9IjYiLz4KICAgIDxjaXJjbGUgY3g9IjIyLjUiIGN5PSIyMi41IiByPSI0IiBmaWxsPSJ3aGl0ZSIvPgogICAgPGNpcmNsZSBjeD0iMjgiIGN5PSIxNiIgcj0iMS41Ii8+CiAgPC9nPgo8L3N2Zz4K);
 }
 .instagram.icon-gray:hover{
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWxsPSIjMmZiNWQyIj4KICAgIDxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiByeD0iNSIvPgogICAgPHJlY3QgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHJ4PSIzIiBmaWxsPSJ3aGl0ZSIvPgogICAgPGNpcmNsZSBjeD0iMjIuNSIgY3k9IjIyLjUiIHI9IjYiLz4KICAgIDxjaXJjbGUgY3g9IjIyLjUiIGN5PSIyMi41IiByPSI0IiBmaWxsPSJ3aGl0ZSIvPgogICAgPGNpcmNsZSBjeD0iMjgiIGN5PSIxNiIgcj0iMS41Ii8+CiAgPC9nPgo8L3N2Zz4K);
 } */
 
 .referencia{
   font-size: 13px;
   line-height: 18px;
   letter-spacing: 0.17em;
 
 }
 .categoria{
   font-size: 13px;
   line-height: 18px;
   letter-spacing: 0.17em;
   font-weight: bold;
   color:var(--client);
   margin-top: 20px;
 
 }
 
 .brands-sort .select-title, .products-sort-order .select-title, .suppliers-sort .select-title{box-shadow: none; border:1px solid rgba(151, 151, 151, 0.25); padding:5px 5px 2px 5px}
 .products-selection .sort-by{font-size: 10px;}
 
 #category #content-wrapper{padding-top: 40px; padding-bottom: 20px}
 
 .bootstrap-touchspin{box-shadow: none;}
 .product-quantity #quantity_wanted{text-align: center; font-size: 20px; color: var(--black); width: 5rem;}
 
 
 
 .top-info-product{box-shadow: var(--box-shadow) }
 .top-info-product .product{display: flex; align-items: center; justify-content: center; }
 .top-info-product .product h2{margin:0}
 .top-info-product .product-price-and-shipping{text-align: left;}
 .top-info-product .product-description{margin-left: 18px; margin-top: 0;}
 .top-info-product .product-miniature .thumbnail-container{display: flex !important; align-items: center !important; justify-content:flex-start !important; flex-direction: row; margin-bottom: 0;}
 .top-info-product .product-miniature .thumbnail-container > *{display: inline-block; width: auto; display: none;}
 .top-info-product .product-miniature .thumbnail-container .thumbnail, .top-info-product .product-miniature .thumbnail-container .product-description, .top-info-product .product-miniature .thumbnail-container .product-price-and-shipping, .top-info-product .product-miniature .thumbnail-container .product-actions{display: block}
 .top-info-product article{width: 100%;}
 .top-info-product .product-actions{margin-left: auto;}
 .top-info-product .product-miniature .thumbnail-container .thumbnail img{max-height: 64px; width: auto;}
 .top-info-product #product-availability, .top-info-product  .product-quantity{display: none;}
 .top-info-product .product-add-to-cart, .top-info-product .add{margin-bottom: 0;}
 .top-info-product .add{margin-top: 30px;}
 
 
 /* FOOTER */
 
 #footer{padding-top: 0; position: relative; z-index: 22;}
 
 .footer-container{box-shadow: none;
 background: rgba(25, 30, 43, 0.08);
 padding-top: 45px;
 color:var(--black);
 position: relative;
 overflow:visible;
 margin-top: 0;
 }
 
 .footercarac{background: #191E2B; margin-top: 30px; padding-top: 15px;}
 .footercarac p{color:#fff; text-align: center;}
 
 .footerbg{background: #191E2B; margin-top: 30px; padding-top: 15px;}
 .footerbg p, .footerbg a{color:#fff;}
 
 .footer-container.detail > .container{position: relative;}
 
 .footer-container.detail > .container:before{width: 113.73px; height: 43.12px; background: transparent url("../img/detail.svg") no-repeat center center; background-size: contain; content:""; position: absolute; top: -63px; left: 0;}
 
 
 .infotienda{ position: relative;}
 .infotienda img{max-width: 200px;}
 .infotienda > i{position: absolute; top: 7px; left: 0; font-size: 38px;}
 
 .infotienda a.phone{font-size: 31px;
 line-height: 42px;
 letter-spacing: 0.03em;
 font-weight: bold;
 color:var(--black);
 margin-top:-10px;
 display: block;
 margin-bottom: 20px;
     font-family: 'open_sansbold';
 }
 
 .infotienda .desc{
 
   font-size: 13px;
   line-height: 18px;
   letter-spacing: 0.03em;
   color:var(--black);
   max-width: 400px;
 }
 .footer-container li a{
   font-size: 14px;
   line-height: 19px;
   letter-spacing: 0;
   color:var(--black);
 
 }
 
 .footer-container .row{display: flex; flex-wrap: wrap;}
 
 .block-contact{float: none;}
 .footer-container .col-md-6.links{width: 75%}
 .footer-container .col-md-6.links > .row{display: flex; flex-wrap: wrap;}
 .footer-container .col-md-6.links > .row .col-md-6{border-left: 1px solid #ccc; width: 33%; padding-left: 25px;}
 
 .page-content.page-cms ul, p{  color:var(--black);}
 
 
 .page-content.page-cms img, .page-content.page-cms table{width: 100% !important; height: auto !important;}
 
 
 .socialcontact{list-style: none; margin:0; padding: 0;}
 .socialcontact li{display: inline-block; margin-right: 10px;
 
 }
 .socialcontact li a{color:var(--black); background-size: contain; font-size: 24px;
 
 
 }
 
 .footer-container .h3{
   font-weight: bold;
   font-size: 14px;
   line-height: 19px;
   margin-bottom: 15px;
 
 }
 
 .footer-container .infotienda .h3{margin-bottom: 5px;}
 
 
 /* CATEGORY */
 
 .block-categories .category-sub-menu li[data-depth="0"] > a{font-size: 14px;
 font-weight: normal; border:none !important}
 
 .block-categories .category-sub-menu li{padding-right: 40px; border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; margin-bottom: 5px;}
 
 #js-product-list .products .product{width: 33.3334% !important; margin-bottom: 20px;}
 
 .faceted-slider{max-width: 88%;}
 #search_filters, #search_filters_brands, #search_filters_suppliers{padding: 0;}
 .block-category{min-height: 0; box-shadow: none; border:none; padding-top: 40px;}
 #search_filters .facet .facet-title{color:var(--black); border-bottom: 1px solid #ccc; padding-bottom: 5px;font-weight: normal; letter-spacing: 0.01em;}
 #search_filters, #search_filters_brands, #search_filters_suppliers{box-shadow: none;}
 
 .block-categories{padding: 0;}
 #left-column{padding-top: 40px;}
 #left-column:before{content:""; position: absolute; top: 0; right: 10px; width: 3000px;
 background: #FFFFFF;
 box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.03);
 height: 100%;
 z-index: 0;
 }
 #left-column > *{position: relative; z-index: 2;}
 .block-categories{box-shadow: none;}
 #category section#wrapper > .container{display: flex;}
 #category section#wrapper{padding-top: 0;}
 
 .ui-menu.ui-jolisearch{background: #fff !important; padding: 20px !important}
 .ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product{
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 
 }
 
 .search-widget form input[type="text"]:focus{outline:2px solid var(--client)}
 .ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product:hover{background:none; box-shadow:var(--box-shadow);}
 .ui-menu.ui-jolisearch .product-price{margin-top: 10px;}
 
 
 /* CHECKOUT */
 
 #customer-form .col-md-3{width: 100%;}
 #customer-form .col-md-6{width: 100%;}
 body#checkout .custom-checkbox label{font-size: 13px;}
 body#checkout .custom-checkbox label em{font-size: 10px; line-height: 14px; display: block; margin-top: 10px;}
 
 header #menu .container .row ul li a.open-mobile{display: none;}
 
 
 
 .plusminus {
   position: relative;
   width: 25px;
   height: 25px;
   cursor: pointer;
 }
 .plusminus.open:before {
   transform: translatey(-50%) rotate(-90deg);
   opacity: 0;
 }
 .plusminus.open:after {
   transform: translatey(-50%) rotate(0);
 }
 .plusminus:before, .plusminus:after {
   content: "";
 display: block;
 background-color: var(--menu-letters);
 position: absolute;
 top: 50%;
 left: 10px;
 transition: 0.35s;
 width: 12px;
 height: 2px;
 }
 .plusminus:before {
   transform: translatey(-50%);
 }
 .plusminus:after {
   transform: translatey(-50%) rotate(90deg);
 }
 
 
 /* CHECKOUT */
 
 #module-supercheckout-supercheckout #wrapper{background: #fff;}
 
 #module-supercheckout-supercheckout #checkoutShippingAddress{box-shadow: 2px 2px 11px 0 rgb(0 0 0 / 10%); border:1px solid #eee; padding: 20px;}
 
 #module-supercheckout-supercheckout #wrapper .container{max-width: 1400px; width: 100%;}
 #module-supercheckout-supercheckout .shopping-cart-description .product-title a{font-size: 14px; font-weight: bold;}
 
 #module-supercheckout-supercheckout .row.cart_list_item > div{width: 110px !important;}
 #module-supercheckout-supercheckout .row.cart_list_item > div.shopping-cart-description{width: calc( 100% - 390px) !important;}
 #module-supercheckout-supercheckout .row.cart_list_item > div.shopping-cart-description p{width: auto}
 #module-supercheckout-supercheckout .row.cart_list_item > div.shopping-cart-description p.kblabel{display: inline-block;}
 
 #module-supercheckout-supercheckout .row.cart_list_item > div.Cart-product-Image{width: 140px !important;}
 #module-supercheckout-supercheckout .row.cart_list_item > div.quantity-section{width: 140px !important;}
 
 
 
 #module-supercheckout-supercheckout span.cart-product-price span.unit-price-text{display: none !important}
 .smallViewSection .shopping-cart-description{width: auto !important;}
 .opc_shoppingcart.smallViewSection .product_img{height: 80px;  width: 80px;}
 
 #velsof_supercheckout_form .row.cart_list_item{flex-wrap: nowrap; align-items: center;}
 html .clear-mobile-div{display: none !important}
 
 
 @media only screen and (max-width: 1067px){
     section.product-accessories .products .product{
         width: 27%;
     }
 }
 
 
 @media only screen and (max-width: 991px){
 
   .clear-mobile-div{display: block !important}
 
 .featuredCategories ul li{width: 50%;}
 
   .bgwhite .publi1{display: none;}
   .bgwhite .publi2{display: none;}
   .container{width: 100%;}
 #products .product-miniature, .featured-products .product-miniature{padding: 10px;}
        #js-product-list .products .product{width: 50% !important;}
 
 
 .page-index #products .product, .page-index .featured-products .product, .page-index .product-accessories .product, .page-index .product-miniature .product, .page-search #products .product, .page-search .featured-products .product, .page-search .product-accessories .product, .page-search .product-miniature .product{width: 33.3333%}
 
 .opc_shipping_address .col-sm-6{width: 100%}
 
 }
 
 @media only screen and (min-width: 768px){
   .hidden-md-up{display: none !important}
 }
 
 
 @media only screen and (max-width: 767px){
 
 #category #content-wrapper{padding: 0 20px !important;}
 
 body.disable-banners .bgwhite > .container{padding: 0 5px;}
 
 .footer-container .col-md-6.links > .row .col-md-6{width: 100%}
 .footer-container .col-md-6.links{width: 100%}
 
 
 .featuredCategories ul li{width: 100%;}
 
 
 
   #supercheckout-columnleft .col-lg-4, #supercheckout-columnleft .col-lg-8{width: 100% !important; max-width: 100% !important}
 
 .header-top > .container > .row{display: block !important}
 #mobile_top_menu_wrapper{display: none !important}
   .top-info-product .product-miniature .product-title{text-align: left;}
 
   html .product-miniature .product-actions .add-to-cart.btn{padding: 4px 20px 5px 20px !important;}
   .product-miniature .product-actions .add-to-cart.btn i{margin-right: 0;}
 
   .custom-banner a h3{max-width: 80%;}
 .ui-tabs .ui-tabs-panel{padding-left: 0 !important; padding-right: 0 !important}
   .page-index #products .product, .page-index .featured-products .product, .page-index .product-accessories .product, .page-index .product-miniature .product, .page-search #products .product, .page-search .featured-products .product, .page-search .product-accessories .product, .page-search .product-miniature .product{width: 50%}
 header #menu .container .row ul li a{display: block; padding-right: 50px !important;}
 header #menu .container .row ul li.destacado a{padding-right: 0 !important; font-size: 16px;}
 header #menu .container .row ul.submenu{width: 100% !important; column-count: 1; visibility: visible; position: relative !important; top: 0; margin-top: 10px; margin-bottom: 20px; padding: 8px }
 header #menu .container .row ul.submenu li{line-height: normal !important;}
 header #menu .container .row ul.submenu li a{display: block !important; padding: 10px !important;}
 
 header #menu .container .row ul li a.open-mobile{
   position: absolute !important;
   right: 10px;
   top: 6px;
   display: inline-block;
   background: var(--client);
   border-radius: 100%;
   text-align: center;
   height: 32px;
   width: 32px;
   line-height: 14px;
   color:#fff !important;
   padding: 0 !important;
 
 }
 
 header #menu .container .row ul li a.open-mobile i{color:#fff !important; margin-top: -5px;}
 
 #header .logo{
   max-height: 140px;max-width: 200px; }
   header #menu .container .row ul li{padding: 0; display: block; position: relative;}
   header #menu .container .row ul li.destacado{padding: 5px !important; position: relative; height: auto; margin-top: 20px;}
   header #menu .container .row ul li a{padding: 14px 5px; position: relative;}
   .page-product header h1{text-align: center;}
   #header .header-top .position-static{flex-wrap: wrap; justify-content: center !important}
   #header .header-top .search-widget{width: 100%; flex: initial; margin-top: 10px; margin-bottom: 10px;}
   .header-top .user-info .hidden-sm-down{display: none !important}
   #header .header-top{background: var(--bg-header) !important}
   .top-info-product .add-to-cart{position: relative; text-indent: -200px;}
   .top-info-product .add-to-cart i{position: absolute;
 right: 10px;
 top: 4px;
 z-index: 22;
 text-indent: 0;}
   #category section#wrapper > .container{display: block;}
 
   .product-miniature .product-actions .add-to-cart.btn{font-size: 10px; padding: 4px 8px 5px 8px !important}
   .bannersmitad{flex-wrap: wrap;}
   .bannersmitad .parte{width: 100%;}
   .custom-banner{margin:20px 0;}
 
   #header .header-top h1{ text-align: center; margin: auto;}
 
   section.product-accessories .products .product{
       width: 250px;
       margin: 12px 10px;
   }
 
 }
 
 
 
 @media only screen and (max-width: 500px){
 #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{padding: 10px;}
 }
 
 @media only screen and (max-width: 400px){
   .sigInButtons > *{width: 100% !important}
 }
 
 
 /* CUSTOM HEADER */
 
 .custom-header{background: #F2F2F2; padding: 20px 0 30px;}
 .custom-header .row.center{display: flex; flex-wrap: wrap; align-items: center;}
 .custom-header h1{font-size: 35px; font-weight: bold;}
 .custom-header .info-content{
   padding-right: 15px;
   font-size: 15px;
   line-height: 150%;
   /* or 24px */
   letter-spacing: 0.03em;
   color:#878787;
 
 }
 
 .custom-header  .swiper{overflow: visible;}
 .custom-header .swiper.image_as_bg .swiper-slide  {height: auto; background-size: contain;}
 .custom-header .swiper.image_as_bg .swiper-slide img{width: 100%;}
 .custom-header  .swiper-button-prev{left: -13px; background: #fff; border-radius: 100px; height: 30px; width: 30px; color:#000; margin-top: -15px !important}
 .custom-header  .swiper-button-prev:after{color:#000 !important; font-size: 14px !important}
 .custom-header  .swiper-button-next{right: -13px; background: #fff; border-radius: 100px; height: 30px; width: 30px; color:#000; margin-top: -15px !important}
 .custom-header  .swiper-button-next:after{color:#000 !important; font-size: 14px !important}
 
 .custom-header  .swiper-pointer-events{margin-bottom: 22px !important;}
 
 
 .btn{
   white-space: normal;
 }
 
 
 
 .paginaCMSLoaded header, .paginaCMSLoaded footer {
   display: none !important;
 }