@import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');

@font-face {
	font-family:'oswald';
	src: url("oswald.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}


@font-face {
	font-family:'square';
	src: url("square.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}


@font-face {
	font-family:'graphik';
	src: url("graphik.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #ffffff;
    z-index: 100;
}



#loader2 {
    width: 44px;
    height: 44px;
    position: absolute;
    left:50%; top:50%;
    background: url(../imagenes/ico.png) no-repeat center 0;
    margin:-22px 0 0 -22px;
}

#whatsapp{ width:74px; height:75px; bottom:30px; right:5px; position:fixed; z-index:9999;}

.smooth{ text-decoration:none;}

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

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 
 


#cable{ width:100%; background:url(../imagenes/fondo0.jpg) no-repeat center center fixed;background-size:cover;  z-index:9999;}
 
#slide1{
width:100%;height:700px;
}



#linea{width:100%; height:8px; position:fixed; top:80px; left:0; z-index:9999; background-color:#f5a800;}
#header{ width:100%; height:102px; background:url(../imagenes/farriba.jpg) no-repeat center center; position:fixed; top:0; left:0; z-index:9999;}

#abajo{ width:100%; height:126px; background:url(../imagenes/fabajo.jpg) no-repeat center center; z-index:9999;}
#lineabajo{width:100%; height:8px;  z-index:9999; background-color:#d49100;}



.smooth2 {
  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;
  color:#000000;font-size:16px;text-decoration:none; line-height:106px; opacity:1; font-family:'oswald';
}
.smooth2:before {
	border-radius: 0px 0px 50px 50px;
-moz-border-radius: 0px 0px 50px 50px;
-webkit-border-radius: 0px 0px 50px 50px;
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: -4px;
  background: #ce9e49;
  height:8px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.smooth2:hover:before{
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.elboto{text-align:center; text-decoration:none; padding-bottom:10px;padding-top:10px; padding-left:15px; padding-right:15px;  width:100%; font-size:15px;color:#000000;  cursor:pointer;font-family:'oswald';transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;
background-color:transparent; border-color:#caa147; border:2px solid #caa147;border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;}
.elboto:hover{color:#FFFFFF; background-color:#caa147;}


.elboto2{text-align:center; text-decoration:none; padding-bottom:10px;padding-top:10px; padding-left:15px; padding-right:15px;  width:100%; font-size:13px;color:#000000;  cursor:pointer;font-family:'oswald';transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;
background-color:transparent; border-color:#ffffff; border:2px solid #ffffff;border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;}
.elboto2:hover{color:#000000; background-color:#ffffff;}


.elboto3{text-align:center; text-decoration:none; padding-bottom:10px;padding-top:10px; padding-left:35px; padding-right:35px;  width:100%; font-size:13px;color:#FFFFFF;  cursor:pointer;font-family:'oswald';transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;
background-color:transparent; border-color:#ffffff; border:1px solid #303030;border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;}
.elboto3:hover{color:#000000; background-color:#ffffff;}

.texto1{color:#000000;font-size:16px;font-family:'oswald'; text-decoration:none;}
.texto2{color:#ffffff;font-size:20px;font-family:'graphik'; text-decoration:none;}
.texto3{color:#ffffff;font-size:75px; line-height:100%;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto3a{color:#ce9e49;font-size:75px; line-height:100%;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto4{color:#ce9e49;font-size:20px;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto5{color:#ffffff;font-size:20px;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto6{color:#ffffff;font-size:20px;font-family: 'Sarabun', sans-serif; text-decoration:none;}
.texto7{color:#ce9e49;font-size:20px;font-family: 'Sarabun', sans-serif; text-decoration:none;}
.texto8{color:#ffffff;font-size:32px;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto9{color:#000000;font-size:32px;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto10{color:#ffffff;font-size:18px;font-family: 'Sarabun', sans-serif; text-decoration:none;}
.texto11{color:#ffffff;font-size:40px; line-height:220%;font-family:'oswald'; text-decoration:none; text-transform:uppercase;}
.texto12{color:#000000;font-size:20px;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto13{color:#ffffff;font-size:17px;font-family:'graphik'; text-decoration:none;}
.texto14{color:#000000;font-size:53px; line-height:100%;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto14a{color:#ce9e49;font-size:53px; line-height:100%;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto15{color:#000000;font-size:20px;font-family:'Sarabun'; text-decoration:none;}
.texto16{color:#ce9e49;font-size:30px; line-height:100%;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto17{color:#ffffff;font-size:20px; line-height:100%;font-family:'oswald'; text-decoration:none; text-transform:uppercase;}
.texto18{color:#ffffff;font-size:30px; line-height:100%;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto19{color:#ce9e49;font-size:50px; line-height:100%;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto20{color:#ffffff;font-size:20px;font-family:'Sarabun'; text-decoration:none;}
.texto21{color:#000000;font-size:20px;font-family:'Sarabun'; text-decoration:none;}
.texto22{color:#000000;font-size:25px; line-height:100%;font-family:'oswald'; text-decoration:none; text-transform:uppercase;}
.texto23{color:#ce9e49;font-size:20px;font-family:'Sarabun'; text-decoration:none;}
.texto24{color:#ffffff;font-size:16px;font-family:'Sarabun'; text-decoration:none;}
.texto25{color:#ffffff;font-size:33px;font-family:'square'; text-decoration:none; text-transform:uppercase;}
.texto26{color:#ffffff;font-size:25px;font-family:'Sarabun'; text-decoration:none;}

#larriba, #larriba1,#larriba2,#larriba3,#larriba4,#larriba5{display:inline-block;vertical-align:top;}
#larriba{width:1403px;vertical-align:middle; text-align:left; }
#larriba1{width:280px;margin-right:-4px; text-align:left; background-color:#202425; height:102px;}
#larriba2{width:53px;margin-right:-4px;text-align:right;  }
#larriba3{width:700px;margin-right:-4px;text-align:center;  height:102px;}
#larriba4{width:150px;margin-right:-4px;text-align:right;  height:102px;}
#larriba5{width:220px;margin-right:-4px;text-align:right; margin-top:38px;}


#elcable, #elcable1,#elcable2,#elcable3{display:inline-block;vertical-align:top;}
#elcable{width:1200px;vertical-align:middle; text-align:left;}
#elcable1{width:100%;margin-right:0px; text-align:left;}
#elcable2{width:700px;margin-right:-4px;text-align:left;}
#elcable3{width:500px;margin-right:-4px;text-align:right; margin-top:127px;}

#beneficios{width:100%; position:relative; left:0; top:0;margin-right:0px; text-align:left; }
#beneficios1{width:100%; position:absolute; left:0; top:0;margin-right:0px; text-align:left; }
#beneficios3{width:314px; height:330px;right:7%; bottom:-80px; position:absolute;  }
#beneficios4{ display:none;}


#benis{
width:100%; background-color:#d69b4f;
}


#tres, #tres1, #tres1a,#tres2,#tres3{display:inline-block;vertical-align:top;}
#tres{width:100%;vertical-align:middle; text-align:left; background-color:#e5e6e7;}
#tres1{width:33.25%;margin-right:-4px; text-align:center; background-color:#d69b4f;border-radius: 0px 0px 30px 30px;
-moz-border-radius: 0px 0px 30px 30px;
-webkit-border-radius: 0px 0px 30px 30px;}
#tres1a{width:33.25%;margin-right:-4px; text-align:center; background-color:#d69b4f;border-radius: 0px 0px 30px 30px;
-moz-border-radius: 0px 0px 30px 30px;
-webkit-border-radius: 0px 0px 30px 30px;}
#tres2{width:1px;margin-right:-4px;text-align:left;}
#tres3{width:1px;margin-right:-4px;text-align:right;}

#elvoltaje{width:100%;text-align:center; background-color:#e5e6e7;}

#somosvol, #somosvol1,#somosvol2{display:inline-block;vertical-align:top;}
#somosvol{width:1200px;vertical-align:middle; text-align:left;}
#somosvol1{width:650px;margin-right:-4px; text-align:left; }
#somosvol2{width:550px;margin-right:-4px;text-align:left; }

#loscaima, #loscaima1,#loscaima2,#loscaima3{display:inline-block;vertical-align:top;}
#loscaima{width:1296px;vertical-align:middle; text-align:left;}
#loscaima1{width:416px;margin-right:-4px; text-align:left; }
#loscaima2{width:24px;margin-right:-4px;text-align:left; }
#loscaima3{width:24px;margin-right:-4px;text-align:left; }

#lali{background-color:#ce9e49; width:100%; height:8px;}

#propiedades{ width:100%; background:url(../imagenes/fondo1.jpg) no-repeat center center fixed;background-size:cover;}

#propi, #propi1,#propi2{display:inline-block;vertical-align:top;}
#propi{width:1200px;vertical-align:middle; text-align:left;}
#propi1{width:600px;margin-right:-4px; text-align:left; }
#propi2{width:600px;margin-right:-4px;text-align:left; margin-top:80px; }

.lima{ width:90%; max-width:508px;}
.lima2{ width:90%; max-width:237px;}

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

#cobre{width:100%;vertical-align:middle; text-align:left; background:url(../imagenes/fondo2.jpg) repeat-y center center;}

#cableco, #cableco1,#cableco2,#cableco3{display:inline-block;vertical-align:top;}
#cableco{width:1200px;vertical-align:middle; text-align:left;}
#cableco1{width:550px;margin-right:-4px; text-align:left; }
#cableco2{width:550px;margin-right:-4px;text-align:left; }
#cableco3{width:100px;margin-right:-4px;text-align:left; }

#calibre{width:100%; background-color:#d69b4e;}

#calibres, #calibres1,#calibres2,#calibres3{display:inline-block;vertical-align:top;}
#calibres{max-width:1200px; width:100%;vertical-align:middle; text-align:center;}
#calibres1{width:300px;margin-right:-4px; text-align:left; }

#certificaciones{width:100%; background-color:#232323;}

#certi, #certi1,#certi2{display:inline-block;vertical-align:top;}
#certi{width:1200px;vertical-align:middle; text-align:left;}
#certi1{width:600px;margin-right:-4px; text-align:left; margin-top:85px; }
#certi2{width:600px;margin-right:-4px;text-align:left;}

#contacto{width:100%; height:500px;vertical-align:middle; text-align:left; background:url(../imagenes/contacto2.jpg) no-repeat center center fixed;background-size:cover;}
#contact{width:100%; background-color:#232323;}
#contactame, #contactame1,#contactame2,#contactame3{display:inline-block;vertical-align:top;}
#contactame{width:1200px;vertical-align:middle; text-align:center; }
#contactame1{width:400px;margin-right:-4px; text-align:center;}
#contactame2{width:800px;margin-right:-4px;text-align:center;  }
#contactame3{width:800px;margin-right:-4px;text-align:center;  }

.forma{text-align:center; HEIGHT:50px;width:80%;border:0; font-size:16PX; background-color:#303030; color:#ffffff; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px;font-family:'Sarabun'; }

.forma1{text-align:center;HEIGHT:50px;width:90%;border:0; font-size:16PX; background-color:#303030; color:#ffffff; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px;font-family:'Sarabun'; }

.boton1{background-color:#ce9e49;text-align:center;HEIGHT:50px;width:80%;border:0;font-size:16PX;color:#ffffff;cursor:pointer;border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.boton1:hover{background-color:#ffffff;color:#ce9e49;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}

::placeholder {
  color: #797979;
}

#abas{width:100%; background-color:#d69b4e;}

#aba, #aba1,#aba2,#aba3{display:inline-block;vertical-align:top;}
#aba{width:1200px;vertical-align:middle; text-align:left;}
#aba1{width:400px;margin-right:-4px; text-align:left; }
#aba2{width:550px;margin-right:-4px;text-align:left; margin-top:18px;}
#aba3{width:250px;margin-right:-4px;text-align:left; margin-top:10px;}

@media screen and (max-width: 1425px)
 {
#larriba{width:1203px;vertical-align:middle; text-align:left; }
#larriba1{width:280px;margin-right:-4px;}
#larriba2{width:53px;margin-right:-4px;}
#larriba3{width:500px;margin-right:-4px;}
#larriba4{width:150px;margin-right:-4px;}
#larriba5{width:220px;margin-right:-4px;}
 }

@media screen and (max-width: 1316px)
 {
#loscaima{width:856px;vertical-align:middle; text-align:center;}
#loscaima1{width:416px;margin-right:-4px; text-align:left; }
#loscaima2{width:24px;margin-right:-4px;text-align:left; }
#loscaima3{ display:none;}	 
 }
 
 
@media screen and (max-width: 1225px)
 {
#aba{width:1000px;vertical-align:middle; text-align:left;}
#aba1{width:550px;margin-right:-4px; text-align:left; }
#aba2{width:450px;margin-right:-4px;text-align:left; margin-top:18px;}
#aba3{width:100%;margin-right:0px;text-align:center; margin-top:0px;}

#contactame{width:990px;}
#contactame1{width:330px;margin-right:-4px; text-align:center;}
#contactame2{width:660px;margin-right:-4px;text-align:center;  }
#contactame3{width:660px;margin-right:-4px;text-align:center;  }

#certi{width:1000px;vertical-align:middle; text-align:left;}
#certi1{width:400px;margin-right:-4px; text-align:left; margin-top:85px; }
#certi2{width:600px;margin-right:-4px;text-align:left;}

#cableco{width:1000px;vertical-align:middle; text-align:left;}
#cableco1{width:450px;margin-right:-4px; text-align:left; }
#cableco2{width:450px;margin-right:-4px;text-align:left; }
#cableco3{width:100px;margin-right:-4px;text-align:left; }

#propi{width:1000px;vertical-align:middle; text-align:left;}
#propi1{width:500px;margin-right:-4px; text-align:left; }
#propi2{width:500px;margin-right:-4px;text-align:left; margin-top:10px; }

.lima{ width:90%; max-width:508px;}
.lima2{ width:90%; max-width:237px;}

#somosvol{width:1000px;vertical-align:middle; text-align:left;}
#somosvol1{width:550px;margin-right:-4px; text-align:left; }
#somosvol2{width:450px;margin-right:-4px;text-align:left; }

#larriba{width:1053px;vertical-align:middle; text-align:left; }
#larriba1{width:280px;margin-right:-4px;}
#larriba2{width:53px;margin-right:-4px;}
#larriba3{width:500px;margin-right:-4px;}
#larriba4{ display:none;}
#larriba5{width:220px;margin-right:-4px;}


#elcable{width:1000px;vertical-align:middle; text-align:left;}
#elcable1{width:100%;margin-right:0px; text-align:left;}
#elcable2{width:689px;margin-right:-4px;text-align:left;}
#elcable3{width:311px;margin-right:-4px;text-align:right; margin-top:127px;}
.texto3{font-size:65px;}
.texto3a{font-size:65px;}
 }

@media screen and (max-width: 1025px)
 {
#aba{width:450px;vertical-align:middle; text-align:center;}
#aba1{width:100%;margin-right:0px; text-align:center; }
#aba2{width:100%;margin-right:0px;text-align:center; margin-top:18px;}
#aba3{width:100%;margin-right:0px;text-align:center; margin-top:0px;}


#certi{width:90%;vertical-align:middle; text-align:center;}
#certi1{width:100%;margin-right:0px; text-align:center; margin-top:5px; }
#certi2{width:100%;margin-right:0px;text-align:center;}

#cableco{width:90%;vertical-align:middle; text-align:left;}
#cableco1{width:100%;margin-right:0px; text-align:left; }
#cableco2{width:100%;margin-right:0px;text-align:left; }
#cableco3{ display:none; }

#cobre{width:100%;vertical-align:middle; text-align:left; background:url(../imagenes/fondo1.jpg) repeat-y center center;}
.texto21{color:#ffffff;}

#somosvol{width:95%;vertical-align:middle; text-align:left;}
#somosvol1{width:100%;margin-right:0px; text-align:left; }
#somosvol2{width:100%;margin-right:0px;text-align:left; }

#tres{width:100%;vertical-align:middle; text-align:left; background-color:#e5e6e7;}
#tres1{width:49.8%;margin-right:-4px; text-align:center; background-color:#d69b4f;border-radius: 0px 0px 30px 30px;
-moz-border-radius: 0px 0px 30px 30px;
-webkit-border-radius: 0px 0px 30px 30px;}
#tres1a{width:100%;margin-right:0px; text-align:center; background-color:#d69b4f;border-radius: 0px 0px 30px 30px;
-moz-border-radius: 0px 0px 30px 30px;
-webkit-border-radius: 0px 0px 30px 30px;}
#tres2{width:1px;margin-right:-4px;text-align:left;}
#tres3{ display:none;}
 }
 
@media screen and (max-width: 1020px)
 {
#contactame{width:80%;}
#contactame1{width:100%;margin-right:0px; text-align:center;}
#contactame2{width:100%;margin-right:0px;text-align:center;  }
#contactame3{width:100%;margin-right:0px;text-align:center;  }

.forma{width:90%;}
#contacto{width:100%; height:400px;vertical-align:middle; text-align:left; background:url(../imagenes/contacto2.jpg) repeat-y center center ;}

#propi{width:90%;vertical-align:middle; text-align:left;}
#propi1{width:100%;margin-right:0px; text-align:center; }
#propi2{width:100%;margin-right:0px;text-align:left; margin-top:30px; }

.lima{ width:90%; max-width:508px;}
.lima2{ width:90%; max-width:237px;}

#elcable{width:90%;vertical-align:middle; text-align:center;}
#elcable1{width:100%;margin-right:0px; text-align:center;}
#elcable2{width:100%;margin-right:0px;text-align:center;}
#elcable3{width:100%;margin-right:0px;text-align:center; margin-top:50px;}

.texto3{font-size:55px;}
.texto3a{font-size:55px;}
 
 }
 
 
@media screen and (max-width:980px)
 {
#beneficios1{  display:none;}
#beneficios3{  display:none;}
#beneficios4{width:100%; position:absolute; left:0; top:0;margin-right:0px; text-align:left; display:block;}
 }
 
 
 @media screen and (max-width: 876px)
 {
#loscaima{width:416px;vertical-align:middle; text-align:center;}
#loscaima1{width:416px;margin-right:0px; text-align:left; }
#loscaima2{ display:none;}	 
 }
 
 
@media screen and (max-width: 800px)
 {
#cableco1{width:100%;margin-right:0px; text-align:center; }
#cableco2{width:100%;margin-right:0px;text-align:center; }

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

#somosvol{width:90%;vertical-align:middle; text-align:center;}
#somosvol1{width:100%;margin-right:0px; text-align:center; }
#somosvol2{width:100%;margin-right:0px;text-align:center; }
.texto14{font-size:40px;}
.texto14a{font-size:40px;}

.texto3{font-size:50px;}
.texto3a{font-size:50px;}

.texto8{font-size:27px;}
.texto9{font-size:27px;}

#tres{width:100%;vertical-align:middle; text-align:left; background-color:#e5e6e7;}
#tres1{width:100%;margin-right:0px; text-align:center; background-color:#d69b4f;border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;}
#tres1a{width:100%;margin-right:0px; text-align:center; background-color:#d69b4f;border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;}
#tres2{ display:none;}
 }

#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -2px;;
  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: #ce9e49;
}
.button_container.active .middle {
  opacity: 0;
  background: #ce9e49;
}
.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: #ce9e49;
}
.button_container span {
  background: #ce9e49;
  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,.95);
    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: .9;
  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%);
  
  font-weight: 700;
  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: 60px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #ce9e49;
  text-decoration: none;
  overflow: hidden;
  font-size: 40px;
  opacity:1; text-transform:uppercase; line-height:110%;font-family:'oswald';
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;color: #eec664; opacity:.7;
}
.overlay ul li a:after {
  font-size: 55px;
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}



@media screen and (max-width:1063px)
 {
#header{ width:100%; height:102px; background:url(../imagenes/farriba2.jpg) no-repeat center center; position:fixed; top:0; left:0; z-index:9999;}

#larriba{width:90%;vertical-align:middle; text-align:left; }
#larriba2{display:none;}
#larriba3{display:none;}
#larriba4{display:none;}
#larriba5{display:none;}

#menumovil{ z-index:9999;position: fixed;top:40px;
  right: 2%;
  height: 27px;
  width: 35px; display:block;}

}



.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:translateY(-6px);}
}

@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(-6px);}
}

@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(-6px);}
}

@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}



.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:translateX(6px);}
}

@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateX(6px);}
}

@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateX(6px);}
}

@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateX(6px);}
}