/*-----------------Nosotros--------------------*/
.panel-body h1{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: calc(1.8vh + 1.1vw)}; /*Agregar nuevo 9/11/2020*/
 h1 {font-family: 'Raleway', sans-serif; font-weight: 700; font-size: calc(1.4vh + .8vw)}; /*Agregar nuevo 9/11/2020*/
.imgImgs{cursor: pointer;} /*Agregar nuevo 9/11/2020*/
#btnDespliega{display: none;} /*AGREGAR 9/13/2020*/
#menuUser{display: none;position: absolute; right: 0vw; margin: 0;  padding: 0; background: white;  width: 16vw;height: auto; box-shadow: 0 0px 3px 0px grey;}/*AGREGAR 9/13/2020*/
#menuUser li{height: 4em;}/*AGREGAR 9/13/2020*/
.pCenter{text-align: center;}
.center{text-align: center; margin-block: 23vw; margin-right: 23vw;}
.center{text-align: center; margin-block: 10vw; margin-right: 10vw;} /*cel y tablet*/
.btnTest{color: #989898; border: 1px solid #989898; margin: 3vh 0;font-size: calc(.9vh + .4vw) !important; border-radius: 50px;background-color: #ffffff; padding: .8vh 2vw; position: absolute; left: 1vw;}
.btnTest:hover{ text-shadow: -.25px -.25px 0 #989898,  .25px .25px #989898; animation: shadow-pulse 2.5s 1; background-color: #ffffff; color: #989898;}
.imgMovil{display:none}
.imgDesktop{display: block;}
@keyframes shadow-pulse
{
     0% { box-shadow: 0 0px 0 0px rgba(0, 0, 0, .4);  }
     10% { box-shadow: 0 8px 0 0px rgba(0, 0, 0, .1);  }
     30% { box-shadow: 0 0 3px 15px rgba(0, 0, 0, 0.01); }
     100% { box-shadow: 0 -18px 25px 15px rgba(0, 0, 0, 0); }
}

/*Tipografia */

body{width: 100vw; overflow-x: hidden;}
.RalewayReg{font-family: 'Raleway', sans-serif; font-weight: 400; ;}
.RalewayBold{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: calc(1.8vh + 1.1vw); margin:1em 0;}
.RalewayBold2{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: calc(1.38vh + .78vw); margin:1em 0;}
.RalewayBold2T{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: calc(1.38vh + .78vw); margin:0em 0;}
.OpenSansReg{font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: calc(1.15vh + .65vw);margin:1em 0;}
.OpenSansReg2{font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: calc(.90vh + .50vw); margin:1em 0;}
.verdanaReg{font-family: 'Verdana';margin:1em 0;}
.HelveticaReg{font-family: 'Heebo', sans-serif; font-weight: 400;font-size: calc(1.5vh + .90vw);margin:1em 0;}
.container{width: 85%;}

.contacto .RalewayReg{font-family: 'Raleway', sans-serif; font-weight: 400; margin:0;}
.contacto .RalewayBold{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: calc(1.8vh + 1.1vw); margin:1em 0;}
.contacto .RalewayBold2{font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 14px; margin:0;}
.contacto .OpenSansReg{font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: calc(1.15vh + .65vw);margin:1em 0;}
.contacto .OpenSansReg2{font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: calc(.90vh + .50vw); margin:0;}
.contacto .verdanaReg{font-family: 'Verdana';margin:1em 0;}
.contacto .HelveticaReg{font-family: 'Heebo', sans-serif; font-weight: 400;font-size: calc(1.5vh + .90vw);margin:0;}
.contacto .btnTest{position: static; 
   background-color: #ffca00; 
 color: white ;
    background: #ffca00;
    background: -moz-linear-gradient(top, #ffca00 0%, #de980c 41%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca00), color-stop(41%,#de980c), color-stop(41%,#de980c));
    background: -webkit-linear-gradient(top, #ffca00 0%,#de980c 41%);
    background: -o-linear-gradient(top, #ffca00 0%,#de980c 41%);
    background: -ms-linear-gradient(top, #ffca00 0%,#de980c 41%);
    background: linear-gradient(to bottom, #ffca00 0%,#de980c 41%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca00', endColorstr='#de980c',GradientType=0 );
    box-shadow: 0 0 black;
    border: 0;
    font-size: 1em !important;
  animation: none;
}



html { overflow-x:hidden; }
/*.am{ background-image: linear-gradient(120deg, #FDC000 , #FDC000 ); background-repeat: no-repeat;  background-size: 100% 0.4em; background-position: 0 88%;transition: background-size 0.25s ease-in;}
.am:hover{  background-size: 100vw 2vh;  background-position: 0 88%;}*/
.sub{ background-image: linear-gradient(120deg, #FDC000 , #FDC000 ); }
.am{ background-image: linear-gradient(120deg, #FDC000 , #FDC000 ); background-repeat: no-repeat;  background-size: 0% 80%; background-position: 0 160%;  }
   /* .am:hover{  background-size: 100% 2vh;  background-position: 100% 88%;}*/
   @keyframes slide{
       from{ background-size: 0% 80%;
     }

       to{ background-size: 100% 80%;}
       
   }
   @keyframes noslide{
    from{ background-size: 100% 80%;}

    to{ background-size: 0% 80%;}
    
}

.arrowD{width: calc(1.7vh + .98vw) !important; padding-bottom: 8em !important; height: auto !important;}
.divArrow{text-align: center !important; }
.lbl{ width: 20vw; text-align: right;  float: left; margin-right: 5vw;}
.inp{  height: 2em;  width: 48vw; float: left; border-radius: 6px; border: 1px solid gray;}
.inpC{  height: 2em;  width: 22.8vw; float: left; border-radius: 6px; border: 1px solid gray;}
.pago{margin: 0 0 0 25vw;}


/*Hata aqui antes de eliminar margin f c*/
/*//*/
/*-------------------Index--------------*/
.movil{display: none !important;}
.desktop{display: block !important;}
#Seccion1 {height: auto; padding: 10em 0 12em 0;}

#Seccion1 .textoDer {float: right; margin-right: 1vw;}
#Seccion1 #imgForma1 {position: absolute; left: 5vw; top: 10em; z-index: -1; width: 49.63vw;}
#Seccion1 #imgJovenVR {margin: -5em 0 0 0 ; width: 43.38vw; animation-name: vr; animation-duration: 2s; animation-iteration-count: 1;}
@keyframes vr{
     0%{width: 48vw; opacity: 0;} 
     100%{width: 43.38vw; opacity: 1;}
 }
/*Seccion2*/
#Seccion2 {height: auto; padding: 10em 0 8em 0;}
#Seccion2 #imgForma2 {position: absolute; left: .5vw; top: 0em; z-index: -1; width: 48.43vw;}
#Seccion2 #imgCapacitacion {margin: 2em 0 0 -4vw ; width: 48vw;}
#Seccion2 .btnTest{float: right; position: static; margin-right: .5vw;}
/*Seccion3*/
#Seccion3 {text-align: center; height: auto; padding: 10em 0 6em 0;}
#Seccion3 #imgCuadroCirc{width: 30vw;}
/*Seccion4*/
#Seccion4 {height: auto; padding: 10em 0 18em 0;}
#Seccion4 #imgForma3 {position: absolute; left: 17vw; top: 14em; z-index: -1; width: 34vw;}
#Seccion4 #imgAudifono {margin: 21em 0 0 -6vw ; width: 47.9vw;}
/*Seccion5*/
#Seccion5 { height: auto; padding: 10em 0 60em 0;}
#Seccion5 #imgForma4 {position: absolute; left: -8vw; top: 5em; z-index: -1; width: 36.9vw;}
#Seccion5 #imgDron{ width: 51.7vw; position: absolute; top: 26em; left: 5vw; animation-name: upDown; animation-duration: 10s; animation-iteration-count: infinite;}
#Seccion5 .btnTest{float: right; position: static; }
@keyframes upDown{
     0%{top:26em; left: 5vw;} 
     25%{top:26em; left: 25vw;} 
     50%{top:45em; left: 25vw;} 
     75%{top:45em; left: 5vw;} 
     100%{top:26em; left: 5vw;} 
 }
 
/*Seccion6*/
#Seccion6  { height: auto; padding: 10em 0 6em 0;}
#Seccion6 img{width: 100%; margin: 2em 0 2em -22%; }
#Seccion6 #carrusel{display: none;}
.divArrow {padding: 0em 0 5em 0;}
/*Modal*/
.modal-content{height: 90vh; }
#encuesta{height: 100%;width: 100%;}
.modal-content .modal-header{height: 10vh;}
.modal-content .modal-body{height: 70vh;}
.modal-content .modal-footer{height: 10vh;}
.modal-content .btnTest{color: #989898; border: 1px solid #989898;  margin: 1vh 0; font-size: calc(.648vh + .364vw); border-radius: 50px;  background-color: #ffffff; padding: .8vh 4vw;  position: static; float: right;
 }
 .modal-content .RalewayReg{margin: 1vh;}


/*Nosotros1*/
#nosotros1 {text-align: center; height: auto; padding: 10em 0 5em 0;}
#nosotros1 p{text-align: center;}

/*nosotros2*/
#nosotros2 {text-align: center;height: auto; padding: 10em 0 5em 0;}
#nosotros2 .row2{margin-top: 6em;}
#imgLine1{width: 8.12vw; margin-top: 7vh;}
#imgLine2{width: 4vw}
#imgLine3{width: 4.12vw}
#nosotros2 .forma7movil{display: none; position: absolute;}
#nosotros2 .lineas{display: none;}


/*nosotros3*/
#nosotros3 {text-align: center;  height: auto; padding: 10em 0 10em 0;}
#nosotros3 #imgForma6{    width: 76vw;  margin: 11em 0 0vh 0;  position: absolute;  left: 6vw;  z-index: -1;  top: 11em;}
#nosotros3 #imgCapacitacion2{width: 66vw;   margin: 5em 0 }
#nosotros3xs{text-align: initial;  height: auto; padding: 10em 0;}
#nosotros3xs{display: none;}


/*nosotros4*/
#nosotros4 {text-align: center; height: auto; padding: 10em 0 5em 0;}
#nosotros4 .OpenSansReg{ font-weight: 800;  position: absolute; top: 6vh; left: 4.5vw; }
#nosotros4 img{height: calc(11.48vh + 6.45vw);}
#nosotros4 .socios{margin-right: 1.5vw;}



/*nosotros5*/
#nosotros5 { height: auto; padding: 10em 0 5em 0;}
#nosotros5 .RalewayBold{ text-align: initial;}
#nosotros5 .OpenSansReg{text-align: initial;}
.imgs{height: 76vh; width: 100%;  background-color: black; display: none; animation: imgView 3.5s 1; }
@keyframes imgView
{  0% { opacity: 0; filter: blur(4px);}
75% { filter: blur(3px);}
100% { opacity: 1; filter: blur(0px);}}
#img1{display: block;}
.imgImgs{width: calc(97% /6); cursor: pointer;}
#galeriDesktop{display: block;}
 #galeriaMovil{display: none;}

#nosotros5 .modal-content{height: 90vh; }
#nosotros5 #encuesta{height: 100%;width: 100%;}
.modal-content .modal-header .RalewayBold{margin: .4em 0;}
.modal-content .modal-header{height: 10vh;}
.modal-content .modal-body{height: 70vh; }
.scroll{overflow-x: none !important; overflow-y: scroll !important;}
.modal-content .modal-footer{height: 10vh;}
.modal-content .btnTest{color: #989898; border: 1px solid #989898;  margin: 1vh 0; font-size: calc(.648vh + .364vw); border-radius: 50px;  background-color: #ffffff; padding: .8vh 4vw;  position: static; float: right;}
.modal-content .RalewayReg{margin: 1vh;}

/*nosotros6*/
#nosotros6 { height: auto; padding: 10em 0;}
#nosotros6 .OpenSansReg{text-align: justify; }
#nosotros6 #btnOportunidades{margin-left: 8w;}
#nosotros6 #imgFotografo{width: 25vw; margin: -8em 0 0 14vw;}
#nosotros6 #Grupo1837{  width: 54vw; position: absolute; left: 2vw;  z-index: -1;  top: -14em;}
#nosotros6 .btnMorado{letter-spacing: .5px;border: 1px solid #E21787;  border-radius: 50px;  width: 13vw; height: 3em;background-color: #E21787;  color: #ffffff; ; margin-right: .5vw; padding: 0 1vw;
     box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 5.2s; transition: all ease 0.8s; font-family: 'Raleway', sans-serif; font-weight: 700;}
 #nosotros6 .btnMorado:hover{ box-shadow: inset -13.91vw 0 0 0 #ffffff; color: #E21787; }
 #nosotros6 .btnMorado::before{content: "Ver oportunidades";}
 #nosotros6 .btnMorado:hover::before{content: "Ver oportunidades";   transition: color 0.1s linear 0.1s; color: #E21787;}



/*------------Secciones-----------------*/
#servicio1 {text-align: initial; height: auto; padding: 15em 0;}

#servicio1 #forma8{ width: 50vw;position: absolute; left: -10vw; top: 4vh;}
#imgNosotros{position: absolute;  top: 0;  left: -5vw;  width: 50vw;}
#servicio1 .btnTest{float: right; position: static; margin-right: 1vw;}
#videoPromo{width: 90%;}

/*servicio2*/
#servicio2 { text-align: center; height: auto; padding: 10em 0 5em 0;}
#servicio2 .btnTest{float: none; position: static; margin-right: 1vw;}


/*servicio3*/
#servicio3 { text-align: initial; height: auto; padding: 10em 0;}
#servicio3 .videosY{height: 34vh; width: 100%;}

/*servicio4*/
#servicio4 { text-align: initial; height: auto; padding: 0em 0;}
#servicio4 .videosY{height: 34vh; width: 100%;}

/*servicio5*/
#servicio5 { text-align: initial; height: auto; padding: 10em 0 5em 0;;}
#servicio5 .videosY{height: 34vh; width: 100%;}
#servicio5 .btnTest{float: none; position: static; margin-right: 1vw; margin-top: 13vh;}

/*servicio6*/
#servicio6 {  text-align: initial; height: auto; padding: 10em 0 0 0;}
#servicio6 .btnTest{float: right; position: static; margin-right: 1vw;}


/*servicio7*/
#servicio7{  text-align: initial; height: auto; padding: 0em 0 5em 0;}
#servicio7 .forma1{width: 50vw; margin-top: -2em}
#servicio7 #imgConoce{width: 46vw;  margin: -33em 0 0 5vw;}

/*servicio8*/
#servicio8{  text-align: initial; height: auto; padding: 10em 0 20em 0;}
#servicio8 .forma5{position: absolute; position: absolute; left: -8vw; width: 100vw;}
#servicio8  .divTest{text-align: center; background-color: white; box-shadow:  0px 0px 15px 0px #B2B2B2; padding: 0 5vw;}
#servicio8 .imgGlobo{width: 60%;}
#servicio8 .btnMorado{letter-spacing: .5px;border: 1px solid #E21787;  border-radius: 50px;  width: 13vw; height: 3em;background-color: #E21787; 
      color: #ffffff; float: none; margin-right: .5vw;   box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 5.2s; transition: all ease 0.8s; 
      font-family: 'Raleway', sans-serif; font-weight: 700; margin: 5vh 0 10vh 0;}
 #servicio8 .btnMorado:hover{ box-shadow: inset -15.91vw 0 0 0 #ffffff; color: #E21787; }
 #servicio8 .btnMorado::before{content: "Haz el test";}
 #servicio8 .btnMorado:hover::before{content: "Ver oportunidades";   transition: color 0.1s linear 0.1s; color: #E21787;}
/*servicio9*/
#servicio9 { height: auto;}
#servicio9 .forma5{ width: 101vw; margin-left: -9vw;}



/*------------CONSULTORES-----------------*/
#consultores1 { height: auto; text-align: initial; padding: 10em 0 5em 0;}
#consultores1 .forma11{width: 50vw; margin-top: -10vw;}
#consultores1 #imgAdministracion{    width: 50vw;  position: absolute;  top: 0;  left: 0;}

/*CONSULTORES2*/
#consultores2 { height: auto; padding: 10em 0 5em 0; text-align: center; }
.divGoldSilv{ text-align: initial; box-shadow:  0px 0px 15px 0px #B2B2B2;   width: 80%;  margin-left: 10%;  height:auto;  padding: 1em 1em; margin-bottom: 5em;}
.divGoldSilv .RalewayBold{ margin: 2em 0vw 2em 0vw ;}
.divGoldSilv .RalewayBold span{font-size: calc(.83vh + .46vw); }
.contenidoDiv {padding: 1em 3.5em;} 
#consultores2  .precio{text-align: center; }
#linesilver {height: 1em; width: 100%; background-color: #E0E1E2;}
#divGold{ box-shadow:  0px 0px 15px 0px #FDC000;}
#linegold{height: 1em; width: 100%; background-color: #FDC000;}
#consultores2 .btn{margin-bottom: 3em; margin-top: 2em;}
#consultores2 .divGoldSilv .OpenSansReg{ font-size: calc(.70vh + .39vw); margin: 0em 0vw 0em 0vw; }
#consultores2  .contenidoDiv div{text-align: center; }

.btnBlanco{ font-size: calc(1.388vh + .78vw) !important; border-radius: 50px;  height: auto; background-color:white; color: #989898; border: 1px solid #989898;  top: 5em;  width: 90%}
.btnBlanco:hover{background-color: black; }

.btnVioleta{border: 1px solid #E21787;  margin: 1px; font-size: calc(1.388vh + .78vw) !important; border-radius: 50px;   height: auto;background-color: #E21787; color: #ffffff;
box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s;  width: 90%;}
.btnVioleta:hover{ box-shadow: inset -30vw 0 0 0 #ffffff; color: #E21787; }
.btnVioleta::before{content: "Comenzar a usar";}
.btnVioleta:hover::before{content: "Estas a un paso";   transition: color 0.1s linear 0.1s; color: #E21787;}


/*Consultores3*/
#consultores3 {text-align: center; height: auto; padding: 10em 0 5em 0;}
#consultores3 .btnTest{float: none; position: static; margin-right: 1vw; margin-top: 3vh;}
#consultores3 .imgLapiz{width: 20vw;}
#consultores3 .imgLapiz2{width: 20vw; display: none;}

/*CONSULTORE*/
#consultores4 { text-align: initial; height: auto; padding: 10em 0;}
#consultores4 .fondoFoco{position: absolute; z-index: -1; width: 26vw;}
#consultores4 .foco{width: 22vw;}
#consultores4 .equal{height: 27em;}
#consultores4 .sm{display: none;}
#consultores4 .btnTest{padding: .8vh 6vw}

/*Contacto------------------*/

#constacto1{ text-align: initial; height: auto; padding: 10em  0; height: 82em;}

#constacto1 .forma5{position: absolute;  left: -8vw; width: 100vw; z-index: -50;}
#constacto1  .divForm{text-align: initial; background-color: white; box-shadow:  0px 0px 15px 0px #B2B2B2; padding: 5vh 3vw;}

#constacto1 .btnMorado{letter-spacing: .5px;border: 1px solid #E21787;  font-size: calc(.60vh + .338vw); border-radius: 50px;  width: auto; height: 3em;background-color: #E21787; 
      color: #ffffff;  box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 5.2s; transition: all ease 0.8s; 
      font-family: 'Raleway', sans-serif; font-weight: 700; padding: 0 3vw; margin: 5vh 0;}
 #constacto1 .btnMorado:hover{ box-shadow: inset -15.91vw 0 0 0 #ffffff; color: #E21787; }
 #constacto1 .btnMorado::before{content: "Enviar";}
 #constacto1 .btnMorado:hover::before{content: "Enviar";   transition: color 0.1s linear 0.1s; color: #E21787;}
.textForm{background-color: lightgray; width: 100%; height:5vw; border: none;}
.big{height: 15vh;}
.small{height: 5vh;}




 /*Tablet*/
 @media screen and  (min-width: 768px)  and (max-width: 991px) 
 {
     /*Header*/
   #btnDespliega{display: block; position: absolute; ; margin: 0; background-color: white; border: 1px solid gray; color: gray; padding: .5em 1em; border-radius: 11px; right: 1em;  top: .7em;} 
   #menuUser{display: none;position: static; right: 0vw; margin: 0;  padding: 0; background: white;  width: 100%;height: auto; box-shadow: 0 0px 3px 0px grey;}/*AGREGAR 9/13/2020*/
   #menuUser li{height: 4em;}/*AGREGAR 9/13/2020*/
   
   
    #myNavbar{  display: block;  width: 96vw;  height: 0vh; overflow-y: scroll;  overflow-x: hidden; background-color: white; box-shadow: 0px 12px 13px -1px grey }
    .navbar-nav {  margin: 7.5px -5px !important; float: none;}
    .navbar-nav>li {  float: none; }
    nav li a { color: #777;  /* padding: 15px 26px; */  font-size: 12px;  padding: 19px .8vw 7px 1.8vw !important; font-size: 19px !important;}
    .navbar-right {   float: none !important;   margin-right: -15px; }
    @keyframes slideDown{  0%{height: 0vh;}  100%{height: 50vh;} }
    @keyframes slideUp{ 0%{height: 50vh;} 100%{height: 0vh;}}
   
  .arrowD{width: calc(1.7vh + .98vw) !important; padding-bottom: 0em !important; height: auto !important;}
  .lbl{ width: 20vw; text-align: right;  float: left; margin-right: 5vw;}
  .inp{  height: 2em;  width: 48vw; float: left; border-radius: 6px; border: 1px solid gray;}
  .inpC{  height: 2em;  width: 22.4vw; float: left; border-radius: 6px; border: 1px solid gray;}
  .pago{margin: -5em 0 0 25vw;}
  
  
  .movil{display: block !important;}
  .desktop{display: none !important;}


     #Seccion1 {text-align: center; height: auto; padding: 5em 0 8em 0;}
     #Seccion1 .textoDer {float: none;}
     #Seccion1 #imgForma1 {position: absolute; left: 12vw; top: 5em; z-index: -1; width: 85.63vw;}
     #Seccion1 #imgJovenVR {margin: 1em 0 0 0 ; width: 60.38vw; animation-name: vr; animation-duration: 3s; animation-iteration-count: 1;}
     @keyframes vr{
        0%{width: 80.38vw; opacity: 0;} 
        100%{width: 60.38vw; opacity: 1;}
     }
     /*Seccion2*/
     #Seccion2 {text-align: center; height: auto; padding: 10em 0 5em 0;}
     #Seccion2 .btnTest{float: none; position: static; margin-right: .5vw;}
     #Seccion2 #imgForma2 {position: absolute; left: .5vw; top: 0em; z-index: -1; width: 60.43vw;}
     #Seccion2 #imgCapacitacion {margin: 0em 0 0 3vw ; width: 76vw;}
     /*Seccion3*/
     #Seccion3 #imgCuadroCirc{display:none;}
     #Seccion3 {text-align: center; height: auto; padding: 5em 0 5em 0;}
     /*Seccion4*/
      #Seccion4 {text-align: center; height: auto; padding: 10em 0 15em 0;} 
      #Seccion4 .btnTest{position: static;} 
      #Seccion4 #imgForma3 {left: 33vw; top: -2em; z-index: -1; width: 61vw;}
      #Seccion4 #imgAudifono {margin: 12em 0 0 -14vw ; width: 61.9vw;}
     /*Seccion5*/
      #Seccion5 {text-align: center; height: auto; padding: 10em 0 50em 0;}
      #Seccion5 .btnTest{float: none; position: static; margin-right: .5vw;}
      #Seccion5 #imgForma4 {position: absolute; left: -8vw; top: 0em; z-index: -1; width: 63.9vw;}
      #Seccion5 #imgDron{ width: 65.7vw; position: absolute; top: 0em; left: 5vw; animation-name: upDown; animation-duration: 10s; animation-iteration-count: infinite;}
      @keyframes upDown{
        0%{top:1em; left: 5vw;} 
        25%{top:1em; left: 25vw;} 
        50%{top:15em; left: 25vw;} 
        75%{top:15em; left: 5vw;} 
        100%{top:1em; left: 5vw;} 
    }

     /*Seccion6*/
     #Seccion6  {text-align: center; height: auto; padding: 10em 0 5em 0;}
     #Seccion6 #empresasDesktop{display: none;}
     #Seccion6 .RalewayBold2{ margin: 3em 10vw 2em 10vw}
     #Seccion6 #carrusel{display: block;}
     #carrusel img{    width: 20.9vw; }
     #Seccion6  ul {position: relative;   top: 3em;   width: 100vw; height: 200px;   padding: 0;   left: -5vw;     }
     #Seccion6 ul > li {width: 25%;list-style-type: none;position: absolute;top: 0; opacity: 0;text-align: center;transition: 1s opacity; }
     #Seccion6 .active {opacity: 1;}
     #Seccion6 p {font-family: sans-serif;font-size: 13px; color: #646566;line-height: 1.5em;}
     #Seccion6 strong {  color: #fff; font-weight: 700;	font-size: 60px; line-height: 100px; }




    /*Nosotros1 y nosotros2 quedan igual*/
    #nosotros1{padding: 6em 0 5em 0;}
    #nosotros2{padding: 6em 0 5em 0;}
   
      /*Nosotros 3 se activa el de xs desactiva sm y md */
      #nosotros3xs {padding: 6em 0 2em 0;}
      #nosotros3{display: none;}
      #nosotros3xs{display: block;}
      #nosotros3xs .formas{width: 40vw; position: absolute; left: -20vw;}
      .divNosotros{height: 25em;}
      #nosotros3xs .btnTest{margin: 2vh 2%; width: 90%; padding: .6vh 0vw;}
      .clientes{width: 20vw; left: -9vw; position: absolute;}
 
    /*Nosotros 4 quitar imagenes */
    #nosotros4{padding: 6em 0 5em 0;}
    #nosotros4 img{display: none;}
    #nosotros4 .OpenSansReg{margin: 0; top: 0; left:7vw;}
   
 
     /*Nosotros5*/
     #nosotros5{padding: 6em 0 5em 0;}
     #galeriaDesktop{display: none;}
     #galeriaMovil{display: block;}
      .gallery { list-style: none; overflow: hidden;  padding: 0; margin: 0; }
      .gallery li {float: left; margin: .2vw;}
      .gallery img{width: 17vw;; float: left; margin: 1vh .1vw;}
 
 
      /*Nosotros 6*/
      #nosotros6{text-align: center; align-content: center;}
      #nosotros6 #imgFotografo{width: 25vw; margin: -8em 0 0 14vw; display: none;}
      #nosotros6 #imgFotografo2{width: 40vw; margin: 8em 0 0 10vw; display: block;}
      #nosotros6 #Grupo1837{  width: 54vw; position: absolute;  left: 10vw;   z-index: -1;   top: 5em;}
     
      #nosotros6 .btnMorado{letter-spacing: .5px;border: 1px solid #E21787;  border-radius: 50px;  width: auto; height: 3em;background-color: #E21787;  color: #ffffff; float: none; margin-right: 0; padding: 0 2vw;
      box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 5.2s; transition: all ease 0.8s; font-family: 'Raleway', sans-serif; font-weight: 700; }
 
 
      /*Servicios1*/
      #servicio1 {text-align: center; height: auto; padding: 10em 0 55em 0;}
      #servicio1 .btnTest{float: none; position: static; padding: .6vh 10vw ;}
      #servicio1 #forma8 { width: 68vw;   position: absolute;    left: -11vw;  top: 26em; }
      #imgNosotros{position: absolute;  top: 26em;  left: 22vw;  width: 50vw;}
      #videoPromo{width: 100% !important; height: auto !important;}
      
      #servicio2{padding: 10em 0 2em 0;}
      /*Servicio3*/
      #servicio3{text-align: initial; height: auto; padding: 10em 0 5em 0;}
      #servicio3 .videosY{height: 20vh; width: 100%;  margin-top: 5em;}
     
       /*Servicio4*/
       #servicio4{text-align: initial; height: auto; padding: 0 0;}
       #servicio4 .videosY{height: 20vh; width: 100%;  margin-top: 5em;}
    
       /*Servicio5*/
      #servicio5{text-align: initial; height: auto; padding: 10em 0 2em 0;}
      #servicio5 .videosY{height: 20vh; width: 100%;  margin-top: 5em;}
      #servicio5 .btnTest{float: none; position: static; margin-right: 1vw; margin-top: 7vh;}
         /*servicio6*/
         #servicio6 {text-align: center; height: auto; padding: 5em 0 5em 0;}
         #servicio6 .btnTest{float: none; position: static; padding: .6vh 10vw ;}
           /*servicio7*/
        #servicio7 {text-align: center; height: auto; padding: 9em 0 5em 0;}
        #servicio7 .forma1{width: 50vw; margin-top: -9em}
        #servicio7 #imgConoce{width: 46vw;  margin: -16em 0 0 5vw;}     
      /*Servicio*/
      /*servicio8*/
      #servicio8{  text-align: initial; height: auto; padding: 10em 0 8em 0;}
      #servicio8 .forma5{position: absolute; position: absolute; left: -8vw; width: 100vw; top: 20vh;}
      #servicio8 .btnMorado{letter-spacing: .5px;border: 1px solid #E21787;  border-radius: 50px;  width: 21vw; height: 3em;background-color: #E21787; 
      color: #ffffff; float: none; margin-right: .5vw;   box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 5.2s; transition: all ease 0.8s; 
      font-family: 'Raleway', sans-serif; font-weight: 700; margin: 5vh 0 5vh 0;}
      #servicio8 .btnMorado:hover{ box-shadow: inset -21.91vw 0 0 0 #ffffff; color: #E21787; }
      #servicio8 .btnMorado::before{content: "Haz el test";}
      #servicio8 .btnMorado:hover::before{content: "Ver oportunidades";   transition: color 0.1s linear 0.1s; color: #E21787;}
        


/*---------------CONSULTORES------------------*/
     /*Consultore1*/
     #consultores1 { height: auto; text-align: center; padding: 6em 0 4em 0;}
     #consultores1 .forma11{width: 60vw; margin-top: -7vw; margin-left: 8vw;}
     #consultores1 #imgAdministracion{    width: 50vw;  position: absolute;  top: 20em;  left: 20vw;}
   
     /*Consultores 2ipad*/
     #consultores2 { padding: 6em 0 4em 0;}
     #consultores2 .divGoldSilv{ text-align: initial; box-shadow:  0px 0px 15px 0px #B2B2B2;   width: 80%;  margin-left: 10%;  min-height: 50em; height: calc(30vh + 30vw); padding: 1em 1em; margin-bottom: 5em;}

     /*Consultore3*/
     #consultores3 { padding: 6em 0 4em 0;}
     #consultores3 .imgLapiz{width: 20vw; display: none;}
#consultores3 .imgLapiz2{width: 20vw; display: block;     margin-left: 31vw;}
   
     /*Consultores4*/
     #consultores4 { height: auto; text-align: center; padding: 6em 0 4em 0;}
     #consultores4 .OpenSansReg{  margin: 3em 15vw 1em 15vw }
     #consultores4 #focosMD{display: none;}
     #consultores4 .sm{display: block;}
     #consultores4 .btnTest{position: static; margin-bottom: 10vh;padding: .8vh 8vw}
     #consultores4 .equal{height: auto;}

     
     
         


 }
 
 
 /*Celular*/
 @media screen and  (min-width: 0px)  and (max-width: 767px) 
 {  
 /*Header*/
 #btnDespliega{display: block; position: static; float: right; margin: .7em 1em 0 0; background-color: white; border: 1px solid gray; color: gray; padding: .5em 1em; border-radius: 11px;} 
 #menuUser{display: none;position: static; right: 0vw; margin: 0;  padding: 0; background: white;  width: 100%;height: auto; box-shadow: 0 0px 3px 0px grey;}/*AGREGAR 9/13/2020*/
 #menuUser li{height: 4em;}/*AGREGAR 9/13/2020*/
 
 
 #myNavbar{  display: block;  width: 92vw;  height: 0vh; overflow-y: scroll;  overflow-x: hidden; background-color: white; box-shadow: 0px 12px 13px -1px grey }
  .navbar-nav {  margin: 7.5px -5px !important; }
  @keyframes slideDown{  0%{height: 0vh;}  100%{height: 50vh;} }
  @keyframes slideUp{ 0%{height: 50vh;} 100%{height: 0vh;}}

  .RalewayReg{font-family: 'Raleway', sans-serif; font-weight: 400; ;}
.RalewayBold{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 21px; margin:1em 0;}
.RalewayBold2{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 17px; margin:1em 0;}
.OpenSansReg{font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: 15px;margin:1em 0;}
.OpenSansReg2{font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: 15px; margin:1em 0;}
.verdanaReg{font-family: 'Verdana';margin:1em 0;}
.HelveticaReg{font-family: 'Heebo', sans-serif; font-weight: 400;font-size: calc(1.5vh + .90vw);margin:1em 0;}
.btnTest{color: #989898; border: 1px solid #989898; margin: 3vh 0;font-size: 12px !important; border-radius: 50px;background-color: #ffffff; padding: .8vh 3vw; position: absolute; left: 1vw;}
.btnMorado{font-size: 12px !important;}

  .arrowD{width: calc(1.7vh + .98vw) !important; padding-bottom: 0em !important; height: auto !important;}
  .divArrow {padding: 0em 0 3em 0;}

  .lbl{ width: 100%; text-align: initial;   margin-right: 5vw;}
  .inp{  height: 2em;  width: 100%; border-radius: 6px; border: 1px solid gray;}
  .inpC{  height: 2em;  width: 22.4vw; float: left; border-radius: 6px; border: 1px solid gray;}
  .pago{margin: 0em 0 0 0vw;}

  


     .movil{display: block !important;}
     .desktop{display: none !important;}
      /*Index--------------*/
     .movil{display: block !important;}
     .desktop{display: none !important;}
     #Seccion1 {text-align: center; height: auto; padding: 6em 0 8em 0;}
     #Seccion1 .textoDer {float: none;}
     #Seccion1 #imgForma1 {position: absolute; left: 12vw; top: 5em; z-index: -1; width: 85.63vw;}
     #Seccion1 #imgJovenVR {margin: 1em 0 0 0 ; width: 60.38vw; animation-name: vr; animation-duration: 3s; animation-iteration-count: 1;}
     @keyframes vr{
        0%{width: 80.38vw; opacity: 0;} 
        100%{width: 60.38vw; opacity: 1;}
     }
     /*Seccion2*/
     #Seccion2 {text-align: center; height: auto; padding: 6em 0 4em 0;}
     #Seccion2 .btnTest{float: none; position: static; margin-right: .5vw;}
     #Seccion2 #imgForma2 {position: absolute; left: .5vw; top: 0em; z-index: -1; width: 60.43vw;}
     #Seccion2 #imgCapacitacion {margin: 0em 0 0 3vw ; width: 76vw;}
     /*Seccion3*/
     #Seccion3 #imgCuadroCirc{display:none;}
     #Seccion3 {text-align: center; height: auto; padding: 6em 0 3em 0;}
     
     /*Seccion4*/
      #Seccion4 {text-align: center; height: auto; padding: 6em 0 8em 0;} 
      #Seccion4 .btnTest{position: static;} 
      #Seccion4 #imgForma3 {left: 33vw; top: -2em; z-index: -1; width: 61vw;}
      #Seccion4 #imgAudifono {margin: 5em 0 0 -17vw ; width: 61.9vw;}
     /*Seccion5*/
      #Seccion5 {text-align: center; height: auto; padding: 6em 0 26em 0;}
      #Seccion5 .btnTest{float: none; position: static; margin-right: .5vw;}
      #Seccion5 #imgForma4 {position: absolute; left: -8vw; top: 0em; z-index: -1; width: 63.9vw;}
      #Seccion5 #imgDron{ width: 65.7vw; position: absolute; top: 0em; left: 5vw; animation-name: upDown; animation-duration: 10s; animation-iteration-count: infinite;}
      @keyframes upDown{
        0%{top:1em; left: 5vw;} 
        25%{top:1em; left: 25vw;} 
        50%{top:15em; left: 25vw;} 
        75%{top:15em; left: 5vw;} 
        100%{top:1em; left: 5vw;} 
    }

     /*Seccion6*/
     #Seccion6  {text-align: center; height: auto; padding: 6em 0 1em 0;}
     #Seccion6 #empresasDesktop{display: none;}
     #Seccion6 .RalewayBold2{ margin: 3em 10vw 2em 10vw}
     #Seccion6 #carrusel{display: block;}
     #carrusel img{    width: 20.9vw; }
     #Seccion6  ul {position: relative;   top: 3em;   width: 100vw; height: 200px;   padding: 0;   left: -5vw;     }
     #Seccion6 ul > li {width: 25%;list-style-type: none;position: absolute;top: 0; opacity: 0;text-align: center;transition: 1s opacity; }
     #Seccion6 .active {opacity: 1;}
     #Seccion6 p {font-family: sans-serif;font-size: 13px; color: #646566;line-height: 1.5em;}
     #Seccion6 strong {  color: #fff; font-weight: 700;	font-size: 60px; line-height: 100px; }






  /*Nosotros1*/
  #nosotros1 {padding: 4em 0 2em 0;}
      /*Nosotros2*/
      #nosotros2 {padding: 6em 0 3em 0;}
      #nosotros2 .forma7movil{display: block; position: absolute;width: 117vw;left: -12vw;top: 0em; z-index: -5;}
      #nosotros2 .lineas{position: absolute; display: block; left: 26vw; top: 10.5em; width: 33vw;}
      #imgLine1{display: none;}
      #imgLine2{display: none;}
      #imgLine3{display: none;}
 
 
      /*Nosotros 3 se activa el de xs desactiva sm y md */
      #nosotros3xs {padding: 6em 0 2em 0;}
      #nosotros3{display: none;}
      #nosotros3xs{display: block;}
      #nosotros3xs .formas{width: 55vw; position: absolute; left: -20vw;}
      .divNosotros{height: 25em;}
      #nosotros3xs .btnTest{margin: 2vh 2%; width: 90%; padding: .6vh 0vw;}
      .clientes{width: 40vw; left: -9vw; position: absolute;}
      
    
 
 
      /*Nosotros4 regrean las imagenes*/
      #nosotros4 {padding: 6em 0 4em 0;}
      #nosotros4 img{position: absolute; height: calc(6.48vh + 6.45vw);}
      #imgS1{left: 8vw; top:0vh;}
      #imgS2{right: 0; top:-3vh;}
      #imgS3{left: 0; top: 0vh;}
      #imgS4{right: 0; top:-2vh;}
      #nosotros4 .socios{height: 7vh; }
      #nosotros4 .OpenSansReg{position: static;}
 
         /*Nosotros5*/
         #nosotros5 {padding: 6em 0 2em 0;}
     #galeriaDesktop{display: none;}
     #galeriaMovil{display: block;}
      .gallery { list-style: none; overflow: hidden;  padding: 0; margin: 0; }
      .gallery li {float: left; margin: .2vw;}
      .gallery img{width: 21vw;; float: left; margin: 2vh .1vw;}

      #nosotros5 .modal-content{height: 90vh; }
      #nosotros5 #encuesta{height: 100%;width: 100%;}
       .modal-content .modal-header .RalewayBold{margin: 0em 0;}
       .modal-content .modal-header{height: 15vh;}
       .modal-content .modal-body{height: 65vh;}
       .modal-content .modal-footer{height: 10vh;}
     .modal-content .btnTest{color: #989898; border: 1px solid #989898;  margin: 1vh 0; font-size: calc(.648vh + .364vw); border-radius: 50px;  background-color: #ffffff; padding: .8vh 4vw;  position: static; float: right;}
       .modal-content .RalewayReg{margin: 1vh;}
 
        /*Nosotros 6*/
        #nosotros6{text-align: center; align-content: center;}
        #nosotros6 #imgFotografo{width: 25vw; margin: -8em 0 0 14vw; display: none;}
        #nosotros6 #imgFotografo2{width: 35vw; margin: 8em 0 0 10vw; display: block;}
        #nosotros6 #Grupo1837{ width: 54vw; position: absolute; left: 6vw;  z-index: -1; top: 5em;}
        #nosotros6 .btnMorado{letter-spacing: .5px;border: 1px solid #E21787; border-radius: 50px;  width: auto; height: 3em;background-color: #E21787;  color: #ffffff; float: none; margin-right: 0; padding: 0 2vw;
        box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 5.2s; transition: all ease 0.8s; font-family: 'Raleway', sans-serif; font-weight: 700; }

          
     
         /*Servicios1*/
      #servicio1 {text-align: center; height: auto; padding: 6em 0 16em 0;}
      #servicio1 .btnTest{float: none; position: static; padding: .6vh 10vw ;}
    
      #servicio1 #forma8 { width: 68vw;   position: absolute;    left: -11vw;  top: 26em; }
      #imgNosotros{position: absolute;  top: 26em;  left: 22vw;  width: 50vw;}
      #videoPromo{width: 100% !important; height: auto !important;}
      /*Servicios2*/
      #servicio2 {text-align: center; height: auto; padding: 6em 0 1em 0;}
   

      /*servicio3*/
      #servicio3 {text-align: center; height: auto; padding: 6em 0 2em 0;}
      

       /*servicio4*/
       #servicio4 {text-align: center; height: auto; padding: 5em 0 2em 0;}
      
  

        /*servicio5*/
      #servicio5 {text-align: center; height: auto; padding: 5em 0 1em 0;}

      #servicio5 .btnTest{float: none; position: static; margin-right: 1vw; margin-top: 5vh; padding: .6vh 8vw;}   
 
       /*servicio6*/
       #servicio6 {text-align: center; height: auto; padding: 6em 0 5em 0;}
       #servicio6 .btnTest{float: none; position: static; padding: .6vh 10vw ;}

        /*servicio7*/
        #servicio7 {text-align: center; height: auto; padding: 4em 0 1em 0;}
        #servicio7 .forma1{width: 66vw; margin-top: -7em} 
        #servicio7 #imgConoce{width: 53vw;  margin: -11em 0 0 5vw;}  

       /*servicio7*/
      #servicio8 {text-align: center; height: auto; padding: 8em 0 0em 0;}
      #servicio8  .divTest{box-shadow:  none; padding: 0 0vw;}
      #servicio8 .forma5{display: none;}

      #servicio8 .btnMorado{letter-spacing: .5px;border: 1px solid #E21787;  border-radius: 50px;  width: 50vw; height: 3em;background-color: #E21787; 
        color: #ffffff; float: none; margin-right: .5vw;   box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 5.2s; transition: all ease 0.8s; 
        font-family: 'Raleway', sans-serif; font-weight: 700; margin: 5vh 0 5vh 0;}
   #servicio8 .btnMorado:hover{ box-shadow: inset -52.91vw 0 0 0 #ffffff; color: #E21787; }
   #servicio8 .btnMorado::before{content: "Haz el test";}
   #servicio8 .btnMorado:hover::before{content: "Ver oportunidades";   transition: color 0.1s linear 0.1s; color: #E21787;}
   #servicio9 { display: none;}


      
/*---------------CONSULTORES------------------*/
/*Consultore1*/
     #consultores1 { height: auto; text-align: center; padding: 6em 0 2em 0;}
     #consultores1 .forma11{width: 60vw; margin-top: -7vw; margin-left: 8vw;}
     #consultores1 #imgAdministracion{    width: 50vw;  position: absolute;  top: 4em;  left: 20vw;}
    
     /*Consultore2 no hay camnio*/
     #consultores2 { padding: 6em 0 2em 0;}
     #consultores2 .divGoldSilv{ text-align: initial; box-shadow:  0px 0px 15px 0px #B2B2B2;   width: 80%;  margin-left: 10%;  min-height: 36em; height: calc(30vh + 30vw); padding: 1em 1em; margin-bottom: 5em;}
     #consultores2  .contenidoDiv {padding: 1em 0.5em;}
     /*Consultore3*/
     #consultores3 { padding: 6em 0 2em 0;}
     #consultores3 .OpenSansReg{  margin: 3em 8vw 1em 8vw }
     #consultores3 .imgLapiz{width: 20vw; display: none;}
     #consultores3 .imgLapiz2{width: 20vw; display: block;     margin-left: 31vw;}
     /*Consultores4*/
     #consultores4 { padding: 6em 0 2em 0;}
     #consultores4 { height: auto; text-align: center; padding: 5em 0;}
     #consultores4 .OpenSansReg{  margin: 3em 4vw 1em 4vw }
     #consultores4 #focosMD{display: none;}
     #consultores4 .sm{display: block;}
     #consultores4 .btnTest{position: static; margin-bottom: 10vh; padding: .8vh 16vw}
     #consultores4 .equal{height: auto;}



          
        

 }