@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);
  }
  }

body{
background-image:url(../img/newn/fondo_n.png);
background-color:#000000;
  padding: 0;
  height: 100%;
}

#texto{
margin-top:180px;
margin-bottom:240px;
padding-left:50px;
padding-right:50px;
font-size:25px;
font-family:'poppins';
color:#FFFFFF;
}

.faqs{
margin-top:140px;
padding-left:10%;
padding-right:10%;
margin-bottom:140px;
}

#flecha{
font-size:20px;
font-weight:bold;
text-align:right;
margin-top:-45px;
}

#pre1, #pre2, #pre3, #pre4, #pre5, #pre6, #pre7, #pre8, #pre9, #pre10{
padding-top:18px;
padding-left:20px;
padding-right:20px;

border-radius:5px 5px 5px 5px;
cursor:pointer;
}

#pre1{
background: linear-gradient(70deg, #66CCCC, #FFFFFF);
}

#pre2{
background: linear-gradient(70deg, #66CC66, #FFFFFF);
}

#pre3{
background: linear-gradient(70deg, #CCCCCC, #FFFFFF);
}

#pre4{
background: linear-gradient(70deg, #66CCCC, #FFFFFF);
}

#pre5{
background: linear-gradient(70deg, #66CC66, #FFFFFF);
}

#pre6{
background: linear-gradient(70deg, #CCCCCC, #FFFFFF);
}

#pre7{
background: linear-gradient(70deg, #66CCCC, #FFFFFF);
}

#pre8{
background: linear-gradient(70deg, #66CC66, #FFFFFF);
}

#pre9{
background: linear-gradient(70deg, #CCCCCC, #FFFFFF);
}

#pre10{
background: linear-gradient(70deg, #66CCCC, #FFFFFF);
}

#pre1:checked > #respuesta, #pre2:checked > #respuesta, #pre3:checked > #respuesta, #pre4:checked > #respuesta, #pre5:checked > #respuesta, #pre6:checked > #respuesta, #pre7:checked > #respuesta, #pre8:checked > #respuesta, #pre9:checked > #respuesta, #pre10:checked > #respuesta{
display:block;
}

input[type=checkbox] {
display:none;
}

input[type=checkbox]:checked ~ #respuesta{
display:block;
}

input[type=checkbox]:checked ~ #flecha{
display:none;
}

#frase1{
font-size:30px;
font-weight:bold;
font-family:'poppins';
}

#frase2{
font-family:'poppins';
}

#frase1:before{
content:"FAQ's";
}

#frase1:hover:before{
content:"PREGUNTAS FRECUENTES";
}

#frase2:before{
content:"Hey! Do you have any questions?";
}

#frase2:hover:before{
content:"¡Hey!, ¿tienes alguna duda?";
}

#pregunta{
text-align:left;
font-size:18px;
font-weight:bold;
font-family:'poppins';
}

#respuesta{
display:none;
text-align:left;
margin-top:-13px;
}

.contacto{
margin-bottom:50px;
}

.informacion_c{
background: linear-gradient(90deg, #3366CC, #66CC99);
width:30%;
margin-left:54.5%;
margin-top:-720px;
position:absolute;
padding-top:50px;

box-shadow: 10px 10px 20px #000000;
color:#FFFFFF;
}

#mapa{
margin-top:40px;
margin-bottom:-6px;
}

#bot{
margin-top:10px;
width:20%;
margin-left:40%;
background: linear-gradient(90deg, #006633, #66CC99);
cursor:pointer;
font-weight:700;
font-family: 'Poppins';
box-shadow: 10px 10px 15px #000000;
color:#FFFFFF;
border:none;
}

#res{
font-family:'poppins';
font-size:16px;
margin-left:8%;
}

#res2{
font-family:'poppins';
font-size:16px;
margin-left:55%;
margin-top:-113px;
}

#titulo_c{
font-family:'poppins';
font-size:16px;
font-weight:900;
}

.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;*/
}

#form_a{
margin-left:10%;
width:30%;
font-family:'poppins';
font-size:16px;
}

#tab{
width:100%;
}

#t_c{
font-family:'poppins';
font-size:30px;
}

#t_c:before{
content:"Contact us";
}

#t_c:hover:before{
content:"Contáctanos";
}

#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;
}

.c_conjunto{
margin-left:25%;
margin-top:30px;
}

.courses{
background: linear-gradient(70deg, #003366, #00CC99);
position:absolute;
margin-top:0px;
width:100%;
}

#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: "Courses";
}

#c_titulo:hover:before{
    transition: color 0.8s linear 0.2s;
	content: "Cursos";
}

#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_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;
}

#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{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
font-weight:900;
padding-top:200px;
padding-left:105px;
padding-right:90px;
text-align:left;
margin-top:-555px;
margin-left:-40%;
font-size:14px;
position:absolute;
z-index:-1;
width:510px;
height:510px;
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{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
font-weight:900;
padding-top:200px;
padding-left:105px;
padding-right:90px;
text-align:left;
margin-top:-555px;
margin-left:55%;
font-size:14px;
position:absolute;
z-index:-1;
width:510px;
height:510px;
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{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
font-weight:900;
padding-top:200px;
padding-left:105px;
padding-right:90px;
text-align:left;
margin-top:-655px;
margin-left:-35%;
font-size:14px;
position:absolute;
z-index:-1;
width:510px;
height:510px;
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{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
font-weight:900;
padding-top:200px;
padding-left:105px;
padding-right:90px;
text-align:left;
margin-top:-350px;
margin-left:55%;
font-size:14px;
position:absolute;
z-index:-1;
width:510px;
height:510px;
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{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
font-weight:900;
padding-top:200px;
padding-left:105px;
padding-right:90px;
text-align:left;
margin-top:-600px;
margin-left:5%;
font-size:14px;
position:absolute;
z-index:-1;
width:510px;
height:510px;
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{
background-image:url(../img/home/dialogo7.png);
background-size:100% 100%;
display:none;
font-family:'poppins';
font-weight:900;
padding-top:200px;
padding-left:105px;
padding-right:90px;
text-align:left;
margin-top:-655px;
margin-left:-35%;
font-size:14px;
position:absolute;
z-index:-1;
width:510px;
height:510px;
border-radius:250px;
}

.college{
margin-top:-238px;
margin-left:340px;
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: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{
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: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{
    margin-left:-8%;
	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 🎓";
}

.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, #006633);
  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);
} */

#fondo_blanco1{
margin-top:0px;
margin-left:0px;
width:450px;
height: 840px;
}

#fondo_blanco2{
margin-top:0px;
margin-left:0px;
opacity:.7;
background-color:#FFFFFF;
width:450px;
height: 950px;
position:relative;
z-index:1;
border-radius:500px 0px 0px 500px;
}

#frase_fb{
margin-right:20px;
font-size:28px;
  font-family: 'poppins';
  font-weight:900;
margin-top:-500px;
position:relative;
z-index:2;
}

#frase_fb2{
margin-right:20px;
font-size:16px;
  font-family: 'poppins';
margin-top:-10px;
position:relative;
z-index:2;
}

#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){
.navbar{
    margin-left:-6.5%;
}

.navbar-dark .navbar-nav .nav-link{
  font-size: 17px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:17px;
}

.slider{
width: 1352px;
height: 840px;
overflow:hidden;
margin-top:-780px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider2{
width: 1352px;
height: 840px;
overflow:hidden;
margin-top:-840px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

#posicion{
margin-left:-130px;
}

.a1{
margin-left:50px;
width:400px;
height:500px;
}

.a2{
margin-top:-500px;
margin-left:480px;
width:400px;
height:500px;
}

.a3{
margin-top:-500px;
margin-left:910px;
width:400px;
height:500px;
}

.a4{
margin-left:50px;
width:400px;
height:500px;
}

.a5{
margin-top:-500px;
margin-left:480px;
width:400px;
height:500px;
}

.a6{
margin-top:-500px;
margin-left:910px;
width:400px;
height:500px;
}

#vid{
margin-left:570px;
margin-top:-380px;
width: 700px;
position:relative;
z-index:1;
}

.video{
width: 1352px;
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:100px;
padding-top:300px;
width:500px;
height:500px;
font-size:30px;
font-weight:bold;
font-family:"Century Gothic";
color:#FFFFFF;
}

#play{
position:absolute;
width:100px;
height:70px;
z-index:2;
margin-left:880px;
margin-top:-200px;
cursor:pointer;
}

#toalla_azul{
margin-top:20px;
margin-left:135px;
background-image:url(../img/capsula_azul.png);
width:350px;
height:290px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}

#toalla_verde{
margin-top:20px;
margin-left:135px;
background-image:url(../img/capsula_verde.png);
width:350px;
height:290px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}

.azul{
margin-left:30px;
background-image:url(../img/toalla_azul.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:630px;
height:450px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

.verde{
margin-top:-450px;
margin-left:690px;
background-image:url(../img/toalla_aqua.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:630px;
height:450px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

.a7{
margin-left:35px;
width:800px;
height:900px;
}

.a8{
margin-left:30px;
}

.a9{
margin-left:35px;
}

#t11{
width:500px;
margin-top:-560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i11{
width:500px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambertt{
font-size:9px;
font-weight:bold;
}

#t12{
margin-top:-560px;
margin-left:800px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i12{
padding-right:40px;
margin-left:800px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambert2{
margin-left:800px;
font-size:10px;
font-weight:bold;
}

#t13{
margin-left:00px;
margin-top:-560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i13{
width:500px;
margin-left:0px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambert3{
margin-left:0px;
font-size:10px;
font-weight:bold;
}

#articulo7{
margin-left:535px;
width:750px;
height:650px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo8{
width:750px;
cursor:pointer;
}

#articulo9{
margin-left:535px;
width:750px;
height:650px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

.not_2{
margin-top:-230px;
}

.not_3{
margin-top:325px;
}

}

/*


RESPONSIVE 1280px

*/
@media screen and (max-width: 1280px){
.navbar-dark .navbar-nav .nav-link{
  font-size: 16px;
  font-family: 'poppins';
  font-weight:900;
  height:60px;
  padding-top:18px;
}

#inicio{
height: 640px;
}

.slider{
width: 1262px;
height: 640px;
overflow:hidden;
margin-top:-780px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider2{
width: 1262px;
height: 640px;
overflow:hidden;
margin-top:-640px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider img,.slider2 img{
width: 1262px;
height:640px;
/*border:solid 1px;*/
}

#frase_fb{
margin-left:20px;
font-size:28px;
font-weight:bold;
font-style:italic;
font-family:"Century Gothic";
margin-top:-500px;
position:relative;
z-index:2;
}

#frase_fb2{
margin-left:20px;
font-size:16px;
font-family:"Century Gothic";
margin-top:-10px;
position:relative;
z-index:2;
}

#posicion{
margin-left:-110px;
}

#articulo1,#articulo2,#articulo3,#articulo4,#articulo5,#articulo6{
width:350px;
height:350px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

.a1{
margin-left:27px;
width:350px;
height:450px;
}

.a2{
margin-top:-450px;
margin-left:457px;
width:350px;
height:450px;
}

.a3{
margin-top:-450px;
margin-left:887px;
width:350px;
height:450px;
}

.a4{
margin-left:27px;
width:350px;
height:450px;
}

.a5{
margin-top:-450px;
margin-left:457px;
width:350px;
height:450px;
}

.a6{
margin-top:-450px;
margin-left:887px;
width:350px;
height:450px;
}

#vid{
margin-left:490px;
margin-top:-380px;
width: 700px;
position:relative;
z-index:1;
}

.video{
width: 1262px;
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:60px;
padding-top:300px;
width:500px;
height:500px;
font-size:30px;
font-weight:bold;
font-family:"Century Gothic";
color:#FFFFFF;
}

#play{
position:absolute;
width:100px;
height:70px;
z-index:2;
margin-left:800px;
margin-top:-200px;
cursor:pointer;
}

#toalla_azul{
margin-top:20px;
margin-left:135px;
background-image:url(../img/capsula_azul.png);
width:330px;
height:270px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}

#toalla_verde{
margin-top:20px;
margin-left:135px;
background-image:url(../img/capsula_verde.png);
width:330px;
height:270px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}

.azul{
margin-left:20px;
background-image:url(../img/toalla_azul.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:600px;
height:400px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

.verde{
margin-top:-400px;
margin-left:645px;
background-image:url(../img/toalla_aqua.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:600px;
height:400px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

.a7{
margin-left:25px;
width:800px;
height:900px;
}

.a8{
margin-left:25px;
}

.a9{
margin-left:25px;
}

.not_3{
margin-top:243px;
}

#t11{
width:500px;
margin-top:-560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i11{
width:400px;
margin-top:20px;
font-family:"Century Gothic";
}

.informacion_a{
width:100px;
}

#lambertt{
width:400px;
font-size:8px;
font-weight:bold;
}

#t12{
margin-top:-560px;
margin-left:800px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i12{
padding-right:40px;
margin-left:800px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambert2{
margin-left:800px;
font-size:10px;
font-weight:bold;
}

#t13{
margin-left:00px;
margin-top:-560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i13{
width:400px;
margin-left:0px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambert3{
margin-left:0px;
font-size:10px;
font-weight:bold;
}

#articulo7{
margin-left:465px;
width:750px;
height:650px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo8{
width:750px;
height:650px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo9{
margin-left:465px;
width:750px;
height:650px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
} 
}
/*

RESPONSIVE 1024px

*/
@media screen and (max-width: 1024px){
.navbar{
    margin-left:-2%;
}

.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;
}

#inicio{
height: 600px;
}

.slider{
width: 1006px;
height: 600px;
overflow:hidden;
margin-top:-780px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider2{
width: 1006px;
height: 600px;
overflow:hidden;
margin-top:-600px;
background-image:url(../img/mapa_6.jpg);
background-repeat:no-repeat;
}

.slider img,.slider2 img{
width: 1006px;
height:600px;
/*border:solid 1px;*/
}

#frase_fb{
margin-left:20px;
font-size:28px;
font-weight:bold;
font-style:italic;
font-family:"Century Gothic";
margin-top:-500px;
position:relative;
z-index:2;
}

#frase_fb2{
margin-left:20px;
font-size:16px;
font-family:"Century Gothic";
margin-top:-10px;
position:relative;
z-index:2;
}

#posicion{
margin-left:-55px;
}

.tamimg{
display:none;
}

#articulo1,#articulo2,#articulo3,#articulo4,#articulo5,#articulo6{
width:250px;
height:250px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

.seccion1{
margin-top:40px;
}

.seccion2{
width:200px;
margin-top:370px;
padding-bottom:300px;
}

.seccion3{
padding-bottom:200px;
}

.a1{
position:relative;
margin-left:47px;
width:250px;
height:350px;
}

.a2{
position:relative;
margin-top:-350px;
margin-left:377px;
width:250px;
height:350px;
}

.a3{
position:relative;
margin-top:-350px;
margin-left:707px;
width:250px;
height:350px;
}

.a4{
margin-left:47px;
width:250px;
height:350px;
}

.a5{
margin-top:-350px;
margin-left:377px;
width:250px;
height:350px;
}

.a6{
margin-top:-350px;
margin-left:707px;
width:250px;
height:350px;
}

#vid{
margin-left:420px;
margin-top:-310px;
width: 500px;
position:absolute;
z-index:1;
}

.video{
width: 1006px;
background-color:#000000;
height:720px;
background-image:url(../img/fondo_nuevon_2.png);
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
}

#texto_v{
margin-left:20px;
padding-top:300px;
width:500px;
height:500px;
font-size:30px;
font-weight:bold;
font-family:"Century Gothic";
color:#FFFFFF;
}

#play{
position:absolute;
width:100px;
height:70px;
z-index:2;
margin-left:630px;
margin-top:-200px;
cursor:pointer;
}

#toalla_azul{
margin-top:20px;
margin-left:55px;
background-image:url(../img/capsula_azul.png);
width:330px;
height:270px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}

#toalla_verde{
margin-top:20px;
margin-left:55px;
background-image:url(../img/capsula_verde.png);
width:330px;
height:270px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
opacity:.4;
}

.azul{
margin-left:35px;
background-image:url(../img/toalla_azul.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:450px;
height:400px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

.verde{
margin-top:-400px;
margin-left:520px;
background-image:url(../img/toalla_aqua.png);
background-color:#000000;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
width:450px;
height:400px;
box-shadow: 7px 7px 7px #999999;
cursor:pointer;
}

.a7{
margin-left:30px;
width:800px;
height:900px;
}

.a8{
margin-top:-430px;
margin-left:30px;
}

.a9{
margin-top:-161px;
margin-left:30px;
}

#t11{
width:400px;
margin-top:-370px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i11{
width:400px;
margin-top:20px;
font-family:"Century Gothic";
}

.informacion_a{
width:100px;
}

#lambertt{
width:400px;
font-size:7px;
font-weight:bold;
}

#t12{
margin-top:-400px;
margin-left:560px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i12{
padding-right:40px;
margin-left:560px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambert2{
margin-left:600px;
font-size:10px;
font-weight:bold;
}

#t13{
margin-left:0px;
margin-top:-340px;
font-size:24px;
font-weight:bold;
font-family:"Century Gothic";
}

#i13{
width:400px;
margin-left:0px;
margin-top:20px;
font-family:"Century Gothic";
}

#lambert3{
margin-left:0px;
font-size:10px;
font-weight:bold;
}

#articulo7{
margin-left:405px;
width:550px;
height:450px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo8{
width:550px;
height:450px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}

#articulo9{
margin-left:405px;
width:550px;
height:450px;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}
}

@media screen and (max-width: 991px){
.faqs{
margin-top:90px;
padding-left:10%;
padding-right:10%;
margin-bottom:90px;
}

.slider2{
margin-top:-470px;
}

.navbar-toggler{
background-image:url(../img/lista_2.png);
height:30px;
width:40px;
margin-left:30%;
}

#inicio{
height: 470px;
}

#posicion{
margin-left:-60px;
}

#posicion{
border-radius:5px;
margin-left:10px;
}

.tamimg{
display:none;
}
  .tamimg{
    margin-left:2px;
    height: 80px;
	width:70px;
    max-width: 100%;
  }
  
  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;
  }

}

/*

RESPONSIVE 768px

*/
@media screen and (max-width: 768px){
.navbar{
    margin-left:0%;
}

.faqs{
margin-top:10px;
padding-left:10%;
padding-right:10%;
margin-bottom:10px;
}

#posicion{
margin-left:-60px;
}

#posicion{
border-radius:5px;
margin-left:10px;
}
}
/*

RESPONSIVE 320px

*/
@media screen and (max-height: 470px){
  .navbar-collapse{
    height:220px;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 420px){
ul li{
margin-left:11%;
}
}

@media screen and (max-width: 377px){
.faqs{
margin-top:20px;
padding-left:10%;
padding-right:10%;
margin-bottom:20px;
}

#posicion{
margin-left:-60px;
}

#posicion{
border-radius:5px;
margin-left:10px;
}
}