.bg-naranja{background: #f16623}
.t-naranja{color: #f16623}
.t-rosa{color: #e95097;}
.t-gris{color: #909c9c;}



 /*  LIGHT SLIDER    */
#image-gallery img{
    width: 100%;
}



  #image-gallery h3{
    position: absolute; 
    bottom: -50px;  
    margin-left: 250px;
    font-family: 'AlternateGothic2 BT', sans-serif;          
    font-weight: normal;
    font-style: normal;  
    color: #fff;
    font-size: 140px;
    line-height: 120px;                  
}

.plp-grid-content #search-result-items .grid-tile {
    width: 25%;
  
}

.categ_cont{ width: 25%; padding: 5px; }
.categ_cont:hover .categ_cont_titulo{ background: #9e3264; }
.categ_cont:hover { text-decoration: none }
.categ_cont_titulo{ background: #e95097; height: 20px; text-align: center; color: #fff; line-height: 20px; margin-top: 0px;  }
.categ_img{width: 100%;}


.pdp-main .product-image-container .image-grid a {
    width: calc(75% - 6px);
}


.nav_nube {
    display: none;
}

#todas_cel{cursor: pointer}


.datos_p{display: block; width: 100%; margin-bottom: 5px; font-size: 14px; border: #ccc solid 1px; padding: 5px; height: 30px !important; }


#header-utils .header-util-item .toggle-search-form svg, #header-utils .header-util-item .user-account svg, #header-utils .header-util-item a.mini-cart-link svg {
    fill: #fff;
    transition: opacity .3s ease-in-out;
}

body { 
    font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #231F20;

}

.stance-logo-desktop{   
  /*  margin-top: 50px;
   margin-bottom: 10px; */
}

#navigation{
     margin-top: 30px;
     height: 70px;
}

#header-utils{  margin-top: 55px;}

#navigation .menu-category{ margin-top: 15px; }


.show-submenu{  
    font-family: 'Roboto', sans-serif;     
    font-style: normal;
    letter-spacing: 0px;
    font-size: 15px !important;
    font-weight: 500px !important;

    font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;


}


.l_menu{ cursor: pointer; }
.l_menu:hover{ color: #f26522 !important }


.click{ color: #f26522 !important }

 .menu-category li .menu-item-toggle {   font-weight: 500; }

.plp-grid-content #search-result-items .grid-tile {
    padding: 0px 0.2rem 3.875rem;
}

.category-banner-top{
  background: #e95097;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.category-banner-top h2{
  color: #fff;
  /* font-size: 15vw; */
  font-size: 9vmin;
  font-family: 'AlternateGothic2 BT', sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 130px;
  text-align: center;


     font-family: 'Tuber', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  
}

.panel{width: 10%}

.breadcum {font-size: 18px; line-height: 20px;}
.breadcum a{ color: #909c9c; font-size: 18px;    font-family: 'GothamBook', sans-serif; }
.breadcum a:hover{ color: #9e3264 }

.h2_categ{
  font-size: 50px; 
 font-family: 'Tuber', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    padding-left: 2px;
    color: #e95097;
 }



.menu-category>li>a{
    font-weight: 500; 
    font-size: 15px;
}

.top-banner {   
    background: #fff
}

.tile-row .tile {
    /* width: 16.5%; */ /* 6 */
    width: 12.5%; /* 8 */
    padding: 0 .625rem;
}

.tile-row .tile .tile-image {
    width: 100%;
    height: 370px;
    padding-top: 52.17%;
    position: relative;
}

.tile-content h2{
    color: #f16623 !important;
     font-family: 'AlternateGothic2 BT' !important, sans-serif;    
     font-size: 25px !important;  
     text-align: left !important;  
      font-weight: normal ;
    font-style: normal;
}



footer {
    background-color: #000;
    color: #fff;
    clear: both;
    letter-spacing: 0px;
}

.footer-left-logo{
    border-bottom: 1px solid #fff;
}

footer h4{
    font-family: 'Roboto', sans-serif;     
    font-style: normal;
    font-weight: 500; 
    font-size: 15px; 
    color: #fff;
    margin: 0;
}

footer p{
    font-family: 'Roboto', sans-serif;     
    font-style: normal;
    font-weight: 500; 
    font-size: 12px; 
    color: #fff;    
    margin: 0;
    line-height: 18px; 
}

.footer-container .footer-right-content .footer-row .footer-item .footer-links a {
     font-family: 'Roboto', sans-serif;     
    font-style: normal;
    font-weight: 300; 
    font-size: 12px; 
    color: #fff;    
    display: inline-block;
    padding-right: .8125rem;
    font-size: 13px;
      
    
}







.level-2>ul>li>a {
    color: #f16623;
   /*  font-family: 'Roboto';

    font-weight: 900;
    font-style: normal;*/

    font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
   
}

.level-2 ul.level-3 li a{
     color: #929497;
}

.newslatter{
    padding: 30px 0; 
    width: 70%;   
}

.news-input{
    width: 50%;
    float: left;   
}

.newslatter input{   
    width: 70%;
    height: 48px;
    background: transparent;    
    border: 1px solid #fff;
    color: #fff;
    padding-left: 10px;
}
.newslatter button{
    width: 30%;
    height: 40px;
     border: 1px solid #fff;
     border-left: none;
}



.footer-container{
    padding-top: 20px;
    padding-bottom: 20px;
}

.nosotros{
     float: left;
     width: 70%;
     border-right: 1px solid #fff;
     padding-right: 45px;
}

.linea_v{
    background: #fff;
    width: 1px;
    height: 100%;
    float: left;
    width: 10%;
    display: block;
}
.contacto{
     float: left;    
     width: 30%;
     padding: 0 45px; 
}

.footer-row{
    padding: 30px 0;
}

.redes{
    width: 25%;
    float: left;

}

.footer-menu{
     width: 75%;
      float: left;
      text-align: right;
        line-height: 20px; 
}

.footer-menu a:not(:last-of-type){
    margin-right: 20px;
}

.social-footer a{
    margin-right: 13px;
}


.categ_btn{padding: 70px 0;  width: 95%; margin: auto}

.categ_btn h3{ 
  font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #e95097;
  letter-spacing: 0px;
  font-size: 50px;
  text-align: center;

  font-family: 'Tuber', sans-serif;
  font-weight: 500;
  font-style: normal;
  }

 .categ_btn a{ 
  font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #909c9c;
  font-size: 30px;
  /*font-size: 1.5vw;*/
  text-align: center;
  border: solid 1px  #ec008c;
  padding: 15px 25px;
  width: 350px;

    font-family: 'Hero', sans-serif;
    font-weight: normal;
    font-style: normal;
  }

 .categ_btn a:nth-child(2){  margin-right: 40px; margin-left: 40px; }

  

.categ_container{ display: flex;  justify-content: center; }


.contenedor_nuevo{ width: 80%; margin: auto }

.banner{padding-top: 30px; padding-bottom: 30px; width: 100%; margin: auto}
.banner img{ width: 100%; }


.destacados {padding-top: 20px; padding-bottom: 50px; width: 100%; margin: auto;}
.destacados h3{  
  font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #e95097;
  letter-spacing: 0px;
  font-size: 70px;
  text-align: center;
  margin-bottom: 10px;

  font-family: 'Tuber', sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 35px;
}
.destacados p{
  color: #909c9c;
  font-size: 25px;
  text-align: center;
  margin-top: 0px;
  /*font-family: 'Astute Light SSi';
  font-weight: 300;
  font-style: normal;
  font-display: swap;*/

  font-family: 'Hero', sans-serif;
  font-weight: normal;
  font-style: normal;
}

.pedido{padding: 100px 0; background: #909c9c;  }

.pedido h3{  
  font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #231F20;
  letter-spacing: 0px;
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
}
.pedido p{
  color: #231F20;
  font-size: 60px;
  margin-top: 0px;
   font-family: 'GothamBook';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  display: flex;
  justify-content: center;
  margin: 0px;

}

.pedido i{   font-size: 80px; align-self: center; margin-right: 15px;}
.pedido a:hover{ text-decoration: none; }
.pedido a:hover span, .pedido a:hover i{ text-decoration: none; color: #f16421}

.seguinos{
color: #231F20;
  font-size: 30px;
  margin-top: 0px;
   font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  display: flex;
  justify-content: center; 
  display: flex;
  justify-content: center;
  padding: 100px 0; 
   }

.seguinos span{align-self: center; color: #231F20; }
.seguinos a:hover span{ color: #f16421}


.local img{ width: 100%;}

.cont{ 
  width: 100%;
   text-align: center;
   font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
  padding: 30px 0 60px 0 ;
}
.cont h3{ 
/* font-family: 'GothamBook';
  font-weight: normal;
  font-style: normal;
  font-display: swap;*/
  color: #e95097;
  letter-spacing: 0px;
  font-size: 50px;
  text-align: center;
  margin-bottom: 10px;

   font-family: 'Tuber', sans-serif;
    font-weight: 500;
    font-style: normal;
   }

  .cont a, .cont p{
    display: block;
    color: #909c9c;
    font-size: 25px;
    margin: 10px 0 ;
/*    font-family: 'GothamBook';
  font-weight: normal;
  font-style: normal;
  font-display: swap;*/

    font-family: 'Hero', sans-serif;
    font-weight: normal;
    font-style: normal;

}

.cont a:hover{  color: #e95097 }



.btn_header{ 
  float: right;
   display: inline;
   font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #909c9c;
  margin-left: 30px;
  padding-top: 30px;
  font-size: 20px;
   font-family: 'Hero', sans-serif;
    font-weight: normal;
    font-style: normal;
   }

 .btn_header:hover{ color: #ec008c  } 




.carteles{ width: 50%; float: left; position: relative;  }
.carteles img{ width: 100%;}
.local img{ width: 100%;}

.carteles .facebook{position: absolute; right: 0%; top: 45%; width: 50%}
.carteles .instagram{position: absolute; left: 0px; top: 45%; width: 50% }





.pdp-main #product-content .product-add-to-cart .add-to-cart-button button::after, .pdp-main .product-set-details .product-add-to-cart .add-to-cart-button button::after {
        display: none;   
}

.product-tile .product-price div, .product-tile .product-price span {
    font-size: 1.20rem;
  /*    font-family: 'Tuber';
    font-weight: 500;
    font-style: normal;
    font-display: swap;*/
}


.product-tile .product-price div, .product-tile .product-price .nombre {    font-size: 0.90rem;}
.product-tile .product-price div, .product-tile .product-price .peso_aprox {    font-size: 0.90rem; color: #95979a;}


.pdp-main .product-detail.product-detail-title {   border-bottom: 1px solid #231f20;   padding: 1.5625rem .9375rem 1.9375rem;}

.pdp-main #product-content .product-variations li.attribute, .pdp-main .product-set-details .product-variations li.attribute {    margin-bottom: 0.875rem;}

.product-detail .product-name{ width: 100%; line-height: 50px !important; margin-bottom: 7px !important; 
  /*font-family: 'GothamBook';
  font-weight: normal;
  font-style: normal;
  font-display: swap;*/
   font-size: 50px !important;
    text-transform: uppercase !important;

     font-family: 'Tuber', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    color: #e95097;
}
.product-detail .price-sales{  
font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size: 22px; color: #231f20 ; }
.product-detail .moniker-attribute h2{  font-family: 'Roboto' !important, sans-serif; font-size: 14px !important; color: #929497 !important}
.product-detail  h3{  font-family: 'Roboto' !important, sans-serif; font-size: 14px !important; color: #929497 !important; text-transform:  capitalize; margin-top: 0px;}
.product-detail .attribute .size-label{ display: inline-block !important;}
.product-detail .attribute p{ margin: 0px; font-size: 14px; color: #231f20;  
 font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.product-detail .product-add-to-cart { margin-bottom: 30px; }

.product-data h4{ font-family: 'AlternateGothic2 BT', sans-serif; font-size: 60px; color: #231f20; margin-bottom: 30px;  line-height: 50px;}
.product-data p{ font-family: 'Roboto', sans-serif; font-size: 14px; color: #929497 !important;  }

.product-data .description{ text-align: justify  }
.product-data .description2{ color: #f16623 !important; text-align: justify }

.product-image-container p{ text-align: left; font-family: 'Roboto', sans-serif;}

.product-data .product-info-module{ text-align: left; float: left; border-top: none; min-height: 400px; }
.product-data .product-info-module.largo{ width: 40%; }
.product-data .product-info-module.corto{ width: 30%; }
.product-data .product-info-module.desc{ width: calc(100% - 375px); }
.garantia{ padding-top:  30px}


.product-tile .product-image img:not(.loaded) {    opacity: 100;}

.cant_contenedor{
    width: calc(100% - 250px);
    padding: 0 .625rem 0 0;
    
}

.nombre_c{   
  font-family: 'Tuber', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-size: 25px;
    color: #e95097;
}

.info{   
  font-family: 'Hero', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #909c9c;
    font-size: 16px;
    margin-bottom: 0px;
}

#cant_id{ 
  text-align: center;
  border-radius: 3px;
  border: solid 1px #ccc;
  width: 100%;
  height: 100%;
  }



.prod_color{
    min-height: 0px;      
    width: 30px;
    height: 30px;
    padding: 0px;
    float: left; 
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
    margin-right: 15px; 
    opacity: 1;    
    transition: 0.3s;
    border:  none;
  
 }

 .add_carrito{color: #ef7137; position: absolute; right: 0px; bottom: 0px; }

 .numero{ 
  background: #000;
  display: block;
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  color: #fff !important;
  font-weight: bold;
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: center;


}

 

 .bg_blanco{ background: #fff !important; border: solid 1px #231f20 !important}
 .bg_naranja{ background: #ef7137 !important }
 .bg_amarillo{ background: #fff100 !important}
 .bg_rojo{ background: #ec1c24 !important}
 .bg_verde{ background: #009148 !important}
 .bg_azul{ background: #2e3191 !important}
 .bg_negro{ background: #000 !important}

 /* .prod_color.select{ border: solid 3px red !important  } */
 .prod_color.select{  width: 40px;  height: 40px; }


.prod_color:hover{ opacity: 0.8 }


/*.breadcrumb-element{ font-weight: normal !important; width: 500px}*/
.breadcrumb-element span{ color: #929497; margin-left: 10px; font-size: 15px;}


/*#left-menu h3{ font-family: 'AlternateGothic2 BT';  font-weight: normal; font-style: normal; font-size: 25px; color: #231f20; }*/
#left-menu h3{ 
font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #231F20;
  font-size: 25px;

}


/*
#left-menu .accordion, #bag .accordion{ 
  color: #a3a6a7;
  font-family: 'Roboto';
  font-weight: normal;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  text-align: left; 
  outline: none;
  transition: 0.4s;  
  margin: 5px 0;
}*/

#left-menu .accordion, #bag .accordion{ 
 font-family: 'GothamBook', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #231F20;
  font-size: 16px;
  padding-bottom: 5px;
  padding-top: 5px;
}



#left-menu .panel, #bag .panel{
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
#left-menu .panel a img{ width: 100%; float: left; padding-top: 10px; }
#left-menu .panel a:hover img{ filter: saturate(180%); }
#left-menu .panel a{margin: 5px 0; display: block; width: 100%;  cursor: pointer; color: #f16623;}
#left-menu .panel a:hover, .accordion:hover{ color: #231f20;}
#left-menu .accordion::before{
  font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
  content: "\f054"; 
  font-size: 13px;
  color: #a3a6a7;
  margin-right: 5px;
}

#left-menu .active::before{
   font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
  content: "\f078"; 
   margin-right: 2px;
}


.plp-category-title{
     font-family: 'Roboto' !important;
     font-weight: bold !important;
     font-size: 100px ;
     text-transform: lowercase !important;     
}
.plp-category-title:first-letter {
    text-transform: uppercase;
}

.refinement-sidebar-toggle{  top: -4.50rem !important; }

.filter-open, .filter-closed{  font-family: 'AlternateGothic2 BT', sans-serif;  font-weight: normal; font-style: normal; }



#bag { text-align: center; }
#bag p, .name-link h3{ font-family: 'AlternateGothic2 BT', sans-serif;  font-weight: normal; font-style: normal; font-size: 16px; color: #231f20; }
#bag .accordion { text-align: right;  height: 10px;}

#bag .accordion img{ margin-top: -100px; margin-right: 10px; width: 25px; 
 /*opacity: 0; */
 transition: opacity .3s ease-in-out;
}

#bag .accordion::before{
  content: url("../svg/bag.svg");  
  margin-right: 5px;
}

#bag .active::before{
  content: url("../svg/x2.svg");
    margin-right: 2px;

}
#bag .accordion:hover img{  opacity: 1 }

.plp-category-title{padding-bottom: 30px;}


#productos .category-banner-top img{ width: 100%}

#productos .prod_banner{ display: block}
#productos .prod_banner_mb{ display: none}

.product-tile .product-name a h3 span{ margin-left: 3px;}

#carrito{ width: 400px; padding: 20px; background: #ededee; position: fixed; right: 0px; top: 140px; z-index: 100;/*  max-height: calc(100% - 200px);  */}
#carrito p{   
  font-family: 'AlternateGothic2 BT' !important, sans-serif;    
  font-size: 20px !important;  
  font-weight: normal ;
  font-style: normal;
  padding: 0px;
  margin: 0px; 
  color: #000;
  }

#carrito .modelo{ text-transform: uppercase }

#carrito .line{ background: #231f20; height: 1px; display: block; margin: 10px 0px; }
#carrito_btn{ background: #f16623; border:  none; width: 100%;  font-family: 'Roboto', sans-serif;  font-weight: normal;  font-style: normal; margin-top: 10px; padding: 16px 26px; color: #fff; display: block; text-align: center;}
#carrito_btn:hover{ background: #aa431a; text-decoration: none; }

#carrito table{margin-bottom: 10px;}
#carrito table td{ 
  padding:  0px;    
  font-family: 'AlternateGothic2 BT', sans-serif;    
  font-size: 16px;  
  font-weight: normal ;
  font-style: normal;  
  color: #000;
  height: 15px;
  }

#carrito .precio, #carrito .peso{ 
  font-family: 'Roboto' , sans-serif;
  font-weight: normal;
  font-size: 12px; 
 }




 #carrito .prod_color{position: relative; float: none; width: 11px; height: 11px; display: inline-block; margin-left: 10px;}
 #carrito .cant input{background: none; border: none; margin-left: 10px; border-left: solid 1px #000; padding-left: 10px; height: 15px;}
#carrito .linea{ font-family: 'Roboto', sans-serif; font-size: 12px; color: #929497; }
#carrito .img{ width: 80px !important; padding-right: 10px; }
#carrito .img img{ width: 100%; }
#carrito .btn{ width: 60px; vertical-align: middle}
#carrito .btn button{ padding: 0px; margin: 0px; background: none; color: #f16623; font-size: 25px;  font-weight: normal;  font-style: normal; border: none;}


.pdp-main #product-content .product-add-to-cart .add-to-cart-button button:not([disabled]), .pdp-main .product-set-details .product-add-to-cart .add-to-cart-button button:not([disabled]) {
    background-color: #f16623;
    border-color: #f16623;
}

.pdp-main #product-content .product-add-to-cart .add-to-cart-button button:hover, .pdp-main .product-set-details .product-add-to-cart .add-to-cart-button button:hover { background: #aa431a; }


#logeado{ 
  position: absolute;
  top: 0px; 
  right: 0px;
  color: #fff;
  padding-right: 30px;
  padding-top: 10px;
  font-family: 'Roboto', sans-serif;
 
 }

 #logeado span{ padding:  5px; min-height: 10px; font-size: 20px; font-family: 'AlternateGothic2 BT', sans-serif; margin-left: 20px;   }
 #logeado button{ padding:  5px; min-height: 10px; font-size: 16px; font-family: 'AlternateGothic2 BT', sans-serif; margin-left: 20px;   }


.mini-cart-link{  overflow: visible;}
.mini-cart-total .cant{ background: black; font-size: 12px; font-weight: bold; padding: 3px; padding-right: 4px; border-radius: 12px; letter-spacing: -1px; position: absolute; left: -12px; z-index: 100; text-align: center; min-width: 15px; }

.mini-cart-total{cursor: pointer !important;}


/* CARRITO */
.table{ width: 50%; margin:  auto; margin-top: 25px; margin-bottom: 25px;}
.table td{border-top: 1px solid #dee2e6; padding: 5px; }
.table th{ font-family: 'AlternateGothic2 BT', sans-serif;    font-size: 20px;   color: #000; text-transform: uppercase;  font-weight: normal;  font-style: normal; padding: 5px;}
.table .product-img { float: left; width: 50px; margin-right: 5px;}
.table .product-img img{ width: 100%; }
.cart-qty-input .form-control {
    width: 34px;
    margin: 0 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.cart-qty-input .qty-control {
    color: #212121;
    width: 34px;
    border-radius: 34px;
}

.table a{
    color: #212121;
    outline: medium none;
    overflow: hidden;
    text-decoration: none;
}
.prod_precio:disabled, .prod_total:disabled {
    background: none;
    border: none;
}

.table .prod_color{width: 15px; height: 15px; cursor: default}
.table .linea{font-family: 'Roboto', sans-serif;  font-size: 12px;   color: #929497;}
.table .nombre{ padding: 0px;  font-family: 'AlternateGothic2 BT', sans-serif;  font-size: 16px;  font-weight: normal;  font-style: normal;  color: #000;  height: 15px; margin-top: 5px; text-transform: uppercase}
.table .color{ padding: 0px;  font-family: 'AlternateGothic2 BT', sans-serif;  font-size: 16px;  font-weight: normal;  font-style: normal;  color: #000;  height: 15px; margin-top: 5px;}
.table .color span{ float: left; margin-right: 5px;}
.table .numeros{width: 150px;}
.table .numeros inputs{ text-align: center !important; }
.table .prod_precio,.table .prod_total { text-align: center; margin-top: 20px;}
.table .cart-qty-input{ padding-top: 5px; }
.summary-container {    float: right;    width: 360px;    text-align: right;}
.summary-container .field, .summary-container .value {    display: table-cell;    width: 40%; padding-top: 10px;}
.summary-container .value {    width: 60%;  }
.text-danger, .text-red {    color: #ff5b57 !important;}
.summary-container .summary-row.total {    border-top: 1px solid #c5ced4;    margin-top: 10px;    font-size: 16px;    font-weight: 600;    margin-bottom: 0px;}
#carrito_totales{ width: 50%; margin:  auto; text-align: right; font-family: 'Roboto', sans-serif;    font-size: 16px;    color: #929497; margin-bottom: 30px;}
.carrito_totales{ width: 50%; margin:  auto; text-align: right; font-family: 'Roboto', sans-serif;    font-size: 16px;    color: #929497; margin-bottom: 30px;}
#carrito_totales .bon{ color: #ec1c24 ;}
#carrito_totales .sub, #carrito_totales .bon, #carrito_totales .tot{ padding-bottom: 5px;}
#carrito_totales .tot{ padding-top: 5px; border-top: solid 1px #dee2e6; color: #000; text-transform: uppercase; font-weight: bold }
.valores{  width: 200px !important; display: inline-block}
#gen_pres{margin-top: 15px; background: #f16623; border: none;}
#gen_pres:hover{background: #aa431a; }
 .cart-total input, .cart-price input{ width: 100%;}

/* FIN CARRITO */

.header_carrito{
     height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      vertical-align: center;
      padding: 2px 0.90rem;
      position: absolute;
      right: 0px;
      z-index: 3000;
  }  

   .header_carrito a{  color: #f26522;   }  


@media only screen and (min-width: 768px){
    .primary-logo .stance-logo-desktop {
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      vertical-align: center;
      padding: 2px 0.90rem;
    }

  


  .primary-logo .stance-logo-desktop {
      width: 10rem;
  }

  .primary-logo .stance-logo-desktop img {
    vertical-align: center
  }   

}


@media (max-width: 1500px) {

          .panel .prod_color{
          width: 20px;
          height: 20px;
          margin-right: 15px; 
        }

     
}

@media (max-width: 1380px) {

        .tile-content h2{ 
        font-size: 30px !important;  
        }


        .tile-row .tile {
        /* width: 33.3%;       */
        width: 25%;      
        }



        .newslatter{
        padding: 30px 0; 
        width: 100%;  

        }


        /*  LIGHT SLIDER    */
        #image-gallery h3{  
        margin-left: 120px; 
        font-size: 90px;
        line-height: 70px;                   
        }

        .product-data .product-info-module.largo{ width: 50%; }
        .product-data .product-info-module.corto{ width: 50%; }

         .panel .prod_color{
          width: 20px;
          height: 20px;
          margin-right: 10px; 
        }




}

@media (max-width: 1000px) {

        .nosotros{   
        width: 50%;    
        }


        .contacto{     
        width: 50%;
        }


        .newslatter{
        padding: 30px 0; 
        width: 100%;   
        }

        .news-input{
        width: 100%;
        float: left;   
        }

        .newslatter form{
        width: 100%;
        margin-top: 10px;
        }


        .redes{
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 20px;
        }

        .footer-menu{
        width: 100%;
        float: none;
        text-align: center;
        }

        .tile-content h2{ 
        font-size: 20px !important;  
        }

        .nosotros{
        float: none;
        width: 100%;
        border-right: none;
        padding-right: 0px;
        text-align: justify; 
        }


        .contacto{
        float: none;    
        width: 100%;
        padding: 0 0;
        margin-top: 30px; 
        text-align: center;
        }


        /*  LIGHT SLIDER    */
        #image-gallery h3{  
        bottom: -50px;  
        margin-left: 100px; 
        font-size: 80px;
        line-height: 65px;                  
        }

        .product-data h4{ font-size: 40px; margin-bottom: 5px;  }
        .product-data .product-info-module{ text-align: justify; float: left; border-top: none; min-height: 100px; padding-top: 0px; }
        .product-data .product-info-module.largo{ width: 100%; }
        .product-data .product-info-module.corto{ width: 100%; }


       
        .panel .prod_color{
          width: 16px;
          height: 16px;
          margin-right: 10px; 
        }

        .table{ width: 95%; }
        #carrito_totales{ width: 95%; }
        .table .numeros{width: 80px;} 
       
        .category-banner-top h2{
  line-height: 70px;
  /* font-size: 70px; */
 
}

.pdp-main .product-image-container .image-grid a {
    width: calc(100% - 6px);
}

}

@media (max-width: 767px) {
.product-tile .product-price .nombre {  display: block; margin-bottom: 5px;   font-size: 0.90rem; }
.product-tile .product-price .peso_aprox {   display: block;  font-size: 0.70rem;   }
.product-tile .product-price .color_n {    font-size: 0.90rem !important;   }
.product-tile .product-price .precio {    font-size: 1.00rem !important;   }
.product-tile .product-price .peso {    font-size: 0.70rem !important;   }

.category-banner-top .todos {
    font-size: 5vmin;
    line-height: 50px; 

}

.no-sub-nav{cursor: pointer;}


.numero{ 
  font-size: 15px;
  width: 30px;
  height: 30px;
  border-radius: 25px;
  top: 10px;
  left: 10px;
}



      .header_carrito{
     height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      vertical-align: center;
      padding: 2px 0.90rem;
      position: absolute;
      right: 0px;
  }  

    .header_carrito a{  color: #f26522;  }  


          .category-banner-top{
          height: 150px;
        }

        .stance-logo-desktop{   
        margin-top: 0px;
        margin-bottom: 0px;
        vertical-align: middle;
        }

        #navigation{ margin-top: 0px; }

       

        #navigation .menu-category{ margin-top: 0px; }


        .footer-left-logo img{ padding-bottom: 15px; }

        .pdp-main .product-detail.product-detail-title {  padding: 1.5625rem 1.9375rem 1.9375rem;}
        .pdp-main #product-content .product-variations li.attribute, .pdp-main .product-set-details .product-variations li.attribute {    margin-top: 0rem;}


        /*  LIGHT SLIDER    */
        #image-gallery h3{  
        bottom: 0px;  
        margin-left: 70px; 
        font-size: 35px;
        line-height: 30px;                  
        }
        .lSAction > a {
        width: 50px !important;    
        top: 50%;
        height: 50px !important;    
        background-size: 50px 50px !important;
        margin-top: -16px; 
        }

        .lSSlideOuter .lSPager.lSpg > li a {       
        height: 10px !important;   
        width: 10px !important;   
        }

        .lSSlideOuter .lSPager.lSpg {   
        bottom: 20px !important;
        }

        .product-data img{ width: 100% }
        .product-data h4 { line-height: 37px; }



        #productos .prod_banner{ display: none}
        #productos .prod_banner_mb{ display: block}
        #productos .plp-category-title{
        font-family: 'AlternateGothic2 BT' !important, sans-serif;
        font-weight: 400 !important;
        font-size: 50px ;
        text-transform: uppercase;
        text-align: center; 
        padding: 0px;
        }


        .panel .prod_color{
          width: 14px;
          height: 14px;
          margin-right: 6px; 
        }

         .product-tile .product-name a h3 span{ margin-left: 0px; display: block}

         .product-data .product-info-module.desc{ width: 100%; padding-bottom: 0px; }
          .garantia{ padding-top:  0px; width: 150px; float: right;}

          #header-utils{  margin-top: 10px;}

#header-utils .header-util-item a.mini-cart-link svg,  #header-utils .header-util-item .toggle-search-form svg  {
    width: 20px;
    height: 20px;
    

}     

.header-reorder #header-utils .header-util-item, .header-reorder #header-utils .header-util-item.header-search-control{
  width: 50px;
  position: relative;
  float: right;

}


#logeado{ 
padding-right: 15px;
padding-top: 3px;

}

#logeado span{ padding:  5px; min-height: 10px; font-size: 16px; font-family: 'AlternateGothic2 BT', sans-serif; margin-left: 20px;   }
#logeado button{ padding:  3px; min-height: 10px; font-size: 12px; font-family: 'AlternateGothic2 BT', sans-serif; margin-left: 10px;   }



.table .linea{  font-size: 10px; }
.table .nombre{  font-size: 14px;  height: 15px; margin-top: 0px; }
.table .color{ height: 15px; margin-top: 0px; font-size: 14px;}


.tile-row .tile {
width: 50%;      
}

#navigation{width: 60px !important; height: 75px !important; position: absolute; z-index: 4000;}

nav#navigation .header-menu-toggle {
    border: none;
    outline: none;
    margin: 0;
    cursor: pointer;
    /* background: none; */
    padding: 0;
    min-height: 0;
    height: 100%;
}
nav#navigation .header-menu-toggle .toggle-button-icon {
    display: block;
    position: relative;
    width: 28px;
    height: 2px;
    cursor: pointer;
    background: #000;
    border-radius: .125rem;
}
nav#navigation .header-menu-toggle .toggle-button-icon::after, nav#navigation .header-menu-toggle .toggle-button-icon::before {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    background: #222;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
}




.menu-container{z-index: 8000 !important;}


.category-banner-top h2{
  line-height: 70px;
 
}

.carrito_totales{ width: 90%; }
 .categ_btn a{ 
  font-size: 2.5vw;
  }
  .categ_btn a:nth-child(2){  margin-right: 20px; margin-left: 15px; }
  .banner{ width: 100%;}

   .contenedor_btn_head{display: none}
   .contenedor_nuevo{ width: 100%;}

.cont a, .cont p{    font-size: 14px;}

.seguinos{  font-size: 20px;  padding: 50px 0;    }
.pedido{padding: 50px 0; }
.pedido h3{  font-size: 20px;}
.pedido p{    font-size: 25px; }
.pedido i{    font-size: 45px; }

.categ_btn{padding: 40px 0; }
.categ_btn h3{margin-top: 0px }

.destacados {width: 95%}
.destacados p{line-height: 20px;}

.local .img{ width: 100%; float: left; padding: 2vw; }
.local .img:first-child{ border: none}


}

.pc{ display: inline !important}
.cel{ display: none !important}



.nombre_c{margin-bottom: 5px; margin-top: 5px}





@media only screen and (min-width: 768px) and (min-width: 960px){

  .plp-content .refinements {   width: 17rem;}


.product-detail{border: none !important;}
.pdp-main .product-image-container .image-grid {    display: inline !important;   }
.pdp-main .pdp-top .product-image-container {
    width: 50%;
}
.product-detail-options{display: inline !important; position: relative; background: blue; width: 100%;}
.product-title{display: inline !important;  position: relative; background: red; width: 100%;}
.pdp-main .pdp-top .product-detail {    display: inline;}


}




 @media only screen and (max-width: 767px){
  .pdp-breadcrumb {  display: flex;}

  #left-menu h3 {   font-size: 20px; text-align: center}
  #left-menu .accordion::before {
    font-size: 15px;
    margin-right: 5px;
  }
  .accordion{ border: solid 1px #ccc; padding: 10px !important; width: 80% !important; margin: auto; margin-bottom: 10px !important;}

  body {
    font-size: 14px;
    font-size: 1.5rem;
    font-size: 1rem;
  }


  .plp-grid-content #search-result-items .grid-tile {
    width: 50%;
  
}
.categ_cont{ width: 50%; padding: 5px; }
  
#left-menu .panel, #bag .panel {
   padding: 0 0px;
}
.panel{width: 100%; margin: auto;}
#left-menu .panel a {
    width: 50%;
    float: left;
    height: 180px;
    position: relative;
}
#left-menu .panel a img {  }


  #left-menu .accordion, #bag .accordion{ margin: auto; }




 .menu-category .mobile-menu-header, li.active>.menu-item-toggle {
           font-family: 'GothamBook' !important, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
    }




.carteles{ width: 100%;  }

.pc{ display: none !important }
.cel{ display: inline !important}

.categ_btn a{  font-size: 4vw;  }
.categ_btn h3{ margin-bottom: 20px }
.banner{padding-top: 10px; padding-bottom: 10px;}
.destacados h3{ margin-top: 10px; }
.destacados p{ font-size: 18px; }
.color_n{font-size: 14px; line-height: 14px;}
.info{margin-bottom: 0px; font-size: 14px}
.nombre_c{line-height: 14px; font-size: 18px;}
.cont a, .cont p{font-size: 20px; line-height: 20px;}
.cont h3{margin-top: 15px;}
.destacados h3{font-size: 50px;}



.product-detail .product-name{font-size: 30px !important;}

}