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

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


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


html{width:100%;
	height:100%;
}

body{width:100%;height:100%;background-color:#ffffff;}


* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity:0;
 }  

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

h1,h2,h3,h4,h5,h6{ display:inline !important; font-weight: 400;}


#elheader{ width:100%; height:61px; top:30px; text-align: center; position:absolute;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; z-index:9998; }

#home{width:100%; height:900px; text-align:center; background:url(../imagenes/home.jpg) no-repeat center center ;background-size:cover;}

.redes{opacity:1;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; cursor:pointer;}
.redes:hover{ opacity: .5;}

.texto1{color:#365542; font-size:90px; line-height: 90%;  text-decoration:none;font-optical-sizing: auto;font-family: 'kepler';}
.texto2{color:#505153; font-size:18px; line-height: 150%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto3{color:#505153; font-size:30px; line-height: 120%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto4{color:#365542; font-size:16px; line-height: 120%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto5{color:#ffffff; font-size:90px; line-height: 100%;  text-decoration:none;font-optical-sizing: auto;font-family: 'kepler';}
.texto6{color:#ffffff; font-size:26px; line-height: 120%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto7{color:#365542; font-size:35px; line-height: 100%;  text-decoration:none;font-optical-sizing: auto;font-family: 'kepler';}
.texto8{color:#365542; font-size:45px; line-height: 100%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto7a{color:#ffffff; font-size:35px; line-height: 100%;  text-decoration:none;font-optical-sizing: auto;font-family: 'kepler';}
.texto8a{color:#ffffff; font-size:45px; line-height: 100%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto9{color:#505153; font-size:43px; line-height: 100%; font-weight: 700;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto10{color:#505153; font-size:35px; line-height: 120%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto11{color:#505153; font-size:18px; line-height: 150%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto12{color:#505153; font-size:20px; line-height: 150%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto13{color:#365542; font-size:13px; line-height: 100%;  text-decoration:underline;font-optical-sizing: auto;font-family: 'univers';}
.texto14{color:#505153; font-size:20px; line-height: 130%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto15{color:#365542; font-size:20px; line-height: 150%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto16{color:#ffffff; font-size:70px; line-height: 90%;  text-decoration:none;font-optical-sizing: auto;font-family: 'kepler';}
.texto17{color:#ffffff; font-size:70px; line-height: 90%;  text-decoration:none;font-optical-sizing: auto;font-family: 'cursiva';}
.texto18{color:#ffffff; font-size:25px; line-height: 100%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto19{color:#ffffff; font-size:20px; line-height: 100%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto20{color:#ffffff; font-size:16px; line-height: 150%;  text-decoration:none;font-optical-sizing: auto;font-family: 'univers';}
.texto21{color:#b0a797; font-size:16px; line-height: 150%;  text-decoration:underline;font-optical-sizing: auto;font-family: 'univers';}


#arriba, #arriba1,#arriba2,#arriba3,#arriba4,#arriba5{display:inline-block;vertical-align:top;}
#arriba{ width:100%; max-width: 1600px;  vertical-align:middle; text-align:center; z-index:9999;}
#arriba1{width:20%; margin-left:-4px; text-align:center; margin-top: 15px;}
#arriba2{width:20%; margin-left:-4px; text-align:center; margin-top: 15px;}
#arriba3{width:20%; margin-left:-4px; text-align:center;}
#arriba4{width:20%; margin-left:-4px; text-align:center; margin-top: 15px;}
#arriba5{width:20%; margin-left:-4px; text-align:center; margin-top: 15px;}


#informacion{width:100%; text-align: center; margin-top: 100px;}

.textosgrales{ width: 90%; max-width:1000px; text-align: center; display: inline-block; }
.textosgrales2{ width: 90%; max-width:520px; text-align: center; display: inline-block; }
.textosgrales3{ width: 90%; max-width:1200px; text-align: left; display: inline-block; }
.textosgrales4{ width: 90%; max-width:370px; text-align: left; display: inline-block; }
.textosgrales5{ width: 90%;  text-align: left; display: inline-block; }


#separador1{width:100%; height:700px; text-align:center; background:url(../imagenes/banner1.jpg) no-repeat center center fixed;background-size:cover;}
#separador2{width:100%; height:700px; text-align:center; background:url(../imagenes/banner2.jpg) no-repeat center center fixed;background-size:cover;}
#rivieramaya{width:100%; height:600px; text-align:center; background:url(../imagenes/banner4.jpg) no-repeat center center;background-size:cover;}
#espana{width:100%; height:600px; text-align:center; background:url(../imagenes/banner6.jpg) no-repeat center center;background-size:cover;}
#rivieramayamovil,#espanamovil{ display: none;}


#teayudamos{width:100%; text-align: center; }

#ayuda, #ayuda1,#ayuda2,#ayuda3{display:inline-block;vertical-align:top;}
#ayuda{ width:95%; max-width: 1600px;  vertical-align:middle; text-align:center; z-index:9999;}
#ayuda1{width:40%; margin-left:-4px; text-align:left;  margin-top: 12px;}
#ayuda2{width:30%; margin-left:-4px; text-align:left; margin-top: 8px; }
#ayuda3{width:30%; margin-left:-4px; text-align:right; }

#porque{width:100%; text-align: center; background-color: #365542; }

.elren{ height: 250px;}

.lafle{ width: 90%; max-width:338px ;}

.bolita{width: 111px; height: 111px;}

#fotos, #fotos1,#fotos2,#fotos3{display:inline-block;vertical-align:top;}
#fotos{ width:100%; vertical-align:middle; text-align:center; z-index:9999;}
#fotos1{width:32.7%; height: 600px; margin-left:-4px; border-left: 4px solid #ffffff; border-right: 4px solid #ffffff; border-top: 8px solid #ffffff; border-bottom: 8px solid #ffffff; text-align:center; background:url(../imagenes/s1.jpg) no-repeat center center ;background-size:cover;}
#fotos2{width:32.7%; height: 600px; margin-left:-4px; border-left: 4px solid #ffffff; border-right: 4px solid #ffffff; border-top: 8px solid #ffffff; border-bottom: 8px solid #ffffff;  text-align:center; background:url(../imagenes/s2.jpg) no-repeat center center ;background-size:cover;}
#fotos3{width:32.7%; height: 600px; margin-left:-4px; border-left: 4px solid #ffffff; border-right: 4px solid #ffffff; border-top: 8px solid #ffffff; border-bottom: 8px solid #ffffff;  text-align:center; background:url(../imagenes/s3.jpg) no-repeat center center ;background-size:cover;}

#servicios{width:100%; text-align: center; background-color: #ffffff; }

#servi, #servi1,#servi2,#servi3,#servi4,#servi5{display:inline-block;vertical-align:top;}
#servi{ width:95%; max-width: 1600px;  vertical-align:middle; text-align:center; z-index:9999;}
#servi1{width:65%; margin-left:-4px; text-align:left; margin-top: 8px; }
#servi2{width:35%; margin-left:-4px; text-align:right; }
#servi3{width:100%; margin-left:0px; text-align:left; }
#servi4{width:100%; margin-left:0px; text-align:left; }
#servi5{width:100%; margin-left:0px; text-align:left; }


#cuadri, #cuadri1,#cuadri2,#cuadri3,#cuadri4{display:inline-block;vertical-align:top;}
#cuadri{ width:100%; vertical-align:middle; text-align:left; z-index:9999;}
#cuadri1{width:33.3%; margin-left:-4px; text-align:center; margin-top: 8px;  }

#subcuadri, #subcuadri1,#subcuadri2{display:inline-block;vertical-align:top;}
#subcuadri{ width:80%; vertical-align:middle; text-align:center; z-index:9999; }
#subcuadri1{width:15%; margin-left:-4px; text-align:left; }
#subcuadri2{width:85%; margin-left:-4px; text-align:left; }

.cuadri{ width: 90%; text-align:center; border:1px solid #365542;text-decoration:none; display: inline-block;padding-top: 50px;padding-bottom: 50px;}

#ubicaciones{width:100%; text-align: center; background-color: #365542; }

#sma, #sma1,#sma2,#sma3{display:inline-block;vertical-align:top;}
#sma{ width:100%; vertical-align:middle; text-align:center; z-index:9999;}
#sma1{width:40%; height: 600px; margin-left:-4px; text-align: center;}
#sma2{width:60%;margin-left:-4px; }
#sma3{ display: none;}

.sma{ width: 100% - 15px; height: 600px;  border-right: 15px solid #ffffff; border-top: 15px solid #ffffff; border-bottom: 15px solid #ffffff;  text-align:center; background:url(../imagenes/banner3.jpg) no-repeat center center ;background-size:cover;}

.panama{ width: 100% - 15px; height: 600px;  border-right: 15px solid #ffffff; border-top: 15px solid #ffffff; border-bottom: 15px solid #ffffff;  text-align:center; background:url(../imagenes/banner7.jpg) no-repeat center center ;background-size:cover;}

.cdmx{ width: 100% - 15px; height: 600px;  border-right: 15px solid #ffffff; border-top: 15px solid #ffffff; border-bottom: 15px solid #ffffff;  text-align:center; background:url(../imagenes/banner5.jpg) no-repeat center center ;background-size:cover;}

#rivieramaya2{width:100%; text-align: center;} 
    
#espanainfo{width:100%; text-align: center;} 

#info, #info1,#info2,#info3,#info4,#info5{display:inline-block;vertical-align:top;}
#info{ width:95%; max-width: 1600px;  vertical-align:middle; text-align:center; z-index:9999;}
#info1{width:35%; margin-left:-4px; text-align:left;}
#info2{width:35%; margin-left:-4px; text-align:left; }
#info3{width:30%; margin-left:-4px; text-align:left;}
    

#contacto{width:100%; text-align: center; background-color: #365542; }


#formas, #formas1,#formas2,#formas3,#formas4,#formas5{display:inline-block;vertical-align:top;}
#formas{ width:1000px; vertical-align:middle; text-align:center; z-index:9999;}
#formas1{width:33.3%; margin-left:-4px; text-align:center;}
#formas2{width:33.3%; margin-left:-4px; text-align:center; }
#formas3{width:33.3%; margin-left:-4px; text-align:center;}

.lali{ width: 100%; height:1px ; background-color:#728074 ;}

.lata{ display: inline-block;}


#formal, #formal1,#formal2,#formal3{display:inline-block;vertical-align:top;}
#formal{ width:95%; max-width: 1600px;  vertical-align:middle; text-align:center; z-index:9999;}
#formal1{width:20%; margin-left:-4px; text-align:left; }
#formal2{width:40%; margin-left:-4px; text-align:left; }
#formal3{width:40%; margin-left:-4px; text-align:left; }


::placeholder{color:#ffffff; opacity: .8;}

.forma2{text-align:left;HEIGHT:40px;width:90%;border:1; border:0; font-size:13PX; background-color: transparent; color:#ffffff;
border-top: 0px solid ;
  border-right: 0px solid ;
  border-bottom: 1px solid #728074;
  border-left: 0px solid ; font-family: 'univers';
}

.boto5{ text-align:center; font-size:14px; line-height: 50px; text-transform: uppercase;  height: 50px; border:0;color:#ffffff; background-color: transparent; text-decoration: underline;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; font-weight:400; cursor: pointer; display: inline-block; }

.boto2{ text-align:center; font-size:13px; line-height: 40px; text-transform: uppercase; height: 40px; border:1px solid #365542;color:#365542; background-color: transparent; text-decoration:none;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; font-weight:700; cursor: pointer; display: inline-block;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; padding-left: 30px; padding-right: 30px;font-family: 'univers'; opacity: 1;}
.boto2:hover{ background-color: #cadacb; border:1px solid #cadacb;}

.boto2a{ text-align:center; font-size:13px; line-height: 40px; text-transform: uppercase; height: 40px; border:1px solid #ffffff;color:#ffffff; background-color: transparent; text-decoration:none;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; font-weight:700; cursor: pointer; display: inline-block;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; padding-left: 30px; padding-right: 30px;font-family: 'univers'; opacity: 1;}
.boto2a:hover{ background-color: #5e8162; border:1px solid #5e8162;}

#foot, #foot1,#foot0{display:inline-block;vertical-align:top;}
#foot{ width:100%; max-width: 1600px;  vertical-align:middle; text-align:center; z-index:9999;}
#foot1{width:33%; margin-left:-4px; text-align:center; margin-top: 15px; padding-bottom: 15px;}
#foot0{width:1px; height: 54px; margin-left:-4px; background-color:#728074; text-align:center;}


@media screen and (max-width:1400px)
 {
#rivieramaya{height:500px; }
#espana{height:500px; }     
     
#sma1{height: 500px;}
.sma,.panama,.cdmx{height: 500px; }     
     
#fotos1{width:32.7%; height: 500px;}
#fotos2{width:32.7%; height: 500px;}
#fotos3{width:32.7%; height: 500px;}     
     
.texto6{font-size:22px; }    
     
.texto1,.texto5{font-size:90px;}

#separador1,#separador2{height:600px;}
     
}

@media screen and (max-width:1300px)
 {
#ayuda1{width:50%; margin-left:-4px; text-align:left;  margin-top: 12px;}
#ayuda2{width:20%; margin-left:-4px; text-align:left; margin-top: 12px; }
#ayuda3{width:30%; margin-left:-4px; text-align:right; }
}
     
@media screen and (max-width:1200px)
 {
#formal1{width:25%; margin-left:-4px; text-align:left; }
#formal2{width:35%; margin-left:-4px; text-align:left; }
#formal3{width:40%; margin-left:-4px; text-align:left; }     
     
#rivieramaya{height:400px; }
#espana{height:400px; }     
     
.texto8,.texto8a{font-size:40px; }     
     
#fotos1{width:32.5%; height: 400px;}
#fotos2{width:32.5%; height: 400px;}
#fotos3{width:32.5%; height: 400px;}       
     
#separador1,#separador2{height:500px;}     
     
.texto1,.texto5{font-size:80px;}
.texto3{ font-size:25px;}     
}

@media screen and (max-width:1120px)
 {
#info{ width:90%;}     
 #info1{width:100%; margin-left:0px; text-align:left;}
#info2{width:50%; margin-left:-4px; text-align:left; }
#info3{width:50%; margin-left:-4px; text-align:left;}    
}
     
@media screen and (max-width:1100px)
 {
.texto10{font-size:30px; }
.texto11{font-size:16px; }     
     
.texto6{font-size:19px; } 
}
     
@media screen and (max-width:1020px)
 {
#foot1{width:100%; margin-left:0px; text-align:center; margin-top: 15px; padding-bottom: 15px;}
#foot0{ display: none;}     
     
     
#formal1{width:100%; margin-left:0px; text-align:center; }
#formal2{width:100%; margin-left:0px; text-align:center; }
#formal3{width:100%; margin-left:0px; text-align:center; }      
  
.forma2{text-align:center;}     
     
#formas{ width:90%; vertical-align:middle; text-align:center; z-index:9999;}
#formas1{width:100%; margin-left:0px; text-align:center;}
#formas2{width:100%; margin-left:0px; text-align:center; margin-top: 25px; }
#formas3{width:100%; margin-left:0px; text-align:center; margin-top: 25px;}     
     
 #info1{width:100%; margin-left:0px; text-align:center;}
#info2{width:100%; margin-left:0px; text-align:center; }
#info3{width:100%; margin-left:0px; text-align:center;}         
   
.textosgrales5{ width: 100%; text-align: center;}     
     
#sma1{width:100%; height: 250px; margin-left:0px; text-align: center;}
#sma2{width:100%;margin-left:0px; }
#sma3{width:100%;margin-left:0px; display: inline-block; }
     
.cdmx{ display: none;}     
     
.sma,.panama{width: 100%; height: 400px;  border-right:0; }     
.cdmx2{ width: 100%; height: 400px;  border-right:0;   border-top: 15px solid #ffffff; border-bottom: 15px solid #ffffff;  text-align:center; background:url(../imagenes/banner5.jpg) no-repeat center center ;background-size:cover; display: block;} 
     
     
#rivieramaya{ display: none;}
#espana{display: none;}       
     
#rivieramayamovil{ display: block; width:100%; height:350px; text-align:center; background:url(../imagenes/banner4.jpg) no-repeat center center;background-size:cover;}
#espanamovil{ display: block; width:100%; height:350px; text-align:center; background:url(../imagenes/banner6.jpg) no-repeat center center;background-size:cover;}      
     
.textosgrales4{ width: 90%; max-width:800px; text-align: center; display: inline-block; }     
     
#ayuda1{width:100%; margin-left:0px; text-align:center;  margin-top: 0px;}
#ayuda2{ display: none;}
#ayuda3{width:100%; margin-left:0px; text-align:center; margin-top: 20px;  }
}

@media screen and (max-width:1000px)
 {
     
.texto8,.texto8a{font-size:35px; }      
     
#servi1{width:100%; margin-left:0px; text-align:center; margin-top: 0px; }
#servi2{width:100%; margin-left:0px; text-align:center; margin-top: 40px;  }     
#servi3{width:100%; margin-left:0px; text-align:center; }

.textosgrales3{ text-align:center; }     
     
#cuadri{ width:100%; vertical-align:middle; text-align:left; z-index:9999;}
#cuadri1{width:100%; margin-left:0px; text-align:center; margin-top: 30px;  }     
     
#fotos1{width:32.5%; height: 300px;}
#fotos2{width:32.5%; height: 300px;}
#fotos3{width:32.5%; height: 300px;}       
     
#separador1,#separador2{height:400px;text-align:center; background:url(../imagenes/banner1.jpg) no-repeat center center;background-size:cover;}     
     
.texto1,.texto5{font-size:70px;}
}



@media screen and (max-width:800px)
 {
.texto16{font-size:60px;}
.texto17{font-size:60px;}     
     
#rivieramayamovil{height:300px; }
#espanamovil{ height:300px; }      
     
.texto14{font-size:17px; line-height: 110%;}         
     
.sma,.panama,.cdmx2{height: 350px;}     
     
.texto8,.texto8a{font-size:30px; }      
     
#fotos1{width:32.2%; height: 200px;}
#fotos2{width:32.2%; height: 200px;}
#fotos3{width:32.2%; height: 200px;}       
     
.elren{ height: 200px;}     
     
.texto6{font-size:16px; }      
     
.texto1,.texto5{font-size:60px;}
}



@media screen and (max-width:700px)
 { 
.texto16{font-size:50px;}
.texto17{font-size:50px;}
     
.elren{ height: 100px;}     
.bolita{width: 80px; height: 80px;}
     
#separador1,#separador2{height:300px;}
     
.texto1,.texto5{font-size:50px;}
}


@media screen and (max-width:600px)
 {
#separador1{height:150px;}     
     
.sma,.panama,.cdmx2,#rivieramayamovil, #espanamovil{height: 300px;}       
     
#fotos1{width:30%; height: 160px;}
#fotos2{width:30%; height: 160px;}
#fotos3{width:30%; height: 160px;} 
}


#menumovil{ display:none;}

@media screen and (max-width:1100px)
 {
#arriba{ text-align: left; width: 90%;}
#arriba1,#arriba2,#arriba4,#arriba5{ display: none;}
     
#menumovil{ z-index:9999;position: absolute;
  right: 30px;
  height: 27px;
        top: 15px;
  width: 35px; display:block;}
}


.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: #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: #365542;
  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 {
	background-color:rgba(54,85,66,.9);  position: fixed;
    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: fadeInUp .8s ease forwards;
  -moz-animation: fadeInUp .8s ease forwards;
          animation: fadeInUp .8s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .65s;
  -moz-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .75s;
  -moz-animation-delay: .75s;
          animation-delay: .75s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .85s;
  -moz-animation-delay: .85s;
          animation-delay: .85s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: .95s;
  -moz-animation-delay: .95s;
          animation-delay: .95s;
}
.overlay nav {
  position: relative;
  top: 40%; left:5%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  text-align: center;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%; width:100%;
}
.overlay ul li {
  display: inline-block;
  position: relative;
  opacity: 0;
  min-width:18%; text-align:center;
}
.overlay ul li a {
  display: inline-block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 37px;
  opacity:1; line-height: 150%; text-transform: uppercase; font-family: 'univers';
}
.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;opacity:.8;color:#aaa292;
}



 .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(10px);}
}
@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(10px);}
}
@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(10px);}
}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(10px);}
} 


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



/* Radial Out */
.hvr-radial-out {
  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;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;  font-size: 15px; color: #505153;
  transition-duration: 0.3s;border-radius:20px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-transform: uppercase; font-family: 'univers'; text-transform: uppercase; text-decoration: none;
}
.hvr-radial-out:before {
  content: "";border-radius:20px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #365542;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover{
  color: #ffffff; text-decoration: underline;
}
.hvr-radial-out:hover:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

@media screen and (max-width:1160px)
 {
     .hvr-radial-out { font-size: 14px;}
}