/** GENERALES **/

body {
    padding-top: 40px;
}

body.interiores {
    padding-top: 130px;
}

.npl {
    padding-left: 0px;
}

.npr {
    padding-right: 0px;
}

.nml {
    margin-left: 0px;
}

.nmr {
    margin-right: 0px;
}

.thin {
    font-weight: 100;
}

.bgGrey {
    background: #f9f9f9;
}

.bgWhite {
    background: #fff;
}

.white {
    color: #fff !important;
}

.pb100 {
    padding-bottom: 10em;
}

.pt50 {
    padding-top: 5em;
}

.pb50 {
    padding-bottom: 5em;
}

.pt20 {
    padding-top: 2em;
}

.pt5 {
    padding-top: 0.5em;
}

.pt15 {
    padding: 0px;
    padding-top: 1.5em;
}

.mt50 {
    margin-top: 5em;
}

.mb0 {
    margin-bottom: 0;
}

.pb0 {
    padding-bottom: 0;
}

p {
    font-family: 'Raleway', sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: 27px;
    color: #777777;
    margin-bottom: 1.5em;
}

p small {
    font-size: 16px;
}

h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 78px;
    font-weight: 900;
    color: #fff;
    line-height: 60px;
    text-shadow: none;
}

h1 .grey {
    opacity: 0.2;
    font-size: 72px;
    font-weight: 200;
    line-height: 76px;
}

h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #555555;
    text-transform: uppercase;
}

h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    font-weight: 300;
    color: #444444;
    line-height: 56px;
    margin-bottom: 0px;
}

h2:after {
    content: "";
    border: 0px;
}

h2 strong {
    font-weight: 700;
}

h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #444444;
}

form input, form textarea, form select {
    font-family: 'Raleway', sans-serif;
    font-size: 19px !important;
    font-weight: 300 !important;
    border-color: #fff !important;
    background: #fff !important;
}

.contactForm input, .contactForm textarea, .contactForm select {
    padding: 6px 12px;
}

.contactForm textarea {
    resize: none;
}

.contactForm .form-group {
    margin-bottom: 1em;
}

.contactForm .paddingForm {
    padding: 8px 6px;
    background: #fff;
}

#contactoInterior .paddingForm {
    border: 1px solid #ddd;
}

.contactForm .selectForm {
    width: 97%;
    overflow: hidden;
    position: relative;
}

.contactForm .selectForm::after {
    font-family: "custom-icons";
    content: "\e8a0";
    display: table-cell;
    text-align: right;
    padding-top: 12px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    pointer-events: none;
    font-size: 30px;
    background: #fff;
}

.btn.btn-default, .btn.btn-default.white {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 40px;
    border: 1px solid #444444;
    color: #444444;
    background: transparent;
    border-radius: 0px;
    text-transform: uppercase;
}

nav#filter a {
    border: 0px;
}

.btn.btn-default.white {
    border: 1px solid #fff;
}

.btn.btn-default:hover, .btn.btn-default.white:hover {
    border: 1px solid #444444;
    color: #fff;
    background: #444444;
}

.btn.btn-primary {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 50px;
    border: 1px solid #444444;
    color: #fff;
    background: #444444;
    border-radius: 0px;
}

.btn.btn-primary:hover {
    border: 1px solid #444444;
    color: #444444 !important;
    background: transparent;
}

/** HEADER **/

#preHeader {
    display: block !important;
    background: #fff;
}

.preHeaderMenu .navbar-nav > li > a > i, .preHeaderMenu .navbar-nav > li > a {
    font-family: 'Raleway', sans-serif;
    color: #777777;
    font-size: 11px;
    font-weight: 600;
}

.preHeaderMenu .navbar-nav > li > a > i {
    display: inline;
}

.preHeader .socialNetwork > li > a > i, footer .socialNetwork > li > a > i {
    color: #555555;
    font-size: 16px;
    font-weight: 700;
    display: list-item;
}

.navbar-nav > li > a > i, .navbar-default .navbar-nav > li > a {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

#preHeader .navbar-nav > li > a, .fixedHeader .navbar-nav > li > a {
    line-height: inherit;
    padding: 11px 8px;
}

.mobileMenu {
    display: none !important;
}

#mainHeader {
    background: transparent;
    border-bottom: 0px;
    box-shadow: none;
}

#mainHeader.fixedHeader {
    background: rgba(0, 0, 0, 0.6);
}

#mainHeader.fixedHeader a {
    color: #fff;
}

.fixedHeader .navbar-brand {
    max-height: 30px;
    padding-top: 8px;
}

ul.subMenu {
    top: 45px;
    background: #fff;
}

ul.subMenu a {
    border-bottom: 1px solid #555555;
}

ul.subMenu a:last-child {
    border-bottom: 0px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 0px;
}

.fixedHeader .navbar-default .navbar-nav > li > a:hover {
    border-bottom: 0px;
    background: #555555;
    color: #fff !important;
    padding-bottom: 11px;
}

/** FOOTER **/

footer {
    border: 0px;
    background: #fff;
}

footer p {
    font-size: 14px;
    font-weight: 500;
}

footer .socialNetwork > li > a > i {
    font-size: 24px;
    padding: 5px;
}

footer .socialNetwork > li > a > i:hover, .preHeader .socialNetwork > li > a > i:hover {
    opacity: 0.8;
}

/** CAROUSEL **/

.carousel-caption {
    top: 37%;
    left: 19%;
    right: 18%;
}

.carousel-caption .textoRight {
    margin-top: 12%;
}

/** INDEX **/
.formulario {
    background: #fff;
    padding: 8px 22px;
}

.formulario input {
    width: 100% !important;
}

.formulario input:focus, .contactForm textarea:focus, .contactForm select:focus {
    border: 0px;
}

.contactForm textarea, .contactForm select {
    color: #777777;
    border: 0px;
}

#tratamiento1 {
    background: url('../images/tratamientos-1.jpg') right center no-repeat;
    background-size: cover;
    min-height: 654px;
}

#tratamiento2 {
    background: url('../images/tratamientos-2.jpg') left center no-repeat;
    background-size: cover;
    min-height: 654px;
}

.imagenIndexFondo img {
    width: 100%;
}

.imagenIndexFondo {
    margin-top: -5em;
}

/** OWL CAROUSEL **/
.box-products-home {
    margin: 0px;
}

.box-products-home .product {
    padding: 0 10px;
    margin: 0px;
}

.products .product {
    border: 1px solid #ddd;
    padding: 30px;
}

.products .btn-hole, .box-products-home .btn-hole {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: transparent;
    text-transform: uppercase;
    color: #555;
    padding: 15px 50px;
    margin-top: 15px;
}

.product .boxContent {
    border: 0px;
    border-radius: 0px;
}

.owl-theme .owl-controls .owl-buttons div {
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #f8f8f8;
    color: #555555;
}

.owl-theme .owl-controls .owl-buttons div i {
    font-weight: 300;
    font-size: 18px;
    padding: 7px 5px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    color: #fff;
}

.owl-theme .owl-controls {
    margin-top: 0px;
}

.owl-carousel {
    padding-left: 15px;
    padding-right: 15px;
}

.tratamientos hr:before {
    display: block;
    font-family: "custom-icons";
    content: "\e885";
    font-size: 20px;
    color: #e5e5e5;
    margin-top: -15px;
}

.titularFoto {
    padding-left: 6%;
}

#tratamiento2 .titularFoto {
    padding-left: 3.5%;
}

#tratamiento2 h2, #tratamiento2 a.btn-default {
    margin-right: 6%;
}

#facial {
    background: url("../images/facial.png") 10% 25% no-repeat;
}

#corporal {
    background: url("../images/corporal.png") 140% -25% no-repeat;
}

/** HEADER INTERIORES **/
#mainHeader.bgBlack {
    background: #222222;
}

#header .navbar-nav > li > a > i, #header .navbar-default .navbar-nav > li > a {
    color: #a2a2a1;
}

#header .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    border: 0px;
}

/** PRODUCTOS **/
.tituloProductos h2 {
    font-size: 68px;
    color: #444444;
    font-weight: 700;
    padding-right: 0.5em;
}

#letrasFondo {
    background: url("../images/freihaut.png") right bottom no-repeat;
    min-height: 85px;
}

.grid a:hover {
    text-decoration: none;
}

.prodcutos-in .caption h3 {
    display: initial;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    padding: 2px;
    margin-bottom: 0;
}

.prodcutos-in .caption p {
    display: initial;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 1px;
}

.interior-producto .descrip .caption.corporal h3, .interior-producto .descrip .caption.corporal p {
    color: #444444;
}

.interior-producto .descrip .caption.corporal {
    background: url("../images/gridCaption3.png") left top no-repeat;
    min-height: 85px;
    padding-top: 15px;
    padding-left: 30px;
}

.grid .caption p {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    line-height: 0;
}

.grid .caption.facial {
    background: url("../images/gridCaption1.png") left top no-repeat;
    min-height: 85px;
    padding-left: 30px;
    padding-top: 15px;
}

.grid .caption.facialWhite {
    background: url("../images/gridCaption4.png") left top no-repeat;
    min-height: 85px;
    padding-left: 10px;
    padding-top: 15px;
}

.grid .caption.facial.text-right {
    background: url("../images/gridCaption1.png") right top no-repeat;
    min-height: 85px;
    padding-right: 30px;
    padding-top: 15px;
}

.grid .caption.corporal {
    background: url("../images/gridCaption2.png") left top no-repeat;
    min-height: 85px;
    padding-top: 15px;
}

.grid .caption.corporal.text-right {
    background: url("../images/gridCaption2.png") right top no-repeat;
    padding-right: 10px;
}

.grid .caption.corporalClaro {
    background: url("../images/gridCaption3.png") left top no-repeat;
    min-height: 85px;
    padding-top: 15px;
    padding-left: 30px;
}

.grid .caption.corporalOscuro {
    background: url("../images/gridCaption5.png") left top no-repeat;
    min-height: 85px;
    padding-top: 15px;
}

.grid .caption.corporalMuyOscuro {
    background: url("../images/gridCaption6.png") left top no-repeat;
    min-height: 85px;
    padding-top: 15px;
}

.grid .caption.corporalBlanco {
    background: url("../images/gridCaption7.png") left top no-repeat;
    min-height: 85px;
    padding-top: 15px;
}

#grid1 {
    background: url("../images/productosBg1.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid2 {
    background: url("../images/productosBg2.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 23%;
    padding-left: 20px;
}

#grid3 {
    background: url("../images/productosBg3.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid4 {
    background: url("../images/productosBg4.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid5 {
    background: url("../images/productosBg5.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid6 {
    background: url("../images/productosBg6.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 23%;
    padding-right: 20px;
}

#grid7 {
    background: url("../images/productosBg7.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 30%;
    padding-right: 20px;
}

#grid8 {
    background: url("../images/productosBg8.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 23%;
    padding-right: 20px;
}

#grid9 {
    background: url("../images/productosBg9.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 5%;
    padding-left: 20px;
}

#grid10 {
    background: url("../images/productosBg10.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid11 {
    background: url("../images/productosBg11.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 5%;
    padding-left: 20px;
}

#grid12 {
    background: url("../images/productosBg12.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid13 {
    background: url("../images/productosBg13.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid14 {
    background: url("../images/productosBg14.jpg");
    background-size: cover;
    min-height: 480px;
    padding-top: 14%;
    padding-right: 20px;
    padding-left: 3%;
}

#grid14-small {
    background: url("../images/productosBg14-small.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid15 {
    background: url("../images/productosBg15.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}
#grid16 {
    background: url("../images/re-gen.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid17{
    background: url("../images/pure.webp");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

#grid18{
    background: url("../images/pro-acid.jpg");
    background-size: cover;
    min-height: 280px;
    padding-top: 7%;
    padding-left: 20px;
}

.grid a article {
    margin-bottom: 1.5em;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/* .grid a:hover article {
	background-size:110%!important;
	background-position:center!important;
	background-repeat:no-repeat!important;
	-webkit-transition: all 1s ease-in-out;
  	-moz-transition: all 1s ease-in-out;
  	-o-transition: all 1s ease-in-out;
  	transition: all 1s ease-in-out;
} */

/** TRATAMIENTOS **/

.tratamientosInterior #facial p, .tratamientosInterior #corporal p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 10px;
    font-variant: small-caps;
    color: #444;
}

.tratamientosInterior#tratamiento2 p {
    margin-right: 6%;
}

.tratamientosInterior #facial {
    background: url("../images/facial-interior.png") 10% 13% no-repeat;
}

.tratamientosInterior #corporal {
    background: url("../images/corporal-interior.png") 100% -5% no-repeat;
}

.tratamientosInterior #corporal p a, .tratamientosInterior #corporal h2 {
    color: #fff;
}

.tratamientosInterior h2 {
    line-height: 48px;
}

.tratamientosInterior#tratamiento1 {
    background: url('../images/tratamientos-interior-1.jpg') right center no-repeat;
    background-size: cover;
    min-height: 654px;
}

.tratamientosInterior#tratamiento2 {
    background: url('../images/tratamientos-interior-2.jpg') left center no-repeat;
    background-size: cover;
    min-height: 654px;
}

/** QUIENES SOMOS **/
#quienes {
    background: url('../images/quienes.jpg') no-repeat top center;
    background-size: cover;
    min-height: 1000px;
}

#quienes h2, .title-h2 {
    font-size: 36px;
    line-height: 36px;
}

#quienes p {
    font-size: 17px;
}

#quienes .contenido, #formacion .contenido {
    padding: 60px;
    padding-top: 80px;
}

/** DISTRIBUIDORES **/
#distribuidores {
    background: url('../images/distribuidores.jpg');
    background-size: cover;
}

#distribuidores h2 {
    font-size: 36px;
    line-height: 36px;
}

#distribuidores p {
    font-size: 17px;
}

#distribuidores .contenido, #formacion .contenido {
    padding: 60px;
    padding-top: 80px;
}

/** CONTACTO **/
#contactoInterior {
    background: url('../images/contacto.jpg') no-repeat top center;
    min-height: 1000px;
}

/** FAMILIAS PRODUCTOS **/

.interior-producto .descrip {
    padding-left: 15px;
    padding-right: 15px;
}

.interior-productos.cabecera hr:before {
    display: block;
    font-family: "custom-icons";
    content: "\e885";
    font-size: 20px;
    color: #e5e5e5;
    margin-top: -15px;
    text-align: center;
}

.interior-productos .producto a:hover img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos .producto a .boxContent, .interior-productos .producto a img {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos .producto a:hover .boxContent h4 {
    color: #4d71af;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos.basics .producto a:hover .boxContent h4 {
    color: #5ca937;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos.alpha .producto a:hover .boxContent h4 {
    color: #5ca937;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos.o-elements .producto a:hover .boxContent h4 {
    color: #018987;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos.oxygeno .producto a:hover .boxContent h4 {
    color: #1e8abf;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos.citrus .producto a:hover .boxContent h4 {
    color: #e36c2a;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos.suntouch .producto a:hover .boxContent h4 {
    color: #f1da4a;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/*.interior-productos.clearbright .producto a:hover .boxContent h4{
	color: #533328;

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}*/

.interior-productos.even .producto a:hover .boxContent h4 {
    color: #df39e5;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos.reducel .producto a:hover .boxContent h4 {
    color: #a6303e;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos.white-tea .producto a:hover .boxContent h4 {
    color: #e0739d;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos .producto a .boxContent h4 {
    margin-bottom: 0px;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.interior-productos .producto a:hover {
    text-decoration: none;
}

.interior-producto #grid1, .interior-producto #grid4, .interior-producto #grid9, .interior-producto #grid7, .interior-producto #grid8,
.interior-producto #grid5, .interior-producto #grid6, .interior-producto #grid3, .interior-producto #grid10 {
    min-height: 350px;
    padding-top: 23%;
    padding-left: 20px;
}

.interior-producto #grid9, .interior-producto #grid11 {
    min-height: 350px;
    padding-top: 5%;
    padding-left: 20px;
}

nav#filter {
    margin-bottom: 0px;
}

/** DETALLE PRODUCTO **/
#producto-detalle {
    background: url('../images/fondo-detalle.jpg') center bottom no-repeat;
    /**background-size:cover;**/
}

#producto-detalle .descrip {
    padding: 60px;
    padding-top: 6em;
}

#producto-detalle .descrip h4 {
    font-size: 1.5em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    margin-left: -30px;
}

#producto-detalle .descrip.balanced h4, #producto-detalle .descrip.balanced small, .balancedCant {
    color: #4d71af;
}

#producto-detalle .descrip.alpha h4, #producto-detalle .descrip.alpha small, .alphaCant {
    color: #5ca937;
}

#producto-detalle .descrip.basics h4, #producto-detalle .descrip.basics small {
    color: #5ca937;
}

#producto-detalle .descrip.o-elements h4, #producto-detalle .descrip.o-elements small {
    color: #018987;
}

#producto-detalle .descrip.oxygeno h4, #producto-detalle .descrip.oxygeno small, .oxigenoCant {
    color: #1e8abf;
}

#producto-detalle .descrip.citrus h4, #producto-detalle .descrip.citrus small, .citrusCant {
    color: #e36c2a;
}

#producto-detalle .descrip.suntouch h4, #producto-detalle .descrip.suntouch small {
    color: #f1da4a;
}

#producto-detalle .descrip.suntouch h4, #producto-detalle .descrip.suntouch small {
    color: #533328;
}

#producto-detalle .descrip.reducel h4, #producto-detalle .descrip.reducel small {
    color: #a6303e;
}

#producto-detalle .descrip.hyaluron h4, #producto-detalle .descrip.hyaluron small, .hyaluronCant {
    color: #1f1a17;
}

#producto-detalle .descrip.white-tea h4, #producto-detalle .descrip.white-tea small, .whiteteaCant {
    color: #e0739d;
}

#producto-detalle .descrip.even h4, #producto-detalle .descrip.even small, .evenCant {
    color: #df39e5;
}

#producto-detalle .descrip.balanced small {
    display: block;
    margin-top: -5px;
}

.moreInfo {
    padding-left: 60px;
    padding-right: 60px;
}

.moreInfo .kitTitle hr {
    width: 60%;
    margin: auto;
    padding-top: 2em;
    border-top: 1px solid #555;
}

.moreInfo .kitTitle {
    padding-bottom: 2em;
}

.interior-producto .boxContent {
    min-height: 280px;
}

/** FORMACIÓN **/

.contenido h2 small {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    margin-top: 1.5em;
}

#formacion {
    background: url('../images/formacion.jpg') no-repeat;
    min-height: 1000px;
}

/** NOVEDADES **/
#novedades {
    background: url('../images/novedadesBg.jpg') top left no-repeat;
    min-height: 500px;
    transition: background 1s linear;
    padding-top: 58px;
}

.novedad hr {
    margin-bottom: 2.5em;
    margin-top: 2em;
}

.novedad img {
    width: 100%;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.novedad img:hover {
    width: 110%;
    max-width: 110%;
    margin-left: -5%;
    margin-top: -5%;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.novedad a:hover .caption h3 {
    color: #957ba7;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.novedad a .caption h3 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.pagination .btn.btn-default {
    padding: 15px 20px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 0px;
}

#novedad-detalle img {
    border: 1px solid #ddd;
}

#novedad-detalle {
    background: url('../images/novedades-fondo-detalle.jpg') center center;
    /**background-size:cover;**/
}

.list-1 {
    font-family: 'Raleway', sans-serif;
    list-style: none;
    padding-left: 0px;
    font-size: 19px;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 1.5em;
}

.list-1 li {
    margin-bottom: 0.5em;
}

.list-1 i {
    font-size: 14px;
}

#novedad-detalle .caption {
    padding: 30px;
    padding-top: 6em;
}

#novedad-detalle .descrip {
    padding: 60px;
    padding-top: 3em;
}

.novedad .imagen a {
    overflow: hidden;
    height: 185px;
    background: #fff;
    display: block;
}

#novedad-detalle .imagenPrincipal {
    overflow: hidden;
    height: 326px;
    background: #444;
    display: block;
}

.moreInfo .boxContent h2 small {
    display: block;
    margin-bottom: 1em;
}

.moreInfo .boxContent p {
    margin-bottom: 0px;
}

.moreInfo .product {
    margin-bottom: 0px;
}

.interior-producto .moreInfo .boxContent {
    min-height: 315px;
}

.content-tratamiento {
    background: #fff;
}

.content-tratamiento p {
    font-size: 15px;
    line-height: 21px;
}

.content-tratamiento img {
    margin-left: -15px;
}

.content-tratamiento ul {
    padding: 0 0 1.5em 0;
    margin: 0;
    list-style: none;
}

.content-tratamiento ul li {
    font-size: 15px;
}

section.mas-info .collapse p {
    font-size: 16px;
}

article.iconBlocHeading {
    min-height: 60px;
}

.iconBlocHeading h2 {
    line-height: 24px;
    padding: 0;
    margin: 0;
}

.interior-producto .caption p {
    display: none;

}

/** QUERIES **/

@media (max-width: 991px) {
    .items-novedad {
        background: #fff;
    }
}

@media (max-width: 768px) {
    #mainHeader {
        background: rgba(0, 0, 0, 0.8);
    }
}

/** MÓVIL **/
@media (max-width: 767px) {

    #preHeader {
        display: none !important;
    }

    body {
        padding-top: 0px;
    }

    .mobileMenu {
        display: block !important;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
        border-bottom: 1px solid #fff;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
    }

    .navbar-default .navbar-nav > li > a:hover {
        background: #555555;
        color: #fff !important;
        padding-bottom: 11px;
    }

    .navbar-nav {
        margin: 0px;
    }

    .mobileMenu i {
        display: block;
        float: right;
        margin-right: 10px;
    }

    .subMenu a {
        display: inline !important;
        background: transparent;
        padding: inherit;
        color: #fff !important;
        border-bottom: 0px !important;
    }

    .subMenu a:hover {
        text-decoration: underline !important;
    }

    .subMenu li {
        background: rgba(0, 0, 0, 0.8);
        padding: 11px 22px !important;
    }

    .navbar-nav .Nactive .subMenu {
        margin: 0px;
    }

    .separator {
        margin-left: 8px;
        margin-right: 8px;
    }

}

@media (max-width: 414px) {
    h2 {
        font-size: 38px;
        line-height: 42px;
    }

    body.interiores {
        padding-top: 80px;
    }

    #carousel {
        margin-top: 80px;
    }

    #tratamiento1, #tratamiento2 {
        background: none;
    }

    #quienes {
        background-size: contain;
        padding-top: 150px;
    }

    #quienes .contenido {
        padding-top: 40px;
    }

    .tituloProductos h2 {
        font-size: 38px;
    }

    #letrasFondo {
        background-size: contain;
    }

    .items-novedad {
        margin-top: -30px;
    }

    #formacion {
        background-size: contain;
        padding-top: 150px;
    }

    .box-tratamientos {
        margin-bottom: 0px;
    }

    #tratamiento2 .titularFoto {
        margin-bottom: 0;
    }

    #distribuidores h2 {
        font-size: 28px;
        line-height: 28px;
    }

    #distribuidores {
        background-size: contain;
        padding-top: 150px;
        margin-bottom: -50px;
    }
}

/*IDIOMAS HEADER*/
#header_en .navbar-nav > li > a > i, #header_en .navbar-default .navbar-nav > li > a {
    color: #a2a2a1;
}

#header_en .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    border: 0px;
}

#header_pt .navbar-nav > li > a > i, #header_pt .navbar-default .navbar-nav > li > a {
    color: #a2a2a1;
}

#header_pt .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    border: 0px;
}

/** Problemas con Explorer **/
.imgHover article{
    display:inline;
}

.carousel-caption .homecolor h1{
    color: #000;
}

.homecolor2 h2{
    color: #fff;
}

.hovervi a:hover{
    cursor: pointer;
}

/** Container y video de cada producto **/

    #producto-detalle-video{
		position: relative;
	}

    #producto-detalle-video > .container{
        margin: auto; 
        background-color: white;
    }
 
	#producto-detalle-video::before {
		content: '';
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: url('../images/fondo-detalle.jpg') center bottom no-repeat;
		 transform: scaleY(-1); 
		z-index: -1;
	} 

	#producto-detalle-video .video-producto-container{
		margin-top: 20px; 
		display: flex; 
		justify-content: center;
		margin-bottom: 80px; 
		padding: 0 40px;
			
	}

	#producto-detalle-video .video-producto-container iframe{
		width: 100%;
		max-width: 700px; 
		aspect-ratio: 16 / 9; 
		border: none;
	}