@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html,body{width:100%;height:100%; background-color: #2a2a36;}


*{
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:800px;  }
#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:fixed; top:0px; background-color: #2a2a36;}
#invi{ width: 100%; height: 117px;}

.texto1{color:#cecee6;font-size:8vw; font-weight: 500; line-height: 100%; text-decoration:none; text-transform: uppercase; font-family: "Raleway", sans-serif;}
.texto1a{color:#2a2a36;font-size:8vw; font-weight: 500; line-height: 100%; text-decoration:none; text-transform: uppercase; font-family: "Raleway", sans-serif;}
.texto2{color:#e9e9e9;font-size:16px; font-weight: 400; line-height: 180%; text-decoration:none; font-family: "Raleway", sans-serif;}
.texto2a{color:#9d9d9d;font-size:16px; font-weight: 400; line-height: 180%; text-decoration:none; font-family: "Raleway", sans-serif;}
.texto3{color:#2a2a36;font-size:17px; font-weight: 500; line-height: 150%; text-decoration:none; font-family: "Raleway", sans-serif;}
.texto3a{color:#e9e9e9;font-size:17px; font-weight: 400; line-height: 150%; text-decoration:none; font-family: "Raleway", sans-serif;}
.texto4{color:#858585;font-size:20px; font-weight: 600; line-height: 120%; text-decoration:none; font-family: "Raleway", sans-serif;}
.texto4a{color:#e9e9e9;font-size:20px; font-weight: 600; line-height: 120%; text-decoration:none; font-family: "Raleway", sans-serif;}
.texto5{color:#2a2a36;font-size:57px; font-weight: 600; line-height: 100%; text-decoration:none;font-family: "Raleway", sans-serif; text-transform: uppercase;}
.texto5a{color:#cecee6;font-size:57px; font-weight: 600; line-height: 100%; text-decoration:none;font-family: "Raleway", sans-serif; text-transform: uppercase;}
.texto6{color:#e9e9e9;font-size:15px; font-weight: 400; line-height: 160%; text-decoration:none; font-family: "Raleway", sans-serif;}
.texto7{color:#e9e9e9;font-size:14px; font-weight: 400; line-height: 150%; text-decoration:none; font-family: "Raleway", sans-serif;}
.texto8{color:#e9e9e9;font-size:20px; font-weight: 700; line-height: 150%; text-decoration:none; font-family: "Inter", sans-serif;}

#arriba, #arriba1,#arriba2,#arriba3,#arriba4{display:inline-block;vertical-align:top; }
#arriba{ width: 90%; max-width:1600px;vertical-align:middle; text-align:left; }
#arriba1{width:15%;margin-right:-4px; text-align:left;z-index:1; margin-top: 10px;}
#arriba2{width:65%; margin-right:-4px;text-align:center; z-index:1; margin-top: 10px; }
#arriba3{width:20%; margin-right:-4px;text-align:right; margin-top: 10px;  }
#arriba4{width:100%; margin-right:0px;text-align:right; height: 1px; background-color: #646470;margin-top: 10px;  }


#elmenu, #elmenu1,#elmenu2,#elmenu3,#elmenu4,#elmenu5{display:inline-block;vertical-align:top; }
#elmenu{width:100%;vertical-align:middle; text-align:center; margin-top: 10px; }
#elmenu1{width:65px;margin-right:-4px; text-align:right;}
#elmenu2{width:145px;margin-right:-4px;text-align:right;}
#elmenu3{width:197px;margin-right:-4px;text-align:right;}
#elmenu4{width:120px;margin-right:-4px;text-align:left;}
#elmenu5{width:110px;margin-right:-4px;text-align:right; }

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

.infotext{ width: 90%; max-width: 1600px; display: inline-block; text-align: left;}

#lin, #lin1,#lin2,#lin3{display:inline-block;vertical-align:top; }
#lin{ width: 90%; max-width:1600px;vertical-align:middle; text-align:left; }
#lin1{width:10%;margin-right:-4px; text-align:left;z-index:1; margin-top: 10px;}
#lin2{width:45%; margin-right:-4px;text-align:left; z-index:1; margin-top: 10px; }
#lin3{width:45%; margin-right:-4px;text-align:right; margin-top: 10px;  }

#nosotros{ width: 100%; text-align: center; background-color: #d8e1e6;}


#nos, #nos1,#nos2,#nos0{display:inline-block;vertical-align:top; }
#nos{ width: 90%; max-width:1600px;vertical-align:middle; text-align:left; }
#nos1{width:40%;margin-right:-4px; text-align:left; }
#nos2{width:50%; margin-right:-4px;text-align:left; }
#nos0{width:10%; margin-right:-4px;text-align:right; }


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

.cuadro{color:#2a2a36;font-size:55px; font-weight: 700; line-height: 100%; text-decoration:none;font-family: "Inter", sans-serif;}

#contador, #contador1,#contador2,#contador3,#contador4{display:inline-block;vertical-align:top; }
#contador{ width: 90%; max-width:1600px;vertical-align:middle; text-align:left; }
#contador1{width:22%;margin-right:-4px; text-align:left; }
#contador2{width:28%; margin-right:-4px;text-align:center; }
#contador3{width:28%; margin-right:-4px;text-align:center; }
#contador4{width:22%; margin-right:-4px;text-align:right; }


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


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

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

.infotext2{ width: 80%;  display: inline-block; text-align: center;}

#lasdi, #lasdi1,#lasdi2,#lasdi3,#lasdi4{display:inline-block;vertical-align:top; }
#lasdi{ width: 100%; max-width:1600px;vertical-align:middle; text-align:left; }
#lasdi1{width:25%;margin-right:-4px; text-align:center; }
#lasdi2{width:25%; margin-right:-4px;text-align:center; }
#lasdi3{width:25%; margin-right:-4px;text-align:center; }
#lasdi4{width:25%; margin-right:-4px;text-align:center; }

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

#contactame, #contactame1,#contactame2,#contactame3,#contactame4{display:inline-block;vertical-align:top; }
#contactame{ width: 90%; max-width:1600px;vertical-align:middle; text-align:center; }
#contactame1{width:20%;margin-right:-4px; text-align:left;}
#contactame2{width:40%; margin-right:-4px;text-align:left;margin-top: 40px; }
#contactame3{width:40%; margin-right:-4px;text-align:left;margin-top: 40px;  }

.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; }

::placeholder{color:#929292;}

.forma2{text-align:left;HEIGHT:40px;width:100%;border:1; border:0; font-size:13PX;font-weight:400; background-color: transparent;  color:#929292;
border-top: 0px solid red;
  border-right: 0px solid red;
  border-bottom: 1px solid #e9e9e9;
  border-left: 0px solid red; 
    font-family: "Raleway", sans-serif;
}

.boto5{ text-align:center; font-size:13px;  text-transform: uppercase; width: 150px; height: 40px; border:0;color:#c4c4db; background-color: #4068a8; text-decoration:none;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; font-weight:400; cursor: pointer; display: inline-block;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; font-family: "Raleway", sans-serif;}
.boto5:hover{background-color: #30305b; }

@media screen and (max-width:1620px){
    
#lasdivisiones{width:100%; text-align:center; background:url("../imagenes/fondo2.jpg") no-repeat center center  ;background-size:cover;}
#lasdi{ width: 100%; max-width:900px;}    
#lasdi1{width:50%;margin-right:-4px; text-align:center; }
#lasdi2{width:50%; margin-right:-4px;text-align:center; }
#lasdi3{width:50%; margin-right:-4px;text-align:center; margin-top: 100px; }
#lasdi4{width:50%; margin-right:-4px;text-align:center; margin-top: 100px;  }
}

@media screen and (max-width:1420px){
#contactame1{width:30%;margin-right:-4px; text-align:left;}
#contactame2{width:30%; margin-right:-4px;text-align:left;margin-top: 40px; }
#contactame3{width:40%; margin-right:-4px;text-align:left;margin-top: 40px;  }    
    
.texto5{font-size:52px;}    
    
#slide1{ height:700px;  } 
}




@media screen and (max-width:1220px){
.texto5{font-size:50px;}     
    
#slide1{ height:600px;  } 
}

@media screen and (max-width:1120px){
 #contactame1{width:50%;margin-right:-4px; text-align:left;}
#contactame2{width:50%; margin-right:-4px;text-align:left;margin-top: 40px; }
#contactame3{width:100%; margin-right:0px;text-align:left;margin-top: 40px;  }   
}

@media screen and (max-width:1020px){
#nos1{width:100%;margin-right:0px; text-align:center; }
#nos2{width:100%; margin-right:0px;text-align:center; }
#nos0{ display: none;}    
    
#slide1{ height:500px;  } 

.infotext{ text-align: center;}
    
#lin{ width: 90%; max-width:1600px;vertical-align:middle; text-align:center; }
#lin1{ display: none;}
#lin2{width:100%; margin-right:0px;text-align:center; z-index:1; margin-top: 0px; }
#lin3{width:100%; margin-right:0px;text-align:center; margin-top: 20px;  }    
    
}


@media screen and (max-width:970px){
.infotext2{ width: 100%;  display: inline-block; text-align: center;}

}


@media screen and (max-width:920px){
.infotext2{ width: 100%;  display: inline-block; text-align: center;}

#lasdi{ width: 90%; max-width:500px;vertical-align:middle; text-align:center; }    
#lasdi1{width:100%;margin-right:0px; text-align:center; }
#lasdi2{width:100%; margin-right:0px;text-align:center; padding-top: 100px;  }
#lasdi3{width:100%; margin-right:0px;text-align:center; padding-top: 100px; }  
#lasdi4{width:100%; margin-right:0px;text-align:center; padding-top: 100px; }  
}

@media screen and (max-width:820px){
.infotext3{text-align:center;}    
    
#contactame1{width:100%;margin-right:0px; text-align:center;}
#contactame2{width:100%; margin-right:0px;text-align:center;margin-top: 40px; }    
  #contactame3{width:100%; margin-right:0px;text-align:center;margin-top: 40px; }    

.forma2,.boto5{text-align:center;}

    
#foot1{width:100%;margin-right:0px; text-align:center; }
#foot2{width:100%; margin-right:0px;text-align:center; margin-top: 30px; }
#foot3{width:100%; margin-right:0px;text-align:center; margin-top: 30px; }    
    
.texto5{font-size:45px;}     
    
#slide1{ height:400px;  } 

#contador1{width:50%;margin-right:-4px; text-align:center; margin-top: 0px;}
#contador2{width:50%; margin-right:-4px;text-align:center; margin-top: 0px; }
#contador3{width:50%; margin-right:-4px;text-align:center; margin-top: 40px; }
#contador4{width:50%; margin-right:-4px;text-align:center; margin-top: 40px; }    
    
}

@media screen and (max-width:620px){
.texto5{font-size:40px;}     
    
#slide1{ height:300px;  } 
.cuadro{font-size:50px; }   
}




#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: #ffffff;
  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(42,42,54,.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: 40px;
  opacity:1;
  font-weight:600; text-transform: uppercase; font-family: "Raleway", sans-serif;
}
.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 {
  font-size: 40px;
  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:1020px){
#arriba{width:90%;vertical-align:middle; text-align:left; }
#arriba2,#arriba3{ display:none;}
    

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

#elheader{ z-index:9999;}
}




.ball {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
opacity: 1;   -moz-transform: translateY(5px); }

    100% {
opacity: 1;  -moz-transform: translateY(-5px);   }
}



@-webkit-keyframes spin {
    0% {
opacity: 1; -webkit-transform: translateY(5px); }

    100% {
opacity: 1; -webkit-transform: translateY(-5px); }  
}

.ball2 {
    margin: 0 auto;
    -moz-animation: spin2 1.5s infinite linear;
    -webkit-animation: spin2 1.5s infinite linear;
}

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

    100% {
opacity: 1;  -moz-transform: translateY(5px);   }
}



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

    100% {
opacity: 1; -webkit-transform: translateY(5px); }  
}


.ball3 {
    margin: 0 auto;
    -moz-animation: spin3 1.5s infinite linear;
    -webkit-animation: spin3 1.5s infinite linear;
}

@-moz-keyframes spin3 {
    0% {
opacity: 1;   -moz-transform: translateX(0px); }

    100% {
opacity: 1;  -moz-transform: translateX(-5px);   }
}



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

    100% {
opacity: 1; -webkit-transform: translateX(-5px); }  
}


.redes{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; opacity: 1; margin: 2px;}
.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;

}


/* 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-weight: 500; font-size: 14px; color: #edeef3;
  transition-duration: 0.3s;border-radius:20px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-transform: uppercase; font-family: "Raleway", sans-serif;
}
.hvr-radial-out:before {
  content: "";border-radius:20px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4068a8;
  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: #edeef3;
}
.hvr-radial-out:hover:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}