@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,700;0,900;1,500&display=swap');


html,body{
width:100%;
	height:100%;font-family: 'Archivo', sans-serif;}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 
 
#elhead{ width:100%; text-align:center; height:120px; top:0; left:0; position:absolute; background-color: transparent; z-index:9999;}
#elhead2{ width:100%; text-align:center; height:120px; top:0; left:0; position:absolute; background-color:#f4f4f4; z-index:9999;}



#home{ width:100%; height:100%; min-height:700px;  top:0; left:0;}
#abajo{ width:100%; background-color:#1a1c1b;}
#proyes{ width:100%; background-color:#f4f4f4;}
#slidehome{ width:100%; height:700px;  top:0; left:0;}

#separador1{background:url(../imagenes/somos1.jpg)  no-repeat center center fixed;background-size:cover; width:100%; height:550px; }

#separador2{background:url(../imagenes/contacto.jpg)  no-repeat center center fixed;background-size:cover; width:100%; height:550px; }

#separador3{background:url(../imagenes/somos2.jpg)  no-repeat center center fixed;background-size:cover; width:100%; height:550px; }


.texto1{font-family: 'Archivo', sans-serif; color:#ffffff; font-size:13px; font-weight:400; text-decoration:none; text-transform:uppercase;}
.texto2{font-family: 'Archivo', sans-serif; color:#ffffff; font-size:16px; font-weight:400; text-decoration:none; }
.texto3{font-family: 'Archivo', sans-serif; color:#000000; font-size:16px; font-weight:400; text-decoration:none; line-height:160%;}
.texto4{font-family: 'Archivo', sans-serif; color:#000000; font-size:16px; font-weight:700; text-decoration:none; line-height:160%;}
.texto5{font-family: 'Archivo', sans-serif; color:#000000; font-size:75px; font-weight:400; text-decoration:none; line-height:100%;}
.texto6{font-family: 'Archivo', sans-serif; color:#09ce7f; font-size:75px; font-weight:400; text-decoration:none; line-height:100%;}
.texto7{font-family: 'Archivo', sans-serif; color:#000000; font-size:15px; font-weight:700; text-decoration:none; text-transform:uppercase;}
.texto8{font-family: 'Archivo', sans-serif; color:#818080; font-size:14px; font-weight:400; text-decoration:none; }
.texto9{font-family: 'Archivo', sans-serif; color:#000000; font-size:35px; font-weight:400; text-decoration:none; }
.texto10{font-family: 'Archivo', sans-serif; color:#000000; font-size:16px; font-weight:400; text-decoration:none; line-height:180%; }
.texto11{font-family: 'Archivo', sans-serif; color:#09ce7f; font-size:26px; font-weight:400; text-decoration:none; line-height:100%; }
.texto12{font-family: 'Archivo', sans-serif; color:#ffffff; font-size:16px; font-weight:400; text-decoration:none; line-height:120%; }

#larriba, #larriba1,#larriba2,#larriba3{display:inline-block;vertical-align:top;}
#larriba{ width:1200px;vertical-align:middle; text-align:center; }
#larriba1{width:700px;margin-right:-4px; text-align:left; margin-top:15px; }
#larriba2{width:500px;margin-right:-4px;text-align:center; margin-top:27px;   }


#todo{ width:100%; height:100%; left:0; top:0; position:relative;}
#todo1{ width:100%; height:100%; left:0; top:0; position:absolute; z-index:1;}

#aba, #aba1,#aba2{display:inline-block;vertical-align:top;}
#aba{ width:1200px;vertical-align:middle; text-align:center; position:absolute; left:50%; margin-left:-600px; bottom:10px; z-index:9; }
#aba1{width:700px;margin-right:-4px; text-align:left;  }
#aba2{width:500px;margin-right:-4px;text-align:right;   }


#footi, #footi1,#footi2,#footi3,#footi4{display:inline-block;vertical-align:top;}
#footi{ width:1200px;vertical-align:middle; text-align:center; }
#footi1{width:340px;margin-right:-4px; text-align:left;margin-top:-5px;  }
#footi2{width:280px;margin-right:-4px;text-align:left; margin-top:22px;   }
#footi3{width:580px;margin-right:-4px;text-align:right;  }
#footi4{width:100%;margin-right:0px;text-align:right; height:1px; background-color:#5c5d5d;  }


#redes, #redes1,#redes2,#redes3,#redes4,#redes5{display:inline-block;vertical-align:top;}
#redes{ width:1200px;vertical-align:middle; text-align:center; }
#redes1{width:340px;margin-right:-4px; text-align:left;margin-top:10px;   }
#redes2{width:240px;margin-right:-4px;text-align:left; margin-top:10px;   }
#redes3{width:220px;margin-right:-4px;text-align:left; margin-top:10px;   }
#redes4{width:200px;margin-right:-4px;text-align:left;  margin-top:10px;  }
#redes5{width:200px;margin-right:-4px;text-align:right;  }


#proye, #proye1{display:inline-block;vertical-align:top;}
#proye{ width:1500px;vertical-align:middle; text-align:center; }
#proye1{width:500px;margin-right:-4px; text-align:left;  }


#subpro, #subpro1,#subpro2{display:inline-block;vertical-align:top;}
#subpro{ width:1200px;vertical-align:middle; text-align:center; }
#subpro1{width:825px;margin-right:-4px; text-align:left;}
#subpro2{width:375px;margin-right:-4px;text-align:right;}



#somo{ width:100%; max-width:1000px; text-align:left;}

#somodos{ width:100%; max-width:850px; text-align:left;}


#conoce{ display:inline-block;}

.ren{ width:94%;}


#abas, #abas1,#abas2{display:inline-block;vertical-align:top;}
#abas{ width:1200px;vertical-align:middle; text-align:center; }
#abas1{width:700px;margin-right:-4px; text-align:left;  }
#abas2{width:500px;margin-right:-4px;text-align:right;   }


#lamision, #lamision1,#lamision2,#lamision3,#lamision0,#lamision00{display:inline-block;vertical-align:top;}
#lamision{ width:1200px;vertical-align:middle; text-align:center; }
#lamision1{width:450px;margin-right:-4px; text-align:left;margin-top:80px;   }
#lamision2{width:350px;margin-right:-4px;text-align:left; margin-top:80px;   }
#lamision3{width:180px;margin-right:-4px;text-align:left; margin-top:80px;  }
#lamision0{width:110px;margin-right:-4px;text-align:center;  }
#lamision00{width:110px;margin-right:-4px;text-align:center;  }


#sepa, #sepa1,#sepa2,#sepa3,#sepa4{display:inline-block;vertical-align:top;}
#sepa{ width:100%;vertical-align:middle; text-align:left; }
#sepa1{width:32%;margin-right:-4px; text-align:left;background:url(../imagenes/so1.jpg)  no-repeat center center fixed;background-size:cover;  height:550px;  }
#sepa2{width:32%;margin-right:-4px;text-align:left;background:url(../imagenes/so2.jpg)  no-repeat center center fixed;background-size:cover; height:550px;    }
#sepa3{width:32%;margin-right:-3px;text-align:right; background:url(../imagenes/so3.jpg)  no-repeat center center fixed;background-size:cover; height:550px;  }
#sepa4{width:2%;margin-right:-4px;text-align:right; background-color:#ffffff;  height:550px;  }

#juntos, #juntos1{display:inline-block;vertical-align:top;}
#juntos{ width:90%; max-width:1200px;vertical-align:middle; text-align:center; }
#juntos1{width:100%;margin-right:px; text-align:left; margin-top:-35px; }

::placeholder{color:#636363;}

.forma{text-align:left;HEIGHT:58px;width:100%;border:1px solid #817479; font-size:13PX;color:#ffffff;font-weight:400; background-color: transparent; }



.forma1{text-align:left;HEIGHT:50px;width:97.5%;border:1; border:0; font-size:13.5PX;font-weight:400; background-color: transparent;  font-family: 'Archivo', sans-serif; color:#000000;
border-top: 0px solid red;
  border-right: 0px solid red;
  border-bottom: 1px solid #000000;
  border-left: 0px solid red;
}

.forma2{text-align:left;HEIGHT:50px;width:95%;border:1; border:0; font-size:13.5PX;font-weight:400; background-color: transparent;  font-family: 'Archivo', sans-serif; color:#000000;
border-top: 0px solid red;
  border-right: 0px solid red;
  border-bottom: 1px solid #000000;
  border-left: 0px solid red;
}


.boton2{font-family: 'Archivo', sans-serif; font-size:13px; color:000000; font-weight:700;  text-decoration:none; text-align:center; background-color:#d8d8d8; width:150px; height:60px; border:1px solid #d8d8d8; cursor:pointer;}

#con1{ display:inline-block; width:265px;}

#contacto, #contacto1,#contacto2,#contacto0{display:inline-block;vertical-align:top;}
#contacto{ width:1200px;vertical-align:middle; text-align:center; }
#contacto1{width:500px;margin-right:-4px; text-align:left;  }
#contacto2{width:600px;margin-right:-4px;text-align:left;   }
#contacto0{width:100px;margin-right:-4px;text-align:right;   }

#contactame, #contactame1,#contactame2{display:inline-block;vertical-align:top;}
#contactame{ width:100%;vertical-align:middle; text-align:center; }
#contactame1{width:100%;margin-right:0px; text-align:left; }
#contactame2{width:50%;margin-right:-4px;text-align:left; }



#boxa{width:390px;height:450px;margin:5% auto 0 auto;background-size:cover;overflow:hidden;cursor:pointer;}
#overlaya{background:rgba(0,0,0,.7);text-align:left;opacity:0;-webkit-transition:opacity .5s ease;width:390px;height:450px;cursor:pointer;}
#boxa:hover #overlaya, #boxa:focus #overlaya{opacity:1;}


#lospro, #lospro1{display:inline-block;vertical-align:top;}
#lospro{ width:1200px;vertical-align:middle; text-align:center; }
#lospro1{width:400px; height:460px;margin-right:-4px; text-align:center;  }


#loservicios, #loservicios1,#loservicios2,#loservicios3,#loservicios4,#loservicios44,#loservicios5,#loservicios55{display:inline-block;vertical-align:top;}
#loservicios{ width:1200px;vertical-align:middle; text-align:center; }
#loservicios1{width:400px; height:460px;margin-right:-4px; text-align:left;  }
#loservicios2{width:400px; height:460px;margin-right:-4px;text-align:left;   }
#loservicios3{width:400px; height:460px;margin-right:-4px;text-align:right;   }
#loservicios4{width:600px; height:460px;margin-right:-4px;text-align:right;   }
#loservicios44{ display:none;}
#loservicios5{width:600px; height:460px;margin-right:-4px;text-align:right;   }
#loservicios55{ display:none;}

.tarjeta-wrap{
	margin:0;
	-webkit-perspective: 800;
	perspective: 800;
}

.tarjeta{
	width: 390px;
	height: 450px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: .7s ease;
	transition: .7s ease;
}

.adelante, .atras{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.adelante{
	width: 100%;
}

.atras{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);

	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.tarjeta-wrap:hover .tarjeta{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.card1{
	background-image: url(../imagenes/ser1.jpg);
	background-size: cover;
}

.card2{
	background-image: url(../imagenes/ser2.jpg);
	background-size: cover;
}

.card3{
	background-image: url(../imagenes/ser3.jpg);
	background-size: cover;
}

.card44{
	background-image: url(../imagenes/ser44.jpg);
	background-size: cover;
}

.card55{
	background-image: url(../imagenes/ser5.jpg);
	background-size: cover;
}






.tarjeta-wrapa{
	margin:0;
	-webkit-perspective: 800;
	perspective: 800;
}

.tarjetaa{
	width: 592px;
	height: 450px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: .7s ease;
	transition: .7s ease;
}

.adelantea, .atrasa{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.adelantea{
	width: 100%;
}

.atrasa{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);

	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.tarjeta-wrapa:hover .tarjetaa{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}


.card4a{
	background-image: url(../imagenes/ser4.jpg);
	background-size: cover;
}

.card5a{
	background-image: url(../imagenes/ser5.jpg);
	background-size: cover;
}







.tarjeta-wrapaa{
	margin:0;
	-webkit-perspective: 800;
	perspective: 800;
}

.tarjetaaa{
	width: 592px;
	height: 450px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: .7s ease;
	transition: .7s ease;
}

.adelanteaa, .atrasaa{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.adelanteaa{
	width: 100%;
}

.atrasaa{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);

	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.tarjeta-wrapaa:hover .tarjetaaa{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}


.card5aa{
	background-image: url(../imagenes/ser5.jpg);
	background-size: cover;
}




@media screen and (max-width:1520px)
 {
	#proye{ width:1200px;vertical-align:middle; text-align:center; }
#proye1{width:400px;margin-right:-4px; text-align:left;  } 
 }


@media screen and (max-width:1270px)
 {
#subpro{ width:100%;vertical-align:middle; text-align:center; }
#subpro1{width:100%;margin-right:0px; text-align:left;}
#subpro2{width:100%;margin-right:0px;text-align:left;}


#sepa1{height:500px;  }
#sepa2{ height:500px;    }
#sepa3{height:500px;  }
#sepa4{ height:500px;  }

 }
 
@media screen and (max-width:1220px)
 {

#loservicios{ width:800px;vertical-align:middle; text-align:center; }
#loservicios1{width:400px; height:460px;margin-right:-4px; text-align:left;  }
#loservicios2{width:400px; height:460px;margin-right:-4px;text-align:left;   }
#loservicios3{width:400px; height:460px;margin-right:-4px;text-align:right;   }
#loservicios4{display:none;}
#loservicios44{width:400px; height:460px;margin-right:-4px;text-align:right; display:inline-block; }
#loservicios5{width:600px; height:460px;margin-right:-4px;text-align:right;   }


#lospro{ width:800px;vertical-align:middle; text-align:center; }
#lospro1{width:400px; height:460px;margin-right:-4px; text-align:center;} 

#contacto{ width:1000px;vertical-align:middle; text-align:center; }
#contacto1{width:450px;margin-right:-4px; text-align:left;  }
#contacto2{width:450px;margin-right:-4px;text-align:left;   }
#contacto0{width:100px;margin-right:-4px;text-align:right;   }

#lamision{ width:1000px;vertical-align:middle; text-align:center; }
#lamision1{width:400px;margin-right:-4px; text-align:left;margin-top:80px;   }
#lamision2{width:300px;margin-right:-4px;text-align:left; margin-top:80px;   }
#lamision3{width:100px;margin-right:-4px;text-align:left; margin-top:80px;  }
#lamision0{width:100px;margin-right:-4px;text-align:center;  }
#lamision00{width:100px;margin-right:-4px;text-align:center;  }

#abas{ width:90%;vertical-align:middle; text-align:center; }
#abas1{width:50%;margin-right:-4px; text-align:left;  }
#abas2{width:50%;margin-right:-4px;text-align:right;   }

#proye{ width:1000px;vertical-align:middle; text-align:center; }
#proye1{width:333px;margin-right:-4px; text-align:left;  } 

#redes{ width:1000px;vertical-align:middle; text-align:center; }
#redes1{width:330px;margin-right:-4px; text-align:left;margin-top:10px;   }
#redes2{width:340px;margin-right:-4px;text-align:center; margin-top:10px;   }
#redes3{width:330px;margin-right:-4px;text-align:right; margin-top:10px;   }
#redes4{width:200px;margin-right:-4px;text-align:left;  margin-top:30px;  }
#redes5{width:200px;margin-right:-4px;text-align:right; margin-top:20px;    }


#larriba, #larriba1,#larriba2,#larriba3{display:inline-block;vertical-align:top;}
#larriba{ width:1000px;vertical-align:middle; text-align:center; }
#larriba1{width:500px;margin-right:-4px; text-align:left; margin-top:15px; }
#larriba2{width:500px;margin-right:-4px;text-align:center; margin-top:27px;   }

#aba{ width:90%;vertical-align:middle; text-align:center; position:absolute; left:5%; margin-left:0; bottom:10px; z-index:9; }
#aba1{width:50%;margin-right:-4px; text-align:left;  }
#aba2{width:50%;margin-right:-4px;text-align:right;   }

#footi{ width:1000px;vertical-align:middle; text-align:center; }
#footi1{width:300px;margin-right:-4px; text-align:left;margin-top:-5px;  }
#footi2{width:250px;margin-right:-4px;text-align:left; margin-top:22px;   }
#footi3{width:450px;margin-right:-4px;text-align:right;  }

 }
 
 
 
@media screen and (max-width:1020px)
 {
.forma1{width:95%;}

#contacto{ width:90%;vertical-align:middle; text-align:center; }
#contacto1{width:100%;margin-right:0px; text-align:center;  }
#contacto2{width:100%;margin-right:0px;text-align:center;   }
#contacto0{ display:none; }

#juntos{ width:90%; max-width:1200px;vertical-align:middle; text-align:center; }
#juntos1{width:200px;margin-right:0px; text-align:center; margin-top:-25px; }

#sepa1{height:400px;  }
#sepa2{ height:400px;    }
#sepa3{height:400px;  }
#sepa4{ height:400px;  }

#lamision{ width:90%; max-width:500px;vertical-align:middle; text-align:center; }
#lamision1{width:100%;margin-right:0px; text-align:center;margin-top:20px;   }
#lamision2{width:100%;margin-right:0px;text-align:center; margin-top:20px;   }
#lamision3{width:100%;margin-right:0px;text-align:center; margin-top:20px;  }
#lamision0{ display:none; }
#lamision00{ display:none; }

.ren{ width:100%;}
#proye{ width:450px;vertical-align:middle; text-align:center; }
#proye1{width:450px;margin-right:0px; text-align:left;  } 

#subpro1{width:100%;margin-right:0px; text-align:center;}
#subpro2{width:100%;margin-right:0px;text-align:center;}

#redes{ width:90%;vertical-align:middle; text-align:center; }
#redes1{width:50%;margin-right:-4px; text-align:left;margin-top:10px;   }
#redes2{width:50%;margin-right:-4px;text-align:right; margin-top:10px;   }
#redes3{width:100%;margin-right:0px;text-align:center; margin-top:10px;   }
#redes4{width:200px;margin-right:-4px;text-align:left;  margin-top:30px;  }
#redes5{width:200px;margin-right:-4px;text-align:right; margin-top:20px;    }

#larriba, #larriba1,#larriba2,#larriba3{display:inline-block;vertical-align:top;}
#larriba{ width:900px;vertical-align:middle; text-align:center; }
#larriba1{width:400px;margin-right:-4px; text-align:left; margin-top:15px; }
#larriba2{width:500px;margin-right:-4px;text-align:center; margin-top:22px;   }


#footi{ width:90%;vertical-align:middle; text-align:center; }
#footi1{width:100%;margin-right:0px; text-align:center;margin-top:-5px;  }
#footi2{width:100%;margin-right:0px;text-align:center; margin-top:35px;   }
#footi3{width:430px;margin-right:0px;text-align:center;  }

#separador1{background:url(../imagenes/somos1.jpg)  no-repeat center center fixed;background-size:cover; width:100%; height:450px; }

#separador2{background:url(../imagenes/contacto.jpg)  no-repeat center center fixed;background-size:cover; width:100%; height:450px; }

#separador3{background:url(../imagenes/somos2.jpg)  no-repeat center center fixed;background-size:cover; width:100%; height:450px; }

 }
 
  
@media screen and (max-width:920px)
 {
#larriba, #larriba1,#larriba2,#larriba3{display:inline-block;vertical-align:top;}
#larriba{ width:700px;vertical-align:middle; text-align:center; }
#larriba1{width:200px;margin-right:-4px; text-align:left; margin-top:15px; }
#larriba2{width:500px;margin-right:-4px;text-align:center; margin-top:27px;   }
 }
 
  
@media screen and (max-width:870px)
 {  #somodos{ text-align:center;}

 }
  
@media screen and (max-width:820px)
 {

#loservicios{ width:390px;vertical-align:middle; text-align:center; }
#loservicios1{width:390px; height:460px;margin-right:0px; text-align:left;  }
#loservicios2{width:390px; height:460px;margin-right:0px;text-align:left;   }
#loservicios3{width:390px; height:460px;margin-right:0px;text-align:right;   }
#loservicios5{display:none;}
#loservicios44{width:390px; height:460px;margin-right:0px;text-align:right;}
#loservicios55{width:390px; height:460px;margin-right:0px;text-align:right; display:inline-block;    }


#lospro{ width:400px;vertical-align:middle; text-align:center; }
#lospro1{width:400px; height:460px;margin-right:-4px; text-align:center; }

#sepa{ width:99.9%;vertical-align:middle; text-align:left; }
#sepa1{width:32%;margin-right:-4px; text-align:left;background:url(../imagenes/so1.jpg)  no-repeat center center ;background-size:cover;  height:350px;  }
#sepa2{width:32%;margin-right:-4px;text-align:left;background:url(../imagenes/so2.jpg)  no-repeat center center ;background-size:cover; height:350px;    }
#sepa3{width:32%;margin-right:-4px;text-align:right; background:url(../imagenes/so3.jpg)  no-repeat center center ;background-size:cover; height:350px;  }
#sepa4{width:2%;margin-right:-4px;text-align:right; background-color:#ffffff;  height:350px;  }


#somo{ text-align:center;}
.texto5{font-size:60px; }
.texto6{font-size:60px; }

#contactame2{width:100%;margin-right:0px;text-align:left; }

 }
 
  
@media screen and (max-width:720px)
 { 
 #redes1{width:100%;margin-right:0px; text-align:center;margin-top:10px;   }
#redes2{width:100%;margin-right:0px;text-align:center; margin-top:10px;   }
#redes3{width:100%;margin-right:0px;text-align:center; margin-top:10px;   }
#redes4{width:200px;margin-right:-4px;text-align:left;  margin-top:30px;  }
#redes5{width:200px;margin-right:-4px;text-align:right; margin-top:20px;    }

#separador1{background:url(../imagenes/somos1.jpg)  no-repeat center center ;background-size:cover; width:100%; height:350px; }

#separador2{background:url(../imagenes/contacto.jpg)  no-repeat center center ;background-size:cover; width:100%; height:350px; }

 #separador3{background:url(../imagenes/somos2.jpg)  no-repeat center center ;background-size:cover; width:100%; height:350px; }

 }
 
   
  
@media screen and (max-width:620px)
 {
.texto5{font-size:50px; }
.texto6{font-size:50px; }
 }
 
.ball{-moz-animation:spin 1.5s infinite linear;-webkit-animation:spin 1.5s infinite linear;-0-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear;}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}


.ball2{-moz-animation:spin2 1.5s infinite linear;-webkit-animation:spin2 1.5s infinite linear;-0-animation:spin2 1.5s infinite linear;animation:spin2 1.5s infinite linear;}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(6px);}
}
@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateX(6px);}
}
@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateX(6px);}
}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(6px);}
}



#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -20px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #ffffff;
}
.button_container.active .middle {
  opacity: 0;
  background: #ffffff;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #ffffff;
}
.button_container span {
  background: #09ce7f;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:rgba(0,0,0,0.8);
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  text-align: right;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 50px;
  opacity:1;  line-height:120%;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;font-size: 50px;
  opacity:.5;-webkit-transition: .25s;
  transition: .25s;
}
.overlay ul li a:after {
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    top: 20%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


@media screen and (max-width:820px){

#larriba{width:90%;vertical-align:middle; text-align:left; }
#larriba1{width:100%;margin-right:0px;  text-align:left;}
#larriba2,#arriba3{display:none;}

#menumovil{ z-index:9999;position: absolute;top: 70px;
  right: 5%;
  height: 27px;
  width: 35px; display:block;}

}



/* Underline From Left */
.menuno {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  text-decoration:none;color:#ffffff;font-family: 'Archivo', sans-serif; font-size:16px; line-height:200%;
}
.menuno:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #ffffff;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.menuno:hover:before, .menuno:focus:before, .menuno:active:before {
  right: 0;
}




/* Underline From Left */
.menudos {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  text-decoration:none;color:#000000;font-family: 'Archivo', sans-serif; font-size:16px; line-height:200%;
}
.menudos:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #09ce7f;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.menudos:hover:before, .menudos:focus:before, .menudos:active:before {
  right: 0;
}


.icon-link {
    color: white;
    display: inline-block;
  }
.icon-link:hover {
    color: #09ce7f;
}
.icon-svg {
    width: 34px;
    height: 34px;
}