body{      
	font-family: 'Lato', sans-serif;

}
/****** ETIQUETA nuevo*******/
.eti-nuevo{
	    position: absolute;
    left: -55px;
    background: #bd8053;
    padding: 0 21%;
    font-size: 19pt;
    width: auto;
    text-align: center;
    transform: rotate(
-38deg);
    color: #ffffff;
    top: 8%;
    box-shadow: 0px 7px 5px 1px #eaeaea;
}

.padding-0{
    padding:0; 
}

/* Tipografia Llamado*/
@font-face {
   font-family: 'Code-Bold';
   src: url('Code-Bold.eot');
   src: local('?'), url('Code-Bold.woff') format('woff'),
                    url('Code-Bold.ttf') format('truetype'), 
                    url('Code-Bold.svg#webfont57ztNrX6') format('svg');
}
@font-face {
   font-family: 'Code-Light';
   src: url('Code-Light.eot');
   src: local('?'), url('Code-Light.woff') format('woff'),
                    url('Code-Light.ttf') format('truetype'), 
                    url('Code-Light.svg#webfont57ztNrX6') format('svg');
}

/************* color lineas familia****************/
.color-familia-amarillo{
	color:#d09900 !important;
}
.color-familia-morado{
	color:#5d4180 !important;
}
.color-familia-morado-border{
	border-color:#5d4180 !important;
}
.fondo-familia-amarillo{
	background: #d09900 !important;
}
.fondo-familia-morado{
	background: #5d4180 !important;
}
.vermashover1:hover{
  background: #5d4180;
  color: white;
}
/************* color lineas familia****************/

/************* color lineas clinical****************/
.color-clinical-verde{
	color:#1b7580 !important;
}
.color-familia-naranja{
	color:#be5916 !important;
}
.color-familia-naranja-border{
	border-color:#be5916 !important;
}
.fondo-clinical-verde{
	background: #1b7580 !important;
}
.fondo-clinical-naranja{
	background: #be5916 !important;
}
.texto502{
	color: #ffffff !important;
} 
.vermashover2:hover{
  background: #be5916;
  color: white;
}
/************* color lineas clinical****************/

/************* color lineas bronzer****************/
.color-familia-marron{
	color:#5f4d42 !important;
}
.color-familia-carne{
	color:#bd8053 !important;
}
.fondo-bronzer-marron{
	background: #5f4d42 !important;
}
.fondo-bronzer-carne{
	background: #bd8053!important;
}
.color-familia-carne-border{
	border-color:#bd8053 !important;
}
.vermashover3:hover{
  background: #bd8053;
  color: white;
}
/************* color lineas bronzer****************/


/* Tipografia Llamado*/
/* MENU*/
.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header {
    background: #c380ad;
}

.cont-menu {
    display: flex;
    justify-content: space-between;
}
.ico-menu {
    width: 20%;
    /* background: rebeccapurple; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    padding: 9px 0;
    color: #ffffff;
}
.logo {
    width: 50%;
    /* background: red; */
    display: flex;
    padding: 2% 0;
    justify-content: center;
    align-items: center;
}

.logo img {
    width: 50%;
}
.desplega-movil {
    background: #9e628d;
}

.desplega-movil ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

.desplega-movil li {
    /* padding: 16px; */
    color: #ffffff;
    font-weight: 500;
    border-bottom: 2px solid #bb86ac;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
    font-family: 'Code-Bold';
}
.desplega-movil li a {
    color: #ffffff;
}

.desplega-movil li a:hover {
    text-decoration: none;
}
.nivel2 {
    flex-direction: column;
    display: none;
}

.nivel2 li {
    display: flex;
    width: 100%;
    flex-direction: revert;
    background: #a66b9c;
}
.nivel2 li a {
    color: #ffffff;
    width: 99%;
}

.nivel2 li a:hover {
    text-decoration: none;
}
.in-menu {
    padding: 13px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.in-menu2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 13px 9px;
}


.menu-pc{
	display: none;
	font-family: 'Code-Bold';
}
.menu-ul-liicon{
    display: flex;
    padding: 0 8%;
    justify-content: space-between;
}
/* MENU*/
/* banner-principal*/
.slider {
    margin-top: 7vh;
    width: 100%;
    overflow: hidden;
}
.slider img {
    width: 100%;
}
.cont-relative-info-slider {
    position: relative;
    /* border: 1px solid #000000; */
}
.info-slider {
    position: absolute;
    bottom: 0;
    height: 38vw;
    /* background: #ece9ef; */
    width: 100%;
    padding: 5%;
}
.info-slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.info-slider li {
    font-size: 3.5vw;
    display: flex;
    /* align-items: center; */
    width: 100%;
    margin: 0 auto;
    text-transform: uppercase;
    color: #1b7580;
}

.info-slider li i {
    font-size: 8px;
    margin: 0.5vh 8px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
}

/****** nuwevo  ****/

.cont-imagen-slider3 {
    background-image: url(../img/Línea-Bonzer.jpg)!important;
}
.cont-imagen-slider2 {
    background-image: url(../img/Línea-Clinical.jpg) !important;
}
.cont-imagen-slider {
    height: auto;
    background-image: url(../img/Línea-Familia.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    /* background-position: center; */
    overflow: hidden;
}
.cont-relative-slider {
    width: 100%;
    height: 97vw;
    position: relative;
}

.circulo50-UVA {
    position: absolute;
    height: 22vw;
    width: 23vw;
    background: transparent;
    border-radius: 125px;
    bottom: 11px;
    left: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.borderblancocirculo {

    border: 1px solid #ffffff;
    border-radius: 52px;
    height: 83%;
    width: 78%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
.texto50 {
    font-size: 13vw;
    color: #d09900;
    font-weight: 900;
}

.FPS{
	background: #5d41a0;
	position: absolute;
	top: 6px;
	font-size: 4.2vw;
	color: #ffffff;
	padding: 0 7px;
}

.UVAUVB{
	color: #ffffff;
	background: #5d41a0;
	padding: 3px 5px;
	position: absolute;
	bottom: 2px;
	font-size: 2.2vw;
	text-align: center;
	border-radius: 25px;
}

.texto-slider-linea {
    display: flex;
    font-weight: 600;
    color: #ffffff;
    position: absolute;
    top: 18px;
    left: 7px;
    justify-content: center;
    align-items: center;
    font-size: 10px;
}

.titulo-slider1 {
    background: rebeccapurple;
    padding: 2px 2px 2px 18px;
    /* font-size: 3vw; */
}

.titulo-slider2 {
    background: #d09900;
    padding: 2px 18px 2px 2px;
    /* font-size: 3vw; */
}

.productoysol {
    position: absolute;
    width: 160px;
    right: -10px;
    bottom: 0;
    height: 115px;
}
.solblancoyproducto {
    /* background: rebeccapurple; */
    width: 100%;
    height: 91%;
}
.solb {
	position: absolute;
	top: -8px;
	width: 200px;
	left: -25px;
}
.info-slider-new {
    position: sticky;
    z-index: 99999;
}

.info-slider-new ul {
    list-style: none;
    padding: 0;
    margin: 9px auto;
    width: 90%;
}

.info-slider-new li {
    display: flex;
    align-items: baseline;
    color: rebeccapurple;
    text-transform: uppercase;
}

.info-slider-new li i {
    font-size: 8px;
    margin: 9px 7px;
    position: relative;
    top: -0.3vw;
}
.produc img {
    width: 100%;
}

.produc {
    width: 90%;
    /* background: rebeccapurple; */
    position: absolute;
    left: 0vw;
    bottom: -6vw;
}










/* banner-principal*/

/* bloques*/
.bloque-linea-producto {
    display: flex;
    flex-direction: column;
    /* background: #f9f9f9; */
    /* padding-bottom: 8%; */
    /* margin-bottom: 5%; */
    margin: 5% auto;
}
.cont-lenia-producto {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    text-align: center;
    /* margin-top: 4%; */
    background: rgb(243 243 243);
    padding-bottom: 8%;
    margin: 2% auto;
}
.cont-vermas a:hover {
    text-decoration: none;
    /* background: red; */
}
.imagen-linea {
    width: 100%;
    height: auto;
    background: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.imagen-linea img {
    width: 100%;
}
.texto-linea-texto h4 {
    margin: 0 0;
    font-size: 35px;
    padding: 3% 0;
    font-weight: bold;
    display: flex;
    justify-content: center;
}
.texto-linea-texto p {
    margin: 0;
    padding: 6px 5%;
    font-size: 17px;
    font-weight: 500;
}
.vermas {
    margin-top: 20px;
    border: 1px solid #5d4180;
    padding: 3px 30px;
    border-radius: 3px;
    color: #212529;
    font-size: 16px;
}
/* bloques*/

/*** Experto en sol ***/
.cont-experto {
    background: #7e57c5;
    padding: 8% 0;
}
.expertos-sol {
    display: flex;
    justify-content: center;
}
.texto-sol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.experto-texto {
    width: auto;
    display: flex;
    flex-direction: column;
    text-align: end;
    line-height: 1;
}

.sol {
    width: 11vh;
}
.sol img {
    width: 100%;
}
.texto-e {
    font-size: 32px;
    color: #ffffff;
    font-weight: lighter;
}
.texto-s {
    font-size: 31px;
    color: #ffffff;
    font-weight: bold;
}
.descubreaqui {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    border: none;
    width: 240px;
    margin-top: 12%;
	color: #ffffff;
    border-radius: 13px;
	padding: 14px 5px;
    font-weight: 800;
    background: rgb(255 255 255 / 31%);
    cursor: pointer;
}
.amarillo a {
    color: #7e57c5 !important;
}
.amarillo {
    background: #ecc100;
    color: #7e57c5 !important;
}


.amarillo a {
    background: transparent !important;
   
}
.descubreaqui a {
    color: #ffffff;
}

.descubreaqui a:hover {
    text-decoration: none;
}
.descubreaqui:hover, .descubreaqui a:hover {
    background: #ffffff;
    color: #7e57c5;
}
.descubreaqui:hover a {
    background: #ffffff;
    color: #7e57c5;
}
/*** Experto en sol ***/

/**** CONTACTOS ******/
.cont-contacto {
    background: rgb(25 25 25 / 5%);
    margin: 5% 0;
    padding: 10%;
    text-align: center;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}
.bloque-contato h4 {
    font-weight: 900;
    margin: 8% 0;
    font-size: 30px;
}
form.formulario-new {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}

form.formulario-new input {
    padding: 21px 12px;
    font-weight: 300;
    margin: 15px 0;
}
form.formulario-new textarea {
    padding: 10px 12px;
    font-weight: 300;
}
form.formulario-new input::placeholder,textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}
.boton-enviar {
    background: #333333;
    border: none;
    color: #ffffff;
    font-weight: 300 !important;
    font-size: 19px;
    padding: 3px 30px !important;
    /* width: 112px; */
    margin: 0 auto !important;
    margin-top: 33px !important;
    border-radius: 3px;
}




.confirmacion-contacto {
    position: absolute;
    background: rgb(195 128 173 / 89%);
    width: 100%;
    height: auto;
    padding: 9px;
    border: 3px solid #9e628d;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 26%;
}
.cont-confirm-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96%;
    padding: 24px 0;
}
span.solblanco-cont {
    width: 90px;
    margin-left: 15px;
}

span.solblanco-cont img {
    width: 100%;


}

span.texto-contact-confirm {
	font-size: 29px;
	width: 372px;
	text-align: right;
	color: #ffffff;
	font-weight: 300;
	line-height: 1;
}


/*****CONTACTOS ******/


/*** footer:;****/
.fondop-footer1 {
    background: #c380ad;
    padding: 10% 0;
}
.siguenos-redes {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}
.texto-sigenos-redes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 21px;
    line-height: 1;
    color: #ffffff;
}
.rede-face-in {
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-f {
    margin: 0 5%;
    font-size: 35px;
    color: #ffffff;
}
.icon-f a{
    color: #ffffff;
}
.icon-f a:hover{
    color: #ffffff;
	text-decoration: none;
}
.texto-sigenos-redes {
    color: #ffffff;
    font-size: 22px;
    font-weight: 300;
    padding: 20px 0;
}
.fondop-footer2 {
    background: #9e628d;
}

.new-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.texto-footer-new {


    width: 93%;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    padding: 25px 0;
    line-height: 1.2;
}
/***footer***/




/****** Linea familia ******/

.etiqueta-producto-linea {
    background: #ffffff;
    color: #ffffff;
    padding: 25px 7%;
    font-size: 17px;
    margin-top: 1%;
}
.video-linea {
    margin: 0 auto;
    width: 100%;
}
.cont-FPS-linea {




    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8% 0;
}


.fps-50-uva {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
}
.sol-bronzer {
    width: 145px;
}
.fps-50-uva span {
    font-weight: 900;
    font-size: 11px;
    color: #5d4180;
    text-align: center;
}

span.numerop {
    font-size: 64px;
    line-height: 80%;
    color: #d19a00;
}
.titulodelinea {
    text-align: center;
    margin: 2% auto;
    font-size: 30px;
    font-weight: 800;
    display: flex;
    justify-content: center;





}

.info-producto-linea p {
    text-align: center;
    line-height: 1.3;
    font-weight: 500;
    font-size: 14px;
    padding: 0 13px;
}
.texto-descripcion-fps {
    width: auto;
}

.texto-descripcion-fps ul {
    padding: 0;
    line-height:  normal;
    margin: 0;


    list-style: none;
    padding-left: 11px;
    border-left: 2px solid #5d4180;
    font-size: 1.7vh;
    margin-left: 10px;
}

.texto-descripcion-fps i {
    margin: 0 5px;
    font-size: 7px;
}

.cont-linea-producto-leblon {
    display: flex;
    flex-flow: wrap;
    width: 100%;
}

.producto-linea-f {
    width: 89%;
    /* background: rebeccapurple; */
    display: flex;
    justify-content: center;
    /* align-items: center; */
    margin: 7px 12%;
    height: auto;
    border: 1px solid #5d4180;
    box-shadow: 11px 9px 20px -12px rgb(0 0 0 / 35%);
}
.producto-linea-f a {
    width: 100%;
}
.imagen-producto-linea-f {
    width: 194px;
    margin: 0 auto;
}

.imagen-producto-linea-f img {
    width: 100%;
}
.titulo-propducto-linea-f {

    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    color: #5d4180;
    font-weight: bold;
    margin-bottom: 0%;
    /* display: flex; */
    justify-content: center;
    align-items: center;
}
.minidescripcion-producto-linea-f {
    padding: 6% 8%;
    font-size: 18px;
    text-align: center;
    color: #606060;
    font-weight: 300;
    line-height: 1;
    height: 96px;
    }
/****** Linea familia ******/


/*************** detalle de productos ****************/

.imagende-detalle-p {
    width: 100%;
}

.cont-detalle-producto {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.imagende-detalle-p img {
    width: 100%;
}
.titulo-detalle-producto {
    font-size: 24px;
    padding: 0 0;
    font-weight: bold;
    margin: 0% 1px;

}

.detalle-producto {
    width: 100%;
    padding: 0 24px;
    /* text-align: justify; */
}

.formato {
    margin-bottom: 5%;
    font-size: 15px;
    font-weight: 300;
}

.subtitulo-detalle-producto {
    font-size: 17px;
    margin-bottom: 19px;
    text-transform: uppercase;
}

.beneficio-detalle-producto {
    font-size: 15px;
}
.beneficio-detalle-producto li, .beneficio-detalle-producto p{
    font-weight: 300;
}
.beneficio-detalle-producto p {
    line-height: 2;
    font-size: 15px;
}

.beneficio-detalle-producto strong {
	font-size: 19px;
}
.comprar-detalle-producto {
    font-family: 'Code-Bold';
    background: #c380ad;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 auto;
    padding: 12px 4px;
    color: #ffffff;
    margin-top: 15%;
}

.comprar-detalle-producto i {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    font-size: 21px;
}
.cont-otro-productos-linea-familiar {
    text-align: center;
    margin-top: 0%;
}

.cont-otro-productos-linea-familiar h3 {
    margin-bottom: 56px;
    font-weight: bold;
    margin-top: 3cm;
}
.producto-linea-f a:hover {
    text-decoration: none;
}
/*************** detalle de productos ****************/



/********************** DESCUBRE LEBLON*****************************/

.banner-principal-descubre {
    margin-top: 11%;
    background-image: url(./../descubreleblon/img/BANNER2.2.png);
    background-size: cover;
    height: 55vw;
    background-position: center;
}
.descubreleblon {
    margin: 5% 0;
}

.bloque-noticia-descubre {
    width: 95%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    margin: 15px 7px;
}
.bloque-noticia-descubre a:hover {
    text-decoration: none;
}
.imagen-noticia img {
    width: 100%;
}
.imagen-noticia {
    width: 100%;
    margin-bottom: 25px;
}

.titulo-noticia {
    color: #000000;
    font-size: 23px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 14px;
	    line-height: 1;
}

.fecha-noti-descu {
    text-align: center;
    color: #c380ad;
}

.descripcion-descubre {
    margin: 0 9px;
    text-align: center;
    font-size: 15px;
    color: #343434;
}

.leer-mas-descubre {
    margin: 5% auto;
    text-align: center;
    border: 1px solid #c380ad;
    width: 160px;
    padding: 4px 0px;
    margin-top: 11px;
    border-radius: 3px;
    color: #000000;
}
.cont-noticias-descubre {
    display: flex;
    flex-flow: wrap;
}
/********************** DESCUBRE LEBLON*****************************/


.titulo-noticia-fecha {
    margin-top: 12vh;
}

.titulo-noticia-detalle {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 900;
    padding-bottom: 10px;
}

.fecha-noticia-detalle {
    color: #c380ad;
    margin-bottom: 18px;
}
.cont-detalles-descubre {
    margin: 5% auto;
    font-size: 16px;
    text-align: justify;
    width: 99%;
}

.cont-imagen-detallenocita-descubre {
    width: 100%;
}

.cont-imagen-detallenocita-descubre img {
    width: 100%;
}

.tambien-podia-gustarte {
    margin-top: 23vh;
}

.titulo-tepuede-gustar {
    text-align: center;
    margin-bottom: 43px;
    font-size: 26px;
}

.bloquenota {
    width: 100%;
    margin: 36px auto;
}

.imagen-otra-nota {
    width: 100%;
}

.imagen-otra-nota img {
    width: 100%;
}

.titulo-otra {
    text-align: center;
    font-size: 22px;
    line-height: 1;
    margin-top: 11px;
}
.cont-bloque-otras-notas a:hover {
    text-decoration: none;
}
.cont-bloque-otras-notas a {
    color: #000000;
}





/******************* NUEVO BANNER*****************************/

.text-nuevobanner {
    display: block !important;
    width: 100%;
    text-align: end;
    font-size: 10.3vw!important;
    line-height: 1;
    z-index: 999;
    left: -22px !important;
    top: 2.9em !important;
}
.planta-newbanner {
    width: 65vw !important;
    top: 34vw !important;   
	left: -35px !important;
}
.new-productobanner {
    width: 97% !important;
    top: 57% !important;
    left: 4px;
}
.text2-nuevobanner {
    width: 100% !important;
    position: relative !important;
    left: -29px !important;
    top: 78vw !important;
    text-align: end !important;
    font-size: 4.7vw !important;
    color: #ffffff !important;
}
/***********************NUEVO BANNER*************************/	

/*********************** NUEVO FAMILIA BANNER **********************/	   
		.planta-newbanner2 {
			width: 87%;
			top: 24%;
			left: -26%;
		}
		.nuvo-productofamiliar {
			width: 82%;
			top: 104px;
			left: 11%;
		}

		.textnew-productofamilia {
			font-size: 13px;
			line-height: 15px;
		}

		.info-slider-new.textnew-productofamilia i {
			margin: 3px 4px;
		}
.text-nuevobanner2 {
    font-size: 9vw;
    z-index: 99;
    left: 13%;
    text-shadow: 1px 4px 7px #00000059;
    top: 10%;
}
	   /*********************** NUEVO FAMILIA BANNER **********************/
@media (min-width: 491px) and (max-width: 767px) {
	/********** baner principal************/
	
	.descubreaqui {
    font-size: 16px;
}
	
	.info-slider li {
    font-size: 3.5vw;

	}
	.info-slider li i {
    margin: 2vw 8px;
	}
	
	
	
	
	
	
	.texto-slider-linea {
    top: 40px;
    left: 21px;
    font-size: 2.8vw;
}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 5px;
    position: absolute;
    bottom: 10px;
    font-size: 2vw;
}	
.texto50 {
    font-size: 10vw;
}
.borderblancocirculo {
    border-radius: 78px;
    height: 83%;
    width: 78%;

}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 2px;
    position: absolute;
    bottom: 7px;
    font-size: 2vw;
}
.UVAUVB2{
	bottom: 1px;	
}
.FPS {
    font-size: 3vw;
}	
.circulo50-UVA {
    position: absolute;
    height: 17vw;
    width: 18vw;
}	
.productoysol {
    width: 190px;
}
	
.produc {
    left: -3vw;
    width: 35vw;
}
	.solb {

    position: absolute;
    top: -10vw;
    width: 54vw;
    left: -11vw;
}
	
	
	
	
	
	/***********baner principal***********/
	/* MENU*/
		.logo img {
			width: 45%;
		}
			.menu-pc{
			display: none;
		}
	/* MENU*/
	/*** Experto en sol ***/
	.texto-e {
    font-size: 43px;
    color: #ffffff;
    font-weight: lighter;
	}
	.sol {
    width: 15vh;
}
	/*** Experto en sol ***/
	
	
	/******* footer ****/
	.siguenos-redes {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: space-around;
	}
	.texto-sigenos-redes {
    text-align: right;
	width: 50%;
}
	.rede-face-in {
 	 width: 50%;
}
	/******* footer ****/
	/****** Linea familia ******/
.etiqueta-producto-linea {
    margin-top: 18px;
}
.info-producto-linea p {
    text-align: center;
    line-height: 1.3;
    font-weight: 500;
    font-size: 2.4vh;
    padding: 0 13px;
    margin: 0 auto;
    width: 85%;
}	
/****** Linea familia ******/
	
/*************** detalle de productos ****************/	
.imagende-detalle-p {
    width: 67%;
    margin: 0 auto;
}
/*************** detalle de productos ****************/	
	
/***********************descubre leblon ************/
	.banner-principal-descubre {
    margin-top: 6vh;
    height: 55vw;
    background-position: center;
}
/***********************descubre leblon ************/

/******************* NUEVO BANNER*****************************/

.text-nuevobanner {
    display: block !important;
    width: 100%;
    text-align: end;
    font-size: 53px!important;
    line-height: 1;
    z-index: 999;
    left: -30px !important;
    top: 1.9em !important;
}
.planta-newbanner {
    width: 65vw !important;
    top: 34vw !important;   
	left: -35px !important;
}
.new-productobanner {
    width: 97% !important;
    top: 60% !important;
    left: 4px;
}
.text2-nuevobanner {
    width: 100% !important;
    position: relative !important;
    left: -29px !important;
    top: 78vw !important;
    text-align: end !important;
    font-size: 24px !important;
    color: #ffffff !important;
}
/***********************NUEVO BANNER*************************/	
	
/*********************** NUEVO FAMILIA BANNER **********************/	   
		.planta-newbanner2 {
			width: 87%;
			top: 29%;
			left: -26%;
		}
		.nuvo-productofamiliar {
			width: 75%;
			top: 34%;
			left: 11%;
		}

		.textnew-productofamilia {
			font-size: 3vw;
			line-height: 20px;
		}

		.textnew-productofamilia i {
			margin: 3px 4px;
		}
	.text-nuevobanner2 {
    font-size: 3em;
    z-index: 99;
    left: 12%;
}
/*********************** NUEVO FAMILIA BANNER **********************/	
	
}
@media (min-width: 768px) and (max-width:991px) {
	
	.descubreaqui {
    font-size: 18px;
}	
	
	/*********** baner principal *********/
	.info-slider {
    bottom: 1vw;
    height: auto;
    width: 76%;
    padding: 3px 5%;
 }
	.info-slider ul {
    column-count: 2;
}
.info-slider li {
    font-size: 1.9vw;
}
	
	
	
	
	
	
.cont-imagen-slider {
    background-size: 50%;
    /* background-position: center; */
}	
.cont-relative-slider {
    height: 44vw;
}	
	
	
	
.texto-slider-linea {
    top: 16px;
    left: 0;
    font-size: 1.8vw;
}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 5px;
    position: absolute;
    bottom: 10px;
    font-size: 2vw;
}	
.texto50 {
    font-size: 6vw;
}
.borderblancocirculo {
    border-radius: 78px;
    height: 83%;
    width: 78%;

}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 2px;
    position: absolute;
    bottom: 7px;
    font-size: 1vw;
}
.UVAUVB2{
	bottom: 1px;	
}
	
.circulo50-UVA {
    position: absolute;
    height: 10vw;
    width: 11vw;
}	
.productoysol {
    width: 45%;
    right: 21px;
    top: 7vw;
}
	
.produc {
    left: 0vw;
    width: 31vw;
    bottom: -1vh;
}
	.solb {
    position: absolute;
    top: -7vw;
    width: 44vw;
    left: -15vw;
}
.info-slider-new {
    position: absolute;
    z-index: 99999;
    bottom: 3vw;
    right: 3vw;
    font-size: 1.8vw;
    width: 46%;
}	
.info-slider-new li {
    align-items: baseline;
    line-height: 1;
}
.FPS {
    font-size: 1.6vw;
}	
	
	
	
	
	
	
	
	
	
	
	/**** banner principal****/
	/* MENU*/
		.logo img {
			width: 70%;
		}
		.logo {
		width: 25%;
		padding: 1% 0;
		}
		.menu-pc {
		width: 70%;
		/* background: radial-gradient(black, transparent); */
		}
		.menu-pc{
			display: flex;
		}
		.menu-pc ul {
			display: flex;
			margin: 0;

			padding: 0;
			list-style:  none;
			align-items: center;
			height: 100%;
			justify-content: flex-end;
			width: 100%;
		}
		.menu-pc li a {
			color: #ffffff;
		}
		.menu-pc lia a:hover {
			text-decoration: none;
		}
		.menu-pc li {
			font-size: 15px;
			font-weight: 500;
			margin: 0 3%;
			color: #ffffff;
		}
		.submenu-pc {
		background: #a66b9c;
		}


		.desplega-pc {
		padding:  0;
		width: 100%;
		}

		.desplega-pc ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		height: 100%;

		font-size: 21px;
		}

		.desplega-pc ul li {
		width: 48%;
		margin: 0 auto;
		text-align: center;
		height: 70px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-left: 2px solid #c380ad;
		border-right: 1px solid #c380ad;
		font-size: 17px;
		}

		.desplega-pc ul li a {
		color: #ffffff;
		width: 100%;
		}
	/* MENU*/
	/*** Experto en sol ***/
	.texto-e {
    font-size: 43px;
    color: #ffffff;
    font-weight: lighter;
	}
	.sol {
    width: 15vh;
	}
	.cont-experto {
	background: #7e57c5;
	padding: 4% 0;
	}
	/*** Experto en sol ***/
	/********contact******/
	form.formulario-new {
    width: 480px;
	}
	.cont-contacto {
    margin: 5% 0;
    padding: 4%;
	}
	.bloque-contato h4 {
    font-weight: 900;
    margin: 5% 0;
    font-size: 43px;
	}
	/********contact******/
		/******* footer ****/
	.siguenos-redes {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: space-around;
	}
	.texto-sigenos-redes {
    text-align: right;
    width: 35%;
    font-size: 30px;
}
	.rede-face-in {
 	 width: 50%;
}
	.icon-f {
    margin: 0 10%;
    font-size: 35px;
    color: #ffffff;
}
	.fondop-footer1 {
    padding: 5% 0;
}
	/******* footer ****/
		/****** Linea familia ******/
.etiqueta-producto-linea {
    margin-top: 2vh;
}
	.texto-descripcion-fps ul {
    font-size: 2.2vh;
}
.info-producto-linea p {
    font-size: 2.8vw;
}
.titulodelinea {
    font-size: 45px;
}	
.producto-linea-f {
    width: 31%;
    height: auto;
    margin: 11px 1%;
}	
/****** Linea familia ******/
	/*************** detalle de productos ****************/
	
	.cont-detalle-producto {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.imagende-detalle-p {
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: -8vh;
}
.detalle-producto {
    width: 50%;
    margin: 0 auto;
}
.tdp2 {
    width: 100%;
    margin: 0 auto;
    margin-left: 50%;
}	
.imagen-producto-linea-f {
    width: 75%;
    margin: 0 auto;
}
.titulo-propducto-linea-f {
    font-size: 15px;
    height: auto;
}
.minidescripcion-producto-linea-f {
    padding: 6% 6%;
    font-size: 14px;
    height: 71px;
}	
	/*************** detalle de productos ****************/
	/***************descubre leblon****************/
	.bloque-noticia-descubre {
    width: 48%;
}
	/***************descubre leblon****************/
	
/***********************descubre leblon ************/
	.banner-principal-descubre {
    margin-top: 6vh;
    height: 40vw;
    background-position: 0 0vh;
}
/***********************descubre leblon ************/
	
	
.bloquenota {
    width: 32%;
}	
.titulo-otra {
    text-align: center;
    font-size: 18px;
}	
	
/******************* NUEVO BANNER*****************************/

.text-nuevobanner {
    display: block !important;
    width: 100%;
    text-align: end;
    font-size: 3.9em !important;
    line-height: 1;
    z-index: 999;
    top: 20%!important;
}
.planta-newbanner {
    width: 59vh !important;
    top: 17vh !important;
    left: -4vh !important;
}
.new-productobanner {
    width: 75% !important;
    top: 34% !important;
    left: 28%;
}
.text2-nuevobanner {
    font-size: 28px !important;
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 78% !important;
    text-align: end !important;
    font-size: 3.2vh !important;
    color: #ffffff !important;
}
/***********************NUEVO BANNER*************************/	
/*********************** NUEVO FAMILIA BANNER **********************/	   
		.planta-newbanner2 {
			width: 87%;
			top: 37%;
			left: -26%;
		}
		.nuvo-productofamiliar {
			width: 55%;
			top: 10%;
			left: 42%;
		}

		.textnew-productofamilia {
			font-size: 1.7vw;
			line-height: 16px;
			width: 100%;
			margin: 2px auto;
			right: 0;
		}

		.info-slider-new.textnew-productofamilia i {
			margin: 4px 4px;
		}
	.text-nuevobanner2 {
    font-size: 2.2em;
    z-index: 99;
    left: 0px;
    top: 20%;
}
/*********************** NUEVO FAMILIA BANNER **********************/	
.top-bronzer {
    top: 22% !important;
}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	
	.top-bronzer {
    top: 15% !important;
}
	
	.descubreaqui {
    font-size: 18px;
}	
		/*********** baner principal *********/
	.info-slider {
    bottom: 3vw;
    height: auto;
    width: 72%;
    padding: 3px 5%;
 }
	.info-slider ul {
    column-count: 2;
}
	.info-slider li i {margin: 0.5vh 8px;}
	.info-slider li {
    font-size: 1.4vw;
    width: 100%;
}
	.texto-linea-texto {
    min-height: 180px;
}
	
	
	
	
	
	
	
	
.cont-imagen-slider {
    background-size: 60%;
    /* background-position: center; */
}	
.cont-relative-slider {
    height: 44vw;

}	
	
	
	
.texto-slider-linea {
    top: 16px;
    left: 0;
    font-size: 1.8vw;
}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 5px;
    position: absolute;
    bottom: 10px;
    font-size: 2vw;
}	
.texto50 {
    font-size: 5.1vw;
}
.borderblancocirculo {
    border-radius: 78px;
    height: 86%;
    width: 78%;
}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 2px;
    position: absolute;
    bottom: 5px;
    font-size: 1vw;
    text-align: center;
}
	
.circulo50-UVA {
    position: absolute;
    height: 10vw;
    width: 11vw;
    
}	
.productoysol {
    width: 45%;
    right: -35px;
    top: 7vw;
}
	
.produc {
    left: 0vw;
    width: 29vw;
    bottom: -8vw;
}
	.solb {
    position: absolute;
    top: -7vw;
    width: 44vw;
    left: -12vw;
}
.info-slider-new {
    position: absolute;
    z-index: 99999;
    bottom: 9%;
    right: 34px;
    width: 38vw;
    font-size: 1.4vw;
    line-height: 1;
}	
.info-slider-new li {
    align-items: baseline;
}
	
.FPS {
    font-size: 1.6vw;
}		
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**** banner principal****/
	/* MENU*/
		.logo img {
			width: 45%;
		}
		.logo {
			width: 25%;

			padding: 1% 0;
		}
		.menu-pc{
			display: flex;
			width: 75%;
		}
		.menu-pc ul {
			display: flex;
			margin: 0;
			padding: 0;
			list-style:  none;
			align-items: center;
			height: 100%;
			justify-content: flex-end;
			width: 100%;
		}
		.menu-pc li a {
			color: #ffffff;
		}
		.menu-pc lia a:hover {
			text-decoration: none;
		}
		.menu-pc li {
			font-size: 15px;
			font-weight: 500;
			margin: 0 2%;
			color: #ffffff;
		}
		.submenu-pc {
		background: #a66b9c;
		}

		.desplega-pc {
		padding:  0;
		width: 100%;
		}

		.desplega-pc ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		height: 100%;
	
		font-size: 21px;
		}

		.desplega-pc ul li {
		width: 48%;
		margin: 0 auto;
		text-align: center;
		height: 70px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-left: 2px solid #c380ad;
		border-right: 1px solid #c380ad;
		font-size: 17px;
		}

		.desplega-pc ul li a {
		color: #ffffff;
		width: 100%;
		}
	/* MENU*/
	/* bloque*/
	.bloque-linea-producto {
    flex-direction: row;
}
	.cont-lenia-producto {
    width: 44%;
    padding-bottom: 3%;
    margin: 2% auto;
}
	/* bloque*/
		/*** Experto en sol ***/
	.texto-e {
    font-size: 55px;
    color: #ffffff;
    font-weight: lighter;
 }
	.sol {
    width: 19vh;
 }
	.cont-experto {
    background: #7e57c5;
    padding: 4% 0;
	}
	.texto-s {
    font-size: 30px;
}
	/*** Experto en sol ***/
	/********contact******/
	form.formulario-new {
    width: 480px;
	}
	.cont-contacto {
    margin: 5% 0;
    padding: 4%;
	}
	.bloque-contato h4 {
    font-weight: 900;
    margin: 5% 0;
    font-size: 43px;
	}
	/********contact******/
		/******* footer ****/
	.siguenos-redes {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: space-around;
	}
	.texto-sigenos-redes {
    text-align: right;
    width: 35%;
    font-size: 25px;
}
	.rede-face-in {
 	 width: 50%;
}
	.icon-f {
    margin: 0 8%;
    font-size: 35px;
    color: #ffffff;
}
	.fondop-footer1 {
    padding: 3% 0;
}
	/******* footer ****/
		/****** Linea familia ******/
.etiqueta-producto-linea {
    margin-top: 1.5vh;
}

	.texto-descripcion-fps ul {
    font-size: 2.2vh;
}
.info-producto-linea p {
    font-size: 2.5vw;
}
.titulodelinea {
    font-size: 45px;
}	
.cont-FPS-linea {
    margin: 5% 0;
} 
	.producto-linea-f {
    width: 31%;
    height: 499px;
    margin: 12px 1%;
}	
/****** Linea familia ******/
		/*************** detalle de productos ****************/
	
	.cont-detalle-producto {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.imagende-detalle-p {
    width: 435px;
    margin: 0 auto;
    position: relative;
    top: -10vh;
}
.detalle-producto {
    width: 50%;
    margin: 9% 0;
    margin-top: 3px;
}
.tdp2 {
    width: 100%;

    margin: 0 auto;
    margin-left: 50%;
}	
	.beneficio-detalle-producto {
    font-size: 16px;
}
.imagen-producto-linea-f {
    width: 100%;
    margin: 0 auto;
}
.titulo-propducto-linea-f {
    font-size: 18px;
    height: 6vh;
}
.minidescripcion-producto-linea-f {
    padding: 6% 6%;
    font-size: 19px;
}		
	/*************** detalle de productos ****************/
		/***************descubre leblon****************/
	.bloque-noticia-descubre {
    width: 48%;
}
	.banner-principal-descubre {
    margin-top: 6vh;
    height: 35vw;
}
/***********************descubre leblon ************/
.bloquenota {
    width: 32%;
}	
.titulo-otra {
    text-align: center;
    font-size: 18px;
}		
.titulo-noticia {
    font-size: 21px;
}	
	

	/******************* NUEVO BANNER*****************************/

.text-nuevobanner {
    display: block !important;
    width: 100%;
    text-align: end;
    font-size: 4em !important;
    line-height: 1;
    z-index: 999;
    top: 2em !important;
}
.planta-newbanner {
    width: 65vh !important;
    top: 38% !important;
    left: 0px !important;
}
.new-productobanner {
    width: 62% !important;
    top: 16vw !important;
    left: 40% !important;
}
.text2-nuevobanner {
    font-size: 28px !important;
    width: 100% !important;
    position: relative !important;
    left: -40px !important;
    top: 82% !important;
    text-align: end !important;
    font-size: 36px !important;
    color: #ffffff !important;
}
/***********************NUEVO BANNER*************************/	
/*********************** NUEVO FAMILIA BANNER **********************/	   
		.planta-newbanner2 {
			width: 81%;
			top: 37%;
			left: -24%;
		}
		.nuvo-productofamiliar {
			width: 52%;
			top: 7%;
			left: 46%;
		}

		.textnew-productofamilia {
			font-size: 1.8vw;
			line-height: 23px;
			width: 100%;
			right: 0;
		}

		.info-slider-new.textnew-productofamilia i {
			margin: 3px 4px;
		}
	.text-nuevobanner2 {
    font-size: 2.9em;
    z-index: 99;
    left: 31px;
    top: 12%;
}
/*********************** NUEVO FAMILIA BANNER **********************/		
}

@media (min-width: 1200px) and (max-width: 1600px) {
		.descubreaqui {
    font-size: 18px;
}
.top-bronzer {
    top: 20%!important;
}	
		/*********** baner principal *********/
	.info-slider {
    bottom: 5vw;
    height: auto;
    width: 70%;
    padding: 3px 1%;
    left: 7%;
 }

	.info-slider ul {
    column-count: 2;
}
	.info-slider li i {

    margin: 1vh 8px;
}
	
	
	
	
	
.cont-imagen-slider {
    background-size: 60%;
    /* background-position: center; */
}	
.cont-relative-slider {
    height: 36vw;
}	
	
	
	
.texto-slider-linea {
    top: 60px;
    left: 0;
    font-size: 1.8vw;
}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 5px;
    position: absolute;
    bottom: 10px;
    font-size: 2vw;
}	
.texto50 {
    font-size: 5.6vw;
}
.borderblancocirculo {
    border-radius: 78px;
    height: 83%;
    width: 78%;

}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;

    padding: 3px 2px;
    position: absolute;
    bottom: 7px;
    font-size: 1vw;
    text-align: center;
}
	
.circulo50-UVA {
    position: absolute;
    height: 10vw;
    width: 11vw;
}	
.productoysol {
    width: 45%;
    right: -35px;
    top: 7vw;
}
	
.produc {
    left: 3vw;
    width: 24vw;
    bottom: -6vw;
}
	.solb {
    position: absolute;
    top: -9vw;
    width: 40vw;
    left: -8vw;
}
.info-slider-new {
    position: absolute;
    z-index: 99999;
    bottom: 32px;
    right: 2vw;
    width: 38vw;
    font-size: 1.3vw;
}	
.info-slider-new li {
    align-items: baseline;
}
.FPS {
    font-size: 1.6vw;
}		
	
		
	
	
		
	
	
	
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**** banner principal****/
	/* MENU*/
		.logo img {



			width: 65%;
		}


		.logo {
			width: 20%;
			padding: 1% 0;
		}
			.menu-pc{
			display: flex;
			width: 75%;
		}
		.menu-pc ul {

			display: flex;
			margin: 0;
			padding: 0;
			list-style:  none;
			align-items: center;
			height: 100%;
			justify-content: flex-end;
			width: 100%;
		}
		.menu-pc li a {
			color: #ffffff;
		}
		.menu-pc lia a:hover {
			text-decoration: none;
		}
		.menu-pc li {
			font-size: 18px;
			font-weight: 500;
			margin: 0 21px;
			color: #ffffff;
		}
		.submenu-pc {
		background: #a66b9c;
		}

		.desplega-pc {
		padding:  0;
		width: 100%;
		}

		.desplega-pc ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		height: 100%;
	
		font-size: 21px;
		}

		.desplega-pc ul li {
		width: 48%;
		margin: 0 auto;
		text-align: center;
		height: 70px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-left: 2px solid #c380ad;
		border-right: 1px solid #c380ad;
		font-size: 17px;
		}

		.desplega-pc ul li a {
		color: #ffffff;
		width: 100%;
		}
	/* MENU*/
		/* bloque*/
	.bloque-linea-producto {
    flex-direction: row;
}
	.cont-lenia-producto {
    width: 45%;
    padding-bottom: 3%;
    margin: 2% auto;
}

	/* bloque*/
		/*** Experto en sol ***/
	.texto-e {
    font-size: 68px;
    color: #ffffff;
    font-weight: lighter;
 }
	.sol {
    width: 25vh;
 }
	.cont-experto {
    background: #7e57c5;
    padding: 3% 0;
 }
		.texto-s {
    font-size: 38px;
}
	/*** Experto en sol ***/
	/********contact******/
	form.formulario-new {
    width: 480px;
	}
	.cont-contacto {
    margin: 5% 0;
    padding: 4%;
	}
	.bloque-contato h4 {
    font-weight: 900;
    margin: 5% 0;
    font-size: 43px;
	}
	/********contact******/
		/******* footer ****/
	.siguenos-redes {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: space-around;
	}
	.texto-sigenos-redes {
    text-align: right;
    width: 35%;
    font-size: 25px;
}
	.rede-face-in {
 	 width: 50%;
}
	.icon-f {
    margin: 0 8%;
    font-size: 30px;
    color: #ffffff;
}
	.fondop-footer1 {
    padding: 3% 0;
}
	/******* footer ****/
		/****** Linea familia ******/
.etiqueta-producto-linea {
    margin-top: 4vh;
}

	.texto-descripcion-fps ul {
    font-size: 2.8vh;
}
.info-producto-linea p {
    font-size: 2.2vw;
}
.titulodelinea {
    font-size: 45px;
}

.cont-FPS-linea {
    margin: 5% 0;
} 
.fps-50-uva span {
    font-size: 18px;
}
span.numerop {
    font-size: 95px;
}
.producto-linea-f {
    width: 31%;
    margin: 15px 1%;
}
.info-slider li {
    font-size: 1.4vw;
}	
/****** Linea familia ******/
	/*************** detalle de productos ****************/
	
	.cont-detalle-producto {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.imagende-detalle-p {
    width: 435px;
    margin: 0 auto;
    top: -11vh;
    position: relative;
}
.detalle-producto {
    width: 50%;
    margin: 8% 0px;
    margin-top: 0;
}
.tdp2 {
    width: 100%;
    margin: 0 auto;
    margin-left: 50%;
}	
.titulo-propducto-linea-f {
    font-size: 18px;
    height:auto;
}
.imagen-producto-linea-f {
    width: 260px;
}		
	/*************** detalle de productos ****************/	
	

	
	/***************descubre leblon****************/
	.bloque-noticia-descubre {
    width: 48%;
}
		.banner-principal-descubre {
    margin-top: 6vh;
    height: 35vw;
}
	/***************descubre leblon****************/
	.bloquenota {
    width: 32%;
}	
.titulo-otra {
    text-align: center;
    font-size: 18px;
}	
	.cont-detalles-descubre {
    font-size: 20px;
}
.descripcion-descubre {
    font-size: 17px;
  
}		
	

	/******************* NUEVO BANNER*****************************/

.text-nuevobanner {
    display: block !important;
    width: 100%;
    text-align: end;
    font-size: 4.1em !important;
    line-height: 1;
    z-index: 999;
    top: 1.5em !important;
}
.planta-newbanner {
    width: 65% !important;
    top: 45% !important;
    left: -5% !important;
}
.new-productobanner {
    width: 50% !important;
    top: 42%!important;
    left: 49% !important;
}
.text2-nuevobanner {
    font-size: 28px !important;
    width: 100% !important;
    position: relative !important;
    left: -40px !important;
    top: 81% !important;
    text-align: end !important;
    font-size: 33px !important;
    color: #ffffff !important;
}
/***********************NUEVO BANNER*************************/	
	
/*********************** NUEVO FAMILIA BANNER **********************/	   
		.planta-newbanner2 {
			width: 76%;
			top: 37%;
			left: -24%;
		}
		.nuvo-productofamiliar {
			width: 44%;
			top: 7%;
			left: 46%;
		}

		.textnew-productofamilia {
			font-size: 1.5vw;
			line-height: 23px;
			width: 100%;
			right: 0;
		}

		.info-slider-new.textnew-productofamilia i {
			margin: 3px 4px;
		}
	.text-nuevobanner2 {
    font-size: 3.6em;
    z-index: 99;
    left: 35px;
    top: 16%;
}
/*********************** NUEVO FAMILIA BANNER **********************/
}
@media (min-width: 1601px) and (max-width: 1920px) {
		.descubreaqui {
    font-size: 18px;
}
.top-bronzer {
    top: 20% !important;
}	
		/*********** baner principal *********/
	.info-slider {
    bottom: 4vw;
    height: auto;
    width: 64%;
    padding: 3px 1%;
    left: 7%;
 }



	.info-slider ul {
    column-count: 2;
}
	.info-slider li i {margin: 13px 10px;display: flex;justify-content: center;/* align-items: center; */}
	
	
	
	
		
	
.cont-imagen-slider {
    background-size: 60%;
    /* background-position: center; */
}	
.cont-relative-slider {
    height: 36vw;
}	
	
	
	
.texto-slider-linea {
    top: 54px;
    left: 0;
    font-size: 1.8vw;
}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 5px;
    position: absolute;
    bottom: 10px;
    font-size: 2vw;
}	
.texto50 {
    font-size: 6vw;
    position: relative;
    top: -7px;
}
.borderblancocirculo {
    border-radius: 78px;
    height: 83%;
    width: 78%;

}
.UVAUVB {
    color: #ffffff;
    background: #5d41a0;
    padding: 3px 2px;
    position: absolute;
    bottom: 7px;
    font-size: 1vw;
    text-align: center;
}
	
.circulo50-UVA {
    position: absolute;


    height: 10vw;
    width: 11vw;
}	
.productoysol {
    width: 45%;
    right: -35px;
    top: 7vw;
}
	
.produc {
    left: 3vw;
    width: 24vw;
    bottom: -6vw;
}
	.solb {
    position: absolute;
    top: -9vw;
    width: 40vw;
    left: -8vw;
}
.info-slider-new {
    position: absolute;
    z-index: 99999;
    bottom: 8vh;
    right: 2vw;

    width: 38vw;
    font-size: 1.3vw;
}	
.info-slider-new li {
    align-items: baseline;
}
	
.FPS {
    font-size: 1.6vw;
}		
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**** banner principal****/
	/* MENU*/
		.logo img {
			width: 45%;
		}

		.logo {
			width: 25%;
			padding: 1% 0;
		}
			.menu-pc{
			display: flex;
			width: 75%;
		}
		.menu-pc ul {
			display: flex;
			margin: 0;
			padding: 0;
			list-style:  none;
			align-items: center;
			height: 100%;
			justify-content: flex-end;
			width: 100%;
		}
		.menu-pc li a {
			color: #ffffff;
		}
		.menu-pc lia a:hover {
			text-decoration: none;
		}
		.menu-pc li {
			font-size: 18px;
			font-weight: 500;
			margin: 0 3%;
			color: #ffffff;
		}

				.submenu-pc {

		background: #a66b9c;
		}

		.desplega-pc {
		padding:  0;
		width: 100%;
		}


		.desplega-pc ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		height: 100%;

		font-size: 21px;
		}

		.desplega-pc ul li {
		width: 48%;
		margin: 0 auto;
		text-align: center;
		height: 70px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-left: 2px solid #c380ad;
		border-right: 1px solid #c380ad;
		font-size: 17px;
		}


		.desplega-pc ul li a {
		color: #ffffff;

		width: 100%;
		}
	/* MENU*/
		/* bloque*/
	.bloque-linea-producto {
    flex-direction: row;
}
	.cont-lenia-producto {
    width: 45%;
    padding-bottom: 2%;
    margin: 1% auto;
}
	/* bloque*/
		/*** Experto en sol ***/
	.texto-e {
    font-size: 68px;
    color: #ffffff;
    font-weight: lighter;
 }
	.sol {
    width: 25vh;
 }
	.cont-experto {
    background: #7e57c5;
    padding: 3% 0;
 }
		.texto-s {
    font-size: 38px;
}
	/*** Experto en sol ***/
	/********contact******/
	form.formulario-new {
    width: 480px;
	}
	.cont-contacto {
    margin: 5% 0;
    padding: 2%;
 }
	.bloque-contato h4 {
    font-weight: 900;
    margin: 4% 0;
    font-size: 43px;
 }
	/********contact******/
		/******* footer ****/
	.siguenos-redes {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: space-around;
	}
	.texto-sigenos-redes {
    text-align: right;
    width: 35%;
    font-size: 25px;
}
	.rede-face-in {
 	 width: 50%;



}
	.icon-f {
    margin: 0 8%;
    font-size: 35px;
    color: #ffffff;

}
	.fondop-footer1 {
    padding: 3% 0;


}
	/******* footer ****/
		/****** Linea familia ******/
.etiqueta-producto-linea {
    margin-top: 3vh;
}

	.texto-descripcion-fps ul {
    font-size: 2.8vh;
}
.info-producto-linea p {
    font-size: 2.1vw;
}
.titulodelinea {
    font-size: 45px;

}


.cont-FPS-linea {
    margin: 5% 0;
} 	
.fps-50-uva span {
    font-size: 18px;
}
span.numerop {
    font-size: 95px;
}
.producto-linea-f {

    width: 31%;
    margin: 15px 1%;
}
	.info-slider li {
    font-size: 23px;
}
/****** Linea familia ******/
	/*************** detalle de productos ****************/
	
	.cont-detalle-producto {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.imagende-detalle-p {
    width: 435px;
    margin: 0 auto;
    position: relative;
    top: -10vh;
}
.detalle-producto {
    width: 50%;
    margin: 8% 0;
    margin-top: 0;
}
.tdp2 {
    width: 100%;
    margin: 0 auto;
    margin-left: 50%;
}	
.titulo-propducto-linea-f {
    font-size: 17px;
    height:auto;
}
.imagen-producto-linea-f {
    width: 260px;
}	
	/*************** detalle de productos ****************/	
	/***************descubre leblon****************/
	.bloque-noticia-descubre {
    width: 48%;
}
		.banner-principal-descubre {
    margin-top: 6vh;
    height: 30vw;
    background-position: 0 -15vh;
}
	/***************descubre leblon****************/
.bloquenota {
    width: 32%;
}	
.titulo-otra {
    text-align: center;
    font-size: 18px;
}		
	.cont-detalles-descubre {
    font-size: 20px;
}

.descripcion-descubre {
    font-size: 17px;
  
}	
	
	/******************* NUEVO BANNER*****************************/

.text-nuevobanner {
    display: block !important;
    width: 100%;
    text-align: end;
    font-size: 5.5em !important;
    line-height: 1;
    z-index: 999;
    top: 1.5em !important;
    left: 0px !important;
}
.planta-newbanner {
    width: 93vh !important;
    top: 42% !important;
    left: -141px !important;
}
.new-productobanner {
    width: 71% !important;
    top: 36%!important;
    left: 33% !important;
}
.text2-nuevobanner {
    font-size: 28px !important;
    width: 100% !important;
    position: relative !important;
    left: 1% !important;
    top: 81% !important;
    text-align: end !important;
    font-size: 46px !important;

    color: #ffffff !important;
}
/***********************NUEVO BANNER*************************/
	
/*********************** NUEVO FAMILIA BANNER **********************/	   
		.planta-newbanner2 {
			width: 87%;
			top: 32%;
			left: -32%;
		}
		.nuvo-productofamiliar {
			width: 52%;
			top: 16%;
			left: 46%;
		}

		.textnew-productofamilia {
			font-size: 1.3vw;
			line-height: 23px;
			width: 100%;
			right: 0;
		}

		.info-slider-new.textnew-productofamilia i {
			margin: 4px 4px;
		}
	
	.text-nuevobanner2 {
    font-size: 4.2em;
    z-index: 99;
    left: -66px;
    top: 21%;
}
/*********************** NUEVO FAMILIA BANNER **********************/	
}