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

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



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

body{width:100%;height:100%;transition:all .5s;-moz-transition:all 1s;-webkit-transition:all .5s;-o-transition:all .5s; z-index:9998;font-family: "Inter", sans-serif;}

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


 
 *:focus { 
    outline: none; 
} 

.texto1{color:#ffffff; font-size:90px; font-weight:600; line-height: 100%; text-transform: uppercase; text-decoration:none;}
.texto2{color:#ffffff; font-size:16px; font-weight:400; line-height: 140%; text-transform: uppercase; text-decoration:none;}
.texto2a{color:#ffffff; font-size:16px; font-weight:400; line-height: 150%; text-decoration:none;}
.texto3{color:#002d75; font-size:25px; font-weight:700; line-height: 120%; text-decoration:none;}
.texto3a{color:#ffffff; font-size:25px; font-weight:700; line-height: 120%; text-decoration:none;}
.texto4{color:#002d75; font-size:38px; font-weight:700; line-height: 120%; text-decoration:none;}
.texto5{color:#161718; font-size:18px; font-weight:400; line-height: 130%; text-decoration:none;}
.texto5a{color:#002d75; font-size:18px; font-weight:700; line-height: 130%; text-decoration:none;}
.texto5aa{color:#002d75; font-size:18px; font-weight:700; line-height: 200%; text-decoration:none;}
.texto5b{color:#161718; font-size:18px; font-weight:600; line-height: 150%; text-decoration:none;}
.texto5c{color:#002d75; font-size:18px; font-weight:700; line-height: 150%; text-decoration:none;}
.texto6{color:#002d75; font-size:22px; font-weight:700; line-height: 120%; text-decoration:none;}
.texto6b{color:#161718; font-size:22px; font-weight:700; line-height: 120%; text-decoration:none;}
.texto7{color:#ffffff; font-size:240px; font-weight:600; line-height: 100%; text-decoration:none;}
.texto8{color:#b7b7b7; font-size:45px; font-weight:600; line-height: 120%; text-decoration:none;}
.texto8a{color:#FFFFFF; font-size:45px; font-weight:600; line-height: 120%; text-decoration:none;}
.texto8b{color:#FFFFFF; font-size:45px; font-weight:600; line-height: 120%; text-decoration:none;}
.texto9{color:#002d75; font-size:35px; font-weight:600; line-height: 120%; text-decoration:none;}
.texto10{color:#b7b7b7; font-size:35px; font-weight:600; line-height: 120%; text-decoration:none;}
.texto11{color:#282827; font-size:25px; font-weight:700; line-height: 120%; text-decoration:none;}
.texto12{color:#002d75; font-size:70px; font-weight:600; line-height: 120%; text-decoration:none;}
.texto13{color:#002d75; font-size:55px; font-weight:700; line-height: 100%; text-decoration:none;}
.texto13a{color:#002d75; font-size:55px; font-weight:700; line-height: 100%; text-decoration:none;}
.texto13b{color:#b7b7b7; font-size:55px; font-weight:700; line-height: 100%; text-decoration:none;}
.texto14{color:#b7b7b7; font-size:30px; font-weight:700; line-height: 100%; text-decoration:none;}
.texto15{color:#ffffff; font-size:70px; font-weight:700; line-height: 100%; text-transform: uppercase; text-decoration:none;}
.texto16{color:#002d75; font-size:30px; font-weight:700; line-height: 120%; text-decoration:none;}
.texto17{color:#161718; font-size:18px; font-weight:700; line-height: 120%; text-decoration:none;}


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

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


#arriba1{width:40%;margin-left:-4px; text-align:left; width: 280px; height: 77px; left: 30px; top: 20px;position: absolute; z-index: 999;  }
#arriba2{width:40%;margin-left:-4px;text-align:center; width: 211px; height: 78px; left: 50%; margin-left: -105px; top:20px;position: absolute; z-index: 999;}


#home{ width:100%; height:800px; z-index: 1;}

#infohome{ width: 100%; height: 100%; min-height: 800px; position: absolute; left: 0; top: 0; z-index: 2; text-align: center;}
#videohome{ width: 100%; height: 100%; position: absolute; min-height: 800px; left: 0; top: 0; z-index: 1;}
#elvideohome {
    position: absolute; z-index:1;
    top: 0;
    left: 0;
    width: 100%;
    height: 850px;
    object-fit: cover;
}


.video-container {
            position: relative;
            width: 100%;
            min-height: 800px;
            height: 100vh; /* Se ajusta al 100% de la altura de la ventana */
            overflow: hidden;
        }

        .video-container video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            transform: translate(-50%, -50%);
            object-fit: cover;
        }

.infotext0{ text-align: left; width: 90%; margin-left: 1%; max-width: 950px; display: inline-block;}
.infotext{ text-align: left; width: 90%; margin-left: 1%; max-width: 750px; display: inline-block;}
.infotext2{ text-align: left; width: 90%; margin-left: 1%; max-width: 450px; display: inline-block;}
.infotext4{ text-align: center; width: 90%; display: inline-block;}
.infotext5{ text-align: left; width: 90%; display: inline-block;}
.infotext6{ text-align: left; width: 90%; max-width: 1500px; display: inline-block; }
.infotext7{ text-align: center; width: 100%; display: inline-block; max-width: 450px;}
.infotext8{ text-align: center; width: 90%; display: inline-block; max-width: 1000px;}

#idioma{ z-index:999;position: absolute;top: 39px;
  right: 150px;
  height: 37px;
  width: 80px; display:block;}


#menumovil{ z-index:9;position: absolute;top: 32px;
  right: 30px;
  height: 50px;
  width: 107px; display:block;}

.boton{text-align:center;HEIGHT:50px; padding: 14px; width:290px;border:0; font-size:16PX;color:#002d75;font-weight:700; background-color:#ffffff; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; cursor:pointer;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; text-decoration: none;}
.boton:hover{color:#ffffff; background-color:#002d75; }


.boton2{text-align:center;HEIGHT:50px; padding: 14px; width:290px;border:2px solid #dddddd; font-size:16PX;color:#002d75;font-weight:700; background-color:#ffffff; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; cursor:pointer;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; text-decoration: none;}
.boton2:hover{color:#dddddd; background-color:#002d75; }

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

#histo, #histo1, #histo2, #histo3, #histo4{display:inline-block;vertical-align:top;}
#histo{ width: 94%; max-width:1500px;vertical-align:middle; text-align:left;}
#histo1{width:100%;margin-right:0px; text-align: left;}
#histo2{width:100%; height: 1px; background-color: #002d75; margin-right:0px; text-align: left;}
#histo3{width:53%;margin-right:-4px; text-align: left;}
#histo4{width:47%;margin-right:-4px; text-align: left;}

.histoima{ width: 95%; max-width: 847px;}

#estrategia{ width: 100%; text-align: center; background-color: #002d75;}
.estrategiatxt{ width: 94%; max-width: 1500px;  text-align:left; display: inline-block;}
.infotext3{ width: 100%; max-width:1100px; text-align:left; display: inline-block;}

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

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

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

.invi{ width: 100%; height: 200px;}

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

#servi, #servi1, #servi2, #servi3, #servi4{display:inline-block;vertical-align:top;}
#servi{ width: 94%; max-width:1500px;vertical-align:middle; text-align:left;}
#servi1{width:100%;margin-right:0px; text-align: left;}
#servi2{width:100%; height: 1px; background-color: #002d75; margin-right:0px; text-align: left;}
#servi3{width:50%;margin-right:-4px; text-align: left;}
#servi4{width:50%;margin-right:-4px; text-align: left;}

.flecha{ width: 30px; height: 30px;}

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

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


#clientes{ width: 100%; text-align: center;}
#loslogos{ width: 100%; text-align: center; background-color: #bfbfbf;}

.clientes{ width: 95%; max-width: 1500px;} 


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

.botos2{ opacity: 1; font-size: 16px; color: #FFFFFF; text-decoration: none;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
.botos2:hover{ opacity: .5;}

.lata{ display: inline-block;}

#contact, #contact1, #contact2, #contact3, #contact4, #contact5, #contact6, #contact7, #contact8{display:inline-block;vertical-align:top;}
#contact{ width: 94%; max-width:1500px;vertical-align:middle; text-align:left;}
#contact1{width:40%;margin-right:-4px; text-align: left;}
#contact2{width:60%;margin-right:-4px; text-align: right; margin-top: 30px;}
#contact3{width:60%;margin-right:-4px; text-align: left; margin-top: 90px;}
#contact4{width:30%;margin-right:-4px; text-align: left; margin-top: 90px;}
#contact5{width:10%;margin-right:-4px; text-align: right; margin-top: 163px;}
#contact6{width:100%;margin-right:0px; text-align: center; margin-top: 70px;}
#contact7{width:50%;margin-right:-4px; text-align: left; margin-top: 68px;}
#contact8{width:50%;margin-right:-4px; text-align: right; margin-top: 50px;}

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

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


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

.videoservi{ width: 90%; max-width: 1500px; height: 600px;  background:url("../imagenes/video.jpg") no-repeat center center;background-size:cover; display: inline-block;}



#elvideo{ width:1500px; height:844px; display: inline-block;clip-path: inset(4px 4px);}

.lomovil{ display: none;} 

#idiomamovil{ display: none;}

#secservicios{width:100%; height: 100%; min-height: 700px; text-align:center; background:url("../imagenes/servicios.jpg") no-repeat center center fixed;background-size:cover;}

#loservicios, #loservicios1, #loservicios2, #loservicios3, #loservicios4{display:inline-block;vertical-align:top;}
#loservicios{ width: 94%; max-width:1500px;vertical-align:middle; text-align:left;}
#loservicios1{width:50%; padding-right: 2%; padding-bottom: 40px; margin-right:-4px; text-align: left;}
#loservicios2{width:50%; padding-left: 2%; padding-bottom: 40px;margin-right:-4px; text-align: right;}


#subser, #subser1, #subser2, #subser3, #subser4{display:inline-block;vertical-align:top;}
#subser{ width:100%;vertical-align:middle; text-align:left;}
#subser1{width:100%;margin-right:0px; text-align: left; padding-bottom: 30px;}
#subser2{width:100%; height: 450px; margin-right:0px; text-align: left; padding-bottom: 35px;}
#subser3{width:100%;margin-right:0px; text-align: left;}

.logris{ width: 100%; text-align: center; background-color: #e0e0e0;}

.loservi1{ width: 100%; height: 100%;  background:url("../imagenes/s1.jpg") no-repeat center center;background-size:cover; }
.loservi2{ width: 100%; height: 100%;  background:url("../imagenes/s2.jpg") no-repeat center center;background-size:cover; }
.loservi3{ width: 100%; height: 100%;  background:url("../imagenes/s3.jpg") no-repeat center center;background-size:cover; }
.loservi4{ width: 100%; height: 100%;  background:url("../imagenes/s4.jpg") no-repeat center center;background-size:cover; }

#lafabricacion{ width: 100%; text-align: center; background-color: #1a3172;}

#secinstalaciones{width:100%; height: 100%; min-height: 700px; text-align:center; background:url("../imagenes/instalaciones.jpg") no-repeat center center fixed;background-size:cover;}

#linstalaciones, #linstalaciones1, #linstalaciones2, #linstalaciones3, #linstalaciones4, #linstalaciones5{display:inline-block;vertical-align:top;}
#linstalaciones{ width: 94%; max-width:1500px;vertical-align:middle; text-align:left;}
#linstalaciones1{width:50%; height: 400px; padding-right: 2%; padding-bottom: 40px; margin-right:-4px; text-align: left;}
#linstalaciones2{width:50%; height: 400px;  padding-bottom: 40px;margin-right:-4px; text-align: left;}
#linstalaciones3{ display: none;}
#linstalaciones4{width:48%; height: 400px;  padding-right: 2%;padding-bottom: 40px;margin-right:-4px; text-align: left;}
#linstalaciones5{width:50%; height: 400px; padding-left: 2%; padding-bottom: 40px; margin-right:-4px; text-align: left;}


.linsta1{ width: 95%; height: 100%;  background:url("../imagenes/instalaciones1.jpg") no-repeat center center;background-size:cover; }
.linsta2{ width: 95%; height: 100%;  background:url("../imagenes/instalaciones2.jpg") no-repeat center center;background-size:cover; }
.linsta3{ width: 95%; height: 100%;  background:url("../imagenes/instalaciones3.jpg") no-repeat center center;background-size:cover; }
.linsta4{ width: 95%; height: 100%;  background:url("../imagenes/instalaciones4.jpg") no-repeat center center;background-size:cover; }


#secproyectos{width:100%; height: 100%; min-height: 700px; text-align:center; background:url("../imagenes/proyectos.jpg") no-repeat center center fixed;background-size:cover;}

#lospro, #lospro1, #lospro2, #lospro3{display:inline-block;vertical-align:top;}
#lospro{ width: 94%; max-width:1500px;vertical-align:middle; text-align:left;}
#lospro1{width:32%; margin-left:-4px; text-align: left;}
#lospro2{width:2%; margin-left:-4px; text-align: left;}
#lospro3{width:100%; height: 1px; background-color: #002d75; margin-left:0px; text-align: left; margin-bottom:50px; }

.redes2 {opacity: 0;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}

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

.lospro1{ width: 100%; height: 405px;}
.lospro2{ width: 100%; text-align: left; padding-bottom: 30px;}

.pro1{ width: 100%; height: 100%;  background:url("../proyectos/m1.jpg") no-repeat center center;background-size:cover; }
.pro2{ width: 100%; height: 100%;  background:url("../proyectos/m2.jpg") no-repeat center center;background-size:cover; }
.pro3{ width: 100%; height: 100%;  background:url("../proyectos/m3.jpg") no-repeat center center;background-size:cover; }
.pro4{ width: 100%; height: 100%;  background:url("../proyectos/m4.jpg") no-repeat center center;background-size:cover; }
.pro5{ width: 100%; height: 100%;  background:url("../proyectos/m5.jpg") no-repeat center center;background-size:cover; }
.pro6{ width: 100%; height: 100%;  background:url("../proyectos/m6.jpg") no-repeat center center;background-size:cover; }
.pro7{ width: 100%; height: 100%;  background:url("../proyectos/m7.jpg") no-repeat center center;background-size:cover; }
.pro8{ width: 100%; height: 100%;  background:url("../proyectos/m8.jpg") no-repeat center center;background-size:cover; }
.pro9{ width: 100%; height: 100%;  background:url("../proyectos/m9.jpg") no-repeat center center;background-size:cover; }
.pro10{ width: 100%; height: 100%;  background:url("../proyectos/m10.jpg") no-repeat center center;background-size:cover; }
.pro11{ width: 100%; height: 100%;  background:url("../proyectos/m11.jpg") no-repeat center center;background-size:cover; }
.pro12{ width: 100%; height: 100%;  background:url("../proyectos/m12.jpg") no-repeat center center;background-size:cover; }
.pro13{ width: 100%; height: 100%;  background:url("../proyectos/m13.jpg") no-repeat center center;background-size:cover; }
.pro14{ width: 100%; height: 100%;  background:url("../proyectos/m14.jpg") no-repeat center center;background-size:cover; }
.pro15{ width: 100%; height: 100%;  background:url("../proyectos/m15.jpg") no-repeat center center;background-size:cover; }
.pro16{ width: 100%; height: 100%;  background:url("../proyectos/m16.jpg") no-repeat center center;background-size:cover; }
.pro17{ width: 100%; height: 100%;  background:url("../proyectos/m17.jpg") no-repeat center center;background-size:cover; }
.pro18{ width: 100%; height: 100%;  background:url("../proyectos/m18.jpg") no-repeat center center;background-size:cover; }
.pro19{ width: 100%; height: 100%;  background:url("../proyectos/m19.jpg") no-repeat center center;background-size:cover; }
.pro20{ width: 100%; height: 100%;  background:url("../proyectos/m20.jpg") no-repeat center center;background-size:cover; }
.pro21{ width: 100%; height: 100%;  background:url("../proyectos/m21.jpg") no-repeat center center;background-size:cover; }
.pro22{ width: 100%; height: 100%;  background:url("../proyectos/m22.jpg") no-repeat center center;background-size:cover; }
.pro23{ width: 100%; height: 100%;  background:url("../proyectos/m23.jpg") no-repeat center center;background-size:cover; }
.pro24{ width: 100%; height: 100%;  background:url("../proyectos/m24.jpg") no-repeat center center;background-size:cover; }
.pro25{ width: 100%; height: 100%;  background:url("../proyectos/m25.jpg") no-repeat center center;background-size:cover; }

.pron1{ width: 100%; height: 100%;  background:url("../proyectos/mn1.jpg") no-repeat center center;background-size:cover; }
.pron2{ width: 100%; height: 100%;  background:url("../proyectos/mn2.jpg") no-repeat center center;background-size:cover; }
.pron3{ width: 100%; height: 100%;  background:url("../proyectos/mn3.jpg") no-repeat center center;background-size:cover; }
.pron4{ width: 100%; height: 100%;  background:url("../proyectos/mn4.jpg") no-repeat center center;background-size:cover; }
.pron5{ width: 100%; height: 100%;  background:url("../proyectos/mn5.jpg") no-repeat center center;background-size:cover; }

@media screen and (max-width:1720px)
 {
#infohome{ height: 800px;}
#videohome{height: 800px;}
#elvideohome {
    height: 800px;
}     
     
.texto12{font-size:60px;} 
}

@media screen and (max-width:1620px)
 { 
     
.texto12{font-size:55px;}     
     
#banner1,#banner2,#banner3{height: 620px;}

.invi{ width: 100%; height: 150px;}     
     
.texto7,.texto7a{font-size:15vw;}
.texto8{font-size:3.5vw;}
.texto8a{font-size:3.5vw;}     
     
.texto3,.texto3a{font-size:22px;}
.texto4{font-size:30px;}
.texto5{font-size:16px;}
.texto5a{font-size:16px;}
.texto6{font-size:20px;}
.texto6b{font-size:20px;}     
}

@media screen and (max-width:1520px)
 {
.lospro1{ height:360px;}     
     
#subser2{height: 400px; } 
     
 #elvideo{ width:1300px; height:731px; display: inline-block;}    
}

@media screen and (max-width:1420px)
 {
#linstalaciones1, #linstalaciones2,#linstalaciones4, #linstalaciones5{height: 350px; }     
     
.texto13,.texto13a,.texto13b{font-size:50px;}
.texto14{font-size:25px;}    
     
.videoservi{ height: 550px;}     
     
.texto12{font-size:45px;}     
     
.flecha{ width: 20px; height: 20px;}      
     
.texto9{font-size:30px;}
.texto10{font-size:30px;}     
     
#banner1,#banner2,#banner3{height: 600px;}     
     
.texto4{font-size:25px;}
.texto6{font-size:18px;}
.texto6b{font-size:18px;}   
 .texto5{font-size:15px;}
.texto5a{font-size:15px;}
     
#histo3{width:45%;}
#histo4{width:55%;}    
}

@media screen and (max-width:1320px)
 {
.lospro1{ height:300px;}     
     
.texto13a,.texto13b{font-size:45px;}
     
#subser2{height: 350px; }      
     
 #elvideo{ width:1100px; height:619px; display: inline-block;}    
}


@media screen and (max-width:1220px)
 {
.texto16{font-size:25px;}     
     
 .texto13{font-size:45px;}  
.texto13a,.texto13b{font-size:40px;}     
     
.videoservi{ height: 500px;}       
     
.texto12{font-size:35px;}      
     
.flecha{ width: 15px; height: 15px;}     
     
     
 .invi{ width: 100%; height: 100px;} 
     
     
#histo3{width:100%;margin-right:0px; text-align: center;}
#histo4{width:100%;margin-right:0px; text-align: left; margin-top: 50px;}     
.histoima{ width: 100%; max-width:600px;}
     
     
.texto1{font-size:90px;}
}

@media screen and (max-width:1120px)
 {
.lospro1{ height:250px;}      
     
#linstalaciones1, #linstalaciones2{height: 300px; }      
.texto13a,.texto13b{font-size:35px;}      
     
.texto15{font-size:65px;}     
     
.texto13{font-size:55px;}  
.texto14{font-size:30px;} 
#loservicios{ width: 94%; max-width:1500px;vertical-align:middle; text-align:center;}
#loservicios1{width:100%; max-width: 800px; padding-right:0; margin-right:0px; text-align: left;}
#loservicios2{width:100%; max-width: 800px;  padding-left:0; margin-right:0px; text-align: right;}     
#subser2{height: 450px; }       
     
 #elvideo{ width:900px; height:506px; display: inline-block;}       
     
 #contact1{width:100%;margin-right:0px; text-align: center;}
#contact2{width:100%;margin-right:0px; text-align: center; margin-top: 30px;} 
#contact3{width:100%;margin-right:0px; text-align: left; margin-top: 20px;}
#contact4{width:100%;margin-right:0px; text-align: left; margin-top: 30px;}
#contact5{width:100%;margin-right:0px; text-align: left; margin-top: 10px;}
#contact6{width:100%;margin-right:0px; text-align: center; margin-top: 40px;}

#contactame{ width:100%; max-width: 1000px; vertical-align:middle; text-align:center; }     
     
}


@media screen and (max-width:1020px)
 {
.texto16{font-size:22px;}      
     
.lospro1{ height:220px;}     
     
.texto5aa{font-size:17px;}     
     
#linstalaciones{ width: 94%; max-width:800px;vertical-align:middle; text-align:center;}     
#linstalaciones1{ display: none;}
#linstalaciones2{width:100%; height: 300px;  padding-bottom: 40px;margin-right:0px; text-align: center;}
#linstalaciones3{ display: inline-block;width:100%; height: 400px; padding-right: 0; padding-bottom: 40px; margin-right:0px; text-align: center;}
#linstalaciones4{width:100%; height: 300px;  padding-bottom: 40px;margin-right:0px; text-align: center;}
#linstalaciones5{width:100%; height: 400px; padding-left: 0; padding-bottom: 40px; margin-right:0px; text-align: center;}
     
.linsta1,.linsta2,.linsta3,.linsta4{ width:100%; height: 100%;}   
     
     
.texto15{font-size:60px;}      
     
.videoservi{ height: 450px;} 
     
.counter1{ width: 125px;}     
     
#contador1{width:100%; max-width: 500px; margin-right:0px; text-align: center;}
#contador2{width:100%; max-width: 500px; margin-right:0px; text-align: center; margin-top: 50px;}
#contador3{ display: none;}     
     
 #banner1,#banner2,#banner3{height: 500px;}       
     
.texto1{font-size:80px;}
     #arriba2{ display: none;} 
     
}

@media screen and (max-width:920px)
 {
.texto16{font-size:30px;}      
     
#lospro, #lospro1, #lospro2{display:inline-block;vertical-align:top;}
#lospro{ width:400px;vertical-align:middle; text-align:center;}
#lospro1{width:100%; margin-left:0px; text-align: center; margin-bottom: 40px;}
#lospro2,#lospro3{ display: none;}
     
.lospro1{ height:337px;} 
.lospro2{ text-align: center;}
}

@media screen and (max-width:820px)
 {
     
     #secservicios{text-align:center; background:url("../imagenes/servicios.jpg") no-repeat center center ;background-size:cover; height: 700px;}    
     #secinstalaciones{text-align:center; background:url("../imagenes/instalaciones.jpg") no-repeat center center ;background-size:cover; height: 700px;}    
     #secproyectos{text-align:center; background:url("../imagenes/proyectos.jpg") no-repeat center center ;background-size:cover; height: 700px;}    
     
#linstalaciones3,#linstalaciones5{height: 350px;}     
     
.texto15{font-size:55px;}     
     
#subser1{text-align: left;}
#subser3{text-align: center;} 
     
#subser2{height: 400px; }      
     
      #elvideo{ width:700px; height:394px; display: inline-block;}   
.lomovil{ display: inline-block; width: 100%; text-align: center;}
.videoservi{ height: 400px;}      
     
#contact4{width:100%;margin-right:0px; text-align: center; margin-top: 30px;}
#contact5{width:100%;margin-right:0px; text-align: center; margin-top: 10px;} 
#contact7{width:100%;margin-right:0px; text-align: center; margin-top: 40px;}
#contact8{width:100%;margin-right:0px; text-align: center; margin-top: 40px;}     
   
#contactame1{width:100%;margin-right:0px; text-align:center; }
#contactame2{width:100%;margin-right:0px;text-align:center; }
#contactame4{width:100%;margin-right:0px; text-align:center;margin-top: 20px; }
#contactame5{width:100%;margin-right:0px;text-align:center;margin-top: 20px; }     
  
.forma2{text-align:center;font-size:14PX;}     
     
.flecha{ width: 14px; height: 14px;}         
     

     
.texto9,.texto10{font-size:25px;}     
     
#servi{ width: 90%; max-width:1500px;vertical-align:middle; text-align:center;} 
#servi1{width:100%;margin-right:0px; text-align: center;}
#servi3{width:100%;margin-right:0px; text-align: center;}
#servi4{width:100%;margin-right:0px; text-align: center;}     

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

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

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

.invi{ width: 100%; height: 70px;}     
     
.estrategiatxt,.infotext3{text-align:center;}
     
#histo1, #histo2, #histo3, #histo4{ text-align: center;}     
     
.texto1{font-size:60px;}     
.texto2,.boton{font-size:14px;}
.infotext,.infotext0{ text-align: center; width: 90%; max-width: 820px; margin-left: 5%;}
.infotext2{ text-align: center; width: 90%; max-width: 820px; margin-left: 5%; }
      
#idioma{ display: none;}     
     
#idiomamovil{ z-index:999;position: absolute;top: 39px;
  right: 115px;
  height: 37px;
  width: 80px; display:block;}


#arriba1{left: 10px;}
#menumovil{right: 10px;}

}

@media screen and (max-width:720px)
 {
.texto13{font-size:50px;}
     
#elvideo{ width:500px; height:281px; display: inline-block;}   
}

@media screen and (max-width:620px)
 {
#linstalaciones2{height: 300px;}     
     
.texto15{font-size:50px;}     
     
.texto13{font-size:45px;}     
.texto14{font-size:25px;} 
     
#subser2{height: 350px; }       
     
#subser2{height: 350px; }     
     
.videoservi{ height: 350px;}      
     
.texto12{font-size:30px;}      
     
.texto1{font-size:50px;} 
}




@media screen and (max-width:520px)
 {
#linstalaciones3,#linstalaciones5{height: 250px;}      
     
.texto15{font-size:40px;}     
     
#subser2{height: 300px; }       
     
#elvideo{ width:400px; height:225px; display: inline-block;}       
     
.videoservi{ height: 300px;}      
     
.texto1{font-size:45px;} 
     
}


.button_container { background: url('../imagenes/menu.svg') no-repeat center center;
  position: absolute;
  top: 0px;;
  right: 0px;
  height: 50px;
  width: 100px;
  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 {
  background: url('../imagenes/menu2.svg') no-repeat center center;
}



.overlay {
  position: fixed;
  background: url('../imagenes/menu.jpg') no-repeat center center; background-size: cover;
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s;
  -moz-transition: opacity .35s, visibility .35s;
  transition: opacity .35s, visibility .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: .6s;
          animation-delay: .6s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: .65s;
  -moz-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 45%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  text-align: left; left: 30px;
  margin-right:;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 85px;
  opacity:.2; text-transform:uppercase; line-height:100%; font-weight: 700;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%; 
  -webkit-transition: .25s;opacity:1;
  transition: .25s;color:#ffffff;
}
.overlay ul li a:after {
  opacity:.6;-webkit-transition: .25s;
  transition: .25s;
}

@media screen and (max-width:1600px)
 {
 .overlay ul li a {font-size: 80px;}    
}

@media screen and (max-width:1400px)
 {
 .overlay ul li a {font-size: 75px;}    
}

@media screen and (max-width:1000px)
 {
 .overlay ul li a {font-size: 65px;}    
}

@media screen and (max-width:800px)
 {.overlay nav {top: 50%;}
 .overlay ul li a {font-size: 55px;}    
}

@media screen and (max-width:600px)
 {
.overlay ul li a {font-size: 45px;line-height:120%;}   
.button_container { background: url('../imagenes/menum.svg') no-repeat center center;
  position: absolute;
  top: 0px;;
  right: 0px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}

.button_container.active {
  background: url('../imagenes/menum2.svg') no-repeat center center;
}  
     
#idiomamovil{ z-index:999;position: absolute;top: 39px;
  right: 65px;
  height: 37px;
  width: 80px; display:block;}     
     
}