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

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

html,body{width:100%;height:100%; background-color: #5979b9;font-family: "Poppins", sans-serif;}


*{
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}

 *:focus { 
    outline: none; 
} 


#slide1{text-align:center;width:100%; height: 100%; min-height:900px; background:url("../imagenes/fondo.jpg") no-repeat center center fixed ;background-size:cover;  }
#flechahome{text-align:center;width:90%; max-width: 1600px; left: 5%; height:65px; margin-top: 700px; position: absolute;}


#elheader{ width:100%; height:80px; text-align: center; z-index:9999; position:absolute; top:0px; }
#invi{ width: 100%; height: 117px;}

.texto1{color:#f5e33f;font-size:60px; font-weight: 700; line-height: 110%; text-decoration:none; text-transform: uppercase;text-shadow: 3px 0px 2px rgba(0,0,0,0.4);}
.texto2{color:#467abd;font-size:61px; font-weight: 700; line-height: 110%; text-decoration:none; text-transform: uppercase;}
.texto3{color:#000000;font-size:33px; font-weight: 500; line-height: 100%; text-decoration:none;}
.texto4{color:#ebebeb;font-size:65px; font-weight: 700; line-height: 100%; text-decoration:none;}
.texto5{color:#f5e33f;font-size:65px; font-weight: 700; line-height: 100%; text-decoration:none; text-transform: uppercase;}
.texto6{color:#ffffff;font-size:22px; font-weight: 400; line-height: 140%; text-decoration:none;}
.texto7{color:#ffffff;font-size:18px; font-weight: 400; line-height: 140%; text-decoration:none;}
.texto8{color:#f5e33f;font-size:18px; font-weight: 700; line-height: 140%; text-decoration:none;}
.texto9{color:#1d418a;font-size:65px; font-weight: 400; line-height: 100%; text-decoration:none;}
.texto10{color:#1d418a;font-size:65px; font-weight: 700; line-height: 100%; text-decoration:none; }
.texto11{color:#ffffff;font-size:14px; font-weight: 400; line-height: 140%; text-decoration:none;}


#arriba, #arriba1,#arriba2,#arriba3,#arriba4{display:inline-block;vertical-align:top; }
#arriba{ width:1300px;vertical-align:middle; text-align:left; }
#arriba1{width:170px;margin-right:-4px; text-align:left;z-index:1; margin-top: 20px;}
#arriba2{width:802px; margin-right:-4px;text-align:center; z-index:1; margin-top: 50px; }
#arriba3{width:328px; margin-right:-4px;text-align:right; margin-top: 40px;  }

.nuco{ width: 95%; max-width: 1360px;}


#bienvenidos{text-align:center;width:100%; background:url("../imagenes/fondo2.jpg") no-repeat center center fixed ;background-size:cover;  }

.infotext{ width: 90%; max-width: 850px; display: inline-block; text-align: center; z-index: 9999;}
.infotext2{ width: 90%; max-width: 650px; display: inline-block; text-align: center; z-index: 9999;}


#bien, #bien1{display:inline-block;vertical-align:top; }
#bien{ width: 100%; max-width:1280px;vertical-align:middle; text-align:center; }
#bien1{width:320px;margin-right:-4px; text-align:center;}


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

.ser{background-color: #dce3eb; font-size: 18px; color: #1d418a; font-weight: 500; padding: 10px; padding-left: 20px; padding-right: 20px; border-radius: 100px 100px 100px 100px;
-moz-border-radius: 100px 100px 100px 100px;
-webkit-border-radius: 100px 100px 100px 100px;}

#servi, #servi1,#servi2,#servi3,#servi4{display:inline-block;vertical-align:top; }
#servi{ width:1300px;vertical-align:middle; text-align:center; }
#servi1{width:300px;margin-right:-4px; text-align:center;}
#servi2{width:320px; margin-right:-4px;text-align:center; }
#servi3{width:300px; margin-right:-4px;text-align:center;}
#servi4{width:380px; margin-right:-4px;text-align:center;}

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

#contactame, #contactame1,#contactame2,#contactame3,#contactame4,#contactame5{display:inline-block;vertical-align:top; }
#contactame{ width: 1300px; max-width:1600px;vertical-align:middle; text-align:center; }
#contactame1{width:450px;margin-right:-4px; text-align:left;}
#contactame2{width:850px; margin-right:-4px;text-align:left;margin-top: 70px; }
#contactame3{ width: 100%; height: 1px; background-color: #5989c9;}
#contactame4{width:50%;margin-right:-4px; text-align:left;}
#contactame5{width:50%;margin-right:-4px; text-align:right;}


.infotext3{ width: 80%;  display: inline-block; text-align: left;}

#foot, #foot1,#foot2,#foot3,#foot4{display:inline-block;vertical-align:top; }
#foot{ width: 90%; max-width:1600px;vertical-align:middle; text-align:left; }
#foot1{width:33.3%;margin-right:-4px; text-align:left; }
#foot2{width:33.4%; margin-right:-4px;text-align:center; }
#foot3{width:33.3%; margin-right:-4px;text-align:right; }

#cuadro, #cuadro1,#cuadro2{display:inline-block;vertical-align:top;}
#cuadro{ width: 100%; max-width:1400px;  vertical-align:middle; text-align:center;}
#cuadro1{width:33.3%;  margin-left:-4px; text-align:left;  }
#cuadro2{width:66.6%;  margin-left:-4px;text-align:right; }


::placeholder{color:#FFFFFF;}

.forma2{text-align:left;HEIGHT:53px;width:98%;border:1; border:0; font-size:14PX;font-weight:400; background-color:#5989c9;  color:#FFFFFF; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;border:0;
}

.boto5{ text-align:center; font-size:14px; line-height: 55px; text-transform: uppercase; width: 98%; max-width: 1050px; height: 55px; border:0;color:#477abc; background-color: #fce422; 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;}
.boto5:hover{background-color: #e8e8e8;}


@media screen and (max-width:1320px){
#contactame{ width: 1200px;  }
#contactame2{width:750px;  }    
    
#arriba{ width:1200px; }
#arriba2{width:702px;  }

#servi{ width:680px;vertical-align:middle; text-align:center; }    
}

@media screen and (max-width:1220px){
#contactame{ width: 1000px;  }
#contactame1{width:400px;  }
#contactame2{width:600px; margin-top: 45px;  }      
    
.texto1,.texto2,.texto4,.texto5,.texto9,.texto10{font-size:60px; }
 }


@media screen and (max-width:1020px){
#contactame{ width: 90%;  }    
#contactame1, #contactame2, #contactame4, #contactame5{ width: 100%; text-align: center; margin-right: 0;}    
 #contactame2{ margin-top: 0;  }   
 
#cuadro1{width:100%;  margin-left:0px; text-align:center;  }
#cuadro2{width:100%;  margin-left:0px;text-align:center; }    
  
    
#slide1{text-align:center;width:100%; height: 100%; min-height:800px; background:url("../imagenes/fondo.jpg") no-repeat center center ;background-size:cover;  }
#bienvenidos{text-align:center;width:100%; background:url("../imagenes/fondo2.jpg") no-repeat center center ;background-size:cover;  }    
    
.texto1,.texto2{font-size:55px; }
 }

@media screen and (max-width:820px){
.texto1,.texto2,.texto4,.texto5,.texto9,.texto10{font-size:50px; }
 }

@media screen and (max-width:700px){
#servi{ width:380px;vertical-align:middle; text-align:center; }
#servi1{width:300px;margin-right:0px; text-align:center;}
#servi2{width:320px; margin-right:0px;text-align:center; }
#servi3{width:300px; margin-right:0px;text-align:center;}
#servi4{width:380px; margin-right:0px;text-align:center;}
 }


@media screen and (max-width:620px){
.texto1,.texto2,.texto4,.texto5,.texto9,.texto10{font-size:45px; }
 }




#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -10px;;
  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: .9;
}
.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: #5979b9;
  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(89,121,185,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:1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .5s ease forwards;
  -moz-animation: fadeInUp .5s ease forwards;
          animation: fadeInUp .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.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .60s;
  -moz-animation-delay: .60s;
          animation-delay: .60s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: .65s;
  -moz-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay.open li:nth-of-type(8) {
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
          animation-delay: .7s;
}
.overlay.open li:nth-of-type(9) {
  -webkit-animation-delay: .75s;
  -moz-animation-delay: .75s;
          animation-delay: .75s;
}
.overlay.open li:nth-of-type(10) {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
          animation-delay: .8s;
}
.overlay.open li:nth-of-type(11) {
  -webkit-animation-delay: .85s;
  -moz-animation-delay: .85s;
          animation-delay: .85s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 40%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 900;
  text-align: center;
  margin-right:0;
}
.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: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 35px;
  opacity:1;
  font-weight:700; text-transform: uppercase; 
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;color: #cecee6; text-decoration:underline;
  opacity:.8;-webkit-transition: .25s;
  transition: .25s;
}
.overlay ul li a:after {
  
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
}
.subme {  width: 100%;font-size: 32px;color: #ffffff; font-weight:600; }


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

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


@media screen and (max-width:1220px){
#arriba{width:90%;vertical-align:middle; text-align:left; }
#arriba2,#arriba3{ display:none;}
    

#menumovil{ z-index:9999;position: absolute;top: 50px;
  right: 30px;
  height: 27px;
  width: 35px; display:block; z-index:999;}

#elheader{ z-index:9999;}
}





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


.ampliar{
-webkit-transform:scale(1);
-webkit-transition-duration: 0.6s;
-webkit-opacity: 1;

-moz-transform:scale(1);
-moz-transition-duration: 0.6s;
-moz-opacity: 1;

-ms-transform:scale(1);
-ms-transition-duration: 0.6s;
-ms-opacity: 1;
}
.ampliar:hover{
-webkit-transform:scale(1.1);
-webkit-opacity:.8;
-webkit-transition-duration: 0.6s;

-moz-transform:scale(1.1);
-moz-opacity:.8;
-moz-transition-duration: 0.6s;

-ms-transform:scale(1.1);
-ms-opacity:.8;
-ms-transition-duration: 0.6s;

}


/* Underline From Center */
.hvr-underline-from-center {
  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: 14px; font-weight: 700; text-transform: uppercase; 
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #5979b9;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before {
  left: 0;
  right: 0;
}