/*------------------------------------------------------------------------------Tablet Landscape*/

@media all and (max-width: 1024px) and (min-width: 769px){

}

/*------------------------------------------------------------------------------Tablet Portrait*/

@media all and (max-width: 767px) and (min-width: 600px){
  /*--------------------------------------------MENU DE NAVEGACION Y LOGO*/
.navegacion{
  background: none !important;
  border-color: transparent !important;
  z-index: 100;
}
.listaPrincipal{
  position: relative;
  top: 4vw;
  left: 4vw;
  font-size: 12pt;
  float: none !important;
}
.bordeBottom{
  border-bottom: 1px solid #522477;
}
.colorMorado{
  color: #522477 !important;
  background: none !important;
}
.dropdown-submenu {position: relative;}

.dropdown-submenu>.dropdown-menu {
    top: 100%;
    width: 100%;
    left: 0;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    position: relative !important;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    position: relative;
}
.active{
  position: relative !important;
  left: 0% !important; 
  top: 0 !important;
}
.dropdown-submenu>a:{
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a{
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.colorListaServicios{
  background: #f7eeff;
}

.sliderPrincipal{
  position: relative;
  top: 0vw;
}
/*------------------------------------------------------REDES LATERALES*/
.redesLaterales{
  display: none;
}
/*--------------------------------------------TEXTO DEL INICIO*/
.sectionSliderTexto{
  position: relative;
  top: -12vw;
  background: #E1E3E3;
  width: 100%;
  height: 51vw;
}
.textoInicio{
  position: absolute;
  top: 13%;
  left: 22%;
  width: 61%;
  height: 11%;
  z-index: 100;
}
.textoInicio h1{
  font-size: 3vw;
  color: #522477;
}
.textoInicio p{
  font-size: 2vw;
  color: #522477;
}
.lineaInicio{
  width: 4.5vw;
  background: #522477;
  position: relative;
  height: 0.2vw;
  top: -2vw;
  border-radius: 5px;
  display: none;
}
.botonSobremi{
  width: 11vw;
  height: 3vw;
  border: 2px solid white;
  color: #fff;
  font-size: 24pt;
  background: url("../img/iconos/flecha.png")right no-repeat;
  padding-right: 2vw;
  font-family: "Roboto extralight", extralight;
  font-size: 1.5vw;
  display: none;
}

/*----------------------------------------------------SOBRE MI*/
.sectionSobremi{
  position: relative;
  top: 0;
  background: #CFD0DD;
  width: 100%;
  height: 200vw;
}
.contenedorImagenTexto{
  position: absolute;
  width: 100%;
  box-shadow: none;
  height: 100%;
  left: 0;
  top: 1vw;
}
.tituloSobremi{
  position: absolute;
  z-index: 100;
  left: 32vw;
  top: 61vw;
  color: #fff;
}
.tituloSobremi h1{
 font-size: 7vw;
}
.imagenSobremi{
  position: absolute;
  width: 59%;
  height: auto;
  left: 22vw;
}
.imgInteriorSobremi{
  width: 100%;
  height: 100%;
}
.textoSobremi{
  position: relative;
  width: 97%;
  right: 0;
  background: #CFD0DD;
  height: 67%;
  top: 56vw;
  left: 0vw;
}
.contenidoSobremi{
  position: relative;
  top: 22vw;
  font-size: 4vw;
  text-align: justify;
  left: 3vw;
  color: #6C717B;
  width: 94%;
  height: 73%;
}
.titulosInferioresSobremi{
  width: 74%;
  height: 3vw;
  position: relative;
  top: 45vw;
  left: 13vw;
  display: none;
}
.lineaTituloSobremi{
  width: 7vw;
  height: 2px;
  background: #fff;
  position: relative;
  left: 1vw;
  border-radius: 5px;
  display: none;
}
.contenidoSobremiTitulos ul li{
  font-family: "Roboto thin", thin;
  padding: 1vw 6.5vw;
  font-size: 1vw;
  color: #522477;
}
.contenidoSobremiTitulos ul{
  display: flex;
}
/*------------------------------SECCION DE QUIENES SOMOS*/ 
.sectionQuienesSomos{
  position: relative;
  background: #E1E3E2;
  width: 100%;
  height: 112vw;
  top: 0;
}  
.textoQuienesSomos{
  background: #E1E3E2;
  width: 100%;
  height: 101%;
  position: absolute;
}
.sliderQuienesSomos{
  position: absolute;
  width: 60%;
  height: 100%;
  background: aquamarine;
  right: 0;
  display: none;
}
.contenedorTextoSlider{
  height: 86%;
  position: relative;
  width: 100%;
}
.lineaQuienesSomos{
  width: 10vw;
  height: 2px;
  background: #6b6f7e;
  position: relative;
  left: 15vw;
  top: 14vw;
  border-radius: 5px;
  display: none;
}
.contenidoQuienesSomos{
  color: #6B6F7E;
  position: absolute;
  width: 100%;
  height: 100%;
}
.contenidoQuienesSomos h1{
  font-size: 7vw;
  text-align: center;
  margin: 0 0 17vw;
  position: relative;
  top: 10vw;
  width: 100%;
}
.contenidoQuienesSomos p{
  font-size: 4vw;
  position: relative;
  left: 2vw;
  width: 94%;
  margin: 0 2vw 4vw;
}
.contenidoQuienesSomos ul{
  position: relative;
  left: 5.4vw;
  font-size: 4vw;
  width: 90%;
}
.contenidoQuienesSomos ul li{
  list-style-image: none;
  margin: 0 0 2vw;
  font-family: "Roboto extralight", extralight;
}
/*---------------------------------------------------SECCION SERVICIOS*/
.sectionServicios{
  position: relative;
  top: 0;
  width: 100%;
  height: 118vw;
}
.imagenFondoServicios{
  width: 100%;
  height: auto;
  position: absolute;
  display: none;
}
.imagenFondoServicios img{
  width: 100%;
  height: auto;
}
.tituloServicios{
  position: absolute;
  left: 31%;
  top: 10vw;
}
.tituloServicios h1{
  color: #000;
  font-size: 7vw;
  position: relative;
  top: -1vw;
  z-index: 100;
}
.contenedorSliderServicios{
  width: 100%;
  height: 100%;
  position: relative;
  background: #e1e3e2;
}
.sliderServicios{
  position: absolute;
  width: 100%;
  height: 73%;
  bottom: 0;
}
.hombresVermas{
  position: relative;
  margin-left: 5vw;
  margin-right: 5vw;
  /* left: 10vw; */
  top: 10vw;
  height: 77.94vw;
  width: 90vw;
  float: left;
}
.imagenesSlider{
  width: 68vw;
  height: 34vw;
  position: absolute;
  left: 12vw;
}
.lineaServicios{
  width: 10vw;
  height: 2px;
  background: #fff;
  position: relative;
  left: 4vw;
  top: -1vw;
  border-radius: 5px;
  display: none;
}
.botonServicios{
  width: 29vw;
  height: 8vw;
  border: 2px solid white;
  color: #fff;
  font-size: 4.5vw;
  background: none;
  padding-right: 2vw;
  font-family: "Roboto extralight", extralight;
  position: relative;
  left: 30%;
  top: 0vw;
}
.textoSliderServicios{
  color: #fff;
  position: relative;
  left: 3vw;
  top: -2vw;
  font-size: 5vw;
  width: 63vw;
  text-align: center;
}
.lineaServiciosSlider{
  width: 30%;
  height: 1px;
  background: #fff;
  position: relative;
  left: 24vw;
  top: -4vw;
  border-radius: 5px;
  display: none;
}
.ContenedorTextoSliderServicios{
  position: absolute;
  /* left: 4.7vw; */
  top: 34vw;
  height: 35%;
  width: 68vw;
  background: #000;
  right: 10vw;
}
.flechaDerecha{
  position: absolute;
  right: 2vw;
  top: 27vw;
  width: 13vw;
}
.flechaIzquierda{
  position: absolute;
  left: 2vw;
  top: 30vw;
}
.flechaDerechaImg{
  width: 9vw;
  position: absolute;
  left: 4vw;
}
.flechaIzquierdaImg{
  width: 9vw;
  position: absolute;
  left: 1vw;
}
/*--------------------------------------------------SECCION NUESTROS ALIADOS*/
.sectionNuestrosAliados{
  position: relative;
  top: 0;
  width: 100%;
  height: 42vw;
}
.contenedorTituloAliados{
  position: relative;
  background: #E1E3E2;
  width: 100%;
  height: 100%;
}
.tituloAliados{
  color: #000;
  position: absolute;
  left: 16vw;
  top: 1vw;
}
.tituloAliados h1{
  font-size: 7vw;
}
.lineaAliados{
  width: 10vw;
  height: 2px;
  position: relative;
  top: 0vw;
  background: #000;
  border-radius: 5px;
  display: none;
}
.nuestrosAliados{

}
/*-----------------------------------------------SECCION CON ESTILO*/
.sectionEstilo{
  width: 100%;
  height: 440vw;
  top: 0;
  position: relative;
}
.imagenFondoEstilo{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
 }
.imagenFondoEstilo img{
  width: 100%;
  height: auto;
 }
.contenedorEstilo{
  position: absolute;
  height: 100%;
  width: 100%;
}
.tituloEstilo{
  font-size: 7vw;
  position: absolute;
  left: 13vw;
  top: 0vw;
  width: 46vw;
  color: #000;
}
.tituloEstilo span{

}
.lineaConestilo{
  width: 6vw;
  height: 1px;
  background: #000;
  position: absolute;
  top: 21vw;
  left: 11vw;
  display: none;
}
.tituloNombre{
  position: absolute;
  transform: rotate(-90deg);
  top: 15vw;
  left: 8.1vw;
  font-size: 1.2vw;
  color: #000;
  display: none;
}
.entradasStilo{
  position: absolute;
  width: 100%;
  height: 100%;
}
.itemArt{
  position: absolute;
  top: 15vw;
  height: 122vw;
  width: 100%;
  left: 0;
}
.itemArt img{
  box-shadow: none;
  width: 45%;
  height: auto;
  position: relative;
  left: 10vw;
}
.textArt{
  background: rgba(255,255,255,0.8);
  width: 77%;
  position: relative;
  top: 1vw;
  right: 10vw;
  font-size: 4vw;
  text-align: justify;
  left: 11vw;
}
.textArt h2{
  position: absolute;
  left: 31vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -24vw;
  color: #582A7B;
  width: 8vw;
  display: none;
}
.verMasArt{
  position: relative;
  left: 0;
  width: 14vw;
}
.itemArt2{
  position: absolute;
  left: 14vw;
  top: 152vw;
}
.itemArt2 img{
  box-shadow: none;
  width: 42vw;
  height: auto;
}
.textArt2{
  background: #fff;
  position: relative;
  width: 103%;
  left: -7vw;
  top: 0vw;
  font-size: 4vw;
  text-align: justify;
}
.textArt2 h2{
  position: absolute;
  left: -11vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -14vw;
  width: 90%;
  color: #582A7B;
  display: none;
}
.verMasArt2{
  position: relative;
  left: 4vw;
}
.itemArt3{
  position: absolute;
  top: 291vw;
  left: 14vw;
  width: 72%;
  height: 100vw;
}
.itemArt3 img{
  box-shadow: none;
  width: 50vw;
  height: auto;
}
.textArt3{
  position: relative;
  top: 3vw;
  width: 100%;
  background: rgba(255,255,255,0.8);
  right: 8vw;
  font-size: 4vw;
  text-align: justify;
  left: 0;
}
.textArt3 h2{
  position: absolute;
  left: 11vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -19vw;
  color: #582A7B;
  width: 10vw;
  display: none;
}
.verMasArt3{
  position: relative;
  right: 2vw;
}
.vermasCruz{
  box-shadow: none;
  width: 15vw !important;
  height: 15vw !important;
  position: relative !important;
  left: 44vw !important;
  top: -4vw;
}
/*----------------------------------------------------------------- SEGUNDA PARTE CON ESTILO*/
.entradasStilo2{
  position: absolute;
  width: 100%;
  height: 100%;
}
.itemArt_2{
  position: absolute;
  top: 15vw;
  height: 122vw;
  width: 100%;
  left: 0;
}
.itemArt_2 img{
  box-shadow: none;
  width: 45%;
  height: auto;
  position: relative;
  left: 10vw;
}
.textArt_2{
  background: rgba(255,255,255,0.8);
  width: 77%;
  position: relative;
  top: 1vw;
  right: 10vw;
  font-size: 4vw;
  text-align: justify;
  left: 11vw;
}
.textArt_2 h2{
  position: absolute;
  left: 31vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -24vw;
  color: #582A7B;
  width: 8vw;
  display: none;
}
.verMasArt_2{
  position: relative;
  left: 0;
  width: 14vw;
}
.itemArt2_2{
  position: absolute;
  left: 14vw;
  top: 152vw;
}
.itemArt2_2 img{
  box-shadow: none;
  width: 42vw;
  height: auto;
}
.textArt2_2{
  background: #fff;
  position: relative;
  width: 103%;
  left: -7vw;
  top: 0vw;
  font-size: 4vw;
  text-align: justify;
}
.textArt2_2 h2{
  position: absolute;
  left: -11vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -14vw;
  width: 90%;
  color: #582A7B;
  display: none;
}
.verMasArt2_2{
  position: relative;
  left: 4vw;
}
.itemArt3_2{
  position: absolute;
  top: 291vw;
  left: 14vw;
  width: 72%;
  height: 100vw;
}
.itemArt3_2 img{
  box-shadow: none;
  width: 50vw;
  height: auto;
}
.textArt3_2{
  position: relative;
  top: 3vw;
  width: 100%;
  background: rgba(255,255,255,0.8);
  right: 8vw;
  font-size: 4vw;
  text-align: justify;
  left: 0;
}
.textArt3_2 h2{
  position: absolute;
  left: 11vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -19vw;
  color: #582A7B;
  width: 10vw;
  display: none;
}
.verMasArt3_2{
  position: relative;
  right: 2vw;
}
.vermasCruz_2{
  box-shadow: none;
  width: 15vw !important;
  height: 15vw !important;
  position: relative !important;
  left: 44vw !important;
  top: -4vw;
}
/*----------------------------------------------------------------SECCION DE CONTACTENOS*/
.sectionContactenos{
  width: 100%;
  height: 130vw;
  position: relative;
  top: 0;
 }
.imagenFondoContactenos{
  width: 100%;
  height: 100%;
  display: none;
}
.imagenFondoContactenos img{
  width: 100%;
  height: 100%;
}
.tituloContactenos {
  position: absolute;
  top: -4vw;
  left: 22.4vw;
}
.tituloContactenos h1{
  font-size: 7vw;
  color: #000;
}
.lineaContactenos{
  width: 9vw;
  height: 2px;
  background: #fff;
  position: relative;
  left: 6vw;
  display: none;
}
.contenedorContactenos{
  position: absolute;
  width: 68%;
  height: 100%;
  right: 14vw;
  top: 0;
}
.formularioContactenos{
  position: relative;
  width: 100%;
  height: 100%;
}
.formulario{
  display: block;
  position: relative;
  top: 19vw;
}
.datosContacto{
  position: absolute;
  top: 126vw;
  left: 0;
  font-size: 5vw;
  color: #5D5D5D;
  width: 100%;
}
.contenidoContacto{
  position: absolute;
  width: 88%;
  left: 14vw;
  font-size: 4vw;
  top: 2.2vw;
}

/*------------------------FORMULARIO CONTACTO ESTILOS DE LOS BOTONES*/
input[type="text"]{
  border: none;
  border-bottom: 1px solid #696E79;
  background: none;
  width: 100%;
  left: 0;
  position: relative;
  font-size: 5vw;
  box-sizing: border-box;
  line-height: 2vw;
  margin: 0 0 4vw;
}
input[type="email"]{
  border: none;
  border-bottom: 1px solid #696E79;
  background: none;
  width: 100%;
  left: 0;
  position: relative;
  font-size: 5vw;
  line-height: 2vw;
  margin: 0 0 4vw;
}
input[type="number"]{
  border: none;
  border-bottom: 1px solid #696E79;
  background: none;
  width: 100%;
  left: 0;
  position: relative;
  font-size: 5vw;
  line-height: 2vw;
  margin: 0 0 4vw;
}
textarea{
  border: 1px solid #696E79;
  background: none;
  width: 100%;
  left: 0;
  position: relative;
  top: 0vw;
}
input[type="submit"]{
  background: #CBCCDA;
  width: 45%;
  left: 17vw;
  position: relative;
  font-size: 5vw;
  top: -6vw;
  border: none;
  box-shadow: 6px 7px 16px #888888;
  font-family: "Roboto extralight", extralight;
}
input[type="checkbox"]{
  border: 1px solid #696E79;
  background: none;
  width: 14%;
  left: -2vw;
  position: relative;
  top: 1vw;
  height: 6vw;
}
.Autorizacion{
  position: relative;
  left: 8.5vw;
  font-size: 4vw;
  width: 100%;
  top: -8vw;
  font-family: "Roboto extralight", extralight;
}
.genero{
  font-family: "Roboto thin", thin;
  font-size: 5vw;
  font-weight: 100;
  border-bottom: 1px solid;
  left: 0vw;
  position: relative;
  width: 100%;
  line-height: 7vw;
  margin: 0 0 4vw;
}
.interesado{
  font-family: "Roboto thin", thin;
  font-size: 5vw;
  font-weight: 100;
}
.radios{
  position: absolute;
  top: 40%;
  left: 34%;
}
.nombres{
  font-size: 3vw;
  font-family: "Roboto medium", medium;
}
/*------------------------------------------------PIE DE PAGINA*/
.sectionPiedepagina{
  position: relative;
  width: 100%;
  height: 28vw;
  background: #131217;
  top: 29.8vw;
}
.contenedorPiedepagina{
  position: relative;
  width: 100%;
  height: 100%;
}
.contenedorPiedepagina ul{
  text-align: center;
  position: absolute;
  top: 2vw;
}
.contenedorPiedepagina ul li a{
  margin: 0 4vw;
}
.contenedorPiedepagina ul li a img{
  width: 7vw;
  height: auto;
}
.textosPie{
  position: absolute;
  top: 10vw;
  left: 0;
  color: #fff;
}
.textosPie h2{
  font-size: 3vw !important;
  text-align: center;
}
.politicaEnvio{
  color: #fff;
 }
.politicaEnvio:hover{
  color: #825f9c;
  text-decoration: none;
}
/*---------------------------------------------------------------- SECCION ASESORIA FEMENINA SLIDER CARRUSEL*/
.sliderAsesoriaImagen{
  position: relative;
  width: 100%;
  height: 54vw;
  overflow: hidden;
  top: 2vw;
}
.tituloTituloPrincipal{
  position: relative;
  font-size: 5vw;
  top: 44vw;
  text-align: center;
}
.carruselAsesoriaImagen{
  position: relative;
  width: 77%;
  left: 13%;
  margin-top: -2.5vw;
  height: 100%;
  overflow: hidden;
  padding: 6vw 0vw;
}
.carruselInterior{
  position: relative;
  width: 100%;
  height: 100%;
}
.itemCarruselAsesora{
  position: relative;
  width: 25vw;
  height: 100%;
  float: left;
}
.imagenesSliderAsesoriaImagen, .imagenesSliderAsesoriaImagen img{
  position: absolute;
  width: auto;
  height: 81%;
  margin: 0 auto;
  left: 0;
  right: 0;
  transition: all 0.3s;
}
.sombraSliderAsesoriaImagen{
  position: absolute;
  height: 81%;
  width: 73.6%;
  top: 0;
  left: 13%;
  z-index: 4;
  background: rgba(91,38,119,0.3);
}
.flechaDerechaAsesoriaImagen{
    position: absolute;
    right: 30px;
    top: 18.6vw;
    z-index: 100;
}
.flechaDerechaAsesoriaImagenImg{
  width: 3vw;
}
.flechaIzquierdaAsesoriaImagen{
  position: absolute;
  left: 2vw;
  top: 18.6vw;
  z-index: 100;
}
.flechaIzquierdaAsesoriaImagenImg{
  width: 3vw;
}
/*------------------------------------------------------------------------------------SECCION COLOIMETRIA FEMENINA*/
.sectionColorimetria{
  position: relative;
  width: 100%;
  height: 112vw;
  overflow: hidden;
}
.contenedorTextoSliderColorimetria{
  position: relative;
  width: 100%;
  height: 100%;
}
.textocolorimetria{
  position: relative;
  width: 100%;
  height: 100%;
}
.lineaColorimetria{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  display: none;
  top: 2vw;
}
.contenidoColorimetria{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoColorimetria h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
}
.contenidoColorimetria p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 81%;
  color: #6B6F7E;
  margin: 0 0 2vw;
}
.sliderColorimetria{
  position: relative;
  top: -108vw;
  left: 26vw;
  width: 42vw;
}
/*----------------------------------------------------------------SECCION CONOCE TU CUERPO*/
.sectionConocetuCuerpo{
  position: relative;
  width: 100%;
  height: 40vw;
}
.contenedorTextoSliderConocetuCuerpo{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoConocetuCuerpo{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaConocetuCuerpo{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoConocetuCuerpo{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoConocetuCuerpo h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 80%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 35vw;
}
.contenidoConocetuCuerpo p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 81%;
  color: #6B6F7E;
  margin: 0 0 2vw;
  top: 39vw;
}
.sliderConocetuCuerpo{
  position: absolute;
  top: -30vw;
  left: 2vw;
  width: 0;
}
/*----------------------------------------------------------------SECCION CREA TU ARMARIO*/
.sectionCreatuArmario{
  position: relative;
  width: 100%;
  height: 40vw;
}
.contenedorTextoSliderCreatuArmario{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCreatuArmario{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCreatuArmario{
  width: 10vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCreatuArmario{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoCreatuArmario h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 80%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 35vw;
}
.contenidoCreatuArmario p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 81%;
  color: #6B6F7E;
  margin: 0 0 2vw;
  top: 39vw;
}
.sliderCreatuArmario{
  position: relative;
  top: -137vw;
  left: 2vw;
  width: 0;
}
/*----------------------------------------------------------------SECCION CREA TU PROPIO ESTILO*/
.sectionCreatuPropioEstilo{
  position: relative;
  width: 100%;
  height: 200vw;
  overflow: hidden;
}
.contenedorTextoSliderCreatuPropioEstilo{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCreatuPropioEstilo{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCreatuPropioEstilo{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCreatuPropioEstilo{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoCreatuPropioEstilo h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoCreatuPropioEstilo p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 77%;
  color: #6B6F7E;
  top: 110vw;
  margin: 0 0 2vw;
}
.sliderCreatuPropioEstilo{
  position: relative;
  top: -83vw;
  left: 0vw;
}
/*----------------------------------------------------------------SECCION MUJERES EMBARAZADAS*/
.sectionMujeresEmbarazadas{
  position: relative;
  width: 100%;
  height: 185vw;
  overflow: hidden;
}
.contenedorTextoSliderMujeresEmbarazadas{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoMujeresEmbarazadas{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaMujeresEmbarazadas{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoMujeresEmbarazadas{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: relative;
  top: 28vw;
}
.contenidoMujeresEmbarazadas h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 53vw;
}
.contenidoMujeresEmbarazadas p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 77%;
  color: #6B6F7E;
  top: 61vw;
  margin: 0 0 2vw;
}
.sliderMujeresEmbarazadas{
  position: relative;
  top: -115vw;
  left: 0vw;
}
/*----------------------------------------------------------------SECCION PERSONAL SHOPPER*/
.sectionPersonalShopper{
  position: relative;
  width: 100%;
  height: 158vw;
}
.contenedorTextoSliderPersonalShopper{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoPersonalShopper{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaPersonalShopper{
  width: 10vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoPersonalShopper{
  text-align: justify;
  height: 100%;
  width: 100%;
  top: 28vw;
}
.contenidoPersonalShopper h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 80%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 65vw;
}
.contenidoPersonalShopper p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 81%;
  color: #6B6F7E;
  margin: 0 0 2vw;
  top: 68vw;
}
.sliderPersonalShopper{
  position: relative;
  top: -90vw;
  left: 2vw;
  width: 0;
}

/*----------------------------------------------------------------SECCION COLORIMETRIA MASCULINA*/
.sectionColorimetriaMasculina{
  position: relative;
  width: 100%;
  height: 134vw;
}
.contenedorTextoSliderColorimetriaMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoColorimetriaMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
  top: -58vw;
}
.lineaColorimetriaMasculina{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoColorimetriaMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoColorimetriaMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoColorimetriaMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 77%;
  color: #6B6F7E;
  margin: 0 0 2vw;
  top: 106vw;
}
.sliderColorimetriaMasculina{
  position: relative;
  top: -22vw;
  left: 0vw;
}
/*----------------------------------------------------------------SECCION CONOCE TU CUERPO MASCULINA*/
.sectionConocetuCuerpoMasculina{
  position: relative;
  width: 100%;
  height: 200vw;
  overflow: hidden;
}
.contenedorTextoSliderConocetuCuerpoMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoConocetuCuerpoMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaConocetuCuerpoMasculina{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoConocetuCuerpoMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoConocetuCuerpoMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoConocetuCuerpoMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 106vw;
  margin: 0 0 2vw;
}
.sliderConocetuCuerpoMasculina{
  position: relative;
  top: -75vw;
  left: 0vw;
}
/*----------------------------------------------------------------SECCION CREA TU ARMARIO MASCULINA*/
.sectionCreatuArmarioMasculina{
  position: relative;
  width: 100%;
  height: 152vw;
  overflow: hidden;
}
.contenedorTextoSliderCreatuArmarioMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCreatuArmarioMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCreatuArmarioMasculina{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCreatuArmarioMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -4vw;
}
.contenidoCreatuArmarioMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 68vw;
}
.contenidoCreatuArmarioMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 70vw;
  margin: 0 0 2vw;
}
.sliderCreatuArmarioMasculina{
  position: relative;
  top: -75vw;
  left: 0vw;
}
/*----------------------------------------------------------------SECCION CREA TU PROPIO ESTILO MASCULINA*/
.sectionCreatuPropioEstiloMasculina{
  position: relative;
  width: 100%;
  height: 136vw;
  overflow: hidden;
}
.contenedorTextoSliderCreatuPropioEstiloMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCreatuPropioEstiloMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCreatuPropioEstiloMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
  display: none;
}
.contenidoCreatuPropioEstiloMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
}
.contenidoCreatuPropioEstiloMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 70vw;
}
.contenidoCreatuPropioEstiloMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 74vw;
  margin: 0 0 2vw;
}
.sliderCreatuPropioEstiloMasculina{
  position: relative;
  top: -53vw;
  left: 0vw;
}
/*----------------------------------------------------------------SECCION PERSONAL SHOPPER MASCULINA*/
.sectionPersonalShopperMasculina{
  position: relative;
  width: 100%;
  height: 139vw;
  overflow: hidden;
}
.contenedorTextoSliderPersonalShopperMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoPersonalShopperMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaPersonalShopperMasculina{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoPersonalShopperMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoPersonalShopperMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 50vw;
}
.contenidoPersonalShopperMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 53vw;
  margin: 0 0 2vw;
}
.sliderPersonalShopperMasculina{
  position: relative;
  top: -82vw;
  left: 0vw;
}
/*----------------------------------------------------------------------SECCION DE TU BODA IDEAL*/
.sectionTubodaIdeal{
  position: relative;
  width: 100%;
  height: 140vw;
  overflow: hidden;
}
.contenedorTextoSliderTubodaIdeal{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoTubodaIdeal{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaTubodaIdeal{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoTubodaIdeal{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoTubodaIdeal h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 34vw;
}
.contenidoTubodaIdeal p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 36vw;
  margin: 0 0 2vw;
}
.sliderTubodaIdeal{
  position: relative;
  top: -92vw;
  left: 0vw;
}

/*----------------------------------------------------------------------SECCION CURSO DE AUTOMAQUILLAJE*/
.sectionAutomaquillaje{
  position: relative;
  width: 100%;
  height: 174vw;
  overflow: hidden;
}
.contenedorTextoSliderAutomaquillaje{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoAutomaquillaje{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaAutomaquillaje{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoAutomaquillaje{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoAutomaquillaje h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 33vw;
}
.contenidoAutomaquillaje p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 36vw;
  margin: 0 0 2vw;
}
.sliderAutomaquillaje{
  position: relative;
  top: -125vw;
  left: 0vw;
}
/*----------------------------------------------------------------------SECCION CURSO DE MAQUILLAJE INTENSIVO*/
.sectionMaquillajeIntensivo{
  position: relative;
  width: 100%;
  height: 203vw;
  overflow: hidden;
}
.contenedorTextoSliderMaquillajeIntensivo{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoMaquillajeIntensivo{
  position: absolute;
  width: 100%;
  height: 100%;
  /* top: 3vw; */
}
.lineaMaquillajeIntensivo{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  position: relative;
  width: 100%;
  height: 174vw;
  overflow: hidden;
  display: none;
}
.contenidoMaquillajeIntensivo{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoMaquillajeIntensivo h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 33vw;
}
.contenidoMaquillajeIntensivo ul:nth-child(7){
  text-align: justify;
  width: 79%;
  position: absolute;
  margin: 0 8vw;
  left: 2vw;
  font-size: 3vw;
  top: 127vw;
  color: #6B6F7E;
  font-family: "Roboto extralight", extralight;
}
.contenidoMaquillajeIntensivo ul:nth-child(5){
  text-align: justify;
  width: 79%;
  position: absolute;
  left: 10vw;
  margin: 0;
  font-size: 3vw;
  color: #6B6F7E;
  top: 82vw;
  font-family: "Roboto extralight", extralight;,
  color: #6B6F7E;
}
.contenidoMaquillajeIntensivo p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 36vw;
  margin: 0 0 2vw;
}
.sliderMaquillaje{
  position: relative;
  top: -82vw;
  left: 0vw;
}
/*----------------------------------------------------------------------SECCION CAPACITACION DE IMAGEN PERSONAL*/
.sectionCapacitacionImagenPersonal{
  position: relative;
  width: 100%;
  height: 167vw;
  overflow: hidden;
}
.contenedorTextoSliderCapacitacionImagenPersonal{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCapacitacionImagenPersonal{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCapacitacionImagenPersonal{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCapacitacionImagenPersonal{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoCapacitacionImagenPersonal h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 41vw;
}
.contenidoCapacitacionImagenPersonal p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 45vw;
  margin: 0 0 2vw;
}
.sliderCapacitacionImagenPersonal{
  position: relative;
  top: -122vw;
  left: 0vw;
}
/*----------------------------------------------------------------------SECCION CAPACITACION VENDEDORES*/
.sectionCapacitacionVendedores{
  position: relative;
  width: 100%;
  height: 162vw;
  overflow: hidden;
}
.contenedorTextoSliderCapacitacionVendedores{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCapacitacionVendedores{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCapacitacionVendedores{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCapacitacionVendedores{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoCapacitacionVendedores h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 79%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 34vw;
}
.contenidoCapacitacionVendedores p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 36vw;
  margin: 0 0 2vw;
}
.sliderCapacitacionVendedores{
  position: relative;
  top: -118vw;
  left: 0vw;
}
/*----------------------------------------------------------------------SECCION TARDE ENTRE AMIGAS*/
.sectionTardesentreAmigas{
  position: relative;
  width: 100%;
  height: 162vw;
  overflow: hidden;
}
.contenedorTextoSliderTardesentreAmigas{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoTardesentreAmigas{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaTardesentreAmigas{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoTardesentreAmigas{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoTardesentreAmigas h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 79%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 44vw;
}
.contenidoTardesentreAmigas p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 47vw;
  margin: 0 0 2vw;
}
.sliderTardesentreAmigas{
  position: relative;
  top: -118vw;
  left: 0vw;
}
/*----------------------------------------------------------------------SECCION ESTILISMOS DE MODA*/
.sectionEstilismosdeModa{
   position: relative;
   width: 100%;
   height: 200vw;
   overflow: hidden;
}
.contenedorTextoSliderEstilismosdeModa{
   position: relative;
  width: 100%;
  height: 100%;
}
.textoEstilismosdeModa{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaEstilismosdeModa{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoEstilismosdeModa{
 text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoEstilismosdeModa h1{
 position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoEstilismosdeModa p{
 position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 77%;
  color: #6B6F7E;
  top: 106vw;
  margin: 0 0 2vw;
}
.sliderEstilismosdeModa{
  position: relative;
  top: -75vw;
  left: 0vw;
}
/*---------------------------------------------------------------TENSION CREATIVA*/
.tension{
  position: relative;
  width: 0vw;
  top: 24vw;
  font-size: 3vw;
  left: 61vw;
}
.tension a{
  color: #fff;
}

}

/*------------------------------------------------------------------------------Movil Portrait*/

@media all and (max-width: 599px){
/*--------------------------------------------MENU DE NAVEGACION Y LOGO*/
.navegacion{
  background: none !important;
  border-color: transparent !important;
  z-index: 100;
}
.listaPrincipal{
  position: relative;
  top: 4vw;
  left: 4vw;
  font-size: 12pt;
  float: none !important;
  width: 87vw;
}
.bordeBottom{
  border-bottom: 1px solid #522477;
}
.colorMorado{
  color: #522477 !important;
  background: none !important;
}
.navbar-collapse.in {
}
.dropdown-submenu {position: relative;}

.dropdown-submenu>.dropdown-menu {
    top: 100%;
    width: 100%;
    left: 0;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    position: relative !important;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    position: relative;
}
.active{
  position: relative !important;
  left: 0% !important; 
  top: 0 !important;
}
.dropdown-submenu>a:{
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a{
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.colorListaServicios{
  background: #f7eeff;
}

.sliderPrincipal{
  position: relative;
  top: 0vw;
}
/*------------------------------------------------------REDES LATERALES*/
.redesLaterales{
  display: none;
}
/*--------------------------------------------TEXTO DEL INICIO*/
.sectionSliderTexto{
  position: relative;
  top: -12vw;
  background: #E1E3E3;
  width: 100%;
  height: 51vw;
}
.textoInicio{
  position: absolute;
  top: 18%;
  left: 33%;
  width: 61%;
  height: 11%;
  z-index: 100;
  font-size: 3vw;
  color: #522477;
}
.textoInicio h1{
  font-size: 4vw;
  color: #522477;
}
.navbar-collapse.in {
    overflow-y: auto;
    height: 75vw !important;
}
.textoInicio p{
  font-size: 3vw;
  color: #522477;
}
.lineaInicio{
  width: 4.5vw;
  background: #522477;
  position: relative;
  height: 0.2vw;
  top: -2vw;
  border-radius: 5px;
  display: none;
}
.botonSobremi{
  width: 11vw;
  height: 3vw;
  border: 2px solid white;
  color: #fff;
  font-size: 24pt;
  background: url("../img/iconos/flecha.png")right no-repeat;
  padding-right: 2vw;
  font-family: "Roboto extralight", extralight;
  font-size: 1.5vw;
  display: none;
}
/*----------------------------------------------------SOBRE MI*/
.sectionSobremi{
  position: relative;
  top: 0vw;
  background: #CFD0DD;
  width: 100%;
  height: 253vw;
}
.contenedorImagenTexto{
  position: absolute;
  width: 100%;
  box-shadow: none;
  height: 100%;
  left: 0;
  top: 1vw;
}
.tituloSobremi{
  position: absolute;
  z-index: 100;
  left: 32vw;
  top: 55vw;
  color: #fff;
}
.tituloSobremi h1{
  font-size: 7.3vw;
}
.imagenSobremi{
  position: absolute;
  width: 59%;
  height: auto;
  left: 22vw;
}
.imgInteriorSobremi{
  width: 100%;
  height: 100%;
}
.textoSobremi{
  position: relative;
  width: 97%;
  right: 0;
  background: #CFD0DD;
  height: 67%;
  top: 56vw;
  left: 0vw;
}
.contenidoSobremi{
  position: relative;
  top: 17vw;
  font-size: 4vw;
  text-align: left;
  left: 5vw;
  color: #6C717B;
  width: 96%;
  height: 73%;
}
.contenidoSobremi p{
  font-size: 3.8vw;
}
.titulosInferioresSobremi{
  width: 74%;
  height: 3vw;
  position: relative;
  top: 45vw;
  left: 13vw;
  display: none;
}
.lineaTituloSobremi{
  width: 7vw;
  height: 2px;
  background: #fff;
  position: relative;
  left: 1vw;
  border-radius: 5px;
  display: none;
}
.contenidoSobremiTitulos ul li{
  font-family: "Roboto thin", thin;
  padding: 1vw 6.5vw;
  font-size: 1vw;
  color: #522477;
}
.contenidoSobremiTitulos ul{
  display: flex;
}
/*------------------------------SECCION DE QUIENES SOMOS*/ 
.sectionQuienesSomos{
  position: relative;
  background: #E1E3E2;
  width: 100%;
  height: 221vw;
  top: 0vw;
}  
.textoQuienesSomos{
  background: #E1E3E2;
  width: 100%;
  height: 101%;
  position: absolute;
}
.sliderQuienesSomos{
  position: absolute;
  width: 60%;
  height: 100%;
  background: aquamarine;
  right: 0;
  display: none;
}
.contenedorTextoSlider{
  height: 86%;
  position: relative;
  width: 100%;
}
.lineaQuienesSomos{
  width: 10vw;
  height: 2px;
  background: #6b6f7e;
  position: relative;
  left: 15vw;
  top: 14vw;
  border-radius: 5px;
  display: none;
}
.contenidoQuienesSomos{
  color: #6B6F7E;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 3.8vw;
  position: relative;
  left: 10vw;
  width: 80%;
  margin: 0 2vw 4vw;
  text-align: left;
}
.contenidoQuienesSomos h1{
  font-size: 7.3vw;
  text-align: center;
  margin: 0 0 18vw;
  position: relative;
  top: 10vw;
  width: 92%;
}
.contenidoQuienesSomos p{
  font-size: 3.8vw;
  position: relative;
  left: 10vw;
  width: 80%;
  margin: 0 2vw 4vw;
  text-align: left;
}
.contenidoQuienesSomos ul{
  position: relative;
  left: 0;
  font-size: 3.8vw;
  width: 92%;
  text-align: justify;
  top: 8vw;
}
.contenidoQuienesSomos ul li{
  list-style-image: none;
  margin: 0 0 2vw;
  font-family: "Roboto extralight", extralight;
}
/*---------------------------------------------------SECCION SERVICIOS*/
.sectionServicios{
  position: relative;
  top: -15vw;
  width: 100%;
  height: 118vw;
}
.imagenFondoServicios{
  width: 100%;
  height: auto;
  position: absolute;
  display: none;
}
.imagenFondoServicios img{
  width: 100%;
  height: auto;
}
.tituloServicios{
  position: absolute;
  left: 31%;
  top: 10vw;
}
.tituloServicios h1{
  color: #000;
  font-size: 7vw;
  position: relative;
  top: -1vw;
  z-index: 100;
}
.contenedorSliderServicios{
  width: 100%;
  height: 100%;
  position: relative;
  background: #e1e3e2;
}
.sliderServicios{
  position: absolute;
  width: 100%;
  height: 73%;
  bottom: 0;
}
.hombresVermas{
  position: relative;
  margin-left: 5vw;
  margin-right: 5vw;
  /* left: 10vw; */
  top: 10vw;
  height: 77.94vw;
  width: 90vw;
  float: left;
}
.imagenesSlider{
  width: 68vw;
  height: 34vw;
  position: absolute;
  left: 12vw;
}
.lineaServicios{
  width: 10vw;
  height: 2px;
  background: #fff;
  position: relative;
  left: 4vw;
  top: -1vw;
  border-radius: 5px;
  display: none;
}
.botonServicios{
  width: 29vw;
  height: 8vw;
  border: 2px solid white;
  color: #fff;
  font-size: 4.5vw;
  background: none;
  padding-right: 2vw;
  font-family: "Roboto extralight", extralight;
  position: relative;
  left: 21vw;
  top: -2vw;
}
.textoSliderServicios{
  color: #fff;
  position: relative;
  left: 6vw;
  top: -3vw;
  font-size: 5vw;
  width: 63vw;
}
.lineaServiciosSlider{
  width: 30%;
  height: 1px;
  background: #fff;
  position: relative;
  left: 24vw;
  top: -4vw;
  border-radius: 5px;
  display: none;
}
.ContenedorTextoSliderServicios{
  position: absolute;
  /* left: 4.7vw; */
  top: 34vw;
  height: 35%;
  width: 68vw;
  background: #000;
  right: 10vw;
}
.flechaDerecha{
  position: absolute;
  right: 2vw;
  top: 27vw;
  width: 13vw;
}
.flechaIzquierda{
  position: absolute;
  left: 2vw;
  top: 30vw;
}
.flechaDerechaImg{
  width: 9vw;
  position: absolute;
  left: 4vw;
}
.flechaIzquierdaImg{
  width: 9vw;
  position: absolute;
  left: 1vw;
}
/*--------------------------------------------------SECCION NUESTROS ALIADOS*/
.sectionNuestrosAliados{
  position: relative;
  top: -15vw;
  width: 100%;
  height: 42vw;
}
.contenedorTituloAliados{
  position: relative;
  background: #E1E3E2;
  width: 100%;
  height: 100%;
}
.tituloAliados{
  color: #000;
  position: absolute;
  left: 16vw;
  top: 1vw;
}
.tituloAliados h1{
  font-size: 7vw;
}
.lineaAliados{
  width: 10vw;
  height: 2px;
  position: relative;
  top: 0vw;
  background: #000;
  border-radius: 5px;
  display: none;
}
.nuestrosAliados{

}
/*-----------------------------------------------SECCION CON ESTILO*/
.sectionEstilo{
  width: 100%;
  height: 870vw;
  top: -15vw;
  position: relative;
}
.sectionEstilo p{font-size: 3.8vw;}
.imagenFondoEstilo{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
 }
.imagenFondoEstilo img{
  width: 100%;
  height: auto;
 }
.contenedorEstilo{
  position: absolute;
  height: 100%;
  width: 100%;
}
.tituloEstilo{
  font-size: 7vw;
  position: absolute;
  left: 13vw;
  top: 0vw;
  width: 46vw;
  color: #000;
}
.tituloEstilo span{

}
.lineaConestilo{
  width: 6vw;
  height: 1px;
  background: #000;
  position: absolute;
  top: 21vw;
  left: 11vw;
  display: none;
}
.tituloNombre{
  position: absolute;
  transform: rotate(-90deg);
  top: 15vw;
  left: 8.1vw;
  font-size: 1.2vw;
  color: #000;
  display: none;
}
.entradasStilo{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.itemArt{
  position: absolute;
  top: 15vw;
  height: 122vw;
  width: 100%;
  left: 0;
}
.itemArt img{
  box-shadow: none;
  width: 45%;
  height: auto;
  position: relative;
  left: 10vw;
}
.textArt{
  background: rgba(255,255,255,0.8);
  width: 77%;
  position: relative;
  top: 1vw;
  right: 10vw;
  font-size: 4vw;
  text-align: left;
  left: 11vw;
}
.textArt h2{
  position: absolute;
  left: 31vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -24vw;
  color: #582A7B;
  width: 8vw;
  display: none;
}
.verMasArt{
  position: relative;
  left: 0;
  width: 14vw;
}
.itemArt2{
  position: absolute;
  left: 14vw;
  top: 152vw;
}
.itemArt2 img{
  box-shadow: none;
  width: 42vw;
  height: auto;
}
.textArt2{
  background: #fff;
  position: relative;
  width: 87%;
  left: 0vw;
  top: 0vw;
  font-size: 4vw;
  text-align: left;
}
.textArt2 h2{
  position: absolute;
  left: -11vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -14vw;
  width: 90%;
  color: #582A7B;
  display: none;
}
.verMasArt2{
  position: relative;
  left: -2vw;
}
.itemArt3{
  position: absolute;
  top: 312vw;
  left: 14vw;
  width: 72%;
  height: 100vw;
}
.itemArt3 img{
  box-shadow: none;
  width: 50vw;
  height: auto;
}
.textArt3{
  position: relative;
  top: 3vw;
  width: 100%;
  background: rgba(255,255,255,0.8);
  right: 8vw;
  font-size: 4vw;
  text-align: left;
  left: 0;
}
.textArt3 h2{
  position: absolute;
  left: 11vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -19vw;
  color: #582A7B;
  width: 10vw;
  display: none;
}
.verMasArt3{
  position: relative;
  right: 5vw;
}
.vermasCruz{
  box-shadow: none;
  width: 15vw !important;
  height: 15vw !important;
  position: relative !important;
  left: 44vw !important;
  top: -4vw;
}
.flechaDerechaConEstilo{
  display: none;
}
.flechaIzquierdaConEstilo{
  display: none;
}
/*----------------------------------------------------------------- SEGUNDA PARTE CON ESTILO*/
.sectionEstilo2_2{
  width: 100%;
  height: 440vw;
  top: -15vw;
  position: relative;
}
.imagenFondoEstilo_2{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
 }
.imagenFondoEstilo_2 img{
  width: 100%;
  height: auto;
 }
.contenedorEstilo_2{
  position: absolute;
  height: 100%;
  width: 100%;
}
.tituloEstilo_2{
  font-size: 7vw;
  position: absolute;
  left: 13vw;
  top: 0vw;
  width: 46vw;
  color: #000;
}
.tituloEstilo_2 span{

}
.lineaConestilo_2{
  width: 6vw;
  height: 1px;
  background: #000;
  position: absolute;
  top: 21vw;
  left: 11vw;
  display: none;
}
.tituloNombre_2{
  position: absolute;
  transform: rotate(-90deg);
  top: 15vw;
  left: 8.1vw;
  font-size: 1.2vw;
  color: #000;
  display: none;
}
.entradasStilo2{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 445vw;
  left: 0;
}
.itemArt_2{
  position: absolute;
  top: 26vw;
  height: 122vw;
  width: 100%;
  left: 0;
}
.itemArt_2 img{
  box-shadow: none;
  width: 68%;
  height: auto;
  position: relative;
  left: 5vw;
}
.textArt_2{
  background: rgba(255,255,255,0.8);
  width: 77%;
  position: relative;
  top: 1vw;
  right: 10vw;
  font-size: 4vw;
  text-align: left;
  left: 11vw;
}
.textArt_2 h2{
  position: absolute;
  left: 31vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -24vw;
  color: #582A7B;
  width: 8vw;
  display: none;
}
.verMasArt_2{
  position: relative;
  left: 0;
  width: 14vw;
}
.itemArt2_2{
  position: absolute;
  left: 14vw;
  top: 123vw;
}
.itemArt2_2 img{
  box-shadow: none;
  width: 42vw;
  height: auto;
}
.textArt2_2{
  background: #fff;
  position: relative;
  width: 87%;
  left: 0vw;
  top: 0vw;
  font-size: 4vw;
  text-align: left;
}
.textArt2_2 h2{
  position: absolute;
  left: -11vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -14vw;
  width: 90%;
  color: #582A7B;
  display: none;
}
.verMasArt2_2{
  position: relative;
  left: 4vw;
}
.itemArt3_2{
  position: absolute;
  top: 291vw;
  left: 14vw;
  width: 72%;
  height: 100vw;
}
.itemArt3_2 img{
  box-shadow: none;
  width: 50vw;
  height: auto;
}
.textArt3_2{
  position: relative;
  top: 3vw;
  width: 100%;
  background: rgba(255,255,255,0.8);
  right: 8vw;
  font-size: 4vw;
  text-align: left;
  left: 0;
}
.textArt3_2 h2{
  position: absolute;
  left: 11vw;
  transform: rotate(-90deg);
  font-size: 0.9vw;
  top: -19vw;
  color: #582A7B;
  width: 10vw;
  display: none;
}
.verMasArt3_2{
  position: relative;
  right: 2vw;
}
.vermasCruz_2{
  box-shadow: none;
  width: 15vw !important;
  height: 15vw !important;
  position: relative !important;
  left: 44vw !important;
  top: -4vw;
}
/*----------------------------------------------------------------SECCION DE CONTACTENOS*/
.sectionContactenos{
  width: 100%;
  height: 314vw;
  position: relative;
  top: 16vw;
 }
 .sectionContactenos p{
  font-size: 4vw;
 }
.imagenFondoContactenos{
  width: 100%;
  height: 100%;
  display: none;
}
.imagenFondoContactenos img{
  width: 100%;
  height: 100%;
}
.tituloContactenos {
  position: absolute;
  top: -4vw;
  left: 22.4vw;
}
.tituloContactenos h1{
  font-size: 7vw;
  color: #000;
}
.lineaContactenos{
  width: 9vw;
  height: 2px;
  background: #fff;
  position: relative;
  left: 6vw;
  display: none;
}
.contenedorContactenos{
  position: absolute;
  width: 68%;
  height: 100%;
  right: 14vw;
  top: 0;
}
.formularioContactenos{
  position: relative;
  width: 100%;
  height: 100%;
}
.formulario{
  display: block;
  position: relative;
  top: 19vw;
}
.datosContacto{
  position: relative;
  top: -28vw;
  left: 0;
  font-size: 5vw;
  color: #5D5D5D;
  width: 100%;
}
.contenidoContacto{
  position: absolute;
  width: 88%;
  left: 14vw;
  font-size: 4vw;
  top: 2.2vw;
}

/*-----------------------------------------FORMULARIO CONTACTO ESTILOS DE LOS BOTONES*/
input[type="text"]{
  border-bottom: 1px solid #696E79;
  background: none;
  width: 100%;
  left: 0;
  position: relative;
  font-size: 5vw;
  box-sizing: border-box;
  line-height: 2vw;
  margin: 0 0 4vw;
}
input[type="email"]{
  border-bottom: 1px solid #696E79;
  background: none;
  width: 100%;
  left: 0;
  position: relative;
  font-size: 5vw;
  line-height: 2vw;
  margin: 0 0 4vw;
}
input[type="number"]{
  border-bottom: 1px solid #696E79;
  background: none;
  width: 100%;
  left: 0;
  position: relative;
  font-size: 5vw;
  line-height: 2vw;
  margin: 0 0 4vw;
}
textarea{
  border: 1px solid #696E79;
  background: none;
  width: 100%;
  left: 0;
  position: relative;
  top: 0vw;
}
input[type="submit"]{
  width: 46%;
  left: 17vw;
  position: relative;
  top: -5vw;
  height: 8vw;
  border: 1px solid #522477;
  color: #fff;
  font-size: 4vw;
  background: #522477;
  padding-right: 0;
  transition: all 0.3s;
}
input[type="checkbox"]{
  border: 1px solid #696E79;
  background: none;
  width: 14%;
  left: -2vw;
  position: relative;
  top: 1vw;
  height: 6vw;
}
.Autorizacion{
  position: relative;
  left: 8.5vw;
  font-size: 4vw;
  width: 100%;
  top: -8vw;
  font-family: "Roboto extralight", extralight;
}
.genero{
  font-family: "Roboto thin", thin;
  font-size: 5vw;
  font-weight: 100;
  border-bottom: 1px solid;
  left: 0vw;
  position: relative;
  width: 100%;
  line-height: 7vw;
  margin: 0 0 4vw;
}
.interesado{
  font-family: "Roboto thin", thin;
  font-size: 4vw;
  font-weight: 100;
}
.radios{
  position: absolute;
  top: 16%;
  left: 35%;
}
.nombres{
  font-size: 3vw;
  font-family: "Roboto medium", medium;
}
/*------------------------------------------------PIE DE PAGINA*/
.sectionPiedepagina{
  position: relative;
  width: 100%;
  height: 34vw;
  background: #131217;
  top: 27vw;
}
.contenedorPiedepagina{
  position: relative;
  width: 100%;
  height: 100%;
}
.contenedorPiedepagina ul{
  text-align: center;
  position: absolute;
  top: 2vw;
}
.contenedorPiedepagina ul li a{
  margin: 0 4vw;
}
.contenedorPiedepagina ul li a img{
  width: 7vw;
  height: auto;
}
.textosPie{
  position: absolute;
  top: 8vw;
  left: 0;
  color: #fff;
}
.textosPie h2{
  font-size: 3vw !important;
  text-align: center;
}
.politicaEnvio{
  color: #fff;
 }
.politicaEnvio:hover{
  color: #825f9c;
  text-decoration: none;
}
/*---------------------------------------------------------------- SECCION ASESORIA FEMENINA SLIDER CARRUSEL*/
.sliderAsesoriaImagen{
  position: relative;
  width: 100%;
  height: 54vw;
  overflow: hidden;
  top: 2vw;
}
.tituloTituloPrincipal{
  position: relative;
  font-size: 5vw;
  top: 44vw;
  text-align: center;
}
.carruselAsesoriaImagen{
  position: relative;
  width: 77%;
  left: 13%;
  margin-top: -2.5vw;
  height: 100%;
  overflow: hidden;
  padding: 6vw 0vw;
}
.carruselInterior{
  position: relative;
  width: 100%;
  height: 100%;
}
.itemCarruselAsesora{
  position: relative;
  width: 25vw;
  height: 100%;
  float: left;
}
.imagenesSliderAsesoriaImagen, .imagenesSliderAsesoriaImagen img{
  position: absolute;
  width: auto;
  height: 81%;
  margin: 0 auto;
  left: 0;
  right: 0;
  transition: all 0.3s;
}
.sombraSliderAsesoriaImagen{
  position: absolute;
  height: 81%;
  width: 73.6%;
  top: 0;
  left: 13%;
  z-index: 4;
  background: rgba(91,38,119,0.3);
}
.flechaDerechaAsesoriaImagen{
    position: absolute;
    right: 30px;
    top: 18.6vw;
    z-index: 100;
}
.flechaDerechaAsesoriaImagenImg{
  width: 3vw;
}
.flechaIzquierdaAsesoriaImagen{
  position: absolute;
  left: 2vw;
  top: 18.6vw;
  z-index: 100;
}
.flechaIzquierdaAsesoriaImagenImg{
  width: 3vw;
}
/*------------------------------------------------------------------------------------SECCION COLOIMETRIA FEMENINA*/
.sectionColorimetria{
  position: relative;
  width: 100%;
  height: 162vw;
  overflow: hidden;
}
.contenedorTextoSliderColorimetria{
  position: relative;
  width: 100%;
  height: 100%;
}
.textocolorimetria{
  position: relative;
  width: 100%;
  height: 100%;
}
.lineaColorimetria{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  display: none;
  top: 2vw;
}
.contenidoColorimetria{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 70vw;
}
.contenidoColorimetria h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
}
.contenidoColorimetria p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 81%;
  color: #6B6F7E;
  margin: 0 0 2vw;
}
.sliderColorimetria{
  position: relative;
  top: -131vw;
  left: 11vw;
  width: 72vw;
  box-shadow:  none;
}
/*----------------------------------------------------------------SECCION CONOCE TU CUERPO*/
.sectionConocetuCuerpo{
  position: relative;
  width: 100%;
  height: 170vw;
}
.contenedorTextoSliderConocetuCuerpo{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoConocetuCuerpo{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaConocetuCuerpo{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoConocetuCuerpo{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoConocetuCuerpo h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 80%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 35vw;
}
.contenidoConocetuCuerpo p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 81%;
  color: #6B6F7E;
  margin: 0 0 2vw;
  top: 39vw;
}
.sliderConocetuCuerpo{
  position: absolute;
  top: -35vw;
  left: 11vw;
  width: 69vw;
  box-shadow:  none;
}
/*----------------------------------------------------------------SECCION CREA TU ARMARIO*/
.sectionCreatuArmario{
  position: relative;
  width: 100%;
  height: 112vw;
}
.contenedorTextoSliderCreatuArmario{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCreatuArmario{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCreatuArmario{
  width: 10vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCreatuArmario{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 34vw;
}
.contenidoCreatuArmario h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 80%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 35vw;
}
.contenidoCreatuArmario p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 81%;
  color: #6B6F7E;
  margin: 0 0 2vw;
  top: 39vw;
}
.sliderCreatuArmario{
  position: relative;
  top: -142vw;
  left: 13vw;
  width: 72vw;
  box-shadow:  none;
}
/*----------------------------------------------------------------SECCION CREA TU PROPIO ESTILO*/
.sectionCreatuPropioEstilo{
  position: relative;
  width: 100%;
  height: 242vw;
  overflow: hidden;
}
.contenedorTextoSliderCreatuPropioEstilo{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCreatuPropioEstilo{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCreatuPropioEstilo{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCreatuPropioEstilo{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 52vw;
}
.contenidoCreatuPropioEstilo h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoCreatuPropioEstilo p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 77%;
  color: #6B6F7E;
  top: 110vw;
  margin: 0 0 2vw;
}
.sliderCreatuPropioEstilo{
  position: relative;
  top: -11vw;
  left: 0vw;
  width: 72vw;
  box-shadow:  none;
}
/*----------------------------------------------------------------SECCION MUJERES EMBARAZADAS*/
.sectionMujeresEmbarazadas{
  position: relative;
  width: 100%;
  height: 250vw;
  overflow: hidden;
}
.contenedorTextoSliderMujeresEmbarazadas{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoMujeresEmbarazadas{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaMujeresEmbarazadas{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoMujeresEmbarazadas{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: relative;
  top: 10vw;
}
.contenidoMujeresEmbarazadas h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoMujeresEmbarazadas p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 77%;
  color: #6B6F7E;
  top: 106vw;
  margin: 0 0 2vw;
}
.sliderMujeresEmbarazadas{
  position: relative;
  top: -120vw;
  left: 8vw;
  width: 55vw;
  box-shadow: none;
}
/*----------------------------------------------------------------SECCION PERSONAL SHOPPER*/
.sectionPersonalShopper{
  position: relative;
  width: 100%;
  height: 158vw;
}
.contenedorTextoSliderPersonalShopper{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoPersonalShopper{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaPersonalShopper{
  width: 10vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoPersonalShopper{
  text-align: justify;
  height: 100%;
  width: 100%;
  top: 28vw;
}
.contenidoPersonalShopper h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 80%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 65vw;
}
.contenidoPersonalShopper p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 81%;
  color: #6B6F7E;
  margin: 0 0 2vw;
  top: 68vw;
}
.sliderPersonalShopper{
  position: relative;
  top: -83vw;
  left: 14vw;
  width: 72vw;
  height: 50vw;
}

/*----------------------------------------------------------------SECCION COLORIMETRIA MASCULINA*/
.sectionColorimetriaMasculina{
  position: relative;
  width: 100%;
  height: 158vw;
}
.contenedorTextoSliderColorimetriaMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoColorimetriaMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
  top: -58vw;
}
.lineaColorimetriaMasculina{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoColorimetriaMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoColorimetriaMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoColorimetriaMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 77%;
  color: #6B6F7E;
  margin: 0 0 2vw;
  top: 106vw;
}
.sliderColorimetriaMasculina{
  position: relative;
  top: -22vw;
  left: 12vw;
  width: 72vw;
  box-shadow:  none;
}
/*----------------------------------------------------------------SECCION CONOCE TU CUERPO MASCULINA*/
.sectionConocetuCuerpoMasculina{
  position: relative;
  width: 100%;
  height: 215vw;
  overflow: hidden;
}
.contenedorTextoSliderConocetuCuerpoMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoConocetuCuerpoMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaConocetuCuerpoMasculina{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoConocetuCuerpoMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -7vw;
}
.contenidoConocetuCuerpoMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoConocetuCuerpoMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 106vw;
  margin: 0 0 2vw;
}
.sliderConocetuCuerpoMasculina{
  position: relative;
  top: -75vw;
  left: -23vw;
  width: 55vw;
  box-shadow:  none;
  height: 84vw;
}
/*----------------------------------------------------------------SECCION CREA TU ARMARIO MASCULINA*/
.sectionCreatuArmarioMasculina{
  position: relative;
  width: 100%;
  height: 162vw;
  overflow: hidden;
}
.contenedorTextoSliderCreatuArmarioMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCreatuArmarioMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCreatuArmarioMasculina{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCreatuArmarioMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -24vw;
}
.contenidoCreatuArmarioMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 68vw;
}
.contenidoCreatuArmarioMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 70vw;
  margin: 0 0 2vw;
}
.sliderCreatuArmarioMasculina{
  position: relative;
  top: -75vw;
  left: 13vw;
  width: 72vw;
  box-shadow:  none;
}
/*----------------------------------------------------------------SECCION CREA TU PROPIO ESTILO MASCULINA*/
.sectionCreatuPropioEstiloMasculina{
  position: relative;
  width: 100%;
  height: 171vw;
  overflow: hidden;
}
.contenedorTextoSliderCreatuPropioEstiloMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCreatuPropioEstiloMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCreatuPropioEstiloMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
  display: none;
}
.contenidoCreatuPropioEstiloMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
}
.contenidoCreatuPropioEstiloMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 70vw;
}
.contenidoCreatuPropioEstiloMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 74vw;
  margin: 0 0 2vw;
}
.sliderCreatuPropioEstiloMasculina{
  position: relative;
  top: -62vw;
  left: 13vw;
  width: 72vw;
}
/*----------------------------------------------------------------SECCION PERSONAL SHOPPER MASCULINA*/
.sectionPersonalShopperMasculina{
  position: relative;
  width: 100%;
  height: 186vw;
  overflow: hidden;
}
.contenedorTextoSliderPersonalShopperMasculina{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoPersonalShopperMasculina{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaPersonalShopperMasculina{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoPersonalShopperMasculina{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoPersonalShopperMasculina h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 50vw;
}
.contenidoPersonalShopperMasculina p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 53vw;
  margin: 0 0 2vw;
}
.sliderPersonalShopperMasculina{
  position: relative;
  top: -85vw;
  left: 14vw;
  width: 72vw;
  box-shadow:  none;
}
/*----------------------------------------------------------------------SECCION DE TU BODA IDEAL*/
.sectionTubodaIdeal{
  position: relative;
  width: 100%;
  height: 198vw;
  overflow: hidden;
}
.contenedorTextoSliderTubodaIdeal{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoTubodaIdeal{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaTubodaIdeal{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoTubodaIdeal{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 33vw;
}
.contenidoTubodaIdeal h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 34vw;
}
.contenidoTubodaIdeal p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 36vw;
  margin: 0 0 2vw;
}
.sliderTubodaIdeal{
  position: absolute;
  top: -29vw;
  left: 13vw;
  width: 72vw;
  box-shadow: none;
}

/*----------------------------------------------------------------------SECCION CURSO DE AUTOMAQUILLAJE*/
.sectionAutomaquillaje{
  position: relative;
  width: 100%;
  height: 174vw;
  overflow: hidden;
}
.contenedorTextoSliderAutomaquillaje{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoAutomaquillaje{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaAutomaquillaje{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoAutomaquillaje{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoAutomaquillaje h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 33vw;
}
.contenidoAutomaquillaje p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 36vw;
  margin: 0 0 2vw;
}
.sliderAutomaquillaje{
  position: relative;
  top: -130vw;
  left: 0vw;
}
/*----------------------------------------------------------------------SECCION CURSO DE MAQUILLAJE INTENSIVO*/
.sectionMaquillajeIntensivo{
  position: relative;
  width: 100%;
  height: 203vw;
  overflow: hidden;
}
.contenedorTextoSliderMaquillajeIntensivo{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoMaquillajeIntensivo{
  position: absolute;
  width: 100%;
  height: 100%;
  /* top: 3vw; */
}
.lineaMaquillajeIntensivo{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  position: relative;
  width: 100%;
  height: 174vw;
  overflow: hidden;
  display: none;
}
.contenidoMaquillajeIntensivo{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 28vw;
}
.contenidoMaquillajeIntensivo h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 33vw;
}
.contenidoMaquillajeIntensivo ul:nth-child(7){
  text-align: justify;
  width: 79%;
  position: absolute;
  margin: 0 8vw;
  left: 2vw;
  font-size: 3vw;
  top: 127vw;
  color: #6B6F7E;
  font-family: "Roboto extralight", extralight;
}
.contenidoMaquillajeIntensivo ul:nth-child(5){
  text-align: justify;
  width: 79%;
  position: absolute;
  left: 10vw;
  margin: 0;
  font-size: 3vw;
  color: #6B6F7E;
  top: 82vw;
  font-family: "Roboto extralight", extralight;,
  color: #6B6F7E;
}
.contenidoMaquillajeIntensivo p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 36vw;
  margin: 0 0 2vw;
}
.sliderMaquillaje{
  position: relative;
  top: -82vw;
  left: 0vw;
}
/*----------------------------------------------------------------------SECCION CAPACITACION DE IMAGEN PERSONAL*/
.sectionCapacitacionImagenPersonal{
  position: relative;
  width: 100%;
  height: 269vw;
  overflow: hidden;
}
.contenedorTextoSliderCapacitacionImagenPersonal{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoCapacitacionImagenPersonal{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaCapacitacionImagenPersonal{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCapacitacionImagenPersonal{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 20vw;
}
.contenidoCapacitacionImagenPersonal h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 72%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 41vw;
}
.contenidoCapacitacionImagenPersonal p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 45vw;
  margin: 0 0 2vw;
}
.sliderCapacitacionImagenPersonal{
  position: relative;
  top: -189vw;
  left: 15vw;
  box-shadow: none;
  width: 72vw;
}
/*----------------------------------------------------------------------SECCION CAPACITACION VENDEDORES*/
.sectionCapacitacionVendedores{
  position: relative;
  width: 100%;
  height: 176vw;
  overflow: hidden;
}
.contenedorTextoSliderCapacitacionVendedores{
  top: 0;
}
.textoCapacitacionVendedores{
}
.lineaCapacitacionVendedores{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoCapacitacionVendedores{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 19vw;
  left: 0;
}
.contenidoCapacitacionVendedores h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 79%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 34vw;
}
.contenidoCapacitacionVendedores p{
  position: relative;
  left: 3vw;
  font-size: 3vw;
  width: 90%;
  top: 6vw;
  margin: 0 0 2vw;
}
.sliderCapacitacionVendedores{
  position: relative;
  top: -99vw;
  left: 13vw;
  box-shadow: none;
  width: 72vw;
}
/*----------------------------------------------------------------------SECCION TARDE ENTRE AMIGAS*/
.sectionTardesentreAmigas{
  position: relative;
  width: 100%;
  height: 176vw;
  overflow: hidden;
}
.contenedorTextoSliderTardesentreAmigas{
  position: relative;
  width: 100%;
  height: 100%;
}
.textoTardesentreAmigas{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaTardesentreAmigas{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoTardesentreAmigas{
  text-align: justify;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 24vw;
}
.contenidoTardesentreAmigas h1{
  position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 79%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 44vw;
}
.contenidoTardesentreAmigas p{
  position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 79%;
  color: #6B6F7E;
  top: 47vw;
  margin: 0 0 2vw;
}
.sliderTardesentreAmigas{
  position: relative;
  top: -107vw;
  left: 13vw;
  width: 72vw;
  box-shadow: none;
}
/*----------------------------------------------------------------------SECCION ESTILISMOS DE MODA*/
.sectionEstilismosdeModa{
   position: relative;
   width: 100%;
   height: 200vw;
   overflow: hidden;
}
.contenedorTextoSliderEstilismosdeModa{
   position: relative;
  width: 100%;
  height: 100%;
}
.textoEstilismosdeModa{
  position: absolute;
  width: 100%;
  height: 100%;
}
.lineaEstilismosdeModa{
  width: 8vw;
  height: 2px;
  background: #6b6f7e;
  position: absolute;
  left: 0vw;
  top: 2vw;
  display: none;
}
.contenidoEstilismosdeModa{
 text-align: justify;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0vw;
}
.contenidoEstilismosdeModa h1{
 position: relative;
  left: 10vw;
  margin: 0 0 1vw;
  width: 65%;
  color: #6B6F7E;
  font-size: 5vw;
  top: 104vw;
}
.contenidoEstilismosdeModa p{
 position: relative;
  left: 10vw;
  font-size: 3vw;
  width: 77%;
  color: #6B6F7E;
  top: 106vw;
  margin: 0 0 2vw;
}
.sliderEstilismosdeModa{
  position: relative;
  top: -75vw;
  left: 21vw;
  width: 55vw;
  box-shadow:  none;
}
/*---------------------------------------------------------------TENSION CREATIVA*/
.tension{
  position: relative;
  width: 0vw;
  top: 22vw;
  font-size: 3vw;
  left: 61vw;
}
.tension a{
  color: #fff;
}
/*-------------------------------------- TAMAÑO DEL LOGO*/
.navbar-header a img{
  width: 27%;
}
/*-------------------------------------------------------------------- BLOG ALEJANDRA GARCIA*/
.espaNoti{
  position: absolute;
  /* height: 81vw; */
  width: 100%;
}
#articuloGrande{
  position: relative;
  height: 72%;
  width: 100%;
}
.imgArticuloG{
  left: 16vw;
  top: 9vw;
  width: 65vw;
}
.imgArticuloG img{
  width: 100%;
  height: auto;
}
.articuloTitleG{
  position: relative;
  top: 5vw;
  left: 0;
  width: 78vw;
  font-size: 7vw;
}
.woocommerce-ordering
{
  display: none;
}
.woocommerce-result-count
{
  display: none;
}
.articuloFechaG{
  position: relative;
  top: 0vw;
  width: 33vw;
  left: 0;
  font-size: 4vw;
}
.articuloCOntentG{
  position: relative;
  top: 0;
  width: 70vw;
  left: 0;
}
.verMasArtUnico{
  position: relative;
  left: 35vw;
}
#comments{
  font-size: 4vw;
  left: 15vw;
  width: 65vw;
  margin-top: 57vw;
}
.commentlist{
  position: relative;
  left: 15vw;
  width: 51vw;
  margin-top: 1vw;
}
.comment-respond{
  left: 15vw;
  width: 62vw;
  top: 0;
  margin-top: 0;
}
#submit{
  top: 0vw;
  width: 48vw;
  left: 2vw;
}
.videosAlejandra{
    width: 83%;
    height: auto;
}
.contenedorGalerias{
  width: 90%;
  left: 10vw;
}
.galeria{
  margin:0;
}
/*-------------------------------------------------------------------- BLOG ALEJANDRA GARCIA*/

.bwg_img_clear{
  margin-top: 0 !important;
}
.redireccionContactenos{
  width: 1vw;
  left: 0;
  position: relative;
  top: 6vw;
  height: 8vw;
  border: 1px solid #522477;
  color: #fff;
  font-size: 4vw;
  background: #522477;
  padding-right: 0;
  transition: all 0.3s;
  padding: 0 2vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.redireccionContactenos:hover{
  background: #fff; 
  color: rgba(82, 36, 119, 1); 
  border: none;
  text-decoration: none;
}
/*------------------------ BOTONES PARA COMPRAS*/
.precioResaltado{
  font-size: 4vw;
}

.botonoPago{
  width: 48vw;
  height: 13vw;
  border: 2px solid #522477;
  color: #522477;
  padding-left: 0.7vw;
  padding-right: 0;
  padding-top: 2.5vw;
  background-position-x: 36.5vw;
  background-size: 6.5vw 4.5vw;
  display:  block;
  position:  relative;
  top: 0;
  font-size: 5vw;
  left: 4vw;
  margin-top: 12vw;
}
.botonPrecios{
  position: relative;
}
#ventanaEmergente{
  display: none;
  opacity: 0;
  transform: scale(1);
}
.ventanaEmergenteClase{
  top: 24vw;
  left: 14vw;
  width: 76vw;
  height: 124vw;
}
.ventanaEmergenteClase h3{
  position:  relative;
  text-align:  center;
  font-size: 4vw;
  color: #522477;
  font-family: "Roboto bold" bold !important;
  margin-top: -0.5vw;
}
.ventanaEmergenteClase h2{
  position:  relative;
  text-align:  center;
  font-size: 5vw;
  color: #522477;
  margin-top: 5vw;
  font-weight: bold !important;
}
.ventanaEmergenteClase select{
  position:  relative;
  margin-top: 3vw;
  left: 4.5vw;
  height: 2vw;
  border: none;
  border-radius: 0.5vw;
}
.ventanaEmergenteClase input{
  position:  relative;
  left: -2.5vw;
  /* width: 4vw !important; */
  padding: 0 5px;
  top: -31vw;
  height: 7vw !important;
}
.ventanaEmergenteClase img{
  position: absolute;
  width: 5vw;
  height: auto;
  left: 68vw;
  top: 5vw;
  cursor: pointer;
  z-index: 2;
}
.ventanaEmergenteClase label{
  font-size: 2.5vw;
  position: relative;
  top: -31.9vw;
  left: -2vw;
  z-index: 2;
}
.botonoPago2{
  width: 29vw;
  left: 13vw;
  height: 8vw;
  font-size: 1vw;
  background: none;
  transition: all 0.3s;
  padding-left: 0vw;
  padding-top: 0;
  cursor: pointer;
  margin-top: -25vw;
  background: #522477;
  padding-right: 0;
  display:  block;
  font-size: 4vw;
  border:  none;
}
.botonoPago2:hover{
  background: #fff; 
  color: rgba(82, 36, 119, 1); 
  border: none;
}
.comprarahora{
  width: 34vw;
  left: 49vw;
  height: 13vw;
  border: none;
  font-size: 3vw;
  top: -19vw;
  padding-top: 4.4vw;
  padding-left: 0.5vw;
}
.comprarahora:hover{
  background: none;
  color: #522477;
}
.radiobutonCortes{
  width: 1vw !important;
  height: 1vw !important;
  /* margin-top: 3vw !important; */
  top: 3vw;
  z-index: 2;
}
.seccionExtraAliados1{
  height: 2290vw;
  top: -8vw;
}
.seccionExtraAliados2{
  height: 783vw;
  top: 0;
}
.seccionExtraAliados3{
  height: 1352vw;
  top: 0;
}
.seccionExtraAliados4{
  height: 511vw;
  top: 0;
}
.seccionExtraAliados5{
  height: 609vw;
  top: 0;
}
.seccionExtraAliados6{
  height: 655vw;
  top: 0;
}
.seccionExtraAliados7{
  height: 852vw;
  top: 0;
}
.seccionExtraAliados8{
  height: 293vw;
  top: 0;
}
.nuestrosAliadosGeneral{
  top: 0;
}
.renuevatuLook{
  top: 0vw !important;
  width: 60vw;
  margin-top: 16vw;
  left: 16vw;
  padding-bottom: 19vw;
}
.contenedorServicioOnline{
  width: 100%;
  margin-bottom: 17vw;
}
input[type="radio"]{
  width: 5vw !important;
  height:  4vw !important;
}
.pagosIconos{
  top: 8vw !important;
  left: 3vw !important;
  width: 52vw !important;
}
.nuestrosAliadosGeneral li {
  position: relative;
  left: 14vw;
  font-size: 3vw;
  width: 76%;
  color: #6B6F7E;
  margin: 0 0 1vw;
  list-style-type: decimal;
  top: 35vw;
}
/*---------------------- ESTILOS NUEVOS*/
.submenuOnline{
  left: 101% !important;
  width: 25vw !important;
  top: 0 !important;
}
.submenuOnline img{
  height: auto;
  width: 3vw;
  position: relative;
  left: 6vw;
}
.submenuOnline span{
  position:  absolute;
  left: 1vw;
  top: 1.5vw;
  color: #6b6f7e;
}
.extraTextoSubmenu{
  left: 0.5vw !important;
  top: 0.5vw !important;
}
.extraImagenSubmenu{
  width: 4vw !important;
  left: 6vw !important;
}
.submenuOnline a{
  position:  relative;
  width: 11vw;
  white-space: pre-line
}
.submenuOnline li{
  width: 12vw;
  float: left;
  border-bottom: 1px solid rgba(87, 42, 122, 0.5);
  left: 0.5vw;
  margin-left: -0.1vw;
  margin-top: -0.1vw;
  padding-bottom:  1vw;
  padding-top: 1vw;
}
.listaImagenListaLargo{
  width: 23.9vw !important;
}
.listaImagenListaLargo img{
  left: 17vw !important;
  width: 5vw !important;
}
.listaImagenListaLargo2 img{
  width: 5vw !important;
  left: 5vw !important;
}
/*----------------- ESTIOS EXTRAS*/
.grisParTituloPrincipal{
  height: auto;
  left: 0;
  padding-left: 9vw;
}
.grisParTituloPrincipal h1{
  top: 9vw;
  width: 30vw;
  left: 21vw;
  font-size: 5vw;
}
.grisParTituloPrincipal p{
  top: 13vw;
  left: -2vw;
  background: #fff;
  padding-left: 4vw;
  padding-top: 3.3vw;
  padding-right: 4vw;
  padding-bottom: 5vw;
  width: 85vw;
  height: 60vw;
}
.lineaExtraGris{
}
.grisImpar{
  padding-left: 5vw;
  height: auto;
  padding-top: 5vw;
}
.grisImpar h2{
  font-size: 5vw;
  position:  relative;
  left: 3vw;
  }
.preciosContenedor{
  position: relative;
  left: 3vw;
  font-size: 0.9vw;
  width: 83vw;
  margin: 0 0 3vw;
  padding-left: 2vw;
  padding-top: 2vw;
  padding-bottom: 3vw;
  height: auto;
  margin-top: 9vw;
}
.preciosContenedor li{
  list-style-type:  none;
  margin:  0;
  width: 77vw;
  padding: 2.5vw;
  left: 0;
  top: 0;
}
.preciosContenedor li span{
  text-indent: 61vw;
  left: 0;
}
.dosLineasTexto {
  height: auto;
}
.unaLineasTexto {
  height: auto;
}
.masTexto{
  height: auto !important;
}
.lineaSubtitulo{
  width: 11vw;
  height: 2px;
  position:  relative;
  top: 0vw;
  left: 4vw;
}
.cuadradoSliders{
  position: absolute;
  display:  none;
}
.grisPar{
  padding-left: 2vw;
  background: #f3f3f3;
  height: auto;
  padding-top: 5vw;
}
.colorFondopar{
  background: #fff;
}
.horizontalSlider{
  width: 74vw;
  left: 7vw;
}
.cuadradoSlidersHorizontal{
  display: none;
}
.textoCorto{
  height: auto;
}
/*-------------------------------- VER MAS*/
.botonVerMasContenido{
  width: 25vw;
  margin-bottom: 0vw;
  margin-top: 11vw;
  left: 3vw;
  position:  relative;
  top: 3vw;
}
.botonVerMasContenido span{
  color: #522477;
  font-size: 4vw;
  cursor: pointer;
  width: 23vw;
  margin-bottom: 1vw;
  position: absolute;
}
.botonVerMasContenido img{
  width: 8vw;
  height:  auto;
  margin-left: 25vw;
}
.verMasContenido{
  display: none;
}
.estiloEspecialVerMas{
  height: auto !important;
  padding-bottom: 4vw;
}
.odontologiaExtra{
  position: relative;
  top: 0;
  left: 0;
}
.dropdown-submenu>.dropdown-menu {
  font-size: 4vw;
}
.nuestrosAliadosGeneral h2{
   position: relative;
   left: 3vw;
   margin: 0 0 1vw;
   /*width: 34vw;*/
   color: #6B6F7E;
   font-size: 5vw;
   text-align: left;
}
.ventanaEmergenteClase h2{
   position: relative;
   left: 0;
   margin: 0 0 1vw;
   /*width: 34vw;*/
   color: #6B6F7E;
   font-size: 2vw;
   text-align: left;
}
.contenidoCapacitacionVendedoresAsesoria{
  top: 1vw;
}
.contenidoCapacitacionVendedoresAsesoria h1{
  top: 48vw;
  left: 3vw;
}
.contenidoCapacitacionVendedoresAsesoria p{
  top: 50vw;
}
/*------------------------------------------- BOLETIN*/
.contenedorBoletin{
  height: 298vw;
}
.boletinPagina{
  left: 19vw;
  width: 60vw;
  position: absolute;
  z-index: 2;
}
.contenedorFormularioBoletin{
  left: 4vw;
  width: 82vw;
  height: 84vw;
  top: 108vw;
  background: #f3f3f3;
  position:  relative;
  padding-top: 2vw;
  padding-bottom: 2vw;
  padding-left: 8vw;
  padding-right: 2vw;
}
.formularioBoletin{
  height: 22vw;
}
.formularioBol{
  position:  absolute;
  top: 0;
}
.formularioBol label{
  position: relative;
  left: 14.5vw;
  font-size: 4vw;
  top: -6vw;
  font-family: "Montserrat light", light !important;
  color: #6b6f7e !important;
  width: 48vw;
}
.textoBoletin{
  left: 4vw;
  width: 88vw;
  top: 95vw;
}
.textoBoletin p{
  width: 76vw;
}
.cuadradoSlidersBoletin{
  left: 7vw;
}
.botonoPago2Boletin{
  width: 50% !important;
  top: 0vw !important;
}
.checkboxBoletin{
  width: 7vw !important;
  left:  1vw !important;
  top: 4vw !important;
}
.interesSelect{
  left: 0;
  font-size: 5vw;
  line-height: 2vw;
  margin: 0 0 1vw;
  padding: 0 0.5vw;
  height: 7vw;
}
.terminosCondiciones2{
  margin-top: 10vw;
  margin-bottom: 3vw;
}
.terminosCondiciones2 label{
  position: relative;
  margin-top: 0vw;
  margin-bottom: 0vw;
  top: -2vw;
}
.contenedorTerminos{
  float: none;
  width: 99%;
  height: 55vw;
  overflow:  auto;
  border: 1px solid;
  padding: 0vw 3vw;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 5vw;
  font-size: 4vw;
}
/*---------------------------------------------------------------- BLOG GENERAL*/
.sectionEntradaBlogGenral{
  min-height: 143vw;
}
.lineaEntradaBlogGenral{
  display:  none;
}
.TitulotextoEntradaBlogGenral{
  width: 27vw;
}
.TitulotextoEntradaBlogGenral h1{
  position: relative;
  left: 9vw;
  margin: 0 0 2vw;
  width: 90%;
  color: #6B6F7E;
  font-size: 7vw;
}
.contenedorTextoContenidoEntradaBlogGenral{
  width: 85vw;
  margin-left: 9vw;
}
.textoEntradaBlogGenral{

}
.itemEntradaBlogGeneral{
  position:  relative;
  width: 100%;
  height:  auto;
  padding-bottom: 4vw;
  float: none;
  background: #fff;
}
.itemEntradaBlogGeneral img{
  height:  auto;
  width: 70%;
  float:  left;
  margin-left: 13%;
}
.textEntradaBlogGeneral{
  /* float:  left; */
  width: 90%;
  margin-left: 0;
  text-align: left;
  }
.textEntradaBlogGeneral h2{
  left: 0;
  margin: 0 0 1vw;
  /* width: 34vw; */
  font-size: 5vw;
  text-align: left;
}
.textEntradaBlogGeneral p{
  left: 0;
  font-size: 3vw;
  width: 100%;
  margin: 0 0 1vw;
}
.verMasArtUnico{
}
.vermasCruz{
  
}
}
@media all and (max-width: 768px) and (min-width: 100px){
  .woocommerce ul.products li.product a img {
    width: 100%;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    height: AUTO;
}
.productos-paquetes {
  margin-top: 8vw;
}
.carrito {
    position: absolute;
    top: 14vw;
    left: 45%;
    z-index: 10000;
}
.articuloCOntentG .woocommerce {
    width: 100%;
    left: 0;
    position: relative;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    z-index: 1;
    HEIGHT: AUTO;
    OVERFLOW: HIDDEN;
}
.related {
    width: 100%;
    float: left !important;
    position: relative;
    left: 0vw !important;
    margin-left: 0vw;
}
#customer_details p input {
    height: 10vw;
}
}