@charset "UTF-8";
/*RESET CSS*/
* {margin:0;padding:0;}
input,textarea,select {font-family: 'Open Sans', serif;}
input[type='radio'],
input[type='checkbox'] {margin:0;display:inline-block;}
textarea {font-family:'Open Sans', serif;;border:0;}

button {cursor:pointer;}

.clear {clear:both;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;vertical-align:top;background: transparent;background-repeat:no-repeat;}
input,button {background-repeat:no-repeat;padding:0;border:0;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
.clear {clear:both;}
.fort{font-weight: 300;}
.fort-max{font-weight: 400;}
.slim{font-weight: 300;}
.lessletter{font-size:14px;}
.littleletter{font-size:16px;}
body{font-family: 'Open Sans', serif; letter-spacing:1px }
h1, h2, h3{font-weight: inherit}


.din{font-family:'DIN Alternate Bold';}

.contenido{width:100%; max-width: 100%; margin:0 auto; position: relative}
.main{width:100%; max-width: 1120px; margin: 0 auto; position: relative}


.navbar{height: 110px; padding-bottom: 0px!important}
.navbar .navbar-nav .nav-item{ position: relative}
.navbar .navbar-nav .nav-item .nav-link{text-transform: uppercase; font-size: 11px; font-family: 'Open Sans', serif; text-align: center; padding:0px 20px; line-height: 15px; color:#707070; border-bottom: 2px solid transparent; padding-bottom: 5px}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.selected{color:#8F183A; font-weight: 600; border-bottom: 2px solid #8F183A}
.navbar .navbar-nav .nav-item .nav-link .fa-shopping-cart{font-size: 15px}
.navbar-brand{padding-right: 10px; padding-bottom: 0px!important}
.navbar-nav, #navbarSupportedContent{position: relative}
.menu_contenido{position: absolute; display: none; padding-top:20px}
.menu_contenido .productos{padding-top: 60px}
.menu_contenido .item{cursor: pointer; color:#5B5B5B; font-size:12px; text-transform: uppercase; line-height: 17px; padding-bottom:10px }
.menu_contenido .item:hover, .menu_contenido .item.selected{color:#8F183A; font-weight: 600}
.menu_contenido .submenu2{display: none}

.menu_contenido .submenu2 .producto{padding: 0px 10px; display: inline-block;text-align: center; cursor: pointer}
.menu_contenido .submenu2 .producto a{text-decoration: none}
.menu_contenido .submenu2 .producto a:hover > .txt{color:#8F183A}
.menu_contenido .submenu2 .producto .img{padding-bottom: 20px; margin: 0 auto; max-width: 100px}
.menu_contenido .submenu2 .producto .txt{color:#5B5B5B; font-size:11px; line-height: 15px}

.menu_contenido.cuidado_corporal_menu{width: 880px}
.menu_contenido .geles_menu.submenu2 .producto{width:16%}
.menu_contenido .jabones_menu.submenu2 .producto{width:20%}



.menu_contenido.afeitado_menu{width: 880px}
.menu_contenido.afeitado_menu .productos{padding-top:80px}
.menu_contenido .espuma_menu.submenu2 .producto{width:20%}
.menu_contenido .after_shave_menu.submenu2 .producto{width:20%}



.contenido.submenu{display:none; position: absolute; height:350px; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16); background-color: #ffffff;  z-index: 9999}
.navbar-nav .sub_menu{display: none}

.img-responsive{max-width: 100%;}

.no_desktop{display: none!important}
.no_mobile{display: flex!important}
.sy-pager li.sy-active a{background-color: #8F183A;}
.sy-pager{margin-top: -30px; z-index: 99999; position: relative;}

.row{margin: 0px}

.menu{border-bottom: 1px solid #c8c7c4; background-image:none;}



.body_home .menu{ border-bottom: 1px solid #c8c7c4; background-image:url(../img/fondo_menu.jpg); background-position: top center; background-repeat: repeat}
.body_home .title{font-family: 'Open Sans', serif; color:#5B5B5B; font-weight: 300; font-size: 32px; text-align: center; padding-top: 100px; padding-bottom: 50px; text-transform: uppercase}
.body_home .banners_home{background-image:url(../img/bg_home.jpg); background-size: cover; background-position: center 60px; padding-bottom: 250px}
.body_home .banners_home .banners{padding-bottom: 50px}
.body_home .subtitle{color:#5B5B5B; font-size: 39px; text-align: center; text-transform: uppercase; padding-top: 180px; padding-bottom: 40px}
.body_home .bt{padding: 10px 40px; background-color: #8F183A; color:#ffffff; font-size: 19px; font-weight: 300; text-transform: uppercase; text-decoration: none; cursor: pointer}

.body_home .novedades_home{background-image:url(../img/bg_novedades.jpg); background-size: cover; background-position: center 230px; padding-bottom: 120px; margin-top: -240px}
.body_home .novedades_home .main{max-width: 1290px}
.body_home .novedades_home .main .title{font-size:39px; line-height: 45px; color:#8F183A; padding-top: 50px; font-weight: 600}

.body_home .sostenibilidad{background-color:#1F6248; padding:40px 0px; color:#ffffff; font-size: 13px; line-height: 20px; font-weight: 300}
.body_home .sostenibilidad .title{padding:0px; color:#ffffff; font-weight: 300; font-size: 30px; line-height: 35px}
.body_home .sostenibilidad .subtitle{padding-top:30px; padding-bottom: 20px; color:#ffffff; font-weight: 300; font-size: 24px; line-height: 30px}
.body_home .sostenibilidad .img_sostenibilidad{padding-top: 40px}


.contenido.footer{padding: 20px 0px; background-color:#8F183A; color:#ffffff; font-size: 14px; line-height: 20px; font-weight: 300}
.contenido.footer a{color:#ffffff;text-decoration: none}

.body_consejos .title{font-family: 'Open Sans', serif; color:#8F183A; font-weight: 400; font-size: 41px; text-align: center; padding-top: 50px; padding-bottom: 50px; text-transform: uppercase}
.body_consejos .banners_home{background-image:url(../img/consejos/bg_consejos.jpg); background-size: cover; background-position: top center; padding: 110px 0px}
.body_consejos .subtitle{color:#8F183A; font-size: 33px; text-align: center; text-transform: uppercase; padding-top: 0px; padding-bottom: 10px}

.body_consejos .header_img{background-image:url(../img/consejos/consejos_header.jpg); height:523px; background-size: cover; background-position: top center}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.body_consejos .banners_home .main .grid {display: flex; flex-direction: column;}
.body_consejos .banners_home .main .grid .grid-item { width:48%;float: left;}

.body_consejos .banners_home .main .grid .grid-item-height-1{height: 340px;}
.body_consejos .banners_home .main .grid .grid-item-height-2{height: 432px;}
.body_consejos .banners_home .main .grid .grid-item-height-3{height: 523px; text-align: right}
.body_consejos .banners_home .main .grid .grid-item-height-4{height: 425px}
.body_consejos .banners_home .main .grid .grid-item-height-5{height: 500px;}
.body_consejos .banners_home .main .grid .grid-item-height-6{height: 558px;}
.body_consejos .banners_home .main .grid .grid-item-height-7{height: 459px; text-align: right}
.body_consejos .banners_home .main .grid .grid-item-height-8{height: 296px}

.body_consejos .banners_home .main .grid .grid-item .contenido{width: 320px; font-size:15px; line-height: 20px; color: #5B5B5B; font-weight: 300}

.body_consejos .banners_home .main .grid .grid-item-height-1 .contenido{text-align: right!important; float: right}
.body_consejos .banners_home .main .grid .grid-item-height-1 .contenido .subtitle{text-align: right!important}

.body_consejos .banners_home .main .grid .grid-item-height-4 .contenido{text-align: left!important; float: left; padding-top: 90px}
.body_consejos .banners_home .main .grid .grid-item-height-4 .contenido .subtitle{text-align: left!important}

.body_consejos .banners_home .main .grid .grid-item-height-5 .contenido{text-align: right!important; float: right; padding-top: 70px}
.body_consejos .banners_home .main .grid .grid-item-height-5 .contenido .subtitle{text-align: right!important}

.body_consejos .banners_home .main .grid .grid-item-height-8 .contenido{text-align: left!important; float: left; padding-top:125px}
.body_consejos .banners_home .main .grid .grid-item-height-8 .contenido .subtitle{text-align: left!important}

.body_consejos .header_img{background-image:url(../img/consejos/consejos_header.jpg); height:523px; background-size: cover; background-position: top center}

.body_consejos .ico_consejo1{position: absolute; bottom: -50px; right: 80px;}
.body_consejos .ico_consejo2{position: absolute; top: -50px; left: -20px;}
.body_consejos .ico_consejo3{position: absolute; top: -120px; right: -20px;}
.body_consejos .ico_consejo4{position: absolute; bottom: -70px; left: 50px;}


.body_termalismo .title{font-family: 'Open Sans', serif; color:#0A0C4B; font-weight: 400; font-size: 41px; text-align: center; padding-top: 50px; padding-bottom: 10px; text-transform: uppercase}
.body_termalismo .title2{font-family: 'Open Sans', serif; color:#5B5B5B; font-weight: 300; font-size: 24px; text-align: center; padding-top: 0px; padding-bottom: 50px; text-transform: none}
.body_termalismo .banners_home{background-image:url(../img/termalismo/bg_termalismo.jpg); background-size: cover; background-position: top center; padding: 110px 0px; padding-bottom: 0px}
.body_termalismo .banners_home .banners{padding-bottom: 50px}
.body_termalismo .banners_home .main{max-width: 1050px}
.body_termalismo .subtitle{color:#0A0C4B; font-size: 33px; text-align: center; text-transform: uppercase; padding-top: 30px; padding-bottom: 20px}
.body_termalismo .header_img{background-image:url(../img/termalismo/termalismo_header.jpg); height:523px; background-size: cover; background-position: top center}
.body_termalismo .banners_home .contenido{ font-size:15px; line-height: 20px; color: #5B5B5B; font-weight: 300}
.body_termalismo .banners_home .text-left .contenido{float: left; text-align: left;}
.body_termalismo .banners_home .text-right .contenido{float: right; text-align: right;}

.body_termalismo .banners_home .text-left .contenido .subtitle{text-align: left}
.body_termalismo .banners_home .text-right .contenido .subtitle{ text-align: right}
.body_termalismo .footer_termalismo{text-align: center; width: 100%; padding-top: 50px}


.body_producto .producto .main{max-width: 1120px;}
.body_producto .producto .main .selector{padding-top: 80px; padding-bottom: 10px; font-size: 14px}
.body_producto .producto .main .selector a{text-decoration: none; color:#5B5B5B}
.body_producto .producto .main .selector .atras{float:left; padding-left: 15px;}
.body_producto .producto .main .selector .siguiente{float:right; padding-right: 15px;}

.body_producto .producto .main .ficha .contenido .title{font-size:30px; line-height:35px; color:#5B5B5B; font-weight: 300; letter-spacing: -1px; padding-bottom:5px}
.body_producto .producto .main .ficha .contenido .subtitle{font-size:30px; line-height:35px; color:#55A441; font-weight: 600; letter-spacing: -1px}
.body_producto .producto .main .ficha .contenido .txt{font-size:12px; line-height:22px; color:#5B5B5B; font-weight: 300; padding-top:20px; max-width: 80%;}
.body_producto .producto .main .ficha .contenido .items{padding-top:15px; font-size: 13px; line-height: 20px; color:#5B5B5B; font-weight: 300; max-width: 80%;}
.body_producto .producto .main .ficha .contenido .items .strong{font-weight: 400; color:#55A441; padding-left: 20px; line-height: 20px; font-style: italic}
.body_producto .producto .main .ficha .contenido .items .item .tick{ color:#55A441; font-weight: 400; display: inline-block; padding-top: 2px;}
.body_producto .producto .main .ficha .contenido .items .item .tick.numero{padding-top: 0px}
.body_producto .producto .main .ficha .contenido .txt .items{width:47%; display: inline-block; padding-top: 10px; padding-bottom: 10px}


.body_producto .producto .main .ficha .contenido .ingredientes{padding-top:40px; }
.body_producto .producto .main .ficha .contenido .ingredientes .origen{font-weight: 600; font-size:13px; line-height: 17px; color:#5B5B5B; cursor: pointer}
.body_producto .producto .main .ficha .contenido .ingredientes .origen i{padding-top: 3px}
.body_producto .producto .main .ficha .contenido .ingredientes .content{font-size:12px; line-height: 17px; color:#5B5B5B; font-weight: 300; padding-top:10px; display: none; max-width: 75%;} 
.body_producto .producto .main .ficha .contenido .ingredientes .content strong{font-weight: 600}

.body_producto .producto .main .icos{position: absolute; right:-50px; bottom: 150px}
.body_producto.body_afeitado .producto .main .icos{right: -130px; bottom:210px}
.body_producto .producto .main .pie{position: absolute; font-size: 8px; line-height: 12px; color:#55A441; right:-70px; bottom:80px; max-width: 200px}



.body_producto .producto_footer{padding-bottom:140px; background-image:url(../img/productos/bg_producto.jpg); background-size: cover; background-position: top center; margin-top:-60px}
.body_producto .producto_footer .bg_producto{min-height: 140px; padding-top: 40px; padding-bottom: 40px}
.body_producto .producto_footer .bg_producto .compra {display: inline-block;}
.body_producto .producto_footer .bg_producto .compra .bt_comprar{cursor: pointer}
.body_producto .producto_footer .bg_producto .compra .botones{display:none; width:261px; background-color: #ffffff; padding: 5px; text-align: center}
.body_producto .producto_footer .bg_producto .compra .botones .boton{padding: 5px 0px}
.body_producto .producto_footer .bg_producto .social{display: inline-block; padding-left: 10px}
.body_producto .producto_footer .bg_producto .social .item{width:36px; height:36px; border-radius: 36px; padding: 5px; background-color:#000000; color:#ffffff; font-size: 20px; display: inline-block; margin-right:10px; text-align: center; padding-top: 8px}
.body_producto .producto_footer .bg_producto .social .item a{color:#ffffff}


.body_producto.body_afeitado .producto_footer{padding-bottom: 140px; background-image:url(../img/productos/bg_producto_afeitado.jpg); background-size: cover; background-position: top center; margin-top: -365px; padding-top: 300px;}
.body_producto.body_afeitado .producto_footer .bg_producto{padding-top: 0px}
.body_producto.body_afeitado .producto_footer .bg_producto::before{content:""; height:5px; display: block; background-image:url(../img/productos/banda_afeitado.jpg); margin-bottom:40px}

.body_producto .producto.gel_aguacate{background-image:url(../img/productos/gel_aguacate_bg.jpg); background-position: calc(100% + 100px) 0;}
.body_producto .producto.gel_aguacate .main .ficha .contenido .subtitle, .body_producto .producto.gel_aguacate .main .ficha .contenido .items .strong, .body_producto .producto.gel_aguacate .main .ficha .contenido .items .item .tick, .body_producto .producto.gel_aguacate .main .pie {color:#55A441;}
.body_producto .producto.gel_aguacate .producto_footer .bg_producto{background-color:rgba(89,166,68,0.8); }


.body_producto .producto.leche-avena{background-image:url(../img/productos/leche-avena_bg.jpg); background-position: calc(100% + 40px) 120px;}
.body_producto .producto.leche-avena .main .ficha .contenido .subtitle, .body_producto .producto.leche-avena .main .ficha .contenido .items .strong, .body_producto .producto.leche-avena .main .ficha .contenido .items .item .tick, .body_producto .producto.leche-avena .main .pie {color:#D79B2D;}
.body_producto .producto.leche-avena .producto_footer .bg_producto{background-color:rgba(215,155,45,0.8); }


.body_producto .producto.sales-minerales{background-image:url(../img/productos/sales-minerales_bg.jpg); background-position: calc(100% + 40px) 180px;}
.body_producto .producto.sales-minerales .main .ficha .contenido .subtitle, .body_producto .producto.sales-minerales .main .ficha .contenido .items .strong, .body_producto .producto.sales-minerales .main .ficha .contenido .items .item .tick, .body_producto .producto.sales-minerales .main .pie {color:#004D85;}
.body_producto .producto.sales-minerales .producto_footer .bg_producto{background-color:rgba(0,77,133,0.8); }


.body_producto .producto.aceite-coco{background-image:url(../img/productos/aceite-coco_bg.jpg); background-position: calc(100% + 0px) 180px;}
.body_producto .producto.aceite-coco .main .ficha .contenido .subtitle, .body_producto .producto.aceite-coco .main .ficha .contenido .items .strong, .body_producto .producto.aceite-coco .main .ficha .contenido .items .item .tick, .body_producto .producto.aceite-coco .main .pie {color:#522B20;}
.body_producto .producto.aceite-coco .producto_footer .bg_producto{background-color:rgba(82,43,32,0.8); }


.body_producto .producto.yoghurt-griego{background-image:url(../img/productos/yoghurt-griego_bg.jpg); background-position: calc(100% + 40px) 180px;}
.body_producto .producto.yoghurt-griego .main .ficha .contenido .subtitle, .body_producto .producto.yoghurt-griego .main .ficha .contenido .items .strong, .body_producto .producto.yoghurt-griego .main .ficha .contenido .items .item .tick, .body_producto .producto.yoghurt-griego .main .pie {color:#0034A1;}
.body_producto .producto.yoghurt-griego .producto_footer .bg_producto{background-color:rgba(0,52,161,0.8); }


.body_producto .producto.aloe-vera{background-image:url(../img/productos/aloe-vera_bg.jpg); background-position: calc(100% + 40px) 180px;}
.body_producto .producto.aloe-vera .main .ficha .contenido .subtitle, .body_producto .producto.aloe-vera .main .ficha .contenido .items .strong, .body_producto .producto.aloe-vera .main .ficha .contenido .items .item .tick, .body_producto .producto.aloe-vera .main .pie {color:#85B24F;}
.body_producto .producto.aloe-vera .producto_footer .bg_producto{background-color:rgba(133,178,79,0.8); }


.body_producto .producto.jabon-tocador{background-image:url(../img/productos/jabon-tocador_bg.jpg); background-position: calc(100% + 40px) 180px;}
.body_producto .producto.jabon-tocador .main .ficha .contenido .subtitle, .body_producto .producto.jabon-tocador .main .ficha .contenido .items .strong, .body_producto .producto.jabon-tocador .main .ficha .contenido .items .item .tick, .body_producto .producto.jabon-tocador .main .pie {color:#0A3C81;}
.body_producto .producto.jabon-tocador .producto_footer .bg_producto{background-color:rgba(10,60,129,0.8); }


.body_producto .producto.sales-bano{background-image:url(../img/productos/sales-bano_bg.jpg); background-position: calc(100% + 40px) 180px;}
.body_producto .producto.sales-bano .main .ficha .contenido .subtitle, .body_producto .producto.sales-bano .main .ficha .contenido .items .strong, .body_producto .producto.sales-bano .main .ficha .contenido .items .item .tick, .body_producto .producto.sales-bano .main .pie {color:#F07F51;}
.body_producto .producto.sales-bano .producto_footer .bg_producto{background-color:rgba(240,127,81,0.8); }


.body_producto .producto.espuma-classic{}
.body_producto .producto.espuma-classic .main .ficha .contenido .subtitle, .body_producto .producto.espuma-classic .main .ficha .contenido .items .strong, .body_producto .producto.espuma-classic .main .ficha .contenido .items .item .tick, .body_producto .producto.espuma-classic .main .pie {color:#4D0016;}
.body_producto .producto.espuma-classic .producto_footer .bg_producto{background-color:rgba(77,0,22,0.8); }


.body_producto .producto.espuma-protect-7{}
.body_producto .producto.espuma-protect-7 .main .ficha .contenido .subtitle, .body_producto .producto.espuma-protect-7 .main .ficha .contenido .items .strong, .body_producto .producto.espuma-protect-7 .main .ficha .contenido .items .item .tick, .body_producto .producto.espuma-protect-7 .main .pie {color:#233A5A;}
.body_producto .producto.espuma-protect-7 .producto_footer .bg_producto{background-color:rgba(35,58,90,0.8); }


.body_producto .producto.espuma-piel-sensible{}
.body_producto .producto.espuma-piel-sensible .main .ficha .contenido .subtitle, .body_producto .producto.espuma-piel-sensible .main .ficha .contenido .items .strong, .body_producto .producto.espuma-piel-sensible .main .ficha .contenido .items .item .tick, .body_producto .producto.espuma-piel-sensible .main .pie {color:#2B5342;}
.body_producto .producto.espuma-piel-sensible .producto_footer .bg_producto{background-color:rgba(43,83,66,0.8); }


.body_producto .producto.crema-classic{}
.body_producto .producto.crema-classic .main .ficha .contenido .subtitle, .body_producto .producto.crema-classic .main .ficha .contenido .items .strong, .body_producto .producto.crema-classic .main .ficha .contenido .items .item .tick, .body_producto .producto.crema-classic .main .pie {color:#4D0016;}
.body_producto .producto.crema-classic .producto_footer .bg_producto{background-color:rgba(77,0,22,0.8); }


.body_producto .producto.crema-piel-sensible{}
.body_producto .producto.crema-piel-sensible .main .ficha .contenido .subtitle, .body_producto .producto.crema-piel-sensible .main .ficha .contenido .items .strong, .body_producto .producto.crema-piel-sensible .main .ficha .contenido .items .item .tick, .body_producto .producto.crema-piel-sensible .main .pie {color:#2B5342;}
.body_producto .producto.crema-piel-sensible .producto_footer .bg_producto{background-color:rgba(43,83,66,0.65); }


.body_producto .producto.jabon-de-afeitar{}
.body_producto .producto.jabon-de-afeitar .main .ficha .contenido .subtitle, .body_producto .producto.jabon-de-afeitar .main .ficha .contenido .items .strong, .body_producto .producto.jabon-de-afeitar .main .ficha .contenido .items .item .tick, .body_producto .producto.jabon-de-afeitar .main .pie {color:#4D0016;}
.body_producto .producto.jabon-de-afeitar .producto_footer .bg_producto{background-color:rgba(77,0,22,0.65); }


.body_producto .producto.locion-classic{}
.body_producto .producto.locion-classic .main .ficha .contenido .subtitle, .body_producto .producto.locion-classic .main .ficha .contenido .items .strong, .body_producto .producto.locion-classic .main .ficha .contenido .items .item .tick, .body_producto .producto.locion-classic .main .pie {color:#4D0016;}
.body_producto .producto.locion-classic .producto_footer .bg_producto{background-color:rgba(77,0,22,0.65); }


.body_producto .producto.balsamo-classic{}
.body_producto .producto.balsamo-classic .main .ficha .contenido .subtitle, .body_producto .producto.balsamo-classic .main .ficha .contenido .items .strong, .body_producto .producto.balsamo-classic .main .ficha .contenido .items .item .tick, .body_producto .producto.balsamo-classic .main .pie {color:#2B5342;}
.body_producto .producto.balsamo-classic .producto_footer .bg_producto{background-color:rgba(43,83,66,0.8); }


.body_producto .producto.balsamo-extra-sensible{}
.body_producto .producto.balsamo-extra-sensible .main .ficha .contenido .subtitle, .body_producto .producto.balsamo-extra-sensible .main .ficha .contenido .items .strong, .body_producto .producto.balsamo-extra-sensible .main .ficha .contenido .items .item .tick, .body_producto .producto.balsamo-extra-sensible .main .pie {color:#446878;}
.body_producto .producto.balsamo-extra-sensible .producto_footer .bg_producto{background-color:rgba(68,104,120,0.65); }

.body_producto .producto.balsamo-protect-7{}
.body_producto .producto.balsamo-protect-7 .main .ficha .contenido .subtitle, .body_producto .producto.balsamo-protect-7 .main .ficha .contenido .items .strong, .body_producto .producto.balsamo-protect-7 .main .ficha .contenido .items .item .tick, .body_producto .producto.balsamo-protect-7 .main .pie {color:#233145;}
.body_producto .producto.balsamo-protect-7 .producto_footer .bg_producto{background-color:rgba(35,49,69,0.65); }


.body_producto .resenas .bt_resenas{padding:12px 30px; background-color: #000000; color:#ffffff; font-size: 12px; margin:10px 0px; display: inline-block; font-style: italic}
.body_producto .resenas .bt_resenas a{color:#ffffff; text-decoration: none}
.body_producto .resenas .bt_resenas .estrellas{display: inline-block; padding-right: 20px}
.body_producto .resenas .bt_resenas .fa-star{color:#ffffff;}
.body_producto .resenas .bt_resenas .fa-star.checked{  color: orange;}

.body_producto .resenas .resena_content{background-color: #ffffff; padding: 20px; border-bottom: 1px dashed #BDBDBD; display: none; font-size: 14px}

.body_producto .resenas .resena_content .nombre{float:left; font-weight: 600}
.body_producto .resenas .resena_content .fecha{float:right; display: none}
.body_producto .resenas .resena_content .puntuacion{display: inline-block; width:100%; padding-bottom: 20px}
.body_producto .resenas .resena_content .texto{padding-top:15px; display: inline-block; width:100%}
.body_producto .resenas .resena_content .puntuacion .checked {  color: orange;}


.body_producto .resenas .escribe_content{background-color: #ffffff; padding: 20px; display: none}

.body_producto .resenas .escribe_content .form-control{font-weight:400;font-size:13px;border-radius: 0 !important;color:#000;background-color:transparent;border:1px solid #c8c7c4 !important; margin-bottom: 10px}
.body_producto .resenas .escribe_content .textarea{padding:11px 10px 10px 10px;font-weight:400;font-size:13px; line-height: 15px; border-radius: 0 !important;color:#000;background-color:transparent;border:1px solid #c8c7c4 !important; height:100px; width: 100%; resize: none;}
.body_producto .resenas .escribe_content .estrellas{padding-bottom: 10px; direction: rtl; text-align: left}
.body_producto .resenas .escribe_content .estrellas .fa-star{cursor: pointer}

.body_producto .resenas .escribe_content .estrellas > span {display: inline-block;position: relative;}
.body_producto .resenas .escribe_content .estrellas > span:hover:before,
.body_producto .resenas .escribe_content .estrellas > span:hover ~ span:before {color: orange;}
.body_producto .resenas .escribe_content .estrellas .fa-star.checked{color: orange;}

.body_producto .resenas .escribe_content .btn {background-color:#8F183A !important;color:#fff !important;border-radius: 0;font-size:15px; font-weight: 600;padding:7px 50px 6px 50px;margin-top:20px;text-transform: uppercase; letter-spacing: 1px;}
.body_producto .resenas .escribe_content .btn:hover {background-color:#5d1127 !important;color:#fff !important;}

.body_producto .resenas .escribe_content .alert-danger, .body_producto .resenas .escribe_content .alert-success{font-size:12px}
.body_producto .resenas .escribe_content .alert-success{margin-bottom: 0px}

.body_producto .resenas .escribe_content .prev{font-size: 12px; padding-top: 10px; letter-spacing: 1px; color:#6c757d}



	
@media screen and (max-width: 991px) {
    .no_desktop{display: flex!important}
    .no_mobile{display: none!important}
    .navbar{height: inherit}
    .navbar-brand{padding-bottom: 10px!important; padding-left: 10px}
    .navbar .navbar-nav{padding-bottom: 10px}
    .navbar .navbar-nav .nav-item{width: auto}
    .navbar .navbar-nav .nav-item .nav-link{top:inherit; position: relative; width: auto; transform: none; border-bottom: none; padding: 5px 0px}
    .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.selected{border-bottom: none}
	.menu_contenido, .contenido.submenu{display: none!important}
    .main{width: 90%}
    
    
    .body_home .title{font-size: 28px; padding-top: 30px}
    .body_home .subtitle{font-size: 24px; padding-top: 20px}
    .body_home .bt{font-size: 16px}
    
    .body_home .novedades_home{padding-bottom: 40px}
    .body_home .novedades_home .main .title{font-size: 28px; padding-top: 30px}
    .body_home .novedades_home img{padding-bottom: 20px}
    
    .body_home .sostenibilidad .title{font-size: 20px; line-height: 25px}
    .body_home .sostenibilidad .subtitle{font-size: 15px; line-height: 20px}
    
    .contenido.footer{font-size: 12px}
    
    .body_consejos .header_img{height: 200px}
    .body_consejos .title{font-size: 28px; padding-top: 30px; padding-bottom: 20px}
    .body_consejos .subtitle{font-size: 24px;}
    .body_consejos .banners_home{padding: 30px 0px}
    .body_consejos .banners_home .main .grid .grid-item{position: relative!important; width: 100%!important; float: inherit!important; height: inherit!important; left:inherit!important; top:inherit!important; text-align: center; padding: 10px}
    .body_consejos .banners_home .main .grid .grid-item .contenido{width: 100%; text-align: left!important; padding: 10px; font-size:13px}
    .body_consejos .banners_home .main .grid .grid-item-height-1{order:1}
    .body_consejos .banners_home .main .grid .grid-item-height-2{order:2}
    .body_consejos .banners_home .main .grid .grid-item-height-3{order:4}
    .body_consejos .banners_home .main .grid .grid-item-height-4{order:3}
    .body_consejos .banners_home .main .grid .grid-item-height-5{order:5}
    .body_consejos .banners_home .main .grid .grid-item-height-6{order:6}
    .body_consejos .banners_home .main .grid .grid-item-height-7{order:8}
    .body_consejos .banners_home .main .grid .grid-item-height-8{order:7}
    .body_consejos .banners_home .main .grid .grid-item-height-1 .contenido .subtitle, .body_consejos .banners_home .main .grid .grid-item-height-4 .contenido .subtitle, .body_consejos .banners_home .main .grid .grid-item-height-5 .contenido .subtitle, .body_consejos .banners_home .main .grid .grid-item-height-8 .contenido .subtitle{text-align: left!important}
    .body_consejos .ico_consejo1{display:none}
    .body_consejos .ico_consejo2{display:none}
    .body_consejos .ico_consejo3{display:none}
    .body_consejos .ico_consejo4{display:none}
    
    .body_termalismo .footer_termalismo{padding-top: 30px}
    .body_termalismo .banners_home{padding: 30px 0px; padding-bottom: 0px}
    .body_termalismo .header_img{height: 200px}
    .body_termalismo .title{font-size: 28px; padding-top: 30px; padding-bottom: 0px}
    .body_termalismo .title2{font-size: 20px; padding-top: 10px; padding-bottom: 20px}
    .body_termalismo .subtitle{font-size: 24px; text-align: left!important; padding-top: 10px}
    .body_termalismo .banners_home .contenido{width: 100%; text-align: left!important; padding: 10px!important; font-size:13px}
    
    .body_producto .producto .main .selector{padding-top: 20px}
    .body_producto .producto .main .ficha .contenido .title{padding-top:20px; font-size: 25px; line-height: 30px}
    .body_producto .producto .main .ficha .contenido .subtitle{font-size: 22px; line-height: 25px}
    .body_producto .producto .main .ficha .contenido .txt, .body_producto .producto .main .ficha .contenido .items, .body_producto .producto .main .ficha .contenido .ingredientes .content{max-width: 100%}
    .body_producto .producto_footer, .body_producto.body_afeitado .producto_footer{margin-top: 10px; padding-bottom: 30px; padding-top: 0px}
    .body_producto .producto_footer .bg_producto{height: inherit; padding: 30px 0px}
    .body_producto .producto .main .icos, .body_producto.body_afeitado .producto .main .icos{position: relative; right:inherit; bottom: inherit; padding-top: 20px; text-align: center}
    .body_producto .producto .main .pie{position: relative; right:inherit; bottom: inherit; padding-top: 20px; padding-bottom: 20px; text-align: center; margin: 0 auto}
    
    .body_producto .resenas .bt_resenas{padding:12px 20px}
    .body_producto .resenas .resena_content{font-size: 12px}
}




/* modal */
.modal-header {
	border-bottom:0 !important;
}

.modal-content {
	background:white !important;
	border-radius: 0 !important;
}

.modal-content .form-control {
	border-radius: 0;
}

.modal-body .henkelapi_content {
	padding-top:0;
	color:#5B5B5B;
  font-family: inherit;
}

.modal-body .henkelapi_content .btn {
	margin-left:auto;
	margin-right: auto;
}

.modal-body .form-check-small {
	display: flex;
	gap:10px;
}

.modal-body .henkelapi_form_text_legal {
	text-align: left;
}

.modal-body .henkelapi_content .form-floating>label {
	color:#5B5B5B;
}

.modal-body .henkelapi_content .form-floating>label {
  padding: 1rem 0.75rem;
}


.modal-body .henkelapi_content.clubskpf .btn {
	background-color: #8F183A;
	color:white;
	font-weight: 400;
  border-radius: 0;
}

.modal-body .text-muted {
  font-size:12px;
}

.modal-body .text-muted,
.modal-body .henkelapi_form_text_legal {
	color:#5B5B5B !important;
}

.modal-body .henkelapi_content p a {
	color:#5B5B5B;
	text-decoration: underline;
}

.modal-body .henkelapi_content p a:hover {
	text-decoration: none;
}

.modal-body .logout {
	text-transform: uppercase;
	font-size: 12px;
	color:red;
	
}

.logout_wrapper {
	margin-bottom:-10px;
}

@media (min-width: 768px) {
	.modal-dialog {
		max-width: 600px;
	}
}




.henkelapi_form_sms_intro {
  padding-bottom: 30px;
}

.logout_wrapper {
  padding-left:40px;
  padding-bottom:30px;
}

.henkel_api_title {
  font-size: 23px !important;
}