/**************************************************
****************** ESTILOS 3HD ********************
**************************************************/

@font-face{
    font-family:"Interstate"; 
    font-style: normal;
    font-weight: 400;
    src: local ("../font/fonts/Interstate-RegularCondensed.ttf") format("truetype"),
        url("../font/fonts/Interstate-RegularCondensed.woff") format("woff");
}

.social_media_text{
    font-family: "interstate","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.interstate{
    font-family: "Interstate"
}
/*ESTILOS PARA EL SCROLLTOP*/
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('./icon_top.png') no-repeat;
}
/* INICIO PARA LOS ESTILOS DEL INDEX */
#des-02:hover{
    color: dimgray!important;
}
.cont-logo-sup{
    margin-top: 4%;
}
.cont-logo-sup-01{
    margin-top: 0%;
}
.cont-logo-sup > h1, .cont-logo-sup > p, .cont-logo-sup-01 > h1, .cont-logo-sup-01 > p{
    padding: 10px 0px 10px;
    font-weight: 500;
}
.cont-logo-sup > p{
    font-size: 1.5em;
    line-height: 1.6em;
}
.cont-lista-index{
    color: #8a8a8a;
    font-size: 1.2em;
}
.btn-descubrelos-01{
    position: relative;
    top: 30px;
    font-size: 1.5em;
    padding: 15px 20px;
    border: 1px solid #333;
}
.btn-descubrelos-01:hover{
    color:red!important;
}
.marginT30{
    margin-top: 30px;
}
.titulo_top{
    margin-top: 40px;
    margin-bottom: 70px;
    color: #ed148c;
}
/* #product_slider{
    height: 402px;
} 
#product_slider img{
    height: 400px;
}  */
/*INICIO DE ESTILOS PARA EL HEADER*/
.page-header{
    padding: 105px 0px 87px 0px!important;
}
.page-header-01,.page-header-02,.page-header-03,.page-header-04,.page-header-05, .page-header-ubicacion, .page-header-xiomara{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left!important;
}
.page-header-01{
    background-image: url(../images/xiomara/encabezados/encabezado_1920x300_nutrint.jpg);
    padding: 50px 0px 42px 0px!important;
}
.page-header-02{
    background-image: url(../images/xiomara/encabezados/encabezado_1920x300_trat_nutrint.jpg);
    padding: 50px 0px 42px 0px!important;
}
.page-header-03{
    background-image: url(../images/xiomara/encabezados/encabezado_1920x300_xiomara_for_men.jpg);
}
.page-header-04{
    background-image: url(../images/xiomara/encabezados/encabezado_1920x300_ceras_wax&shine.jpg);
    padding: 50px 0px 42px 0px!important;
}
.page-header-05{
    background-image: url(../images/xiomara/encabezados/encabezado_1920x300_gel_xiomara.jpg);
    padding: 50px 0px 42px 0px!important;
}
.page-header-06{
    background-image: url(../images/xiomara/encabezados/encabezado_1920x300_gel_black.jpg);
    background-repeat: no-repeat;
    background-position: center!important;
    padding: 50px 0px 42px 0px!important;
}
.page-header-07{
    background-image: url(../images/xiomara/encabezados/encabezado_1920x300_crema_naturens.jpg);
    background-repeat: no-repeat;
}
.page-header-8{
    padding: 105px 0px 0px 0px!important;
}
.page-header-ubicacion{
    background-image: url(../images/xiomara/encabezados/encabezado-xiomara_1920x200-donde.jpg);
}
.page-header-xiomara{
    background-image: url(../images/xiomara/encabezados/encabezado-xiomara_1920x200-xiomara.jpg);
}
.page-header-zell{
    background-image: url(../images/xiomara/encabezados/encabezado_1920x300_laboratorios_zell.jpg);
    padding: 50px 0px 42px 0px!important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left!important;
}
.page-header-gracias{
  background-image: url(../images/xiomara/encabezados/encabezado-xiomara_780x215-gracias.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left!important;
}
/* INICIO ESTILOS PARA EL HEADER */
.u-header{
    background-color: white;
}
.uh-logo > a > img{
    width: 35%;
    height: auto;
    margin-top: 35px;
}
.border-r{
    /* border-right: 1px solid #333; */
    margin-top: 39px;
    padding: 10px 1px 10px 0px!important;
    background-color: black;
}
.border-r-b{
    /* border-right: 1px solid #333; */
    margin-top: 39px;
    padding: 10px 1px 10px 0px!important;
    background-color: black;
}
ul.navbar-nav > li > a:hover{
    background: #333!important;
}
#DisplayBlock{
    display: block;
}
#btnTop{
    top: 0!important;
}
.red-color{
    color:red;
}
.colorWhite{
    color: white!important;
}
.colorGreen{
    color: #009f00;
}
.u-welcome{
    padding: 30px 0px!important;
}
.text-logo{
    position: absolute;
    font-weight: 400;
    font-size: .8em!important;
    color: white;
}
.marginLeft2{
    margin-left: 2%;
}
.marginLeft3{
    margin-left: 3%;
}
.marginLeft5{
    margin-left: 5%;
}
#banner-01, #banner-02, #banner-03, #banner-04, #banner-05, #banner-06, #banner-07, #banner-08, #banner-09{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
#banner-01{
    background-image: url(./banner-01.jpg);
    /* height: 520px; */
    background-size: cover!important;
}
#banner-02{
    background-image: url(./banner-02.jpg);
    background-color: #ee3428;
    background-position: 50px 90px;
}
#banner-03{
    background-image: url(./banner-03.jpg);
    background-color: #000;
    background-size: cover!important;
}
#banner-04{
    background-image: url(../images/xiomara/banner-04.jpg);
    background-color: #231f1c;
    background-size: cover!important;
    background-position: left;
}
#banner-06{
    background-image: url(../images/xiomara/banner-06.jpg);
    background-color: #dedede;
    background-size: cover!important;
}
#banner-07{
    background-image: url(../images/xiomara/banner-07.jpg);
    background-color: #000;
}
#banner-08{
    background-image: url(../images/xiomara/banner-08.jpg);
    height: 500px!important;
    background-size: cover;
}
#banner-09{
    background-image: url(../images/xiomara/banner-09.jpg);
    background-color: white;
}
/* ESTILOS PARA EL MENÚ DE BOTONES */
.btn-ancla-logos{
    background-color: #1a1a1a;
}
.btn-ancla-logos h2{
    color: white;
}
.cont-btn-ancla a{
    text-align: center;
    float: left;
    height: 100px;
    width: 14%;
    background-color: #1a1a1a;
}

/* INICIO ESTILOS PARA EL FOOTER */
footer{
    background: none;
}
.footer_bottom{
    background: #000;
}

/* ESTILOS PARA LOS BOTONES PREV & NEXT */
div.carousel-01 .flex-direction-nav a, div.carousel-02 .flex-direction-nav a, div.carousel-03 .flex-direction-nav a, div.carousel-04 .flex-direction-nav a, div.carousel-05 .flex-direction-nav a, div.carousel-06 .flex-direction-nav a {
	color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
	display: block;
	height: 40px;
	margin: -20px 0 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	top: 50%;
	transition: all 0.3s ease 0s;
	width: 40px;
	z-index: 10;
	opacity: 1 !important;
}
div.carousel-01.flexslider, div.carousel-02.flexslider, div.carousel-03.flexslider, div.carousel-04.flexslider, div.carousel-05.flexslider, div.carousel-06.flexslider {
	background: transparent;
	padding: 0;
	border: 0;
	box-shadow: none;
	margin:0 auto;
	width:448px;
	position:relative;
	right:0;
}
div.carousel-01.flexslider li, div.carousel-02.flexslider li, div.carousel-03.flexslider li, div.carousel-04.flexslider li, div.carousel-05.flexslider li, div.carousel-06.flexslider li {
	margin-right: 10px;
    width: 102px !important;
}
div.carousel-01.flexslider li img, div.carousel-02.flexslider li img, div.carousel-03.flexslider li img, div.carousel-04.flexslider li img, div.carousel-05.flexslider li img, div.carousel-06.flexslider li img {
	width: 110px !important;
	margin-right: 15px;
}
div.carousel-01 .flex-direction-nav .flex-next, div.carousel-02 .flex-direction-nav .flex-next, div.carousel-03 .flex-direction-nav .flex-next, div.carousel-04 .flex-direction-nav .flex-next, div.carousel-05 .flex-direction-nav .flex-next, div.carousel-06 .flex-direction-nav .flex-next {
	right: 0;
	text-align: right;
}
div.carousel-01 .flex-direction-nav a:before, div.carousel-02 .flex-direction-nav a:before, div.carousel-03 .flex-direction-nav a:before, div.carousel-04 .flex-direction-nav a:before, div.carousel-05 .flex-direction-nav a:before, div.carousel-06 .flex-direction-nav a:before {
	content: "\34";
	display: inline-block;
	font-family: "ElegantIcons";
	font-size: 40px;
}
div.carousel-01 .flex-direction-nav a.flex-next:before, div.carousel-02 .flex-direction-nav a.flex-next:before, div.carousel-03 .flex-direction-nav a.flex-next:before, div.carousel-04 .flex-direction-nav a.flex-next:before, div.carousel-05 .flex-direction-nav a.flex-next:before, div.carousel-06 .flex-direction-nav a.flex-next:before {
	content: "\35";
}
div.carousel-01 .flex-direction-nav .flex-prev, div.carousel-02 .flex-direction-nav .flex-prev, div.carousel-02 .flex-direction-nav .flex-prev, div.carousel-04 .flex-direction-nav .flex-prev, div.carousel-05 .flex-direction-nav .flex-prev, div.carousel-06 .flex-direction-nav .flex-prev {
	left: 0;
	text-align: left;
}
div.carousel-01 .flex-direction-nav a, div.carousel-02 .flex-direction-nav a, div.carousel-03 .flex-direction-nav a, div.carousel-04 .flex-direction-nav a, div.carousel-05 .flex-direction-nav a, div.carousel-06 .flex-direction-nav a {
	top: 20px;
	height: 120px;
	background: #333;
	border-radius: 4px;
}
div.carousel-01 .flex-direction-nav a:hover, div.carousel-02 .flex-direction-nav a:hover, div.carousel-03 .flex-direction-nav a:hover, div.carousel-04 .flex-direction-nav a:hover, div.carousel-05 .flex-direction-nav a:hover, div.carousel-06 .flex-direction-nav a:hover {
	background: red;
}
div.carousel-01 .flex-direction-nav a:before, div.carousel-02 .flex-direction-nav a:before, div.carousel-03 .flex-direction-nav a:before, div.carousel-04 .flex-direction-nav a:before, div.carousel-05 .flex-direction-nav a:before, div.carousel-06 .flex-direction-nav a:before {
	content: "4";
	display: inline-block;
	font-family: "ElegantIcons";
	font-size: 40px;
	margin-top: 33px;
	color: #e4e4e4;
	text-shadow: none;
	box-shadow: none;
}
.product_slider-01, .product_slider-02, .product_slider-03, .product_slider-04, .product_slider-05, .product_slider-06 {
	border: 1px solid #dedede;
	margin-bottom: 20px;
}

/* INICIO ESTILOS PARA LA SECCIÓN DE PRODUCTOS */
/* nutrint_coloracion */
#btn_guia_color a{
    color: #ed148c;
    background-color: transparent;
    border: 1px solid #ed148c;
    margin-left: 39%;
}
#btn_guia_color a:hover{
    background-color: hotpink;
    color: white;
}
.marginTop80{
    margin-top: -80px;
}
.marginTop120{
    margin-top: -120px!important;
}
.flecha-banner{
    display: none;
}
#icon_inner_left{
    float: left;
    left: 0px;
}
.paddingTop_30{
    padding-top: 30px;
}
#icon_inner_left > div a:hover{
    color: red!important;
}
.social_icons_heading .icon_wrap a:hover:before{
    background: none repeat scroll 0 0 red;
}
.content-head .owl-buttons .owl-prev:hover{
    background: #ed148c!important;
}
.content-head .owl-buttons .owl-next:hover{
    background: #ed148c!important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
    color:red;
}
iframe{
    height: 500px;
}
.marginBot50{
    margin-bottom: 50px!important;
}
.mfp-image-holder .mfp-content{
    margin-top: 10%;
}
img.mfp-img{
    min-width: 75%;
}
.product .wrapper p{
    float: none;
    text-align: center;
}
.color_red{
    color:red;
}
.color_cafe{
    color: #602b1b;    
}
.color_rubio{
    color: #fbb400;
}
/* nutrint_cuidado */
#owl-blog .upi-thumb{
    height: auto;
}
.content_paddingBt34{
    padding-bottom: 34px;
}
.content_paddingTB56{
    padding: 50px 0px;
}
.divisionPleca{
    height: 1px;
    background-color: gray;
    margin-top: 56px;
}
.ml_33{
    position: relative;
    left: 16%;
}
#logo_nitrintTratamiento, #logo_waxShine, #logo_gelXiomara, #logo_gelBlackXiomara, #logo_cremaCorporal{
    width: 320px;
}
#logo_waxShine, #logo_gelXiomara, #logo_gelBlackXiomara, #logo_cremaCorporal{
    margin-bottom: 30px;
}
.text_aninado{
    padding-left: 20px;
}
/* XIOMARA FOR MEN */
.product .wrapper{
    background-color: white;
    border: 1px solid white;
}
/* XIOMARA CERAS WAX&SHINE*/
.display_escritorio{
    display: block;
}
.display_mobile{
    display: none;
}
/* SECCIÓN DÓNDE COMPRAR */
.up4 .portfolioContainer .up-item{
    width: 100%;
}
#call_to_action{
    padding: 80px 0;
}

/*SECCIÒN LABORATORIOS ZELL*/

.marginB0{
    margin-bottom: 0!important;
}

/* SECCIÓN DE CONTACTO */
#contact-info{
    border-bottom: 0px solid #e4e4e4;    
}
.red-link{
    color: red!important;
}
.service_block:hover span.icon i{
    background: red!important;
}
.leave-comment button, #contact-form button{
    border: 1px solid #2DA501;
    background: #2DA501;
}
#Product-00{
 display: none!important;
}
/*ESTILOS PARA LA PORTADA DE XIOMARA*/
body{
    background-image: url(./bg-xiomara-I.png);
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.cont-portada{
  /* position: absolute; */
  /* background-color: red; */
  width: 60%;
  height: 300px;
  margin-left: 20%;
  margin-top: 25%;
  /* margin-bottom: 10%; */
}
#btn-portada-x1:hover{
  color: red!important;
  border: 1px solid red;
}
#btn-portada-x2:hover{
  border: 1px solid #00A99D;
}

.linea-x{
  margin-top: 60px;
  color: #000;
}
.btn-portada-X{
  padding: 10px 20px;
  border:1px solid #000;
  /* background-color: white; */
  font-weight: 600;
  font-size: 1.5em;
  color: #000;
}
.bg-white{
  background-color: white;
}
.img-x{
  width: 90%;
  margin-left: 5%;
}
/* INICIO DE ESTILOS PARA LOS MEDIAS QUERIES*/
@media all and (min-width: 1367px) and (max-width: 2000px){
    #banner-01, #banner-02, #banner-03, #banner-04, #banner-05, #banner-06, #banner-07, #banner-08, #banner-09{
        height: 560px;
    }    
    #Product-00{
     display: none!important;
    }
}
@media all and (min-width: 1025px) and (max-width: 1366px){
    .mfp-image-holder .mfp-content{
        margin-top: 12%;
    }
    img.mfp-img{
        max-width: 65%;
    }
    #Product-00{
     display: none!important;
    }
  .cont-portada{
    margin-top: 15%;
  }
}

@media all and (min-width: 769px) and (max-width: 1024px){
    body{
        background-position: center 150px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    /* ESTILOS PARA EL MENÚ DE BOTONES */
    .btn-ancla-logos{
        display: block;
    }
    #cont-ancla-01 a:nth-child(5){
        clear: both;
    }
    .cont-btn-ancla a{
        width: 25%;
    }
    .mob-header{
        position: fixed;
    }
    #banner-01, #banner-02, #banner-03, #banner-04, #banner-05, #banner-06, #banner-07, #banner-08, #banner-09{
        height: 520px;
    }
    .cont-map{
        width: 720px!important;
    }
    .ml_33{
        position: relative;
        left: 0%;
    }
    .cont-logo-sup > p{
        font-size: 1.2em;
        line-height: 1.6em;
    }
    .cont-lista-index{
        font-size: .9em;
        font-weight: 500!important;
    }
    .btn-descubrelos-01{
        font-size: 1.2em;
    }
    .mfp-image-holder .mfp-content{
        margin-top: 20%;
    }
    img.mfp-img{
        max-width: 65%;
    }
    .marginTop80{
        margin-top: -80px!important;
        margin-bottom: -15px!important;
    }
    /* XIOMARA WAX&SHINE */
    .display_escritorio{
        display: block;
    }
    .display_mobile{
        display: none;
    }
    .cont-portada{
      margin-top: 25%;
      width: 80%;
      margin-left: 10%;
    }
}
@media all and (min-width: 769px) and (max-width: 991px){
    body{
        background-position: center 150px;
        background-repeat: no-repeat;
        background-size: cover;
    }
  #btn-portada-x1{
    position: relative;
    top: 20px;
  }
  #btn-portada-x2{
    position: relative;
    top: 60px;
  }
}
@media all and (min-width: 481px) and (max-width: 768px){
    body{
        background-position: center 190px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    /* ESTILOS PARA EL MENÚ DE BOTONES */
    #cont-ceras-img ul li:nth-child(2){
        display: none;
    }
    .btn-ancla-logos{
        display: block;
    }
    #cont-ancla-01 a:nth-child(5){
        clear: both;
    }
    .cont-btn-ancla a{
        width: 25%;
    }
    .scrollup{
        right: 50px;
    }
    #banner-01, #banner-02, #banner-03, #banner-04, #banner-05, #banner-06, #banner-07, #banner-08, #banner-09{
        height: 100%;
        /* height: 780px; */
    }
    .cont-map{
        width: 300px!important;
        height: 400px!important;
        padding-bottom: 50px!important;
    }
    .ml_33{
        position: relative;
        left: 0%;
    }
    /* ESTILOS PARA EL INDEX */
    #cont_producto_01, #cont_producto_02, #cont_producto_03, #cont_producto_04, #cont_producto_06, #cont_producto_07{
        margin-bottom: 0px!important;
        margin-top: 15px;
    }
    #cont_producto_02{
        margin-top: 25px;
    }
    .marginB10{
        margin-bottom: 60px!important;
    }
    .cont-logo-sup{
        margin-top: 0!important;
    }
    .u-welcome{
        padding: 17px 0px!important;
        width: 60%;
        margin-left: 25%;
    }
    .cont-logo-sup > p{
        font-size: 1.2em;
        line-height: 1.6em;
    }
    .cont-lista-index{
        font-size: .9em;
    }
    .btn-descubrelos-01{/*CAMBIO*/
        font-size: 1.2em;
        font-weight: 500!important;
    }
    .mfp-image-holder .mfp-content{
        margin-top: 20%;
    }
    img.mfp-img{
        max-width: 65%;
    }
    .u-welcome{/*CAMBIO*/
        padding: 17px 0px!important;
        width: 80%;
        margin-left: 10%;
    }
    .cont-logo-sup > h1, .cont-logo-sup > p, .cont-logo-sup-01 > h1, .cont-logo-sup-01 > p,{/*CAMBIO*/
        font-weight: 500!important;
    }
    .marginB30{
        margin-bottom: 72px;
    }
    .marginL50{/*CAMBIO*/
        margin-left: 120px;
        width: 70%;
    }
    .btn-descubrelos-01{/*CAMBIO*/
        color: white;
        border: 1px solid white;
    }
    .btn-descubrelos-08{
        background-color: rgba(0,0,0,.6)!important;
    }
    .tp-bullets{/*CAMBIO*/
        top: 300px;
        left: 55%;
        padding-left: 4%;
    }
    #banner-06{
        background-size: cover;
        background-position: -417px 0px;
    }
    #banner-07{
        background-size: auto 62%;
        background-position: -113px -19px;
    }
    #banner-08{
        background-size: cover;
        background-position: -536px;
        width: 100%;
        margin-left: 0px;
    }
    #banner-09{
        height: 400px!important;
    }
    #btn_guia_color a{
        margin-left: 13%!important;
    }
    /*FLEXAS DEL CARRUCEL*/
    .flex-direction-nav{
        display: block!important;
    }
    div#carousel .flex-direction-nav a{
        height: 100px;
    }
    div#carousel .flex-direction-nav a:before{
        margin-top: 22px;
        margin-left: -8px;
    }
    div#carousel .flex-direction-nav a{
        width: 28px;
    }
    .flex-direction-nav .flex-prev{
        display:none;
    }
    .flex-direction-nav .flex-next{
        display:none;
    }
    .product_single2 #carousel.flexslider li{
        margin-right: 32px;
        width: 4% !important;
    }
    .naturens > div > ul > li{
        width: 19%!important;
        min-width: 9%!important;
    }
    .for_men > div > ul > li{
        max-width: 2.2%!important;
    }
    .coloracion > div > ul > li{
        max-width: 1.8%;
    }
    #carousel li.flex-active-slide:before{
        line-height: 100px;
    }
    div#carousel.flexslider li{
        margin-right: 32px;
        width: 4% !important;
    }
    /*ENCABEZADOS DE CADA SECCIÓN*/
    .page-header{
        background-size: cover;
        background-position: left;
    }
    .page-header-01{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_nutrint.jpg);
    }
    .page-header-03{
        background-image: url(../images/xiomara/encabezados/);
        background-color: #999;
    }    
    .page-header-04{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_ceras_wax&shine.jpg);
    }
    .page-header-05{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_gel_xiomara.jpg);
    }
    .page-header-06{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_gel_black.jpg);
    }
    .page-header-07{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_crema_corporal_nutirent.jpg);
    }
	.page-header-ubicacion{
    	background-image: url(../images/xiomara/encabezados/encabezado-xiomara_780x215-donde.jpg);
	}
	.page-header-xiomara{
   		background-image: url(../images/xiomara/encabezados/encabezado-xiomara_780x215-xiomara.jpg);
	}
    .page-header-zell{
        background-image: url(../images/xiomara/encabezados/encabezado_780x2215_laboratorios_zell.jpg);
        padding: 50px 0px 42px 0px!important;
    }
    .marginTop80{
        margin-top: -80px!important;
        margin-bottom: -15px!important;
    }
    /* XIOMARA WAX&SHINE */
    .display_escritorio{
        display: block;
    }
    .display_mobile{
        display: none;
    }
    /* XIOMARA NATURENS*/
    #Product-00{
        display: block;
    }
    #Product-01{
        width: 19%!important;
    }
    .cont-portada{
      margin-top: 25%;
      width: 80%;
      margin-left: 10%;
    } 
  #btn-portada-x1{
    position: relative;
    top: 20px;
  }
  #btn-portada-x2{
    position: relative;
    top: 60px;
  }
}
@media all and (max-width: 480px){
    body{
        background-position: center 130px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    /* ESTILOS PARA EL MENÚ DE BOTONES */
    #cont-ceras-img > div > ul li:nth-child(2), #cont-ceras-img > div > ul li:nth-child(3), #cont-ceras-img > div > ul li:nth-child(4), #cont-ceras-img > div > ul li:nth-child(5), #cont-ceras-img > div > ul li:nth-child(6), #cont-ceras-img > div > ul li:nth-child(7), #cont-ceras-img > div > ul li:nth-child(8){
        display: none!important;
    }
    .btn-ancla-logos{
        display: block;
    }
    .btn-ancla-logos h2{
        font-size: 1.5em;
    }
    #cont-ancla-01 a:nth-child(3), #cont-ancla-01 a:nth-child(5), #cont-ancla-01 a:nth-child(7){
        clear: both;
    }
    .marginLeft2{
        margin-left: 10%;
    }
    .marginLeft3{
        margin-left: 15%;
    }
    .cont-btn-ancla a{
        width: 50%;
    }
    .scrollup{
        right: 35px;
    }
    #banner-01, #banner-02, #banner-03, #banner-04, #banner-05, #banner-06, #banner-07, #banner-08, #banner-09{
        height: 100%;
    }
    #banner-09{
        height: 250px!important;
    }
    .cont-map{
        width: 300px!important;
        height: 400px!important;
        padding-bottom: 50px!important;
    }
    .ml_33{
        position: relative;
        left: 0%;
    }
    .page-header{
        background-size: cover;
        background-position: left;
    }
    /* ESTILOS PARA EL INDEX */
    #cont_producto_01, #cont_producto_02, #cont_producto_03, #cont_producto_04, #cont_producto_06, #cont_producto_07{
        margin-bottom: 0px!important;
        margin-top: 15px;
    }
    #cont_producto_02{
        margin-top: 25px;
    }
    .marginB10{
        margin-bottom: 44px!important;
    }
    .marginT30{
        margin-top: 0;
    }
    .cont-logo-sup{
        margin-top: 0!important;
    }
    .cont-logo-sup > p{
        font-size: 1.2em;
        line-height: 1.6em;
    }
    .cont-lista-index{
        font-size: .9em;
        font-weight: 500!important;
    }
    .btn-descubrelos-01{/*CAMBIO*/
        font-size: 1.2em;
        font-weight: 500;
    }
    .mfp-image-holder .mfp-content{
        margin-top: 20%;
    }
    img.mfp-img{
        max-width: 65%;
    }
    .u-welcome{/*CAMBIO*/
        padding: 17px 0px!important;
        width: 80%;
        margin-left: 10%;
    }
    #ImgProduct_01, #ImgProduct_07{
        width: 70%;
        margin-left: 15%;
    }
    #ImgProduct_02{
        width: 75%;
        margin-left: 12%;
    }
    .cont-logo-sup > h1, .cont-logo-sup > p, .cont-logo-sup-01 > h1, .cont-logo-sup-01 > p,{/*CAMBIO*/
        font-weight: 500!important;
    }
    .marginB30{
        margin-bottom: 72px;
    }
    .marginL50{/*CAMBIO*/
        margin-left: 120px;
        width: 70%;
    }
    .btn-descubrelos-01{/*CAMBIO*/
        color: white;
    }
    .btn-descubrelos-08{
        background-color: rgba(0,0,0,.6)!important;
    }
    .tp-bullets{/*CAMBIO*/
        top: 150px;
        left: 55%;
        padding-left: 9%;
    }
    div.page-header .container h1.text-center{/*CAMBIO*/
        text-shadow: 0 0 10px #FFFFFF, 0 0 12px #FFFFFF!important;
    }
    .page-header-xiomara{
        background-position: -110px 0px!important;
    }
    #banner-06{
        background-size: cover;
        background-position: -250px 7px;
    }
    #banner-07{
        background-size: auto 62%;
        background-position: -113px -19px;
    }
    #banner-08{
        background-size: auto 103%;
        background-position: -422px -4px;
        width: 100%;
        margin-left: 0px;
    }
    #slider_mobileTop{
        margin-top: 20px;
    }
    #btn_guia_color a{
        margin-left: 13%!important;
    }
    /*FLEXAS DEL CARRUCEL*/
    .flex-direction-nav{
        display: block!important;
    }
    div#carousel .flex-direction-nav a{
        height: 100px;
    }
    div#carousel .flex-direction-nav a:before{
        margin-top: 22px;
        margin-left: -8px;
    }
    div#carousel .flex-direction-nav a{
        width: 28px;
    }
    .flex-direction-nav .flex-prev{
        display:none;
    }
    .flex-direction-nav .flex-next{
        display:none;
    }
    .product_single2 #carousel.flexslider li{
        margin-right: 32px;
        width: 4% !important;
    }
    .naturens > div > ul > li{
        width: 19%!important;
        min-width: 19%!important;
    }
    .for_men > div > ul > li{
        min-width: 5%!important;
    }
    #carousel li.flex-active-slide:before{
        line-height: 100px;
    }
    div#carousel.flexslider li{
        margin-right: 32px;
        width: 4% !important;
    }
    /*ESTILO PARA LA FLECHA DEL BANNER*/
    /* .flecha-banner{
        display: block;
        position: absolute;
        right: 0;
    } */
    #ProductCera-01,#ProductCera-02, #ProductCera-03, #ProductCera-04, #ProductCera-05, #ProductCera-06, #ProductCera-07{
        margin-right: 6px!important;
        width: 3%!important;
        max-width: 3%!important;
    }
    .owl-buttons{
        display: block!important;
    }
    .owl-buttons{
        top: 210px;
    }
    .content-head .owl-buttons .owl-prev{
        left: -130px;
    }
    .content-head .owl-buttons .owl-next{
        right: -130px;
    }
    
    /* ENCABEZADOS PARA CADA SECICÓN */
    .page-header{
        padding: 35px 0px 0px 0px!important;
    }
    .page-header-01{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_nutrint.jpg); 
        background-size: cover;
    }
    .page-header-02{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_that_nutrint.jpg);
    }
    .page-header-03{
        background-image: url(../images/xiomara/encabezados/);
        background-color: #aeaeae;
    }  
    .page-header-04{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_ceras_wax&shine.jpg);
        background-position: -85px 0;
    }
    .page-header-05{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_gel_xiomara.jpg);
    }
    .page-header-06{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_gel_black.jpg);
    }
    .page-header-07{
        background-image: url(../images/xiomara/encabezados/encabezado_780x215_crema_naturens.jpg);
    }
	.page-header-ubicacion{
    	background-image: url(../images/xiomara/encabezados/encabezado-xiomara_780x215-donde.jpg);
	}
	.page-header-xiomara{
        background-image: url(../images/xiomara/encabezados/encabezado_780x2215_laboratorios_zell.jpg)
	}
    .page-header-zell{
        background-image: url(../images/xiomara/encabezados);
        background-color: #555; 
        padding: 50px 0px 42px 0px!important;
    }
    .marginTop80{
        margin-top: -80px!important;
        margin-bottom: -15px!important;
    }
    /* XIOMARA WAX&SHINE */
    .display_escritorio{
        display: block;
    }
    .display_mobile{
        display: none;
    }
    /* XIOMARA NATURENS*/
    #Product-00{
        display: block;
    }
    #Product-01{
        width: 19%!important;
    }
  .cont-portada{
      margin-top: 25%;
      width: 90%;
      margin-left: 5%;
    }
  #btn-portada-x1{
    position: relative;
    top: 20px;
  }
  #btn-portada-x2{
    position: relative;
    top: 60px;
  }
}