@import url(libs/normalize.css);
@import url(libs/bootstrap.min.css);

@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
body{
    font-family: 'Raleway', sans-serif;
  
}
/*COOKIES*//*COOKIES*//*COOKIES*//*COOKIES*//*COOKIES*//*COOKIES*//*COOKIES*/
#cookies { width: 100%; background: rgba(25, 25, 25, 0.9); padding: .5em 0; position: fixed; z-index: 99999; bottom: 0; left: 0px; }

.message { width: 100%; max-width: 60em; height: 100%; padding: 0 2%; margin: 0 auto; }

.message::after { display: block; content: ""; clear: both; }

.text_cookies { display: inline-block; font-family: "HelveticaNeueLTProThEx", sans-serif; font-size: 0.875em; font-style: normal; color: #fff; line-height: 1.5em; text-transform: none; text-align: left; }

.text_cookies { margin: 10px 0 0; }

.btn-aceptar {color:black; display: inline-block; width: auto; float: right; padding: 0.5em 1em; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; text-decoration: none; }
/*COOKIES*//*COOKIES*//*COOKIES*//*COOKIES*//*COOKIES*//*COOKIES*//*COOKIES*/
*:focus, *:active{
  outline:none;
}

a{text-decoration: none; color: black;}
a:hover{text-decoration: none; color: #cd033f;}
.bot30{vertical-align: -30px;}
.banner img{max-width: 100%;}

.form-group{margin-bottom: 0px;}
.form-group div.error{display: none; background: #CD033F; color: #fff; border-radius: 0.2em; text-align: center; padding:0.3em;}
.subfooter{font-size: 12px;}

ul{padding: 0}
.btn{border-radius: 0;}

#preloader{font-size: 2em; color:#CD033F;} 
.mtop2{margin-top: 2em;}
.centered{text-align: center;}
.lefted{text-align: left !important;}
.m1{margin: 1em auto;}
.logo img{max-width: 100%; margin:0 auto;}
.red{ color:#CD033F;}
.modal-title{color: #CD033F; text-align: center;}
.nopadding{padding:0;}
.selector .dropdown-menu li{cursor: pointer;}
.modal-content{border-radius: 0;}
a.button{  padding: 1em 3.5em; background: #CD033F; color: white;border: 2px solid #CD033F; }
a.button:hover{background: white; color: #CD033F; border: 2px solid #CD033F;}
.js_remove-cesta{cursor: pointer;}
.svg{width:30px;}
.svg:hover path{
 fill: #CD033F;   
 stroke: #CD033F;
}
.mtop1{margin-top: 1em}

.not_mobile.number{position: absolute; top: 10%; right:20%; font-size: 12px; color: white; background: #CD033F; width:20px; height: 20px; border-radius: 10px; line-height: 20px;}
.mobile.number{position: absolute; top: 10%; right:0%; font-size: 12px; color: white; background: #CD033F; width:20px; height: 20px; border-radius: 10px; line-height: 20px; text-align: center;}


.nav-item.red a{color: #CD033F !important}


a.cta_comprar{background: #CD033F; color: #fff; border:1px solid #CD033F; padding: 1em }
a.cta_comprar:hover{background: white; color: #CD033F;  ; border:1px solid #CD033F; padding: 1em    }

.btn-group.widther{width: 100%;}

.menu{padding-top: 2em;}
.menu div{text-align: center;}

.redes img{max-width: 30px; }

.navbar{padding: 0.5em 0;}
.navbar ul li{list-style: none;}
.navbar ul.menu li{text-align: center; vertical-align: 2em}
.navbar ul.menu li a{text-decoration: none; color:#000; font-weight: 600 !important}
.navbar ul.menu li a:hover{color:#CD033F;}
.valign{line-height: 70px}
/*.max-container{max-width: 1280px; margin: 0 auto;}*/

.navbar li.logo{text-align: center;}
.navbar li.logo img{max-width: 100%; margin:0 auto;}


.navbar div.session{font-size: 1em; /*float: right;*/}
.navbar div.session div{
  padding:0;
}
.navbar div.session li a{color: #666; font-size: 1em; }
.navbar .container{
  padding:0;
}

.navbar  .container .logo{
  padding-top: 0.6em;
}
.navbar  .container .logo img{
    max-width: 100%;
}
.js_show-cart{cursor: pointer; color: #CD033F; font-size: 1em; }
.js_show-cart{
  position:relative;
  top:-10px;
}
.js_show-cart img{width:30px;}
.js_show-login{cursor: pointer;}
.js_show-login:hover{color: #cd033f;}

.js-show-cart:hover{opacity: 0.4}
 .navbar .burger{
      display:none;
      width: 45px;
      cursor:pointer;
     /*border:1px solid red;*/
    }
 .navbar .burger .line{
  height:4px;
  width: 100%;
  background:#7d716e;
  margin-bottom: 0.7em;
  transition:all 0.3s ease-out;
  position:  relative; 
  left:0; 
}
.navbar .burger .line.line-3{
    margin-bottom: 0;
}
.navbar .burger.open .line-2{
    opacity:0;
    left:100%;
} 
.navbar .burger.open .line-1{
  transform:rotate(-40deg);
  transform-origin: right center;
  left:-6px;

/*  top:10px;*/

}
.navbar .burger.open .line-3{
  transform:rotate(40deg);
  transform-origin: right center;
  left:-6px;
  top:2px;

  /*top:-7px;*/

}
/*//////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:1200px){
    .navbar a{
      font-size:11px;
    }
    .navbar  .container .logo{
      padding-top: 1em;
    }
    
   
   
}
@media screen and (max-width:991px){
 .navbar .burger{
      display:block;
      position: absolute;
      left: 25px;
      top:35px;
      z-index:  999;
    }
  .navbar .burger-container{
      display:none;
     }
  .navbar .redes{
      text-align: center;
     }
  .navbar .menu{
        padding-top:0;
    }
  .navbar .nav-item{
      margin-bottom: 1em;
      font-weight: 400 !important;
    }
  .navbar .js_show-cart{
      position: absolute; 
      right: 20px;
      top:35px;
      z-index: 999;
  }
}

@media screen and (max-width:480px){
  .navbar  .container .logo{
    padding-top: 1.8em;
  }
    .navbar  .container .logo img{
      max-width:105px; 
    }
}

.slickslider{max-width: 1200px; margin:0 auto;}
.carousel-inner{overflow: visible;}
.item img{width: 100%;}
.item img.destacado{position: absolute; max-width:50%; bottom: -5em; left: 25%;width: auto;}
.item a.button{ position: absolute; bottom: 20%; right: 10%; padding: 1em 3.5em; background: #CD033F; color: white;border: 2px solid #CD033F; }
.item a.button:hover{background: white; color: #CD033F; border: 2px solid #CD033F;}
.carousel-indicators{top: 10px; height: 30px;}

.cabecera_slick button.slick-arrow.slick-next {
    right: -100px;

}
.cabecera_slick button.slick-arrow.slick-prev {
    left: -100px;
}
.cabecera_slick .slick-arrow{width:100px !important; height: 100px !important;}
.cabecera_slick ul.slick-dots{bottom: -1px !important}
.cabecera_slick ul.slick-dots li button::before{font-size: 17px !important;}
/*
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  width:100%;
  outline:none;

}
.carousel-fade .carousel-inner .active {
-webkit-transition-property: opacity 0.5s;
  -moz-transition-property: opacity 0.5s;
  -o-transition-property: opacity 0.5s;
  transition-property: opacity 0.5s;
  
  opacity: 1;
}
.carousel-fade .carousel-inner .active:focus, #slick:focus{
  outline:none;
  border:none;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

*/
.panel{box-shadow: none;}
.panel-title{border-bottom:1px solid #CD033F; padding-bottom: 1em; }


section.row.slideproducts{margin: 2em 0;}
h2.title{text-align: center; font-weight: 200; font-size: 1.7em}
.bordertitle{border-top: 1px solid #CD033F; margin:0.5em 0 1.5em 0;}

h3{text-align: center; font-weight: 300; font-size: 1.6em}


section.row.slideproducts div{text-align: center;/*outline: none;overflow:hidden;*/}


@media screen and (max-width: 1400px){
    .cabecera_slick button.slick-arrow.slick-next {
    right: -50px;

}
    .cabecera_slick button.slick-arrow.slick-prev {
    left: -50px;
      }
}
@media screen and (max-width: 1300px){
    .cabecera_slick button.slick-arrow.slick-next {
    right: 0px;

}
    .cabecera_slick button.slick-arrow.slick-prev {
    left: 0px;
      }
}
@media screen and (max-width: 768px){
    .cabecera_slick button.slick-arrow.slick-next,
    .cabecera_slick button.slick-arrow.slick-prev {
    display: none!important;
      }
}
@media screen and (min-width:767px ) and (max-width: 992px){
  .tienda div.other_cta.js_remember-stock{
    padding-left: 0.5em;
   }
  .js_remember-stock a{
    font-size:12px;
  }
}
@media screen and (max-width: 992px){

section.row.slideproducts div.category span, section.row.slideproducts div span{
  /*position:relative;*/
  top:-10px;
  font-size: 16px;
}
section.row.slideproducts .cargaproductos div span{
  position:relative;
  top:-10px;
  font-size: 16px;
}
}
section.row.slideproducts h3{font-size: 1.2em; }

/*comunes cajas*/
.cargaproductos div.col-sm-2 {padding: 1em 0; margin:1em 0;}
.cargaproductos div.col-sm-2{position: relative;}
.cargaproductos div.col-sm-2 div.heithimage, 
.cargaproductos div.col-sm-2.active div.heithimage, 
.cargaproductos div.col-sm-2:hover div.heithimage{
  cursor:pointer;margin: .5em auto; 
  background-size: contain; 
  height: 80px; 
  background-repeat: no-repeat; 
  background-position: center center;}

.cargaproductos div.col-sm-2:hover div.heithimage{
  background-size: auto 90%;
}

.hovered{position: absolute; bottom: -14%; width: 100%; text-align: center; font-size: 2em; display: none;}

.cargaproductos div.col-sm-2:hover .hovered, .cargaproductos div.col-sm-2.active .hovered{
  display:block;
}







/*anticaida*/
.cargaproductos .anticaida{
  border: 2px solid white;
  border-bottom: 2px solid #CD033F ;
}
.cargaproductos .anticaida.active, .cargaproductos .anticaida:hover{
  border: 2px solid #CD033F ;
  color: #CD033F;
}
.cargaproductos .anticaida div.heithimage{
  background: url('../img/iconos/anticaida.svg')
}
.cargaproductos .anticaida.active div.heithimage, .cargaproductos .anticaida:hover div.heithimage{
  background: url('../img/iconos/anticaida-hover.svg')
}

/*grasa*/
.cargaproductos .grasa{
  border: 2px solid white;
  border-bottom: 2px solid #0069AB ;
  transition: all 0.5s;

}
.cargaproductos .grasa.active, .cargaproductos .grasa:hover{
  border: 2px solid #0069AB ;
  color: #0069AB;
}
.cargaproductos .grasa div.heithimage{
  background: url('../img/iconos/grasa.svg');
  transition: all 0.5s;
}
.cargaproductos .grasa.active div.heithimage, .cargaproductos .grasa:hover div.heithimage{
  background: url('../img/iconos/grasa-hover.svg')
}


/*caspa*/
.cargaproductos .caspa{
  border: 2px solid white;
  border-bottom: 2px solid #018651 ;
  transition: all 0.5s;

}
.cargaproductos .caspa.active, .cargaproductos .caspa:hover{
  border: 2px solid #018651 ;
  color: #018651;
}
.cargaproductos .caspa div.heithimage{
  background: url('../img/iconos/caspa.svg');
  transition: all 0.5s;

}
.cargaproductos .caspa.active div.heithimage, .cargaproductos .caspa:hover div.heithimage{
  background: url('../img/iconos/caspa-hover.svg')
}


/*cuidado*/
.cargaproductos .cuidado{
  border: 2px solid white;
  border-bottom: 2px solid #71C5D0 ;
    transition: all 0.5s;

}
.cargaproductos .cuidado.active, .cargaproductos .cuidado:hover{
  border: 2px solid #71C5D0 ;
  color: #71C5D0;
}
.cargaproductos .cuidado div.heithimage{
  background: url('../img/iconos/cuidado.svg');
    transition: all 0.5s;

}
.cargaproductos .cuidado.active div.heithimage, .cargaproductos .cuidado:hover div.heithimage{
  background: url('../img/iconos/cuidado-hover.svg')
}

/*reparacion*/
.cargaproductos .reparacion{
  border: 2px solid white;
  border-bottom: 2px solid #F08909 ;
    transition: all 0.5s;

}
.cargaproductos .reparacion.active, .cargaproductos .reparacion:hover{
  border: 2px solid #F08909 ;
  color: #F08909;
}
.cargaproductos .reparacion div.heithimage{
  background: url('../img/iconos/reparacion.svg');
    transition: all 0.5s;
}
.cargaproductos .reparacion.active div.heithimage, .cargaproductos .reparacion:hover div.heithimage{
  background: url('../img/iconos/reparacion-hover.svg')
}


/*hair_hair*/
.cargaproductos .hair_hair{
  border: 2px solid white;
  border-bottom: 2px solid #6F5FAA ;
    transition: all 0.5s;

}
.cargaproductos .hair_hair.active, .cargaproductos .hair_hair:hover{
  border: 2px solid #6F5FAA ;
  color: #6F5FAA;
}
.cargaproductos .hair_hair div.heithimage{
  background: url('../img/iconos/hair-to-hair.svg');
    transition: all 0.5s;

}
.cargaproductos .hair_hair.active div.heithimage, .cargaproductos .hair_hair:hover div.heithimage{
  background: url('../img/iconos/hair-to-hair-hover.svg')
}
 .mobile{display: none}


@media screen and (max-width:767px ){

  .cargaproductos div.col-sm-2 .hovered{display: none;}
  .cargaproductos div.col-sm-2:hover .hovered{display: none;}
   .cargaproductos div.col-sm-2:focus .hovered{display: none;}
   .cargaproductos div.js_filtra_products.active .hovered{display: none}
.cargaproductos div.col-sm-2{padding: 0em; float: left; width: 46%; margin: 0.3em;}
  .cargaproductos div.col-sm-2 div.heithimage{
    display: none;
  }
  .cargaproductos .anticaida{
        border: 2px solid #CD033F;
  }
  .cargaproductos .grasa {
    border: 2px solid #0069AB;
  }
   .cargaproductos .caspa {
    border: 2px solid #018651;
  }
   .cargaproductos .cuidado {
    border: 2px solid #71C5D0;
  }
     .cargaproductos .reparacion {
    border: 2px solid #F08909;
  }
     .cargaproductos .hair_hair {
    border: 2px solid #6F5FAA;
  }

  .mobile{display: block}
  .not_mobile{display: none;}
.cargaproductos div.col-sm-2{max-height: 30px; line-height: 1}
}

.productoscargados figure img{max-width:100%; text-align: center !important;}
.productoscargados figure span{font-size: 1.7em;font-weight: 400;display: block;margin-top: 0.5em;}

.productoscargados div.producto{min-height: 400px;position: relative;margin-bottom: 2em;}
.productoscargados div.producto h3{min-height: 55px;}
.productoscargados div.producto figure img{max-width:140px; ;}
.productoscargados div.cta_comprar{ left:0px;  cursor:pointer; margin-top: 1.5em; border: 2px solid #fff;  margin: 1.2em 0; background: #CD033F; padding: 1em 0; transition:all 0.2s ; /*position: absolute;*/ bottom: 0px; width:100%;}
.js_add-to-cart{  color: white;}
.js_add-to-cart:focus{
  outline: none;
}
.productoscargados div.other_cta{ left:0px;   margin-top: 1.5em;  margin: 1.2em 0; padding: 0.9em 0; transition:all 0.2s ; /*position: absolute;*/ bottom: 1px; width:100%;}

.productoscargados.slickhome img{max-height: 140px !important;}

.productoscargados div.cta_comprar:hover{background: white; margin-top: 0.8em; box-shadow: 0.3em 0.3em 0.5em rgba(0,0,0,0.3);  border: 2px solid #cd033f; }
.productoscargados div.cta_comprar:hover a{color: #CD033F;}
section.tienda.ficha .productoscargados div.cta_comprar:hover{
  margin:0!important;
  top:0px;
}

figure img { text-align: center !important; margin:0 auto; max-height: 180px !important; }


/*PROMOCIONES*/
.promociones_home {position: relative; display: block}
.promociones_home div.mtop2{margin-top: 2em;}

.promociones_home div img{max-width:100%; margin: 0 auto;}

.promotion_home{padding: 0.5em; transition: all 0.3s; border-top:1px solid #fff;}
.promotion_home h2{color: #CD033F; text-align: center; font-weight: 300; font-size: 1.4em}
.promotion_home p{text-align: center;}
.promotion_home:hover{border-top:1px solid rgba(205,3,63, 1); color: white; padding:0.5em;}
.promotion_home:hover > p{color: black}
.promotion_home:hover > img{border-radius: 0.3em;}
/*
 __    ____  __  _____   __        __    ___   _      ___   ___    __
/ /`  | |_  ( (`  | |   / /\      / /`  / / \ | |\/| | |_) | |_)  / /\
\_\_, |_|__ _)_)  |_|  /_/--\     \_\_, \_\_/ |_|  | |_|   |_| \ /_/--\
*/
.cesta .top-title{
  border-bottom:1px solid #CD033F;
  padding-bottom: 1em;
}
.cesta .top-title, .cesta .title-cesta{
  font-size: 19px;
  font-weight: 600;
}
.cesta .cesta-top{
/*  margin-bottom:6em*/;
}
.cesta .product-include{
  margin-bottom:3em;
}
.cesta .product-include:nth-last-child(1){
  margin-bottom: 0;
}
.cesta .title-cesta, .cesta .end-amount{
  margin-top:0.5em;
}
.cesta .titles{
  position:  relative;  
  top:40px;
}
.cesta .product-title{
  font-weight:300;
  font-size:19px;
}
.cesta .product-amount{
  font-size: 19px;
  position:   relative; 
  top:130px;
  color:#2e2e2e;
  font-weight:400;
}
.cesta .product-amount-end{
   font-size: 19px;
  position:   relative;
  top:92px;
   color:#2e2e2e;
   font-weight: 400;
}
.cesta .btn-group {
    border: 1px solid #aeaeae;
    position:relative;
    top:100px;
}
.cesta .fa-trash{
  position:relative;
  top: 45px;
}
.cesta .promo-title{
  text-transform:  uppercase; 
  font-size: 19px;
}
.cesta .promo .code-container input{
  width: 100%;
}
.cesta .promo .code-apply{
  cursor:pointer;
  background: #CD033F;
    border: 2px solid #CD033F;
    color: white;
   height: 26px;
   padding-top: 2px;
}
.cesta .promo .code-apply:hover{
  color:#CD033F;
  background:#fff;
}
.cesta .cesta-summary{
  margin-top:  2em;
}
.cesta .end-amount{
    font-size: 19px;
  color:#2e2e2e;
  font-weight:400;
}
.cesta .end-amount.total{
  color:#CD033F;
}

.cesta .promo_price{
  position:relative;
  top:-20px;
}
@media screen and (max-width:991px){
    .cesta .top-title, .cesta .title-cesta {
    font-size: 16px;
    font-weight: 600;
}
}
@media screen and (max-width:767px){
    .cesta .product-amount{
      top:0;
      line-height: 1.7em;
    }
    .cesta .btn-group{
      top:0;
      z-index:99;
      /*line-height:1em;*/
    }
    .cesta .btn-group:after{
    /*  content:"";
      width: 100%;
      height:1px;
      background:red;
      display: block;
      top:  50px;
      position:  relative;  
      pointer-events: none;
    */}





    .cesta .units{
      line-height: 3.6em;
    }
    .cesta .product-amount-end{
      top:0;
      line-height: 1em;

    }
    .cesta .cart-item-last{
      top:0;
    }
    .cesta .cart-item-last .js_remove-cesta{
      line-height: 1em;
    }
    .cesta .product-include{
      margin-top:12em;
    }
    .cesta .product-include.product-1{
      margin-top: 3em;    
    }
    .cesta .promo{
      width:80%;
      margin:0 auto;
     /* margin-top:12em;*/
      text-align: center;
    }
     .cesta .promo .promo-title{
      text-align: center;
     }
    .cesta .promo .code-container{
      margin-bottom:2em;
    }
       .cesta .cesta-summary .title-cesta{
        text-align:right;
       }
.cesta .pintapromos{
  margin-top: 2em;
}

}
@media screen and (max-width: 480px){
  .cesta .cesta-summary .title-cesta{
        text-align:center;
       }
}




/***********************************************************/
/*cesta modal*/

  #cart .modal-dialog .modal-content{border-radius: 0;}
  #cart .productos_de_cesta{padding: 0 1em;}
  #cart .modal-title{color: #CD033F; text-align: center;}
  #cart .js_remove-cesta i{color: #CD033F; font-size: 2em; cursor: pointer;}
  #cart .cesta_productos {border-bottom: 1px solid #ededed; padding-bottom:1em;}
  #cart .cesta_totales {font-size: 1.2em;}
  #cart .subtotal_cesta{font-size: 1.7em; line-height: 0em;}
  #cart .not_cta{ background: #959595; }
  #cart .cta_comprar{background: #CD033F;  }
  #cart .cta_comprar:hover{background: white; color: #CD033F;    }
  
  #cart .modal-footer a, #cart .modal-footer{text-align: center}
  #cart .modal-footer a, #cart .modal-footer button{border:none; border-radius: 0; padding: 1em 1.5em; color: white; min-width: 40%; margin: 0.4em 0.5em;}
  #cart .img_cesta img{max-width: 100%;}

.btn-group{border:1px solid #aeaeae;}
.btn{background:#fff;}
.btn.dropdown-toggle{color: white; background: #AEAEAE;}


/*LOGIN MODAL*/

  #login .modal-dialog .modal-content{border-radius: 0;}
  #login .productos_de_cesta{padding: 0 1em;}
  #login .modal-title{color: #CD033F; text-align: center;}
  #login .not_cta{ background: #959595; }
  
  #login .modal-footer a, #login .modal-footer{text-align: center}
  #login .modal-footer a, #login .modal-footer button{border:none; border-radius: 0; padding: 1em 1.5em; color: white; min-width: 40%; margin: 0.4em 0.5em;}
  #login .img_cesta img{max-width: 100%;}

  /* reset pass*/
  #resetpass .modal-dialog .modal-content{border-radius: 0;}
  #resetpass .productos_de_cesta{padding: 0 1em;}
  #resetpass .modal-title{color: #CD033F; text-align: center;}
  #resetpass .js_remove-cesta i{color: #CD033F; font-size: 2em; cursor: pointer;}
  #resetpass .cesta_productos {border-bottom: 1px solid #ededed; padding-bottom:1em;}
  #resetpass .cesta_totales {font-size: 1.2em;}
  #resetpass .subtotal_cesta{font-size: 1.7em;}
  #resetpass .not_cta{ background: #959595; }
  #resetpass .cta_comprar{background: #CD033F;  }
  #resetpass .cta_comprar:hover{background: white; color: #CD033F;    }
  
  #resetpass .modal-footer a, #resetpass .modal-footer{text-align: center}
  #resetpass .modal-footer a, #resetpass .modal-footer button{border:none; border-radius: 0; padding: 1em 1.5em; color: white; min-width: 40%; margin: 0.4em 0.5em;}
  #resetpass .img_cesta img{max-width: 100%;}

.btn-group{border:1px solid #aeaeae;}
.btn{background:#fff;}
.btn.dropdown-toggle{color: white; background: #AEAEAE;}


  /*tienda*/

.tienda div.not_cta{ left:0px;  cursor:pointer; margin-top: 1.5em; border: 2px solid #000;  margin: 1.2em 0; background: white; padding: 1em 0; transition:all 0.2s ; float: left; width:49%;}
.tienda div.not_cta:hover{background: black; margin-top: 0.8em; box-shadow: 0.3em 0.3em 0.5em rgba(0,0,0,0.3);  border: 2px solid black; }
.tienda div.not_cta:hover{color: white;}
.tienda div.cta_comprar{position: relative; border:2px solid #cd033f; float: right; width:49%;}

.tienda div.producto{min-height: 415px;}
.tienda div.producto div.buttons{bottom:0px; position: absolute; width:100%;}
.tienda .row.buttons{padding: 0 1em;}
.tienda div.other_cta{width:49% !important; float: right; position: relative; padding:1em;}
.tienda.ficha div.other_cta{width:100% !important; float: right; position: relative; padding:1em;}

/*ficha*/
h1{font-weight: 200; padding: 0;}
.bordertitle.blue{border-top: 1px solid #ADD0E4; margin:0.5em 0 1.5em 0;}
h2.price{font-size: 3.5em; font-weight: 300; line-height: 0.7em;}

@media (max-width: 1200px){
  h2.price{
    text-align: center;
    font-size: 20px;
    margin-top: 30px; 
    font-weight: 300; 
    line-height: 0.7em;
  }
}
@media (max-width: 991px){
  h2.price{
    text-align: center;
    font-size: 20px;
    margin-top: 50px; 
    font-weight: 300; 
    line-height: 0.7em;
  }
}
div.qty{display: none;}
.panel i.fa{margin-left: 3em;}
.panel-body{text-align: left !important;}
.imagen_producto img{max-width: 100%;}
section.tienda.ficha div.cta_comprar {
    border: 2px solid #cd033f;
    float:none;
    position: relative;
    top:20px;
    margin:0;

    width:100%;
    transition:all 0.2s ease-out;
}
.precio_old{color: #959595; text-decoration:line-through; font-size: 1.5em;}
.img_pequena{margin: 0 auto}
.img_sec{cursor: pointer; transition: 0.5s all;}
.img_sec:hover{opacity: 0.5;}
/*relacionados*/
.related h4{text-transform: uppercase;}
.related .price_rel{font-size: 2em; }
.related div.not_cta{width:100%; float:none;}
.related div.not_cta{ left:0px;  cursor:pointer; margin-top: 1.5em; border: 2px solid #000;  margin: 1.2em 0; background: white; padding: 1em 0; transition:all 0.2s ; }
.related div.not_cta:hover{background: black; margin-top: 0.8em; box-shadow: 0.3em 0.3em 0.5em rgba(0,0,0,0.3);  border: 2px solid black; }
.related div.not_cta:hover{color: white;}


.other_cta a{ color: #959595}
.other_cta{width:100%; padding:1em 2em ; border: 2px solid #959595; cursor: pointer;  background: white; }
.other_cta:hover{width:100%; padding:1em 2em ; border: 2px solid #959595; background: #959595; color: white; }
.other_cta:hover a{color: white;}

/*pages*/
.avisos p{text-align: justify;}

/*footer*/
footer{margin-top: 2em;}
footer div.footer{background:#E4E4E4; padding: 2em 0;}
footer a:hover{color: #CD033F;}
.phone{color: #666; font-size: 1.4em}



/*formularios*/
.campos{border-radius: 0; border:1px solid #959595;}
button[type="submit"]{background: #CD033F; border: 2px solid #CD033F; color: white; width:100%; padding: 1em 2em; }
button[type="submit"]:focus, button[type="submit"]:active, button[type="submit"]:hover:focus, button[type="submit"]:visited, button[type="submit"]:focus:active{
  outline:none;
}
button[type="submit"]:hover{background: white; color: #CD033F;  border: 2px solid #CD033F; }
button[type="submit"].other_cta{width:100%; padding:1em 2em ; border: 2px solid #959595; cursor: pointer; background: white; color: #959595  }
button[type="submit"]:hover.other_cta:hover{width:100%; padding:1em 2em ; border: 2px solid #959595; background: #959595; color: white; }
button[type="submit"]:hover.other_cta:hover a{color: white;}

.btn-group{border:0px;}
.marcado{border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; border-left:1px solid #aeaeae;}
.marcado.error{border-top:1px solid #CD033F; border-bottom:1px solid #CD033F; border-left:1px solid #CD033F;}

input.error, textarea.error{border:1px solid #CD033F;}
div.error{color: #cd033f;margin-top: 2em;}


.sendAddress label.error{border-bottom: 1px solid #CD033F  }


/*prmociones*/
.otras_promos{background: url(../img/degradado_promos.png) repeat-y center center; background-size: 100%; margin-top:1em; margin-bottom:1em; padding:1em 0;   }
.otras_promos h3{color: #fff; line-height: 1em; margin: 0 auto;}



/*slick*/
button.slick-arrow::before{color: #959595;}
button.slick-arrow.slick-prev{left:-7px;}
button.slick-arrow.slick-next{right: -7px;}

@media screen and (max-width:992px){
  button.slick-arrow.slick-next{
    right: 15px;
    /*top:25%;*/

  }
  button.slick-arrow.slick-prev{
    left:15px;
    /*top:25%;*/
  }
}

@media (max-width: 480px){
  .tamano{display: none;}
}

/*checkboxes esepciales*/

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.5em; height: 1.5em;
  border: 1px solid #959595;
  background: #fff;
  border-radius: 0px;
  /*box-shadow: inset 0 1px 3px rgba(0,0,0,.1);*/
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .1em; left: .3em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  /*border-color: #bbb;*/
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  /*border: 2px dotted blue;*/
}

label{font-weight: 300}
label.error{border:0; color: #CD033F}

/* hover style just for information */
label:hover:before {
  /*border: 2px solid #4778d9!important;*/
}


.error[type="checkbox"]:not(:checked) + label:before{
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.5em; height: 1.5em;
  border: 1px solid #CD033F;
  background: #fff;
  border-radius: 0px;
  color: red
  /*box-shadow: inset 0 1px 3px rgba(0,0,0,.1);*/
}

.dropdown-toggle.error{background:#CD033F }

input[readonly="readonly"]{background: white;}

div.panel a[aria-expanded="true"]  div.panel-heading h4 i.fa-angle-down{
    -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}


.codigo  button.cta_enviar.btn-default.btn{background: #CD033F; color: #fff; border:1px solid #CD033F; padding: 0.2em; width: 100%} 
.codigo  button.cta_enviar.btn-default.btn:hover{background: white; color: #CD033F;  ; border:1px solid #CD033F; padding: 0.2em; width: 100%  }  


@media (max-width: 768px){
  section.cabecera a.button{display: none;}
  .productoscargados div.producto{min-height: 392px;position: relative;margin-bottom: 4em;}
  .slick-dots{display: none !important; }
  .cargaproductos.mobile{margin-top: 0;}
  .hovered{display: none !important;}
  iframe{width:100%;}
}

@media (max-width: 600px){
  iframe{max-height: 250px;}
}

@media screen and (max-width:400px){
.productoscargados div.producto{min-height: 380px;position: relative;margin-bottom: 4em;}
}
.btn-group .btn:first-child{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
.pagos label{max-width: 70%;}
.pagos img{max-width: 100%;}

form .widther button:first-child{width: 87%;}


.mobile .btn-group.open{z-index: 1000}
.search-content{
  text-align: right;
}
#search{border-bottom: 1px solid #cd033f; border-left: none; border-right:none; border-top: none;}
#buscador .modal-body div.row {display: flex; align-items: center;}
#buscador .modal-body div.row:hover{background: #efefef;}
#buscador .modal-body div.row{margin: 0.3em 0;}
#buscador .modal-body div.row div.col-md-2{text-align: left; padding-left: 0px; }
.product-detail-title{
  min-height:70px;
}
.product-detail-price{
  min-height:30px;
}
.product-detail-price .price_rel{
  font-size:18px;
}
@media screen and (max-width:991px){
.search-content{
  text-align: center;
  margin-top: 2em;
}
.search-content #search{
  width:95%;
  max-width: 250px;
}
}
@media screen and (max-width:590px){
.img-product-detail{
  min-height:250px;
}
.product-detail-title{
  min-height:30px;
}
.product-detail-price{
  min-height:30px;
}

.pedidos_realizados{padding: 0.4em 0;}
.pedidos_realizados.cabecera div{font-weight: bold;}
.col.separador{border-bottom: 1px solid #ededed;}
.pedidos_realizados:nth-child(even){background: rgba(209,49,56, 0.1);}
.pedidos_realizados div.precio{text-align: right;}

.pedidos_realizados:hover > div{font-weight: bold; }
.pedidos_realizados:hover{background: #ededed}