@charset "utf-8";
/* CSS Document */
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-1px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(1px, 0, 0);
  }
  }

#curso1{
width:20vw;
margin-left:19%;
}

#curso2{
width:20vw;
margin-left:19%;
}

#curso3{
width:20vw;
margin-left:38%;
}

#fondo_courses{
width:26.2vw;
position:absolute;
opacity:.4;
margin-top:7vw;
margin-left:-28vw;
}

#r_cc{
color:#FFFFFF;
font-family:'poppins';
font-size:20px;
margin-left:40px;
position:absolute;
margin-top:100px;
}

#inf_c{
  color:#000000;
  font-family:'poppins';
}

.m1,.m2,.m3{
margin-top:30px;
}

/* The Modal (background) */
.modal,.modal_2,.modal_3,.modal_4,.modal_5 {
  box-shadow: 0 0 15px #000000;
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 120px; /* Location of the box */
  padding-left:20px;
  padding-right:20px;
  left: 0;
  top: 0;
  margin-top:135px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.modal-content,.modal_2-content,.modal_3-content,.modal_4-content,.modal_5-content {
  border-bottom:2px solid #000000;
  border-top:2px solid #000000;
  border-left:2px solid #000000;
  border-right:2px solid #000000;
  position: relative;
  background-size:cover;
  margin: auto;
  padding: 0;
  width: 80%;
  height: 70%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

.modal_2-content{
  background: linear-gradient(115deg, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FF6666);
}

.modal_3-content{
  background: linear-gradient(115deg, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #00CC99);
}

.modal_4-content{
  background: linear-gradient(115deg, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFCC66);
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close,.close_2,.close_3,.close_4,.close_5 {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus,
.close_2:hover,
.close_2:focus,
.close_3:hover,
.close_3:focus,
.close_4:hover,
.close_4:focus,
.close_5:hover,
.close_5:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header,.modal_2-header,.modal_3-header,.modal_4-header,.modal_5-header {
  border-bottom:2px solid #FFFFFF;
  border-top:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  padding: 2px 16px;
  padding-top:7px;
  color:#FFFFFF;
  font-family:'poppins';
}

.modal_2-header{
  background-color:#CC0000;
}

.modal_3-header{
  background-color:#669900;
}

.modal_4-header{
  background-color:#FF9900;
}

.modal-body,.modal_2-body,.modal_3-body,.modal_4-body,.modal_5-body {
padding-left:40px;
padding-right:40px;
}

#myBtn,#myBtn2,#myBtn3,#myBtn4,#myBtn5{
display:none;
}

.final_part{
border-top:solid 2px #000000;
border-bottom:solid 2px #000000;
height:50px;
background-color:#000000;
margin-top:-17px;
background: linear-gradient(70deg, #00CC99, #333333);
}

#a_titulo{
font-weight:900;
color:#000000;
font-family:'poppins';
font-size:40px;
margin-left:40px;
margin-top:20px;
position:relative;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#a_titulo:before{
content: "About Us";
}

#a_titulo:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Acerca de Nosotros";
}

#a_inf{
margin-top:-10px;
color:#000000;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#a_inf:before{
content: "Information";
}

#a_inf:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Información";
}

#a_inf_intra{
background-image:url(../img/home/dialogo5.png);
background-size:100% 100%;
color:#000000;
font-family:'poppins';
font-size:22px;
width:400px;
height:300px;
margin-top:-618px;
margin-left:52.6%;
text-align:left;
padding-left:40px;
padding-top:60px;
position:absolute;
}

.im{
display:none
}

#a_intra{
margin-top:190px;
margin-left:21px;
}

#a_intra:hover~.im{
display:block;
}

.a_conjunto{
margin-left:15%;
margin-top:-179px;
}

.courses_c{
/*background: linear-gradient(70deg, #993300, #6666FF);*/
background-color:#333333;
position:relative;
margin-top:-4px;
padding-top:40px;
padding-bottom:20px;
width:100%;
height:500px;
}

#c_titulo_c{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
position:absolute;
margin-top:0px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#lapiz{
position:absolute;
width:60px;
margin-left:380px;
}

#r_dc{
text-align:justify;
color:#FFFFFF;
font-family:'poppins';
font-size:20px;
margin-left:40px;
margin-right:40px;
position:absolute;
margin-top:100px;
}

#cap{
position:absolute;
width:60px;
margin-left:500px;
}

#c_titulo_c:before{
content: "Classic Courses";
}

#c_titulo_c:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Cursos Clásicos";
}

.c_conjunto{
margin-left:25%;
margin-top:200px;
position:absolute;
}

#f1{
color:#FFFFFF;
font-family:'poppins';
font-size:140px;
position:absolute;
z-index:1;
margin-left:26.4%;
margin-top:77px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#f2{
color:#FFFFFF;
font-family:'poppins';
font-size:80px;
position:absolute;
z-index:1;
margin-left:48.4%;
margin-top:322px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#f3{
color:#FFFFFF;
font-family:'poppins';
font-size:140px;
position:absolute;
z-index:1;
margin-left:65.3%;
margin-top:77px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_curso1{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:25%;
margin-top:100px;
position:absolute;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_curso2{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:46.2%;
margin-top:420px;
position:absolute;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_curso3{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:64%;
margin-top:100px;
position:absolute;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

.courses1,.courses44,.courses3,.coursesn,.courses4{
padding-top:40px;
padding-bottom:20px;
width:100%;
height:30vw;
}

.courses1{
background-image:url(../img/newn/f55.png);
background-size:100% 100%;
margin-top:-10px;
}

.courses44{
background-image:url(../img/newn/f66.png);
background-size:100% 100%;
margin-top:0px;
}

.courses3{
background-image:url(../img/newn/f77.png);
background-size:100% 100%;
margin-top:0px;
}

.coursesn{
background-image:url(../img/newn/fkidss.png);
background-size:100% 100%;
margin-top:0px;
}

.courses4{
background-image:url(../img/newn/f88.png);
background-size:100% 100%;
margin-top:0px;
}

#fondo_blanco1{
margin-top:-41px;
margin-left:100px;
width:450px;
height:30vw;
}

#fondo_blanco2{
margin-top:0px;
margin-left:0px;
opacity:.7;
background-color:#FFFFFF;
width:23vw;
height:30vw;
position:relative;
z-index:1;
border-radius:500px 0px 0px 500px;
}

#frase_fb{
width:21vw;
margin-right:20px;
font-size:1.8vw;
font-family: 'poppins';
font-weight:900;
margin-top:-18vw;
position:relative;
padding-left:40px;
z-index:2;
}

#frase_fb2{
width:21vw;
margin-right:20px;
font-size:16px;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
padding-left:40px;
}

.certificacion{
border-bottom:solid 2px #000000;
position:relative;
}

#c_titulo{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
position:absolute;
margin-top:20px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_titulo:before{
content: "Capsule Courses";
}

#c_titulo:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Cursos En-Capsulados";
}

#c_titulo44{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
position:absolute;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_titulo44:before{
content: "Classic Certification Courses";
}

#c_titulo44:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Cursos Clásicos de Certificación";
}


#c_titulo3{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
position:absolute;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_titulo3:before{
content: "Overseas Courses";
}

#c_titulo3:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Cursos Internacionales";
}

#c_titulo4{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
position:absolute;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_titulo4:before{
content: "Specific Courses";
}

#c_titulo4:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Cursos Específicos";
}

#c_curso1:before{
content: "A1 Level";
}

#c_circulo1{
margin-top:15px;
margin-left:-797px;
position:relative;
z-index:1;
}

#c_circulo2{
margin-top:103px;
margin-left:-400px;
position:relative;
z-index:1;
}

#c_circulo3{
margin-top:15px;
margin-left:-68px;
position:relative;
z-index:1;
}

#c_curso2:before{
content: "A2 Level";
}


#c_curso3:before{
content: "B1 Level";
}

#l_cert{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_cert{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#t_cert{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#l_cert:before{
content: "Levels";
}

#l_cert:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Niveles";
}

#c_cert:before{
content: "Certification";
}

#c_cert:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Certificación";
}

#t_cert:before{
content: "Certification";
}

#t_cert:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Certificación";
}

#cert_tipo{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_uno{
color:#FFFFFF;
font-family:'poppins';
font-size:50px;
margin-left:47%;
margin-top:-10px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_dos{
color:#FFFFFF;
font-family:'poppins';
font-size:50px;
margin-left:47%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_tres{
color:#FFFFFF;
font-family:'poppins';
font-size:50px;
margin-left:47%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_cuatro{
color:#FFFFFF;
font-family:'poppins';
font-size:50px;
margin-left:47%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_uno_c{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:39%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_dos_c{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:39%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_tres_c{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:39%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_cuatro_c{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:39%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#img_c{
margin-top:30px;
margin-bottom:30px;
margin-left:23.5%;
width:300px;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#img_t{
margin-top:27%;
margin-left:22.4%;
width:300px;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

.levels{
position:relative;
height:504px;
width:40%;
border-right:solid 2px #FFFFFF;
padding-top:20px;
background: linear-gradient(55deg, #009999, #000000, #000000, #000000, #000000);
}

.cert_con{
background-color:#990000;
padding-top:16px;
margin-top:-502px;
width:60%;
margin-left:40%;
position:relative;
}

.cambridge{
width:50%;
padding-bottom:8px;
}

.toefl{
margin-top:-413px;
width:50%;
margin-left:50%;
position:absolute;
height:413px;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

#a_l3{
margin-top:-30px;
}

#a_l4{
margin-top:18px;
margin-left:5px;
}

.sentidos{
margin-top:-21px;
}

.about_us{
/*background-color:#66CCFF;*/
background-color:#FFFFFF;
height:635px;
}

#a_l1:hover ~ #respuesta:before{
content:"El material innovador por el cual se compone, ya que el 96% de acetato de polivinilo (PVA) absorbe el líquido de una forma sinigual, reteniendo este sin dejarlo escurrir para su mejor uso, combinándose con 4% de algodón.";
}

#a_l1:hover ~ #respuesta{
display:block;
}

#respuesta:before{
content:'';
}

#respuesta{
display:none;
font-family:'poppins';
font-weight:900;
padding-top:140px;
padding-left:45px;
padding-right:30px;
background: radial-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #d41116, #d41116);
text-align:left;
margin-top:-525px;
margin-left:-240px;
font-size:18px;
position:absolute;
z-index:-1;
width:460px;
height:460px;
border-radius:250px;
}

#a_l2:hover ~ #respuesta2:before{
content:"El material innovador por el cual se compone, ya que el 96% de acetato de polivinilo (PVA) absorbe el líquido de una forma sinigual, reteniendo este sin dejarlo escurrir para su mejor uso, combinándose con 4% de algodón.";
}

#a_l2:hover ~ #respuesta2{
display:block;
}


#respuesta2:before{
content:'';
}

#respuesta2{
display:none;
font-family:'poppins';
font-weight:900;
padding-top:140px;
padding-left:45px;
padding-right:30px;
background: radial-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #2259a6, #2259a6);
text-align:left;
margin-top:-525px;
margin-left:-240px;
font-size:18px;
position:absolute;
z-index:-1;
width:460px;
height:460px;
border-radius:250px;
}

#a_l3:hover ~ #respuesta3:before{
content:"El material innovador por el cual se compone, ya que el 96% de acetato de polivinilo (PVA) absorbe el líquido de una forma sinigual, reteniendo este sin dejarlo escurrir para su mejor uso, combinándose con 4% de algodón.";
}

#a_l3:hover ~ #respuesta3{
display:block;
}


#respuesta3:before{
content:'';
}

#respuesta3{
display:none;
font-family:'poppins';
font-weight:900;
padding-top:140px;
padding-left:45px;
padding-right:30px;
background: radial-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #8c8b88, #8c8b88);
text-align:left;
margin-top:-525px;
margin-left:-240px;
font-size:18px;
position:absolute;
z-index:-1;
width:460px;
height:460px;
border-radius:250px;
}

#a_l4:hover ~ #respuesta4:before{
content:"El material innovador por el cual se compone, ya que el 96% de acetato de polivinilo (PVA) absorbe el líquido de una forma sinigual, reteniendo este sin dejarlo escurrir para su mejor uso, combinándose con 4% de algodón.";
}

#a_l4:hover ~ #respuesta4{
display:block;
}

#respuesta4:before{
content:'';
}

#respuesta4{
display:none;
font-family:'poppins';
font-weight:900;
padding-top:140px;
padding-left:45px;
padding-right:30px;
background: radial-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #69ea24, #69ea24);
text-align:left;
margin-top:-525px;
margin-left:-240px;
font-size:18px;
position:absolute;
z-index:-1;
width:460px;
height:460px;
border-radius:250px;
}

#a_l5:hover ~ #respuesta5:before{
content:"El material innovador por el cual se compone, ya que el 96% de acetato de polivinilo (PVA) absorbe el líquido de una forma sinigual, reteniendo este sin dejarlo escurrir para su mejor uso, combinándose con 4% de algodón.";
}

#a_l5:hover ~ #respuesta5{
display:block;
}

#respuesta5:before{
content:'';
}

#respuesta5{
display:none;
font-family:'poppins';
font-weight:900;
padding-top:140px;
padding-left:45px;
padding-right:30px;
background: radial-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #883d8f, #883d8f);
text-align:left;
margin-top:-525px;
margin-left:-240px;
font-size:18px;
position:absolute;
z-index:-1;
width:460px;
height:460px;
border-radius:250px;
}

#a_l6:hover ~ #respuesta6:before{
content:"El material innovador por el cual se compone, ya que el 96% de acetato de polivinilo (PVA) absorbe el líquido de una forma sinigual, reteniendo este sin dejarlo escurrir para su mejor uso, combinándose con 4% de algodón.";
}

#a_l6:hover ~ #respuesta6{
display:block;
}

#respuesta6:before{
content:'';
}

#respuesta6{
display:none;
font-family:'poppins';
font-weight:900;
padding-top:140px;
padding-left:45px;
padding-right:30px;
background: radial-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #d41116, #d41116);
text-align:left;
margin-top:-525px;
margin-left:-240px;
font-size:18px;
position:absolute;
z-index:-1;
width:460px;
height:460px;
border-radius:250px;
}

#a_l7:hover ~ #respuesta7:before{
content:"El material innovador por el cual se compone, ya que el 96% de acetato de polivinilo (PVA) absorbe el líquido de una forma sinigual, reteniendo este sin dejarlo escurrir para su mejor uso, combinándose con 4% de algodón.";
}

#a_l7:hover ~ #respuesta7{
display:block;
}

#respuesta7:before{
content:'';
}

#respuesta7{
display:none;
font-family:'poppins';
font-weight:900;
padding-top:140px;
padding-left:45px;
padding-right:30px;
background: radial-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #e9b602, #e9b602);
text-align:left;
margin-top:-525px;
margin-left:-240px;
font-size:18px;
position:absolute;
z-index:-1;
width:460px;
height:460px;
border-radius:250px;
}

.college{
margin-top:-638px;
margin-left:340px;
position:relative;
z-index:1;
}

#bandera{
width:300px;
box-shadow: 4px 4px 7px #000000;
}

.frase{
height:500px;
background: linear-gradient(70deg, #000000, #000066);
}

.capsula{
height:500px;
background: linear-gradient(70deg, #000000, #33CC99);
}

#img_frase{
height:500px;
}

#img_capsula{
position:relative;
background-color:#000000;
height:500px;
}

#img_capsula:hover{
opacity:.1;
}

#img_capsula:hover > #texto_c{
position:relative;
}

#texto_c{
width:634px;
text-align:justify;
font-family:'poppins';
font-size:20px;
color:#FFFFFF;
margin-top:-310px;
margin-right:55px;
z-index:2;
}

#titulo1,#titulo2,#titulo3{
width:634px;
text-align:center;
font-family:'poppins';
font-weight:900;
font-size:30px;
color:#FFFFFF;
margin-top:30px;
position:absolute;
z-index:2;
}

#titulo1:before{
content: "Vision.";
}

.vision:hover > #titulo1:before{
	content: "Visión.";
}

#titulo2:before{
content: "Communication.";
}

.hablas:hover > #titulo2:before{
	content: "Comunicación.";
}

#titulo3:before{
content: "Listening.";
}

.oido:hover > #titulo3:before{
	content: "Audición.";
}

#txt_nota{
color:#FFFFFF;
font-family:'poppins';
font-size:60px;
text-align:left;
margin-left:105px;
margin-top:-135px;
text-shadow: 4px 4px 7px #00CC00;
}

#txt_nota:before{
font-size:60px;
content: "ENCAPSULATE YOUR KNOWLEDGE";
}

#txt_nota:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "ENCAPSULA TU CONOCIMIENTO";
}

#text:before{
content:"L E A R N \0000a0 \0000a0 E N G L I S H \0000a0 \0000a0 W I T H \0000a0 \0000a0 U S";
/*content:"L E A R N &nbsp E N G L I S H &nbsp W I T H &nbsp U S";*/
}

.menu:hover > marquee #text:before{
content:"A P R E N D E \0000a0 \0000a0 I N G L É S \0000a0 \0000a0 C O N \0000a0 \0000a0 N O S O T R O S";
}

#txt_frase{
color:#FFFFFF;
font-family:'poppins';
font-size:60px;
text-align:right;
margin-right:120px;
margin-top:-300px;
text-shadow: 4px 4px 7px #0099FF;
}

#txt_frase_2{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
text-align:right;
margin-right:120px;
margin-top:-0px;
text-shadow: 4px 4px 7px #0099FF;
}

#txt_frase:before{
content: "A NEW WAY TO LEARN ENGLISH!";
}

#txt_frase:hover:before{
    transition: color 0.8s linear 0.2s;
	font-size:50px;
	content: "¡UNA NUEVA FORMA DE APRENDER INGLÉS!";
}

#txt_frase_2:before{
content: "Teens";
}

#txt_frase_2:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Adolescentes";
}

#titulo_parte2{
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
text-shadow: 2px 2px 7px #e9b402;
}

#titulo_parte2:before{
content: "E M P I R I C A L \0000a0 \0000a0 L E A R N I N G";
}

#titulo_parte2:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "A P R E N D I Z A J E \0000a0 \0000a0 E M P Í R I C O";
}

.negro{
padding-top:15px;
position:relative;
background-color:#000000;
height:480px;
}

.gris{
position:relative;
background-color:#333333;
height:300px;
}

#des1,#des2,#des3{
display:none;
width:634px;
position:absolute;
margin-top:100px;
padding-left:50px;
padding-right:50px;
padding-bottom:10px;
font-family:'poppins';
font-size:16px;
font-style:italic;
color:#FFFFFF;
z-index:8;
}

.parte1{
margin-top:0px;
width:100%;
position:fixed;
z-index:6;
}

#isologo{
margin-top:-20px;
z-index:7;
width:130px;
margin-left:20px;
}

#name{
margin-top:-50px;
font-family:'poppins';
font-weight:900;
font-size:20px;
margin-left:100px;
}

.nombre_logo{
position:absolute;
z-index:7;
margin-top:20px;
}

.inf_principal{
background: linear-gradient(90deg, #FFFFFF, #FFFFFF, #009999);
opacity:.7;
/* background-image:url(../img/home/fondo1.jpg); */
background-color:#FFFFFF;
height:80px;
}

.inf_principal:hover{
background: linear-gradient(90deg, #FFFFFF, #FFFFFF, #990033);
/* background: linear-gradient(90deg, #FFFFFF, #FFFFFF, #FFCC33); */
}

.menu{
margin-top:-3px;
background: linear-gradient(70deg, #0088FF, #e9b402);
height:20px;
}

/*.menu:hover{
transition: .3s ease-in;
background: linear-gradient(70deg, #e9b402, #0088FF);
}*/

.apartado1{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
/*background-color:#003366;*/
background: linear-gradient(70deg, #000000, #003366);
width:634px;
height:100px;
}

.apartado2{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
/*background-color:#FF6633;*/
background: linear-gradient(70deg, #000000, #FF6633);
width:634px;
height:100px;
}

.apartado3{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
/*background-color:#006600;*/
background: linear-gradient(70deg, #000000, #006600);
width:634px;
height:100px;
}

.vision:hover > .apartado1, .hablas:hover > .apartado2, .oido:hover > .apartado3{
transition: .8s ease-in;
height:200px;
}

.vision:hover > #des1,.hablas:hover > #des2,.oido:hover > #des3{
transition: 2s ease-in;
display:block;
}

.vision{
background-image:url(../img/home/nino_1.png);
margin-top:21px;
cursor:pointer;
background-size:cover;
/*background-color:#0088FF;*/
background-color:#66CCCC;
height:550px;
width:634px;
}

.hablas{
background-image:url(../img/home/nina.png);
cursor:pointer;
background-size:cover;
margin-top:-550px;
/*background-color:#FFCA1F;*/
background-color:#FF6666;
height:550px;
width:634px;
margin-left:33.3%;
}

.oido{
background-image:url(../img/home/nino_22.png);
cursor:pointer;
background-size:cover;
margin-top:-550px;
/*background-color:#00CC33;*/
background-color:#66CC99;
height:550px;
width:636px;
margin-left:66.6%;
}

#ojos{
position:relative;
width:450px;
margin-top:160px;
margin-left:80px;
}

#oreja{
width:250px;
margin-top:120px;
margin-left:180px;
}

#boca{
width:300px;
margin-top:180px;
margin-left:170px;
}

.bg-black{
/* background: linear-gradient(180deg, #000000, #FFFFFF); */
background-color:#000000;
/* border-bottom: solid 1px #E6E6E6; */
}
.bg-black2{
background-color:#FFFFFF;
width:100%;
}
#posicion{
margin-left:-350px;
}

.container{

}

.tamimg{
  display:none;
  height: 55px;
  max-width: 100%;
}
li.espacio{
  padding-right: 70px;
}

.letra{
  font-size: 1.3em;
}
.navbar{
	padding:0px;
}
.navbar-expand-lg>.container{
 	height: 60px;
}
.navbar-brand{
  padding-left:80px;
}
	
.navbar-dark .navbar-nav .nav-link{
  font-size: 18px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:16px;
}

#nc:before{
    color:#e9b402;
	content: "CLASSIC COURSES";
}

#nc:hover:before{
    transition: color 0.8s linear 0.2s;
	color:#FFFFFF;
	content: "CURSOS CLÁSICAS";
}

#n1:before{
    color:#e9b402;
	content: "HOME";
}

#n1:hover:before{
    transition: color 0.8s linear 0.2s;
	color:#FFFFFF;
	content: "PRINCIPAL";
}

#n2:before{
color:#66CCFF;
content: "FAQ's";
}

#n2:hover:before{
    transition: color 0.8s linear 0.2s;
	color:#FFFFFF;
	content: "PREGUNTAS FRECUENTES";
}

#n3:before{
color:#FFFFFF;
content: "COURSES";
}

#n3:hover:before{
    transition: color 0.8s linear 0.2s;
	color:#FFFFFF;
	content: "CURSOS";
}

#n4:before{
color:#69ea24;
content: "CERTIFICATION";
}

#n4:hover:before{
    transition: color 0.8s linear 0.2s;
	color:#FFFFFF;
	content: "CERTIFICACIÓN";
}

#n5:before{
color:#FF99FF;
content: "CONTACT US";
}

#n5:hover:before{
    transition: color 0.8s linear 0.2s;
	color:#FFFFFF;
	content: "CONTÁCTANOS";
}

#n6:before{
color:#e9b402;
content: "🎓 PLACEMENT 🎓";
}

#n6:hover:before{
    transition: color 0.8s linear 0.2s;
	color:#FFFFFF;
	content: "🎓 PRUEBA DE UBICACIÓN 🎓";
}

body{
  padding: 0;
  height: 100%;
}
.container-fluid{
  background-color: black;
}
.init2{
  background-color: white;
  color:#0e9bd8;
  padding: 30px
}
.descubre{
    font-size: 3.5em;
  }
#blanco{
  background-color: white;
}
#posicioncomprar{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#negro{
  margin-left:170px;
}

.comprardrying{
  text-decoration:none;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:40px;
  padding-right:40px;
  text-align: center;
  box-shadow: 0 7px 7px #999999;
  background-color: black;
  font-weight: 400;
  color: white;
  font-family: Poppins;
  text-decoration: none;
}

.comprardrying:hover{
text-decoration:none;
cursor:pointer;
transition: .3s ease-in; /*safari and chrome */
background-color:#CCCCCC;
color:#000000;
}

.comprardrying2{
  margin-left:-150px;
  text-decoration:none;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:80px;
  padding-right:80px;
  text-align: center;
  box-shadow: 0 7px 7px #999999;
  background-color: black;
  font-weight: 400;
  color: white;
  font-family: Poppins;
  text-decoration: none;
}

.comprardrying2:hover{
text-decoration:none;
cursor:pointer;
transition: .3s ease-in; /*safari and chrome */
background-color:#CCCCCC;
color:#000000;
}

#col-Drying{
  padding-right: 55px;
  padding-left: 55px;
}

.sizewetdrying{
    font-size: 1.8em;
}
.sizelamberttoweles{
  font-size: 0.85em;
}
#carouselExampleControls{
    padding-bottom: 3rem!important;
    padding-top: 3rem!important;
}
#carruselmovil{
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}
.carousel-inner{
	max-width: 100%;
	height: 468px;
}
.carouselimg1{
  width: 1830px;
  background-position:center;
  background-size:cover;
  background-color:#000000;
  background-attachment:fixed;
}
.carouselimg2{
  height: 100%;
  object-fit: cover;
  margin: 0 -40%;
  width: 100%;
}
.kOc8C {
	padding: 0;
	position: relative;
}
polygon, rect, path {
	fill: white;
}
.m8g_G{
	fill: #3588CC;
}
._1INsc{
	fill: white;
	font-size: 90px;
}
#descubrebottom{
  margin: 0;
  padding-bottom: 3rem!important;
}
.sizefooterinfo{
    font-size: 1em;
  }
#comunicacion{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.postelefono{
  padding-right: 13px;
}
.fondotelefono{
  background-color:#66CC99;
  border-radius: 23px;
  height: 36px;
  width: 36px;
  text-align: center;
}
.telefono{
  background: url(../img/iconos/telefono%20apagado2.png) no-repeat center /cover;
  background-position: center;
  background-size: 22px 22px;
  height: 100%;
}
.telefono:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
  background: url(../img/iconos/telefono%20encendido2.png) no-repeat center /cover;
  background-position: center;
  background-size: 22px 22px;
  height: 100%;
}
  
.posmensaje{
  padding-right: 3px;
}
.fondomensaje{
  background-color:#FFCC33;
  border-radius: 23px;
  height: 36px;
  width: 36px;
  text-align: center;
}
.mensaje{
  background: url(../img/iconos/mensaje%20apagado2.png) no-repeat center /cover;
  background-position: center;
  background-size: 22px 22px;
  height: 100%;
}
.mensaje:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
  background: url(../img/iconos/mensaje%20encendido2.png) no-repeat center /cover;
  background-position: center;
  background-size: 22px 22px;
  height: 100%;
}
.separacion{
    padding-right: 15px;
}
#redessoc{
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.iconoface{
  background-color:#6699FF;
  height: 36px;
  width: 36px;
  border-radius: 26px;
  text-align: center;
  padding-top: 6px;
}
.iconoface:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
}
.fa-facebook-f:before{
  font-size: 1.5em;
}
.iconotwitter{
  background-color:#99CCFF;
  height: 36px;
  width: 36px;
  border-radius: 26px;
  text-align: center;
}
.iconotwitter:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
}
.fa-twitter:before{
  font-size: 0.6em;
}
.iconoinsta{
  background-color:#FF6666;
  height: 36px;
  width: 36px;
  border-radius: 26px;
  text-align: center;
  padding-top: 3px;
}
.iconoinsta:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
}
.fa-instagram:before{
  font-size: 1em;
  vertical-align: middle;
}
.regresaratras{
  background: linear-gradient(90deg, #FFFFFF, #009999);
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.slider{
width: 100%;
height: 950px;
overflow:hidden;
margin-top:-797px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider2{
width: 100%;
height: 950px;
overflow:hidden;
margin-top:-857px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider img,.slider2 img{
width:100%;
background-size:cover;
height:950px;
/*border:solid 1px;*/
}

.slider ul, .slider2 ul{
display:flex;
padding:0;
width:400%;
animation:cambio 10s infinite;
animation-direction:alternate;
}

.slider li,.slider2 li{
width:100%;
list-style:none;
}

@keyframes cambio{
0% {margin-left:0;}
20%{margin-left:0;}

25%{margin-left:-100%;}
45%{margin-left:-100%;}

50%{margin-left:-200%;}
70%{margin-left:-200%;}

75%{margin-left:-300%;}
100%{margin-left:-300%;}
}

.py-3{
  color:#000000;
}

#division{
height:350px;
width:800px;
margin-top:-315px;
margin-left:500px;
}

#fondoN{
  margin-top:60px;
  background-color: black;
  margin-left:0px;
  width:500px;
}

#texto1{
margin-top:-215px;
margin-left:1530px;
font-weight:900;
position:absolute;
font-size: 1.8em;
box-shadow: 0 7px 7px #999999;
padding:3px;
}

#inicio{
opacity:1;
position:relative;
height: 840px;
margin-top:18px;
background-color:#FFFFFF;
background-position:center center;
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover;
}

/* #inicio:hover{
background-image:url(../img/1_2.jpg);
} */

#articulo1,#articulo2,#articulo3,#articulo4,#articulo5,#articulo6{
width:400px;
height:400px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo7{
margin-left:880px;
width:900px;
height:800px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo8{
width:900px;
height:800px;
background-size: cover;
cursor:pointer;
}

#articulo9{
margin-left:880px;
width:900px;
height:800px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#t11{
margin-top:-560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i11{
margin-top:20px;
font-family:"Century Gothic";
}

#t12{
margin-top:-560px;
margin-left:940px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i12{
padding-right:40px;
margin-left:940px;
margin-top:20px;
font-family:"Century Gothic";
}

#t13{
margin-left:0px;
margin-top:-560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i13{
width:800px;
margin-left:0px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambert3{
margin-left:0px;
font-size:10px;
font-weight:bold;
}

#lambert2{
margin-left:940px;
font-size:10px;
font-weight:bold;
}

.seccion1{
margin-top:40px;
}

.seccion2{
width:200px;
margin-top:250px;
padding-bottom:280px;
}

.seccion3{
padding-bottom:430px;
}

#t1{
margin-top:20px;
font-size:18px;
font-weight:bold;
font-family:"Century Gothic";
}

#i1{
font-family:"Century Gothic";
}

#lambert,#lambertt{
font-size:10px;
font-weight:bold;
}

#autor,#a_imagenes{
margin-bottom:0px;
font-size:10px;
}

.a1{
margin-left:60px;
width:400px;
height:500px;
}

.a2{
margin-top:-500px;
margin-left:750px;
width:400px;
height:500px;
}

.a3{
margin-top:-500px;
margin-left:1440px;
width:400px;
height:500px;
}

.a4{
margin-left:60px;
width:400px;
height:500px;
}

.a5{
margin-top:-500px;
margin-left:750px;
width:400px;
height:500px;
}

.a6{
margin-top:-500px;
margin-left:1440px;
width:400px;
height:500px;
}

.a7{
margin-left:80px;
width:800px;
height:900px;
}

.a8{

}

.not_2{
margin-top:-80px;
}

.a9{
margin-left:80px;
}

.not_3{
margin-top:400px;
}

#articulo1{
background-image:url(../img/articulos_facebook/1.png);
}

#articulo1:hover{
background-image:url(../img/articulos_facebook/1_hover.png);
}

#articulo2{
background-image:url(../img/articulos_web/1.png);
}

#articulo2:hover{
background-image:url(../img/articulos_web/1_hover.png);
}

#articulo3{
background-image:url(../img/articulos_facebook/2.jpg);
}

#articulo3:hover{
background-image:url(../img/articulos_facebook/2_hover.jpg);
}

#articulo4{
background-image:url(../img/articulos_web/2.jpg);
}

#articulo4:hover{
background-image:url(../img/articulos_web/2_hover.jpg);
}

#articulo5{
background-image:url(../img/articulos_facebook/3.png);
}

#articulo5:hover{
background-image:url(../img/articulos_facebook/3_hover.png);
}

#articulo6{
background-image:url(../img/articulos_web/3.jpg);
}

#articulo6:hover{
background-image:url(../img/articulos_web/3_hover.jpg);
}

#articulo7{
background-image:url(../img/articulos_web/4n.jpg);
}

#articulo7:hover{
background-image:url(../img/articulos_web/4n_hover.jpg);
}

#articulo8{
background-image:url(../img/articulos_facebook/4.jpg);
}

#articulo8:hover{
background-image:url(../img/articulos_facebook/4_hover.jpg);
}

#articulo9{
background-image:url(../img/articulos_facebook/5.jpg);
}

#articulo9:hover{
background-image:url(../img/articulos_facebook/5_hover.jpg);
}

#toalla_azul{
margin-top:20px;
margin-left:250px;
background-image:url(../img/capsula_azul.png);
width:400px;
height:340px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}

#toalla_verde{
margin-top:20px;
margin-left:250px;
background-image:url(../img/capsula_verde.png);
width:400px;
height:340px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}


#toalla_verde:hover{
opacity:1;
}

#toalla_azul:hover{
opacity:1;
}

#space{
margin-top:12px;
}

#play{
position:absolute;
width:100px;
height:70px;
z-index:2;
margin-left:1380px;
margin-top:-200px;
cursor:pointer;
}

#vid{
margin-left:1023px;
margin-top:-380px;
width: 800px;
position:relative;
z-index:1;
}

.t_v{
margin-left:50px;
}

.video{
background-color:#000000;
height:720px;
background-image:url(../img/fondo_nuevon.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
}

#texto_v{
margin-left:280px;
padding-top:300px;
width:500px;
height:500px;
font-size:30px;
font-weight:bold;
font-family:"Century Gothic";
color:#FFFFFF;
}

.azul{
margin-left:40px;
background-image:url(../img/toalla_azul.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:900px;
height:500px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

.verde{
margin-top:-500px;
margin-left:960px;
background-image:url(../img/toalla_aqua.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:900px;
height:500px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

#titulo_t{
text-align:center;
font-size:30px;
font-weight:bold;
font-family:"Century Gothic";
color:#FFFFFF;
}

#ultra{
text-align:center;
font-size:15px;
font-family:"Century Gothic";
color:#FFFFFF;
}

footer{
position:relative;
margin-top:0px;
}

#manita{
width:5vw;
position:absolute;
margin-left:49vw;
margin-top:17.4vw;
}
  
#p1, #p2, #p3, #p4{
margin-top:25px;
width:25%;
height:15vw;
position:absolute;
}

#p1{
background-image:url(../img/home/111.png);
background-size:100% 100%;
}

#p2{
background-image:url(../img/home/22.png);
background-size:100% 100%;
margin-left:25%;
}

#p3{
background-image:url(../img/home/333.png);
background-size:100% 100%;
margin-left:50%;
}

#p4{
background-image:url(../img/home/44.png);
background-size:100% 100%;
margin-left:75%;
}

#p1:hover{
background-image:url(../img/home/1_ct.png);
}

#p2:hover{
background-image:url(../img/home/2_ct.png);
}

#p3:hover{
background-image:url(../img/home/3_ct.png);
}

#p4:hover{
background-image:url(../img/home/4_ct.png);
}

.final_part{
border-top:solid 2px #000000;
border-bottom:solid 2px #000000;
height:40px;
background-color:#000000;
background: linear-gradient(70deg, #003366, #00CC99);
}

#a_titulo{
font-weight:900;
color:#000000;
font-family:'poppins';
font-size:40px;
margin-left:40px;
margin-top:20px;
position:relative;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#a_titulo:before{
content: "About Us";
}

#a_titulo:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Acerca de Nosotros";
}

#a_inf{
margin-top:-10px;
color:#000000;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#a_inf:before{
content: "Information";
}

#a_inf:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Información";
}

#a_inf_intra{
background-image:url(../img/home/dialogo5.png);
background-size:100% 100%;
color:#000000;
font-family:'poppins';
font-size:1.150vw;
width:21vw;
height:15.5vw;
margin-top:-32vw;
margin-left:52.6%;
text-align:left;
padding-left:2vw;
padding-top:3.4vw;
position:absolute;
z-index:0;
}

.im{
display:none
}

#a_intra{
width:17.1vw;
margin-top:9.9vw;
margin-left:1.3%;
position:relative;
z-index:1;
}

#a_imagotipo{
width:37.8vw;
}

#a_intra:hover~.im{
display:block;
}

.a_conjunto{
margin-left:17%;
margin-top:-180px;
}

.c_conjunto{
margin-left:25%;
margin-top:30px;
}

.courses2{
background: linear-gradient(70deg, #003366, #00CC99);
position:absolute;
margin-top:0px;
width:100%;
}

#c_curso1{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_curso1:before{
content: "Course One";
}

#c_curso1:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Curso Uno";
}

#c_circulo1{
margin-top:-290px;
margin-left:37px;
}

#c_circulo2{
margin-top:-372px;
margin-left:440px;
}

#c_circulo3{
margin-top:-630px;
margin-left:775px;
}

#c_curso2{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_curso2:before{
content: "Course Two";
}

#c_curso2:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Curso Dos";
}

#c_curso3{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#c_curso3:before{
content: "Course Three";
}

#c_curso3:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Curso Tres";
}

#cert_titulo{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_titulo:before{
content: "Certification";
}

#cert_titulo:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Certificación";
}

#cert_tipo{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_uno{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_dos{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_tres{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_cuatro{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:40px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#a_l1, #a_l2, #a_l3, #a_l4, #a_l5, #a_l6, #a_l7{
cursor:pointer;
}

#a_l1{
width:5.7vw;
}

#a_l2{
width:6.4vw;
}

#a_l3{
width:4.7vw;
margin-top:-1.5vw;
}

#a_l4{
width:5.4vw;
margin-top:1vw;
margin-left:5px;
}

#a_l5{
width:4.5vw;
}

#a_l6{
width:5.8vw;
}

#a_l7{
width:4.5vw;
}

.about_us{
/*background-color:#66CCFF;*/
background-color:#FFFFFF;
height:33vw;
}

#a_l1:hover ~ #respuesta{
display:block;
}

#respuesta{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
padding-top:10.6vw;
padding-left:5.5vw;
padding-right:4.9vw;
text-align:left;
margin-top:-35vw;
margin-left:30%;
font-size:1.2vw;
position:absolute;
z-index:-1;
width:25vw;
height:27vw;
border-radius:250px;
}

#a_l2:hover ~ #respuesta2{
display:block;
}

#respuesta2{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
padding-top:10.6vw;
padding-left:5.5vw;
padding-right:4.9vw;
text-align:left;
margin-top:-25vw;
margin-left:-40%;
font-size:1.2vw;
position:absolute;
z-index:-1;
width:25vw;
height:27vw;
border-radius:250px;
}

#a_l3:hover ~ #respuesta3{
display:block;
}

#respuesta3{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
padding-top:10.6vw;
padding-left:5.5vw;
padding-right:4.9vw;
text-align:left;
margin-top:-29vw;
margin-left:55%;
font-size:1.1vw;
position:absolute;
z-index:-1;
width:25vw;
height:27vw;
border-radius:250px;
}

#a_l4:hover ~ #respuesta4{
display:block;
}

#respuesta4{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
padding-top:10.6vw;
padding-left:5.5vw;
padding-right:4.9vw;
text-align:left;
margin-top:-34vw;
margin-left:-35%;
font-size:1.4vw;
position:absolute;
z-index:-1;
width:25vw;
height:27vw;
border-radius:250px;
}

#a_l5:hover ~ #respuesta5{
display:block;
}

#respuesta5{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
padding-top:10.6vw;
padding-left:5.5vw;
padding-right:4.9vw;
text-align:left;
margin-top:-22vw;
margin-left:55%;
font-size:1.4vw;
position:absolute;
z-index:-1;
width:25vw;
height:27vw;
border-radius:250px;
}

#a_l6:hover ~ #respuesta6{
display:block;
}

#respuesta6{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
padding-top:10.1vw;
padding-left:5.5vw;
padding-right:4.9vw;
text-align:left;
margin-top:-31vw;
margin-left:5%;
font-size:1vw;
position:absolute;
z-index:-1;
width:25vw;
height:27vw;
border-radius:250px;
}

#a_l7:hover ~ #respuesta7{
display:block;
}

#respuesta7{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
padding-top:10.6vw;
padding-left:5.5vw;
padding-right:4.9vw;
text-align:left;
margin-top:-32vw;
margin-left:-35%;
font-size:.9vw;
position:absolute;
z-index:-1;
width:25vw;
height:27vw;
border-radius:250px;
}

.college{
margin-top:-12.5vw;
margin-left:21.1%;
position:relative;
z-index:1;
}

.certificacion{
background: linear-gradient(70deg, #990000, #003366);
background-color:#FFCC00;
}

#bandera{
width:300px;
box-shadow: 4px 4px 7px #000000;
}

.frase{
height:26.1vw;
background: linear-gradient(70deg, #000000, #000066);
}

.capsula{
height:40vw;
background: linear-gradient(70deg, #000000, #FF6600);
}

#img_frase{
height:26.1vw;
}

#img_capsula{
background-image:url(../img/capsula/modelo_capsula4.png);
background-size:100% 100%;
position:relative;
height:40vw;
width:53%;
}

#img_capsula:hover{
background-color:#FFFFFF;
background-image:url(../img/capsula/hover_ffff.png);
opacity:1;
}

#txt_nota{
color:#FFFFFF;
font-family:'poppins';
font-size:5vw;
text-align:left;
margin-left:6.5vw;
margin-top:-31.6vw;
text-shadow: 4px 4px 7px #FF6600;
}

#texto_c{
width:45%;
text-align:justify;
font-family:'poppins';
font-size:1.1vw;
color:#FFFFFF;
margin-top:-33vw;
position:absolute;
margin-left:51.2vw;
z-index:-1;
}

#titulo1:before{
content: "Visual.";
}

.vision:hover > #titulo1:before{
	content: "Visual.";
}

#titulo2:before{
content: "Listening.";
}

.hablas:hover > #titulo2:before{
	content: "Auditivo.";
}

#titulo3:before{
content: "Communicative.";
}

.oido:hover > #titulo3:before{
	content: "Comunicativo.";
}

#txt_nota:before{
content: "ENCAPSULATE \A YOUR \A KNOWLEDGE";
white-space: pre;
}

#txt_nota:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "ENCAPSULA \A TU \A CONOCIMIENTO";
	white-space: pre;
}

#text{
margin-top:2px;
font-family:'poppins';
font-weight:900;
font-size:10px;
color:#FFFFFF;
/* color:#ECCE00; */
/* -webkit-text-stroke: .1px black; */
}

#text:before{
content:"L E A R N \0000a0 \0000a0 E N G L I S H \0000a0 \0000a0 W I T H \0000a0 \0000a0 U S";
/*content:"L E A R N &nbsp E N G L I S H &nbsp W I T H &nbsp U S";*/
}

.menu:hover > marquee #text:before{
content:"A P R E N D E \0000a0 \0000a0 I N G L É S \0000a0 \0000a0 C O N \0000a0 \0000a0 N O S O T R O S";
}

#txt_frase{
color:#FFFFFF;
font-family:'poppins';
font-size:3vw;
text-align:right;
margin-right:6vw;
margin-top:-16vw;
text-shadow: 4px 4px 7px #0099FF;
}

#txt_frase_2{
color:#FFFFFF;
font-family:'poppins';
font-size:1.8vw;
text-align:right;
margin-right:6vw;
margin-top:-0px;
text-shadow: 4px 4px 7px #0099FF;
}

#txt_frase:before{
content: "A NEW WAY TO LEARN ENGLISH!";
}

#txt_frase:hover:before{
    font-size:2.6vw;
    transition: color 0.8s linear 0.2s;
	content: "¡UNA NUEVA FORMA DE APRENDER INGLÉS!";
}

#txt_frase_2:before{
content: "Teens";
}

#txt_frase_2:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Adolescentes";
}

#titulo_parte2{
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
text-shadow: 2px 2px 7px #e9b402;
}

#titulo_parte2:before{
content: "E M P I R I C A L \0000a0 \0000a0 L E A R N I N G";
}

#titulo_parte2:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "A P R E N D I Z A J E \0000a0 \0000a0 E M P Í R I C O";
}

.negro{
padding-top:15px;
position:relative;
background-color:#000000;
height:27vw;
}

.gris{
position:relative;
background-color:#333333;
height:17.8vw;
}

#titulo1,#titulo2,#titulo3{
width:33.3%;
text-align:center;
font-family:'poppins';
font-weight:900;
font-size:1.6vw;
color:#FFFFFF;
margin-top:30px;
position:absolute;
z-index:2;
}

#des1,#des2,#des3{
display:none;
width:33.3%;
position:absolute;
margin-top:100px;
padding-left:50px;
padding-right:50px;
padding-bottom:10px;
font-family:'poppins';
font-size:16px;
font-style:italic;
color:#FFFFFF;
z-index:8;
}

.parte1{
margin-top:0px;
width:100%;
position:fixed;
z-index:6;
}

#isologo{
margin-top:-20px;
z-index:7;
width:130px;
margin-left:20px;
}

#name{
margin-top:-50px;
font-family:'poppins';
font-weight:900;
font-size:20px;
margin-left:100px;
}

.nombre_logo{
position:absolute;
z-index:7;
margin-top:20px;
}

.inf_principal{
background: linear-gradient(90deg, #FFFFFF, #FFFFFF, #009999);
opacity:.7;
/* background-image:url(../img/home/fondo1.jpg); */
background-color:#FFFFFF;
height:80px;
}

.inf_principal:hover{
background: linear-gradient(90deg, #FFFFFF, #FFFFFF, #990033);
/* background: linear-gradient(90deg, #FFFFFF, #FFFFFF, #FFCC33); */
}

.menu{
margin-top:-3px;
background: linear-gradient(70deg, #0088FF, #e9b402);
height:20px;
}

/*.menu:hover{
transition: .3s ease-in;
background: linear-gradient(70deg, #e9b402, #0088FF);
}*/

.apartado1{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
/*background-color:#003366;*/
background: linear-gradient(70deg, #000000, #003366);
width:33.3%;
height:100px;
}

.apartado2{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
/*background-color:#FF6633;*/
background: linear-gradient(70deg, #000000, #FFCC66);
width:33.3%;
height:100px;
}

.apartado3{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
/*background-color:#006600;*/
background: linear-gradient(70deg, #000000, #FF6666);
width:33.3%;
height:100px;
}

.vision:hover > .apartado1, .hablas:hover > .apartado2, .oido:hover > .apartado3{
transition: .8s ease-in;
height:200px;
}

.vision:hover > #des1,.hablas:hover > #des2,.oido:hover > #des3{
transition: 2s ease-in;
display:block;
}

.kids{
border-top:solid 2px #FFFFFF;
border-bottom:solid 2px #FFFFFF;
background-image:url(../img/home/nina.png);
background-color:#000000;
background-repeat:no-repeat;
background-size:23.1vw;
height:20vw;
}

#txt_kids{
color:#FFCC33;
font-family:'poppins';
font-size:8vw;
text-align:center;
margin-left:18vw;
margin-right:6vw;
margin-top:3.5vw;
}

#txt_kids:before{
content: "K \0000a0 I \0000a0 D \0000a0 S";
}

#txt_kids:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "¡N \0000a0 I \0000a0 Ñ \0000a0 O \0000a0 S!";
}

.sentidos{
margin-top:-21px;
}

.vision{
background-image:url(../img/home/nino_1.png);
margin-top:21px;
cursor:pointer;
background-size:100% 100%;
/*background-color:#0088FF;*/
background-color:#66CCCC;
height:28.6vw;
width:33.3%;
}

.hablas{
background-image:url(../img/home/nina_2.png);
cursor:pointer;
background-size:100% 100%;
margin-top:-28.6vw;
/*background-color:#FFCA1F;*/
background-color:#FFCC33;
height:28.6vw;
width:33.3%;
margin-left:33.3%;
}

.oido{
background-image:url(../img/home/nino_4.png);
cursor:pointer;
background-size:100% 100%;
margin-top:-28.6vw;
/*background-color:#00CC33;*/
background-color:#FF3333;
height:28.6vw;
width:33.3%;
margin-left:66.6%;
}

#ojos{
position:relative;
width:450px;
margin-top:160px;
margin-left:80px;
}

#oreja{
width:250px;
margin-top:120px;
margin-left:180px;
}

#boca{
width:300px;
margin-top:180px;
margin-left:170px;
}

.bg-black{
/* background: linear-gradient(180deg, #000000, #FFFFFF); */
background-color:#000000;
/* border-bottom: solid 1px #E6E6E6; */
}
.bg-black2{
background-color:#FFFFFF;
width:100%;
}
#posicion{
margin-left:-350px;
}

.container{

}

.tamimg{
  display:none;
  height: 55px;
  max-width: 100%;
}
li.espacio{
  padding-right: 70px;
}

.letra{
  font-size: 1.3em;
}
.navbar{
	padding:0px;
}
.navbar-expand-lg>.container{
 	height: 60px;
}
.navbar-brand{
  padding-left:80px;
}
	
.navbar-dark .navbar-nav .nav-link{
  font-size: 18px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:16px;
}

#nc:before{
    color:#e9b402;
	content: "CLASSIC COURSES";
}

#nc:hover:before{
    transition: color 0.8s linear 0.2s;
	color:#FFFFFF;
	content: "CURSOS CLÁSICAS";
}


body{
  padding: 0;
  height: 100%;
}
.container-fluid{
  background-color: black;
}
.init2{
  background-color: white;
  color:#0e9bd8;
  padding: 30px
}
.descubre{
    font-size: 3.5em;
  }
#blanco{
  background-color: white;
}
#posicioncomprar{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#negro{
  margin-left:170px;
}

.comprardrying{
  text-decoration:none;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:40px;
  padding-right:40px;
  text-align: center;
  box-shadow: 0 7px 7px #999999;
  background-color: black;
  font-weight: 400;
  color: white;
  font-family: Poppins;
  text-decoration: none;
}

.comprardrying:hover{
text-decoration:none;
cursor:pointer;
transition: .3s ease-in; /*safari and chrome */
background-color:#CCCCCC;
color:#000000;
}

.comprardrying2{
  margin-left:-150px;
  text-decoration:none;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:80px;
  padding-right:80px;
  text-align: center;
  box-shadow: 0 7px 7px #999999;
  background-color: black;
  font-weight: 400;
  color: white;
  font-family: Poppins;
  text-decoration: none;
}

.comprardrying2:hover{
text-decoration:none;
cursor:pointer;
transition: .3s ease-in; /*safari and chrome */
background-color:#CCCCCC;
color:#000000;
}

#col-Drying{
  padding-right: 55px;
  padding-left: 55px;
}

.sizewetdrying{
    font-size: 1.8em;
}
.sizelamberttoweles{
  font-size: 0.85em;
}
#carouselExampleControls{
    padding-bottom: 3rem!important;
    padding-top: 3rem!important;
}
#carruselmovil{
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}
.carousel-inner{
	max-width: 100%;
	height: 468px;
}
.carouselimg1{
  width: 1830px;
  background-position:center;
  background-size:cover;
  background-color:#000000;
  background-attachment:fixed;
}
.carouselimg2{
  height: 100%;
  object-fit: cover;
  margin: 0 -40%;
  width: 100%;
}
.kOc8C {
	padding: 0;
	position: relative;
}
polygon, rect, path {
	fill: white;
}
.m8g_G{
	fill: #3588CC;
}
._1INsc{
	fill: white;
	font-size: 90px;
}
#descubrebottom{
  margin: 0;
  padding-bottom: 3rem!important;
}
.sizefooterinfo{
    font-size: 1em;
  }
#comunicacion{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.postelefono{
  padding-right: 13px;
}
.fondotelefono{
  background-color:#66CC99;
  border-radius: 23px;
  height: 36px;
  width: 36px;
  text-align: center;
}
.telefono{
  background: url(../img/iconos/telefono%20apagado2.png) no-repeat center /cover;
  background-position: center;
  background-size: 22px 22px;
  height: 100%;
}
.telefono:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
  background: url(../img/iconos/telefono%20encendido2.png) no-repeat center /cover;
  background-position: center;
  background-size: 22px 22px;
  height: 100%;
}
  
.posmensaje{
  padding-right: 3px;
}
.fondomensaje{
  background-color:#FFCC33;
  border-radius: 23px;
  height: 36px;
  width: 36px;
  text-align: center;
}
.mensaje{
  background: url(../img/iconos/mensaje%20apagado2.png) no-repeat center /cover;
  background-position: center;
  background-size: 22px 22px;
  height: 100%;
}
.mensaje:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
  background: url(../img/iconos/mensaje%20encendido2.png) no-repeat center /cover;
  background-position: center;
  background-size: 22px 22px;
  height: 100%;
}
.separacion{
    padding-right: 15px;
}
#redessoc{
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.iconoface{
  background-color:#6699FF;
  height: 36px;
  width: 36px;
  border-radius: 26px;
  text-align: center;
  padding-top: 6px;
}
.iconoface:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
}
.fa-facebook-f:before{
  font-size: 1.5em;
}
.iconotwitter{
  background-color:#99CCFF;
  height: 36px;
  width: 36px;
  border-radius: 26px;
  text-align: center;
}
.iconotwitter:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
}
.fa-twitter:before{
  font-size: 0.6em;
}
.iconoinsta{
  background-color:#FF6666;
  height: 36px;
  width: 36px;
  border-radius: 26px;
  text-align: center;
  padding-top: 3px;
}
.iconoinsta:hover{
  animation: shake 1.10s cubic-bezier(.36,.07,.19,.97) both;
}
.fa-instagram:before{
  font-size: 1em;
  vertical-align: middle;
}
.regresaratras{
  background: linear-gradient(90deg, #FFFFFF, #009999);
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.slider{
width: 100%;
height:49.5vw;
overflow:hidden;
margin-top:-797px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider2{
width: 100%;
height:49.5vw;
overflow:hidden;
margin-top:-857px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider img,.slider2 img{
width:100%;
background-size:cover;
height:49.5vw;
/*border:solid 1px;*/
}

.slider ul, .slider2 ul{
display:flex;
padding:0;
width:300%;
animation:cambio 20s infinite;
animation-direction:alternate;
}

.slider li,.slider2 li{
width:100%;
list-style:none;
}

@keyframes cambio{
0% {margin-left:0;}
50%{margin-left:0;}

55%{margin-left:-100%;}
75%{margin-left:-100%;}

80%{margin-left:-200%;}
100%{margin-left:-200%;}
}

.py-3{
  color:#000000;
}

#division{
height:350px;
width:800px;
margin-top:-315px;
margin-left:500px;
}

#fondoN{
  margin-top:60px;
  background-color: black;
  margin-left:0px;
  width:500px;
}

#texto1{
margin-top:-215px;
margin-left:1530px;
font-weight:900;
position:absolute;
font-size: 1.8em;
box-shadow: 0 7px 7px #999999;
padding:3px;
}

#inicio{
opacity:1;
position:relative;
z-index:-1;
height: 840px;
margin-top:18px;
background-color:#FFFFFF;
background-position:center center;
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover;
}

/* #inicio:hover{
background-image:url(../img/1_2.jpg);
} */



#articulo1,#articulo2,#articulo3,#articulo4,#articulo5,#articulo6{
width:400px;
height:400px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo7{
margin-left:880px;
width:900px;
height:800px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo8{
width:900px;
height:800px;
background-size: cover;
cursor:pointer;
}

#articulo9{
margin-left:880px;
width:900px;
height:800px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#t11{
margin-top:-560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i11{
margin-top:20px;
font-family:"Century Gothic";
}

#t12{
margin-top:-560px;
margin-left:940px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i12{
padding-right:40px;
margin-left:940px;
margin-top:20px;
font-family:"Century Gothic";
}

#t13{
margin-left:0px;
margin-top:-560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i13{
width:800px;
margin-left:0px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambert3{
margin-left:0px;
font-size:10px;
font-weight:bold;
}

#lambert2{
margin-left:940px;
font-size:10px;
font-weight:bold;
}

.seccion1{
margin-top:40px;
}

.seccion2{
width:200px;
margin-top:250px;
padding-bottom:280px;
}

.seccion3{
padding-bottom:430px;
}

#t1{
margin-top:20px;
font-size:18px;
font-weight:bold;
font-family:"Century Gothic";
}

#i1{
font-family:"Century Gothic";
}

#lambert,#lambertt{
font-size:10px;
font-weight:bold;
}

#autor,#a_imagenes{
margin-bottom:0px;
font-size:10px;
}

.a1{
margin-left:60px;
width:400px;
height:500px;
}

.a2{
margin-top:-500px;
margin-left:750px;
width:400px;
height:500px;
}

.a3{
margin-top:-500px;
margin-left:1440px;
width:400px;
height:500px;
}

.a4{
margin-left:60px;
width:400px;
height:500px;
}

.a5{
margin-top:-500px;
margin-left:750px;
width:400px;
height:500px;
}

.a6{
margin-top:-500px;
margin-left:1440px;
width:400px;
height:500px;
}

.a7{
margin-left:80px;
width:800px;
height:900px;
}

.a8{

}

.not_2{
margin-top:-80px;
}

.a9{
margin-left:80px;
}

.not_3{
margin-top:400px;
}

#articulo1{
background-image:url(../img/articulos_facebook/1.png);
}

#articulo1:hover{
background-image:url(../img/articulos_facebook/1_hover.png);
}

#articulo2{
background-image:url(../img/articulos_web/1.png);
}

#articulo2:hover{
background-image:url(../img/articulos_web/1_hover.png);
}

#articulo3{
background-image:url(../img/articulos_facebook/2.jpg);
}

#articulo3:hover{
background-image:url(../img/articulos_facebook/2_hover.jpg);
}

#articulo4{
background-image:url(../img/articulos_web/2.jpg);
}

#articulo4:hover{
background-image:url(../img/articulos_web/2_hover.jpg);
}

#articulo5{
background-image:url(../img/articulos_facebook/3.png);
}

#articulo5:hover{
background-image:url(../img/articulos_facebook/3_hover.png);
}

#articulo6{
background-image:url(../img/articulos_web/3.jpg);
}

#articulo6:hover{
background-image:url(../img/articulos_web/3_hover.jpg);
}

#articulo7{
background-image:url(../img/articulos_web/4n.jpg);
}

#articulo7:hover{
background-image:url(../img/articulos_web/4n_hover.jpg);
}

#articulo8{
background-image:url(../img/articulos_facebook/4.jpg);
}

#articulo8:hover{
background-image:url(../img/articulos_facebook/4_hover.jpg);
}

#articulo9{
background-image:url(../img/articulos_facebook/5.jpg);
}

#articulo9:hover{
background-image:url(../img/articulos_facebook/5_hover.jpg);
}

#toalla_azul{
margin-top:20px;
margin-left:250px;
background-image:url(../img/capsula_azul.png);
width:400px;
height:340px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}

#toalla_verde{
margin-top:20px;
margin-left:250px;
background-image:url(../img/capsula_verde.png);
width:400px;
height:340px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}


#toalla_verde:hover{
opacity:1;
}

#toalla_azul:hover{
opacity:1;
}

#space{
margin-top:12px;
}

#play{
position:absolute;
width:100px;
height:70px;
z-index:2;
margin-left:1380px;
margin-top:-200px;
cursor:pointer;
}

#vid{
margin-left:1023px;
margin-top:-380px;
width: 800px;
position:relative;
z-index:1;
}

.t_v{
margin-left:50px;
}

.video{
background-color:#000000;
height:720px;
background-image:url(../img/fondo_nuevon.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
}

#texto_v{
margin-left:280px;
padding-top:300px;
width:500px;
height:500px;
font-size:30px;
font-weight:bold;
font-family:"Century Gothic";
color:#FFFFFF;
}

.azul{
margin-left:40px;
background-image:url(../img/toalla_azul.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:900px;
height:500px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

.verde{
margin-top:-500px;
margin-left:960px;
background-image:url(../img/toalla_aqua.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:900px;
height:500px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

#titulo_t{
text-align:center;
font-size:30px;
font-weight:bold;
font-family:"Century Gothic";
color:#FFFFFF;
}

#ultra{
text-align:center;
font-size:15px;
font-family:"Century Gothic";
color:#FFFFFF;
}
@media screen and (max-width: 1370px){
#fondo_courses{
width:26.2vw;
position:absolute;
opacity:.4;
margin-top:16.7vw;
margin-left:-28vw;
}

.levels{
position:relative;
height:487px;
width:40%;
border-right:solid 2px #FFFFFF;
padding-top:20px;
background: linear-gradient(55deg, #009999, #000000, #000000, #000000, #000000);
}

.toefl{
margin-top:-383px;
width:50%;
margin-left:50%;
position:absolute;
height:383px;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

.cert_con{
background-color:#990000;
padding-top:16px;
margin-top:-485px;
width:60%;
margin-left:40%;
position:relative;
}

#img_c{
margin-top:30px;
margin-bottom:30px;
margin-left:23%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#img_t{
margin-top:41%;
margin-left:22.2%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#posicion{
margin-left:-130px;
}

.navbar{
    margin-left:-6.5%;
}

.container{

}

#res{
font-family:'poppins';
font-size:16px;
margin-left:4%;
}

#res2{
font-family:'poppins';
font-size:15px;
margin-left:53%;
margin-top:-113px;
}

.navbar-dark .navbar-nav .nav-link{
  font-size: 17px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:17px;
}
#respuesta{
padding-top:11.7vw;
padding-left:5.9vw;
padding-right:5.1vw;
font-size:1.5vw;
width:28.7vw;
height:30.7vw;
}

#respuesta2{
padding-top:11.7vw;
padding-left:5.9vw;
padding-right:5.1vw;
font-size:1.5vw;
width:28.7vw;
height:30.7vw;
}

#respuesta3{
padding-top:11.7vw;
padding-left:5.9vw;
padding-right:5.1vw;
font-size:1.3vw;
width:28.7vw;
height:30.7vw;
}

#respuesta4{
padding-top:11.7vw;
padding-left:5.9vw;
padding-right:5.1vw;
font-size:1.7vw;
width:28.7vw;
height:30.7vw;
}

#respuesta5{
padding-top:11.7vw;
padding-left:5.9vw;
padding-right:5.1vw;
font-size:1.8vw;
width:28.7vw;
height:30.7vw;
}

#respuesta6{
padding-top:11.5vw;
padding-left:5.9vw;
padding-right:5.1vw;
font-size:1.2vw;
width:28.7vw;
height:30.7vw;
}

#respuesta7{
padding-top:11.7vw;
padding-left:5.9vw;
padding-right:5.1vw;
font-size:1.1vw;
width:28.7vw;
height:30.7vw;
}

#a_inf_intra{
background-image:url(../img/home/dialogo5.png);
background-size:100% 100%;
color:#000000;
font-family:'poppins';
font-size:1.3vw;
width:23vw;
height:17.5vw;
margin-top:-32vw;
margin-left:52.6%;
text-align:left;
padding-left:1.8vw;
padding-right:.2vw;
padding-top:4vw;
position:absolute;
}

.a_conjunto{
margin-left:17%;
margin-top:-167px;
}

#titulo1,#titulo2,#titulo3{
width:33.3%;
text-align:center;
font-family:'poppins';
font-weight:900;
font-size:2.1vw;
color:#FFFFFF;
margin-top:30px;
position:absolute;
z-index:2;
}

#des1,#des2,#des3{
display:none;
width:33.3%;
position:absolute;
margin-top:100px;
padding-left:50px;
padding-right:50px;
padding-bottom:10px;
font-family:'poppins';
font-size:1.2vw;
font-style:italic;
color:#FFFFFF;
z-index:8;
}

.negro{
padding-top:15px;
position:relative;
background-color:#000000;
height:29vw;
}

.gris{
position:relative;
background-color:#333333;
height:18.7vw;
}

.levels{
position:relative;
height:487px;
width:40%;
border-right:solid 2px #FFFFFF;
padding-top:20px;
background: linear-gradient(55deg, #009999, #000000, #000000, #000000, #000000);
}

.toefl{
margin-top:-383px;
width:50%;
margin-left:50%;
position:absolute;
height:383px;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

.cert_con{
background-color:#990000;
padding-top:16px;
margin-top:-485px;
width:60%;
margin-left:40%;
position:relative;
}

#img_c{
margin-top:30px;
margin-bottom:30px;
margin-left:23%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#img_t{
margin-top:41%;
margin-left:22.2%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#posicion{
margin-left:-130px;
}

.navbar{
    margin-left:-6.5%;
}

.container{

}

#res{
font-family:'poppins';
font-size:16px;
margin-left:4%;
}

#res2{
font-family:'poppins';
font-size:15px;
margin-left:53%;
margin-top:-113px;
}

.navbar-dark .navbar-nav .nav-link{
  font-size: 17px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:17px;
}
}

/*


RESPONSIVE 1280px

*/
@media screen and (max-width: 1280px){
#fondo_courses{
width:26.2vw;
position:absolute;
opacity:.4;
margin-top:19vw;
margin-left:-28vw;
}

#c_cert{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
margin-bottom:23px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

.levels{
position:relative;
height:500px;
width:40%;
border-right:solid 2px #FFFFFF;
padding-top:20px;
background: linear-gradient(55deg, #009999, #000000, #000000, #000000, #000000);
}

.cert_con{
background-color:#990000;
padding-top:16px;
margin-top:-500px;
width:60%;
margin-left:40%;
position:relative;
}

#posicion{
margin-left:-110px;
}

.container{

}

#res{
font-family:'poppins';
font-size:16px;
margin-left:2.7%;
}

#res2{
font-family:'poppins';
font-size:15px;
margin-left:51%;
margin-top:-113px;
}

.navbar-dark .navbar-nav .nav-link{
  font-size: 16px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:18px;
}

#respuesta{
padding-top:159px;
padding-left:80px;
padding-right:70px;
font-size:20px;
width:400px;
height:410px;
}

#respuesta2{
padding-top:159px;
padding-left:80px;
padding-right:70px;
font-size:22px;
width:400px;
height:410px;
}

#respuesta3{
padding-top:159px;
padding-left:80px;
padding-right:70px;
font-size:18px;
width:400px;
height:410px;
}

#respuesta4{
padding-top:159px;
padding-left:80px;
padding-right:70px;
font-size:23px;
width:400px;
height:410px;
}

#respuesta5{
text-align:center;
padding-top:159px;
padding-left:80px;
padding-right:70px;
font-size:24px;
width:400px;
height:410px;
}

#respuesta6{
padding-top:159px;
padding-left:80px;
padding-right:70px;
font-size:16px;
width:400px;
height:410px;
}

#respuesta7{
padding-top:159px;
padding-left:80px;
padding-right:70px;
font-size:14.5px;
width:400px;
height:410px;
}

#a_inf_intra{
background-image:url(../img/home/dialogo5.png);
background-size:100% 100%;
color:#000000;
font-family:'poppins';
font-size:1.3vw;
width:23vw;
height:17.5vw;
margin-top:-34vw;
margin-left:52.6%;
text-align:left;
padding-left:1.8vw;
padding-right:.2vw;
padding-top:4vw;
position:absolute;
}

#respuesta3{
margin-left:38%;
z-index:5;
}

#respuesta5{
margin-left:38%;
margin-top:-35vw;
z-index:-1;
}

#titulo1,#titulo2,#titulo3{
width:33.3%;
text-align:center;
font-family:'poppins';
font-weight:900;
font-size:2.6vw;
color:#FFFFFF;
margin-top:30px;
position:absolute;
z-index:2;
}

#des1,#des2,#des3{
display:none;
width:33.3%;
position:absolute;
margin-top:90px;
padding-left:30px;
padding-right:30px;
padding-bottom:10px;
font-family:'poppins';
font-size:1.4vw;
font-style:italic;
color:#FFFFFF;
z-index:8;
}

.negro{
padding-top:15px;
position:relative;
background-color:#000000;
height:30.5vw;
}

.gris{
position:relative;
background-color:#333333;
height:19vw;
}

#frase_fb{
margin-top:-32vw;
font-size:2vw;
}

#c_cert{
font-weight:900;
color:#FFFFFF;
font-family:'poppins';
font-size:40px;
margin-left:40px;
margin-bottom:23px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

.levels{
position:relative;
height:471px;
width:40%;
border-right:solid 2px #FFFFFF;
padding-top:20px;
background: linear-gradient(55deg, #009999, #000000, #000000, #000000, #000000);
}

.cert_con{
background-color:#990000;
padding-top:16px;
margin-top:-469px;
width:60%;
margin-left:40%;
position:relative;
}

#posicion{
margin-left:-110px;
}

.container{

}

#res{
font-family:'poppins';
font-size:16px;
margin-left:2.7%;
}

#res2{
font-family:'poppins';
font-size:15px;
margin-left:51%;
margin-top:-113px;
}

.navbar-dark .navbar-nav .nav-link{
  font-size: 16px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:18px;
}
}
/*

RESPONSIVE 1024px

*/
@media screen and (max-width: 1024px){
#fondo_courses{
width:26.2vw;
position:absolute;
opacity:.4;
margin-top:28vw;
margin-left:-28vw;
}

.toefl{
margin-top:-383px;
width:50%;
margin-left:50%;
position:absolute;
height:383px;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

#cert_uno_c, #cert_dos_c, #cert_tres_c, #cert_cuatro_c{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:32.5%;
}

#cert_uno, #cert_dos, #cert_tres, #cert_cuatro{
color:#FFFFFF;
font-family:'poppins';
font-size:50px;
margin-left:40%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#img_c{
margin-top:30px;
margin-bottom:30px;
margin-left:23%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#img_t{
margin-top:55%;
margin-left:22.2%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

.navbar{
    margin-left:-2%;
}

#posicion{
margin-left:-55px;
}

.container{
}

#res{
font-family:'poppins';
font-size:16px;
margin-left:2.7%;
}

#res2{
font-family:'poppins';
font-size:15px;
margin-left:51%;
margin-top:-113px;
}

.navbar-dark .navbar-nav .nav-link{
  font-size: 15px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:18px;
  margin-right:25px;
}

li.espacio{
  padding-right: 35px;
}

.informacion_c{
background: linear-gradient(90deg, #3366CC, #66CC99);
width:45%;
margin-left:48%;
margin-top:-720px;
position:absolute;
padding-top:50px;
box-shadow: 10px 10px 20px #000000;
color:#FFFFFF;
}

#manita{
width:5vw;
position:absolute;
margin-left:51.5vw;
margin-top:17vw;
}

#respuesta,#respuesta2,#respuesta3,#respuesta4,#respuesta5,#respuesta6,#respuesta7{
margin-top:-35vw;
margin-left:-55%;
}

.a_conjunto{
margin-left:20%;
margin-top:-160px;
}

#titulo1,#titulo2,#titulo3{
width:33.3%;
text-align:center;
font-family:'poppins';
font-weight:900;
font-size:2.6vw;
color:#FFFFFF;
margin-top:30px;
position:absolute;
z-index:2;
}

#des1,#des2,#des3{
display:none;
width:33.3%;
position:absolute;
margin-top:90px;
padding-left:30px;
padding-right:30px;
padding-bottom:10px;
font-family:'poppins';
font-size:1.4vw;
font-style:italic;
color:#FFFFFF;
z-index:8;
}

.negro{
padding-top:15px;
position:relative;
background-color:#000000;
height:33vw;
}

.gris{
position:relative;
background-color:#333333;
height:19.8vw;
}

.toefl{
margin-top:-383px;
width:50%;
margin-left:50%;
position:absolute;
height:383px;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

#cert_uno_c, #cert_dos_c, #cert_tres_c, #cert_cuatro_c{
color:#FFFFFF;
font-family:'poppins';
font-size:30px;
margin-left:32.5%;
}

#cert_uno, #cert_dos, #cert_tres, #cert_cuatro{
color:#FFFFFF;
font-family:'poppins';
font-size:50px;
margin-left:40%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#img_c{
margin-top:30px;
margin-bottom:30px;
margin-left:23%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#img_t{
margin-top:55%;
margin-left:22.2%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

.navbar{
    margin-left:-2%;
}

#posicion{
margin-left:-55px;
}

.container{
}

#res{
font-family:'poppins';
font-size:16px;
margin-left:2.7%;
}

#res2{
font-family:'poppins';
font-size:15px;
margin-left:51%;
margin-top:-113px;
}

.navbar-dark .navbar-nav .nav-link{
  font-size: 15px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:18px;
  margin-right:25px;
}

li.espacio{
  padding-right: 35px;
}

.informacion_c{
background: linear-gradient(90deg, #3366CC, #66CC99);
width:45%;
margin-left:48%;
margin-top:-720px;
position:absolute;
padding-top:50px;
box-shadow: 10px 10px 20px #000000;
color:#FFFFFF;
}

}

@media screen and (max-width: 991px){
footer{
margin-top:0px;
}

.courses{
/*background: linear-gradient(70deg, #993300, #6666FF);*/
background-color:#333333;
position:relative;
margin-top:-15px;
padding-top:40px;
padding-bottom:20px;
width:100%;
height:500px;
}

#res{
font-family:'poppins';
font-size:16px;
margin-left:4.4%;
}

#res2{
font-family:'poppins';
font-size:15px;
margin-left:51%;
margin-top:-113px;
}

.navbar-toggler{
background-image:url(../img/lista_2.png);
height:30px;
width:40px;
margin-left:30%;
}

#posicion{
margin-left:-60px;
}

#posicion{
border-radius:5px;
margin-left:10px;
}

.container{

}
  
  li.espacio{
    padding-right: 20px;
  }
  .letra{
    font-size: 1.3em;
  }
  .navbar{
    padding:0px;
  }
  .navbar-expand-lg>.container{
    height: 52px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0;
    z-index: 999;
    background-color:#000000;
    max-width: 4700px;
  }
  .navbar-collapse{
    border-bottom: solid 1px #E6E6E6;
    background-color:#000000;
    text-align: center;
	padding-bottom:30px;
  }
  .navbar-brand{
    padding-left:0px;
  }
  .navbar-dark .navbar-nav .nav-link{
    color:#000000;
    font-size: 0.7em;
    font-family: 'Raleway', sans-serif;
  }
.a_conjunto{
margin-left:20%;
margin-top:-16.1vw;
}

#a_titulo{
font-size:4.2vw;
}

#a_inf{
font-size:3vw;
}

#respuesta,#respuesta2,#respuesta3,#respuesta4,#respuesta7{
padding-top:16.3vw;
padding-left:8.5vw;
padding-right:6.2vw;
width:42vw;
height:42vw;
}

#respuesta6{
padding-top:16.3vw;
padding-left:8.5vw;
padding-right:7vw;
width:42vw;
height:42vw;
}

#respuesta5{
padding-top:16.3vw;
padding-left:7vw;
padding-right:6.2vw;
width:42vw;
height:42vw;
}

#des3{
padding-left:25px;
padding-right:25px;
padding-bottom:10px;
font-size:1.4vw;
}

#frase_fb{
width:21vw;
margin-right:20px;
font-size:2.5vw;
font-family: 'poppins';
font-weight:900;
margin-top:-31vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:19vw;
margin-right:20px;
font-size:1.5vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}

.menu{
margin-top:-11px;
background: linear-gradient(70deg, #0088FF, #e9b402);
height:20px;
}

#a_inf_intra{
background-image:url(../img/home/dialogo5.png);
background-size:100% 100%;
color:#000000;
font-family:'poppins';
font-size:13px;
width:230px;
height:180px;
margin-top:-34.8vw;
margin-left:52.6%;
text-align:left;
padding-left:1.8vw;
padding-right:.2vw;
padding-top:4vw;
position:absolute;
}

.courses_c{
/*background: linear-gradient(70deg, #993300, #6666FF);*/
background-color:#333333;
position:relative;
margin-top:-12px;
padding-top:40px;
padding-bottom:20px;
width:100%;
height:500px;
}

#res{
font-family:'poppins';
font-size:16px;
margin-left:4.4%;
}

#res2{
font-family:'poppins';
font-size:15px;
margin-left:51%;
margin-top:-113px;
}

.navbar-toggler{
background-image:url(../img/lista_2.png);
height:30px;
width:40px;
margin-left:30%;
}

#posicion{
margin-left:-60px;
}

#posicion{
border-radius:5px;
margin-left:10px;
}

.container{

}
  
  li.espacio{
    padding-right: 20px;
  }
  .letra{
    font-size: 1.3em;
  }
  .navbar{
    padding:0px;
  }
  .navbar-expand-lg>.container{
    height: 52px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0;
    z-index: 999;
    background-color:#000000;
    max-width: 4700px;
  }
  
  .navbar-collapse{
    border-bottom: solid 1px #E6E6E6;
    background-color:#000000;
    text-align: center;
	padding-bottom:30px;
  }
  
  .navbar-brand{
    padding-left:0px;
  }
  .navbar-dark .navbar-nav .nav-link{
    color:#000000;
    font-size: 0.7em;
    font-family: 'Raleway', sans-serif;
  }

}

@media screen and (max-width: 923px){
#respuesta{
font-size:2.3vw;
}

#respuesta2{
font-size:2.3vw;
}

#respuesta3{
font-size:2vw;
}

#respuesta4{
padding-top:18vw;
font-size:2.3vw;
}

#respuesta5{
padding-top:18vw;
font-size:2.3vw;
padding-left:5.6vw;
}

#respuesta6{
font-size:1.7vw;
}

#respuesta7{
font-size:1.6vw;
}
}

@media screen and (max-width: 900px){
#a_inf_intra{
background-image:url(../img/home/dialogo5.png);
background-size:100% 100%;
color:#000000;
font-family:'poppins';
font-size:13px;
width:230px;
height:180px;
margin-top:-36.5vw;
margin-left:49%;
text-align:left;
padding-left:1.8vw;
padding-right:.2vw;
padding-top:4vw;
position:absolute;
}

.a_conjunto{
margin-left:20%;
margin-top:-16.5vw;
}
}

@media screen and (max-width: 783px){
.a_conjunto{
margin-left:20%;
margin-top:-17.1vw;
}

#a_inf_intra{
background-image:url(../img/home/dialogo5.png);
background-size:100% 100%;
color:#000000;
font-family:'poppins';
font-size:13px;
width:230px;
height:180px;
margin-top:-40vw;
margin-left:46%;
text-align:left;
padding-left:2vw;
padding-right:.2vw;
padding-top:5vw;
position:absolute;
}
}
/*

RESPONSIVE 768px

*/
@media screen and (max-width: 768px){
#fondo_courses{
width:32vw;
position:absolute;
opacity:.4;
margin-top:39.1vw;
margin-left:-35vw;
}

#lapiz{
margin-left:53%;
}

#cap{
margin-left:49%;
}

#c_titulo_c,#c_titulo{
font-size:5.2vw;
}

#r_cc,#r_dc{
font-size:2.6vw;
}

.levels{
position:relative;
height:80.6vw;
width:40%;
border-right:solid 2px #FFFFFF;
padding-top:20px;
background: linear-gradient(55deg, #009999, #000000, #000000, #000000, #000000);
}

.cert_con{
background-color:#990000;
padding-top:16px;
margin-top:-80.6vw;
width:60%;
margin-left:40%;
position:relative;
}

.toefl{
margin-top:-40vw;
width:50%;
margin-left:50%;
position:absolute;
height:40vw;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

#cert_uno_c, #cert_dos_c, #cert_tres_c, #cert_cuatro_c{
color:#FFFFFF;
font-family:'poppins';
font-size:3.5vw;
margin-left:29%;
}

#cert_uno{
margin-top:30px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_uno, #cert_dos, #cert_tres, #cert_cuatro{
color:#FFFFFF;
font-family:'poppins';
font-size:5vw;
margin-left:40%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#img_c{
margin-top:30px;
margin-bottom:30px;
margin-left:23%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#img_t{
margin-top:65%;
margin-left:22.2%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#res{
font-size:2vw;
}

#res2{
font-size:2vw;
margin-top:-24%;
}

#form_a{
margin-left:20%;
width:60%;
font-family:'poppins';
font-size:16px;
}

.informacion_c{
background: linear-gradient(90deg, #3366CC, #66CC99);
width:60%;
margin-left:20%;
margin-top:100px;
position:relative;
padding-top:50px;
box-shadow: 10px 10px 20px #000000;
color:#FFFFFF;
}

#posicion{
margin-left:-60px;
}

.container{

}

#posicion{
border-radius:5px;
margin-left:10px;
}

#c_cert{
font-size:5vw;
}

#l_cert{
font-size:5vw;
}

.college{
margin-top:-17vw;
margin-left:22.6%;
position:relative;
z-index:1;
}

#a_l1{
width:8.7vw;
}

#a_l2{
width:9.6vw;
}

#a_l3{
width:6.7vw;
margin-top:-1.5vw;
}

#a_l4{
width:8.4vw;
margin-top:1.4vw;
margin-left:5px;
}

#a_l5{
width:6.7vw;
}

#a_l6{
width:9vw;
}

#a_l7{
width:6.7vw;
}

.about_us{
/*background-color:#66CCFF;*/
background-color:#FFFFFF;
height:70vw;
}

.im{
display:none
}

#a_intra{
width:23vw;
margin-top:9.9vw;
margin-left:9.8%;
position:relative;
z-index:1;
}

#a_imagotipo{
width:47.8vw;
}

#manita{
width:7vw;
position:absolute;
margin-left:52.2%;
margin-top:40.5vw;
}

.a_conjunto{
margin-left:5.5%;
margin-top:-1vw;
}

#a_inf_intra{
background-image:url(../img/home/dialogo6.png);
background-size:100% 100%;
color:#000000;
font-family:'poppins';
font-size:2.5vw;
width:44vw;
height:29vw;
margin-top:-51vw;
margin-left:21%;
text-align:left;
padding-left:3.8vw;
padding-right:.4vw;
padding-top:5vw;
position:absolute;
}

#a_titulo{
margin-left:35%;
font-size:6vw;
}

#a_titulo:hover:before{
    margin-left:-21%;
	content: "Acerca de Nosotros";
}

#a_inf{
margin-left:36.5%;
font-size:4vw;
}

#a_inf:hover:before{
    margin-left:-1%;
}

#respuesta,#respuesta2,#respuesta3,#respuesta4,#respuesta5,#respuesta6,#respuesta7{
margin-left:20%;
margin-top:-65vw;
width:50vw;
height:50vw;
}

#respuesta{
font-size:2.8vw;
padding-top:18.6vw;
padding-left:10.5vw;
padding-right:6.2vw;
}

#respuesta2{
font-size:2.8vw;
padding-top:18.6vw;
padding-left:10.5vw;
padding-right:6.2vw;
}

#respuesta3{
font-size:2.4vw;
padding-top:18.6vw;
padding-left:10.5vw;
padding-right:6.2vw;
}

#respuesta4{
font-size:2.8vw;
padding-top:21vw;
padding-left:10.2vw;
padding-right:6.2vw;
}

#respuesta5{
font-size:2.8vw;
padding-top:21vw;
padding-left:6.5vw;
padding-right:6.9vw;
}

#respuesta6{
font-size:2vw;
padding-top:19.5vw;
padding-left:10.5vw;
padding-right:7vw;
}

#respuesta7{
TEXT-ALIGN:CENTER;
font-size:2vw;
padding-top:19vw;
padding-left:9.5vw;
padding-right:6.5vw;
}

.capsula{
height:100vw;
background: linear-gradient(70deg, #000000, #FF6600);
}

#img_frase{
height:26.1vw;
}

#img_capsula{
background-image:url(../img/capsula/modelo_capsula4.png);
background-size:100% 100%;
position:relative;
height:70vw;
width:100%;
}

#txt_nota{
color:#FFFFFF;
font-family:'poppins';
font-size:8vw;
text-align:center;
margin-left:2vw;
margin-top:2.7vw;
text-shadow: 4px 4px 7px #FF6600;
}

#txt_nota:before{
content: "ENCAPSULATE YOUR \A KNOWLEDGE";
white-space: pre;
}

#txt_nota:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "ENCAPSULA TU \A CONOCIMIENTO";
	white-space: pre;
}

#img_frase{
opacity:.2;
height:46.1vw;
}

#txt_frase{
color:#FFFFFF;
font-family:'poppins';
font-size:8vw;
text-align:left;
margin-left:6vw;
margin-top:-40vw;
text-shadow: 4px 4px 7px #0099FF;
position:relative;
}

#txt_frase_2{
color:#FFFFFF;
font-family:'poppins';
font-size:5vw;
text-align:left;
margin-left:6vw;
margin-top:0vw;
text-shadow: 4px 4px 7px #0099FF;
position:relative;
}

#txt_frase:before{
content: "A NEW WAY TO LEARN ENGLISH!";
}

#txt_frase:hover:before{
    font-size:8vw;
    transition: color 0.8s linear 0.2s;
	content: "¡UNA NUEVA FORMA DE APRENDER INGLÉS!";
}

#txt_frase_2:before{
content: "T e e n s";
}

#txt_frase_2:hover:before{
	content: "A d o l e s c e n t e s";
}

.frase{
height:46.1vw;
background: linear-gradient(70deg, #000000, #000066);
}

#p1, #p2, #p3, #p4{
margin-left:0;
width:100%;
height:60vw;
position:relative;
}

#titulo_parte2{
color:#FFFFFF;
font-family:'poppins';
font-size:6vw;
margin-left:6.7vw;
text-shadow: 2px 2px 7px #e9b402;
}

#titulo_parte2:hover:before{
    font-size:5.5vw;
    margin-left:-1vw;
	content: "A P R E N D I Z A J E \0000a0 \0000a0 E M P Í R I C O";
}

.negro{
padding-top:15px;
position:relative;
background-color:#000000;
height:275vw;

}

.gris{
position:relative;
background-color:#333333;
height:256.3vw;
}

.slider{
width: 100%;
height:60vw;
overflow:hidden;
margin-top:-797px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider2{
width: 100%;
height:60vw;
overflow:hidden;
margin-top:-857px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider img,.slider2 img{
width:100%;
background-size:cover;
height:60vw;
}

#fondo_blanco2{
margin-top:0px;
margin-left:0px;
opacity:.7;
background-color:#FFFFFF;
width:29vw;
height:60vw;
position:relative;
z-index:1;
border-radius:500px 0px 0px 500px;
}

#frase_fb{
width:25vw;
margin-right:20px;
font-size:3vw;
font-family: 'poppins';
font-weight:900;
margin-top:-43vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:25vw;
margin-right:20px;
font-size:2vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}

.kids{
border-top:solid 2px #FFFFFF;
border-bottom:solid 2px #FFFFFF;
background-image:url(../img/home/nina.png);
background-color:#000000;
background-repeat:no-repeat;
background-size:45.5vw;
height:40vw;
}

#txt_kids{
color:#FFCC33;
font-family:'poppins';
font-size:10vw;
text-align:center;
margin-left:47vw;
margin-right:6vw;
margin-top:12.5vw;
}

#txt_kids:hover:before{
    margin-left:-1vw;
	font-size:9.8vw;
    transition: color 0.8s linear 0.2s;
	content: "¡N I Ñ O S!";
}

#titulo1,#titulo2,#titulo3{
width:100%;
text-align:center;
font-family:'poppins';
font-weight:900;
font-size:8vw;
color:#FFFFFF;
margin-top:3.5vw;
position:absolute;
z-index:2;
}

#des1,#des2,#des3{
display:none;
width:100%;
position:absolute;
margin-top:19vw;
padding-left:6.5vw;
padding-right:3vw;
font-family:'poppins';
font-size:3vw;
font-style:italic;
color:#FFFFFF;
z-index:8;
}

.apartado1{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
background: linear-gradient(70deg, #000000, #003366);
height:20vw;
width:100%;
}

.apartado2{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
background: linear-gradient(70deg, #000000, #FFCC66);
height:20vw;
width:100%;
}

.apartado3{
margin-top:0px;
opacity:.8;
position:absolute;
z-index:1;
background: linear-gradient(70deg, #000000, #FF6666);
height:20vw;
width:100%;
}

.vision{
background-image:url(../img/home/nino_1.png);
margin-top:21px;
cursor:pointer;
background-size:100% 100%;
background-color:#66CCCC;
height:85vw;
width:100%
}

.hablas{
background-image:url(../img/home/nina_2.png);
cursor:pointer;
background-size:100% 100%;
background-color:#FFCC33;
height:85vw;
width:100%;
margin-top:0;
margin-left:0;
}

.oido{
background-image:url(../img/home/nino_4.png);
cursor:pointer;
background-size:100% 100%;
background-color:#FF3333;
height:85vw;
width:100%;
margin-top:0;
margin-left:0;
}

.vision:hover > .apartado1, .hablas:hover > .apartado2, .oido:hover > .apartado3{
height:40vw;
}

#lapiz{
margin-left:53%;
}

#cap{
margin-left:49%;
}

#c_titulo_c,#c_titulo{
font-size:5.2vw;
}

#r_cc,#r_dc{
font-size:2.6vw;
}

.levels{
position:relative;
height:437px;
width:40%;
border-right:solid 2px #FFFFFF;
padding-top:20px;
background: linear-gradient(55deg, #009999, #000000, #000000, #000000, #000000);
}

.cert_con{
background-color:#990000;
padding-top:16px;
margin-top:-435px;
width:60%;
margin-left:40%;
position:relative;
}

.toefl{
margin-top:-373px;
width:50%;
margin-left:50%;
position:absolute;
height:373px;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

#cert_uno_c, #cert_dos_c, #cert_tres_c, #cert_cuatro_c{
color:#FFFFFF;
font-family:'poppins';
font-size:3.5vw;
margin-left:29%;
}

#cert_uno{
margin-top:30px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_uno, #cert_dos, #cert_tres, #cert_cuatro{
color:#FFFFFF;
font-family:'poppins';
font-size:5vw;
margin-left:40%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#img_c{
margin-top:30px;
margin-bottom:30px;
margin-left:23%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#img_t{
margin-top:75%;
margin-left:22.2%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#res{
font-size:2vw;
}

#res2{
font-size:2vw;
margin-top:-24%;
}

#form_a{
margin-left:20%;
width:60%;
font-family:'poppins';
font-size:16px;
}

.informacion_c{
background: linear-gradient(90deg, #3366CC, #66CC99);
width:60%;
margin-left:20%;
margin-top:100px;
position:relative;
padding-top:50px;
box-shadow: 10px 10px 20px #000000;
color:#FFFFFF;
}

#posicion{
margin-left:-60px;
}

.container{

}

#posicion{
border-radius:5px;
margin-left:10px;
}

.courses{
margin-top:0vw;
}
}
/*

RESPONSIVE 320px

*/
@media screen and (max-width: 608px){
.capsula{
height:110vw;
}

#txt_nota:before{
font-size:9vw;
}

#txt_nota:hover:before{
font-size:9vw;
}

#fondo_courses{
width:42vw;
position:absolute;
opacity:.4;
margin-top:48.5vw;
margin-left:-68.5vw;
}
}

@media screen and (max-width: 545px){
#txt_kids:hover:before{
font-size:8vw;
}
}

@media screen and (max-width: 529px){
.a_conjunto{
margin-left:5%;
margin-top:-1vw;
}

.negro{
padding-top:15px;
position:relative;
background-color:#000000;
height:290vw;
}

.gris{
position:relative;
background-color:#333333;
height:265vw;
}
}

@media screen and (max-height: 470px){
  .navbar-collapse{
    height:220px;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 466px){
.slider2{
margin-left:0vw;
}

#fondo_blanco1{
margin-left:-20vw;
}

#fondo_blanco2{
margin-top:0vw;
margin-left:0vw;
opacity:.7;
background-color:#FFFFFF;
width:140px;
height:60vw;
position:relative;
z-index:1;
border-radius:500px 0px 0px 500px;
}

#frase_fb{
width:25vw;
margin-right:1.5vw;
font-size:3.4vw;
font-family: 'poppins';
font-weight:900;
margin-top:-45vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:25vw;
margin-right:1.5vw;
font-size:2.2vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}
}

@media screen and (max-width: 420px){
#fondo_courses{
width:60vw;
position:absolute;
opacity:1;
margin-top:70.5vw;
margin-left:-78vw;
}

#lapiz{
margin-left:5%;
width:30px;
margin-top:-30px;
}

#cap{
margin-left:5%;
width:30px;
margin-top:-27px;
}

#c_titulo_c,#c_titulo{
font-size:8vw;
}

#r_cc,#r_dc{
font-size:3vw;
}

.levels{
position:relative;
height:437px;
width:100%;
border-right:solid 2px #FFFFFF;
padding-top:20px;
background: linear-gradient(55deg, #009999, #000000, #000000, #000000, #000000);
padding-bottom:40px;
}

.cert_con{
background-color:#990000;
padding-top:16px;
margin-top:0;
width:100%;
margin-left:0%;
position:relative;
}

.toefl{
margin-top:-273px;
width:50%;
margin-left:50%;
position:absolute;
height:273px;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

#cert_uno_c, #cert_dos_c, #cert_tres_c, #cert_cuatro_c{
color:#FFFFFF;
font-family:'poppins';
font-size:3.5vw;
margin-left:38%;
}

#cert_uno{
margin-top:30px;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#cert_uno, #cert_dos, #cert_tres, #cert_cuatro{
color:#FFFFFF;
font-family:'poppins';
font-size:10vw;
margin-left:40%;
/*text-shadow: 2px 2px 7px #e9b402;*/
}

#img_c{
margin-top:30px;
margin-bottom:30px;
margin-left:23%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#img_t{
margin-top:65%;
margin-left:22.2%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#res{
font-size:2vw;
}

#res2{
font-size:2vw;
margin-top:-24%;
}

#form_a{
margin-left:20%;
width:60%;
font-family:'poppins';
font-size:16px;
}

.informacion_c{
background: linear-gradient(90deg, #3366CC, #66CC99);
width:60%;
margin-left:20%;
margin-top:100px;
position:relative;
padding-top:50px;
box-shadow: 10px 10px 20px #000000;
color:#FFFFFF;
}

ul li{
margin-left:11%;
}

#form_a{
margin-left:10.5%;
width:80%;
font-family:'poppins';
font-size:16px;
}

.informacion_c{
background: linear-gradient(90deg, #3366CC, #66CC99);
width:80%;
margin-left:10.5%;
margin-top:100px;
position:relative;
padding-top:50px;
box-shadow: 10px 10px 20px #000000;
color:#FFFFFF;
}

#res{
font-family:'poppins';
font-size:14px;
margin-left:22%;
}

#res2{
font-family:'poppins';
font-size:14px;
margin-left:22%;
margin-top:25px;
}

#c_cert{
font-size:10vw;
margin-left:2%;
}

#l_cert{
font-size:10vw;
}

ul .nav-item{
margin-left:15%;
}

#frase_fb{
width:27vw;
margin-right:1.5vw;
font-size:3.7vw;
font-family: 'poppins';
font-weight:900;
margin-top:-46vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:26vw;
margin-right:1.5vw;
font-size:2.4vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}

.a_conjunto{
margin-left:4%;
margin-top:-1vw;
}

.negro{
padding-top:15px;
position:relative;
background-color:#000000;
height:298vw;
}

.gris{
position:relative;
background-color:#333333;
height:270vw;
}
}

@media screen and (max-width: 394px){
#fondo_blanco1{
margin-left:-40vw;
}

#frase_fb{
width:25vw;
margin-right:1.5vw;
font-size:3.4vw;
font-family: 'poppins';
font-weight:900;
margin-top:-45vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:25vw;
margin-right:1.5vw;
font-size:2.2vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}
}

@media screen and (max-width: 377px){
#fondo_courses{
width:60vw;
position:absolute;
opacity:1;
margin-top:80vw;
margin-left:-78vw;
}

.toefl{
margin-top:-233px;
width:50%;
margin-left:50%;
position:absolute;
height:233px;
background-color:#FFFFFF;
border-radius:100px 0px 0px 0px;
}

#img_t{
margin-top:65%;
margin-left:22.2%;
width:60.5%;
box-shadow:10px 10px 16px #000000;
border-radius: 10px;
}

#res{
font-family:'poppins';
font-size:3.8vw;
margin-left:15%;
}

#res2{
font-family:'poppins';
font-size:3.8vw;
margin-left:15%;
margin-top:25px;
}
}

@media screen and (max-width: 333px){
#fondo_blanco1{
margin-left:-55vw;
}

#frase_fb{
width:40vw;
margin-right:1.5vw;
font-size:4vw;
font-family: 'poppins';
font-weight:900;
margin-top:-45vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:40vw;
margin-right:1.5vw;
font-size:2.8vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}
}

@media screen and (max-width: 303px){
#fondo_blanco1{
margin-left:-75vw;
}

#frase_fb{
width:42vw;
margin-right:1.5vw;
font-size:4.5vw;
font-family: 'poppins';
font-weight:900;
margin-top:-45vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:42vw;
margin-right:1.5vw;
font-size:3vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}
}

@media screen and (max-width: 280px){
#fondo_blanco1{
margin-left:-75vw;
}

#frase_fb{
width:42vw;
margin-right:1.5vw;
font-size:4.5vw;
font-family: 'poppins';
font-weight:900;
margin-top:-45vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:42vw;
margin-right:1.5vw;
font-size:3vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}
}

@media screen and (max-width: 266px){
#fondo_blanco1{
margin-left:-155vw;
}

#frase_fb{
width:50vw;
margin-right:1.5vw;
font-size:4.5vw;
font-family: 'poppins';
font-weight:900;
margin-top:-45vw;
position:relative;
z-index:2;
}

#frase_fb2{
width:50vw;
margin-right:1.5vw;
font-size:3vw;
font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}
}