@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Darker+Grotesque:wght@300&display=swap');

:root{--blue:#03a7e1;--green:#b7ce02;--yellow:#ffed00;--orange:#ec6607;--red:#e30613;--darkblue:#0b1d27;--gray:#777d80;}

body{margin:0px;padding:0px;font-family:'Darker Grotesque', sans-serif;}

p,li,h1,h2,h3,h4,h5,h6,section,aside,div{box-sizing:border-box;margin:0px;vertical-align:middle;font-weight:600;}

a{color:inherit;text-decoration:none;box-sizing:border-box;}

img{vertical-align:middle;max-width:100%;}

h1{font-family:'Bebas Neue', sans-serif;font-weight:400;}

h2{line-height:1.3em;font-weight:800;opacity:.8;letter-spacing:1.1px;margin-bottom:40px;font-family:'Darker Grotesque', sans-serif;}

h3{font-family:'Bebas Neue', sans-serif;font-weight:400;letter-spacing:1.2px;font-size:50px;}

h4{font-family:'Bebas Neue', sans-serif;font-weight:400;letter-spacing:1.1px;font-size:32px;}

h5{font-family:'Bebas Neue', sans-serif;font-weight:400;font-size:26px;}

p,li,label{line-height:1.3em;font-weight:300;opacity:.8;letter-spacing:1.1px;font-family:'Darker Grotesque', sans-serif;}

ul{margin:0px;padding-left:25px;}

.clear{clear:both;}

.center{width:100%;max-width:1240px;box-sizing:border-box;padding:0px 20px;margin:0px auto;}

.center0{width:100%;max-width:1200px;margin:0px auto;}

.movil{display:none;}

.txtblack{color:#000;}

.bg-black{background:#000;}

.bgline{background:linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(237, 237, 245, 1) 30%, rgba(237, 237, 245, 1) 70%, rgba(255, 255, 255, 1) 70%);padding-bottom:200px;}

.cont{width:100%;overflow-x:hidden;}

.animation{position:relative;opacity:0;transition:.5s;}

.anibottom{top:400px;}

.anitop{top:-400px;}

.anileft{left:400px;}

.aniright{left:-400px}

.endanimation{left:0px;top:0px;opacity:1}

.float{position:fixed;width:60px;height:60px;bottom:40px;left:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;}
.float:hover{text-decoration: none;color: #25d366;background-color:#fff;}
.my-float{margin-top:16px;}

/*--MINIVIDEO--*/
#contminivideo{position:fixed;bottom:15px;right:0px;width:100%;max-width:173px;transition:.5s;z-index:999;padding:0px 10px;}
.mini_videos{max-width:100%;position:relative;padding-top:133%;overflow:hidden;}
.cerrar{position:absolute;top:-7px;right:5px;z-index:999;}
.cerrar h3{background:#fff;color:#000;display:table;border-radius:20px;font-size:17px;padding:0px 5px;cursor:pointer;}
.mini_videos section{padding:0px 20px;z-index:1;}
.mini_videos .cambiarVideos{display:none;position:absolute;bottom:0px;flex-wrap:wrap;align-content:end;width:100%;}
.cambiarVideos div{width:100%;background:rgba(0, 0, 0, .5);margin-bottom:10px;padding:4px 10px;border-radius:50px;cursor:pointer;}
.cambiarVideos h3{margin:0px;color:#fff;font-size:15px;}
.cambiarVideos span{background:#fff;color:#000;border-radius:50px;padding:5px 12px;margin-right:20px;display:none;}
.restart{background:transparent;border:none;padding:0px;margin:0px;}
#speed{padding:5px 0px;background:rgba(255, 255, 255, 0.5);color:rgb(255, 255, 255);font-weight:600;font-size:14px;width:37px;border-radius:8px;color:#fff;text-align:center;}
#titulominivideo{position:absolute;height:100%;width:100%;z-index:99;text-align:center;display:flex;align-items:center;top:0;}
#titulominivideo h3{width:100%;color:#fff;}
input[type="range"] {flex:1}
.minivideo{height:auto;align-content:center;box-sizing:border-box;overflow:hidden;position:absolute;width:100%;top:0;left:0;right:0;}
.controles_mini_videos{width:100%;position:absolute;z-index:10;display:none;}
.controles_mini_videos section{padding:20px;flex-wrap:nowrap;gap:20px;display:flex;}
#closedvideo{position:fixed;bottom:40px;right:40px;opacity:0;z-index:999;}
#closedvideo h3{display:table;cursor:pointer;}
.videosActivo .controles_mini_videos{display:block;}
.videosActivo .cambiarVideos{display:flex;}


/*--HEAD--*/

.bgwhite{background:#fff;}

.top{background:linear-gradient(90deg, rgba(3, 167, 225, 1) 20%, rgba(183, 206, 2, 1) 20%, rgba(183, 206, 2, 1) 40%, rgba(255, 237, 0, 1) 40%, rgba(255, 237, 0, 1) 60%, rgba(236, 102, 7, 1) 60%, rgba(236, 102, 7, 1) 80%, rgba(227, 6, 19, 1) 80%);height:8px;width:100%;}

header{background:#fff;}

header section{display:flex;text-align:center;justify-content:flex-end;}

header .logohead{max-width:50%;}

.logohead .logo{width:270px;max-width:100%;}

.logohead .logo2{width:150px;max-width:100%;}

header .menu{flex:1;text-align:right;display:flex;align-items:center;}

.submenu{display:none;margin:0px;position:absolute;padding:20px;background:#fff;z-index:99999;margin-left:-10px;}
.submenu a{display:block;text-decoration:underline;margin-top:10px;}
.submenu a:first-child{margin-top:0px;}

header .menu p{font-weight:600;color:#000;}

.hmb1{border-bottom:solid 5px var(--darkblue);margin:0px auto 5px;text-align:center;width:50px;transition:1s;opacity:1;}

.hmb2{border-bottom:solid 5px var(--darkblue);margin:0px auto 5px;text-align:center;width:50px;transition:1s; position:relative;}

.hmb3{border-bottom:solid 5px var(--darkblue);margin:0px auto;text-align:center;width:50px;transition:1s; position:relative;}

.hmb{width:50px;height:25px;z-index:10;position:relative;cursor:pointer;display:table;margin:0px auto;margin-left:20px;display:none;}

.menumovil{display:none;}

.menumovil section{padding:10px 0px 30px;}

.menumovil section p{font-size:40px;text-align:center;margin-top:30px;color:var(--darkblue);}

.menu div{flex:1;}

.menu section div{cursor:pointer;}

.menu .iso{max-width:40%;margin-left:10px;}

.menu .telefono{margin-bottom:30px;}

.linehead{background:#1a1a25;padding:6px 0px;text-align:center;}
.linehead a{margin-right:20px;border-right:solid #fff 1px;padding-right:20px;font-weight:bold;color:#fff;font-size:16px;font-weight:bold;font-family:'Bebas Neue', sans-serif;font-weight:400;}
.linehead a:last-child{margin-right:0px;border-right:none;}



/*--INICIO--*/

.banner{position:relative;}

.banner section{position:absolute;width:100%;height:100%;display:flex;align-items:center;color:#fff;z-index:50;}

.banner h3{font-size:80px;}

.empresa{padding:80px 50px;max-width:1240px;margin:-150px auto 100px;color:#fff;background:url(../img/fondo-color.jpg) no-repeat center center;position:relative;background-size:cover;z-index:100;-webkit-box-shadow:0px 0px 12px 4px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 12px 4px rgba(0,0,0,0.75);box-shadow:0px 0px 12px 4px rgba(0,0,0,0.75);}
.empresa section{display:flex;gap:20px;}
.empresa li{font-size:16px;}
.empresa h5{margin:10px 0px 15px;}
.empresa a{width:33%;display:inline-block;text-align:center;}
.empresa a img{max-width:100%;}

.empresa2{padding:0px 50px;max-width:1240px;margin:150px auto 100px;}
.empresa2 section{display:flex;gap:20px;margin:20px 0px 50px;flex-wrap:wrap;color:#fff;}
.empresa2 section div{padding:20px 10px;flex:1;max-width:175px;background:var(--darkblue);}
.empresa2 section div img{width:60px;}

.modelo{display:flex;align-items:center;gap:50px;margin-bottom:100px;}

.modelo section{max-width:70%;}

.modelo div{flex:1;background:var(--darkblue);color:#fff;min-height:500px;padding:50px 30px;}

.modelo div h3{margin-bottom:30px;}

.servicios{background:var(--darkblue);color:#fff;padding:150px 0px 50px;}

.txtserv{margin-bottom:100px;}

.txtserv h3{margin:10px 0px;}

.servicios section{display:flex;gap:50px;margin-bottom:150px;}

.servicios section aside{width:400px;}

.servicios .servcont{flex:1;padding-top:20px;padding-left:100px;}

.servicios section h4{margin-bottom:30px;margin-top:-40px;}

.servicios .servcont img{margin-left:-100px;}

.especializados{background:#c7d2d8;padding:100px 0px 250px;}

.especializados .center{display:flex;gap:5%;flex-wrap:wrap;}

.especializados .center div{width:100%;margin-bottom:30px;}

.especializados .center section{width:47.5%;margin-bottom:80px;}

.especializados .center img{max-width:100%;margin-bottom:20px;}

.tabla{display:flex;margin-top:50px;}

.tabla div{width:25%;border:solid rgba(255, 255, 255, .4) 1px;padding:20px 10px;}

.trabajos{max-width:1240px;margin:0px auto 0px;padding:50px 100px;position:relative;background:#fff;}

.trabajos p{margin:20px 0px;}

.parallax{position:relative;padding:100px 0px 200px;margin-bottom:200px;}

.simpleParallax{position:absolute;width:100%;height:100%;top:0;left:0;}

.vision{color:#000;max-width:500px;padding:50px 20px;background:#fff;margin-left:auto;position:relative;}

.vision p{margin-bottom:30px;}

.vision img{margin-bottom:30px;}

.calidad{color:#fff;display:flex;}

.calidad section{width:50%;}

.calidad section div{max-width:600px;padding:100px 40px 0px;}

.calidad .bg{min-height:600px;background-size:cover;background-repeat:no-repeat;background-position:center center;}

#calidad{background:var(--orange);}

#calidad .bg{background-image:url(../img/calidad.jpg);}

#calidad section div{margin-left:auto;}

#capacidad{background:var(--red);}

#capacidad .bg{background-image:url(../img/capacidad.jpg);}

.input-group{position:relative;margin-top:30px;width:100%;}

.input{border:solid 1.5px #9e9e9e;border-radius:1rem;background:#fff;padding:1rem;font-size:1rem;color:#000;transition:border 150ms cubic-bezier(0.4,0,0.2,1);width:100%;width:100%;box-sizing:border-box;}

.user-label{position:absolute;left:15px;color:#000;pointer-events:none;transform:translateY(1rem);transition:150ms cubic-bezier(0.4,0,0.2,1);top:0;}

.input:focus, input:valid {outline:none;border:1.5px solid #fff;}

.input:focus ~ label, input:valid ~ label {transform:translateY(-50%) scale(0.8);background-color:#212121;padding:0 .2em;color:#fff;}

.sendBtn{padding:10px 30px;margin-top:30px;border:none;background:var(--red);color:#fff;}

.g-recaptcha{display:block;margin-top:20px}

.contacto{background:#222222;color:#fff;padding:50px 0px;}

.txtcont{margin-bottom:50px;}

.contacto section{display:flex;width:100%;}

.contacto .datos{flex:1;}

.contacto .mensaje{width:400px;margin-top:150px;}

.contacto section p{margin-top:30px;}

.mapa{margin-top:100px;}

/*--  PRODUCTO --*/
.back h5{font-size:22px;margin:20px 0px 50px;background:#363547;padding:5px 10px;color:#fff;}
.back a h5{margin:20px 0px 0px;background:none;padding:0px;color:#000;}
.producto{display:flex;gap:100px;align-items:flex-start;}
.producto .info{background:#f2f6ff;width:100%;}
.producto .info section{padding:50px 20px;}
.producto .info section h3{border-top:solid 2px #433ad1;border-bottom:solid 2px #433ad1;margin-bottom:30px;padding:10px 5px;}
.producto .mensaje{width:100%;background:#363547;color:#fff;padding:50px 20px;}
.producto .mensaje input,.producto .mensaje textarea{width:100%;display:block;padding:15px;box-sizing:border-box;}
.producto .mensaje label{margin:30px 0px 10px;display:block;}
.producto .mensaje h4{border-bottom:solid 2px #433ad1;padding-bottom:10px;margin-bottom:30px;}
.articulos div{border:solid #000 1px;margin-top:50px;display:flex;gap:50px;padding:50px;}
.articulos div h5{background:#433ad1;color:#fff;padding:10px 15px 8px;max-width:600px;margin-bottom:30px;}
.articulos div aside{width:25%;}
.articulos div section{flex:1;padding-top:20px;}
.otros{background:#f2f6ff;padding:100px 0px;margin-top:100px;}
.otros h5{margin-bottom:50px;border-bottom:solid 2px #8a8e97;color:#8a8e97;}
.otros section{display:flex;gap:20px;}
.otros section div{width:25%;text-align:center;padding:10px;background:#fff;}
.otros section div img{margin-bottom:10px;}

/* From Uiverse.io by Kabak */ 
.button {
	height: 50px;
	margin: 5px;
	width: 100%;
	background: #333;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: Consolas, Courier New, monospace;
	border: solid #404c5d 1px;
	font-size: 16px;
	color: rgb(161, 161, 161);
	-webkit-transition: 500ms;
	transition: 500ms;
	border-radius: 5px;
	background: linear-gradient(145deg, #2e2d2d, #212121);
	-webkit-box-shadow: -1px -5px 15px #41465b, 5px 5px 15px #41465b,
	  inset 5px 5px 10px #212121, inset -5px -5px 10px #212121;
	box-shadow: -1px -5px 15px #41465b, 5px 5px 15px #41465b,
	  inset 5px 5px 10px #212121, inset -5px -5px 10px #212121;
	  display:table;
	  margin-top:50px;
  }
  
  .button:hover {
	-webkit-box-shadow: 1px 1px 13px #20232e, -1px -1px 13px #545b78;
	box-shadow: 1px 1px 13px #20232e, -1px -1px 13px #545b78;
	color: #d6d6d6;
	-webkit-transition: 500ms;
	transition: 500ms;
  }
  
  .button:active {
	-webkit-box-shadow: 1px 1px 13px #20232e, -1px -1px 33px #545b78;
	box-shadow: 1px 1px 13px #20232e, -1px -1px 33px #545b78;
	color: #d6d6d6;
	-webkit-transition: 100ms;
	transition: 100ms;
  }
  
/*--  AVISO --*/
.aviso{padding:100px 20px;}

@media screen and (min-width:750px) {

	.tggle{display:block !important;overflow:visible !important;}

}



@media screen and (max-width:750px){

.movil{display:inherit;}

.nonemovil{display:none;}

.menu div{display:none;}

.menu .iso{margin-left:auto;max-width:100%;}
header section{align-items:center;}
header .logohead{max-width:100%;}
.submenu{position:relative;padding:0px;}
.submenu a{text-align:center;font-size:20px;}
.hmb{display:block;}

.logohead .logo{width:150px;max-width:100%;}

.logohead .logo2{width:80px;max-width:100%;}

.bgline{padding-bottom:0px;}

.empresa{padding:50px 20px;margin:0px auto 0px;background:url(../img/fondo-color-movil.jpg) no-repeat center center;background-size:cover;box-shadow:none;}

.empresa section div{width:30%;max-width:500px;}

.empresa section div:nth-child(3n){margin-right:0px;}

.empresa ul{display:none;}

.empresa p{font-size:16px;}
.empresa2{margin:100px auto 0px;padding:0px 20px;}
.empresa2 section{gap:5%;}
.empresa2 section div{padding:20px 10px;flex:1;max-width:300px;background:var(--darkblue);width:47.5%;margin-bottom:50px;}
.empresa2 section div img{width:60px;}

.modelo{gap:0px;flex-wrap:wrap-reverse;}

.modelo section{max-width:100%;width:100%;}

.modelo div{width:100%;background:none;color:#000;padding:70px 20px 20px;}

.modelo div h3{margin-bottom:30px;}

.menutggle{display:block;border-top:solid 1px rgba(255, 255, 255, .5);border-bottom:solid 1px rgba(255, 255, 255, .5);}

.tggle{display:none;}

.parallax{position:relative;padding:80px 0px;margin-bottom:100px;}

.servicios{padding:80px 0px;}

.servicios section{gap:0px;margin-bottom:0px;flex-wrap:wrap;}

.servicios section:nth-child(2n+1){flex-wrap:wrap-reverse;}

.servicios section aside{display:none;}

.servicios .servcont{flex:auto;padding-top:80px;margin-bottom:0px;padding-left:0px;}

.servicios .servcont img{margin-left:0px;}

.servicios section h4{margin-bottom:20px;margin-top:-40px;margin-left:100px;}

.especializados{padding-bottom:0px;}

.especializados .center{display:block;}

.especializados .center section{width:100%;}

.tabla{flex-wrap:wrap;}

.tabla div{width:50%;}

.bx-wrapper .bx-next{right:-20px;}

.bx-wrapper .bx-prev{left:-20px;}

.txtserv{margin-bottom:0px;}

.txtserv h3{margin:10px 0px;}

.trabajos{padding:20px 20px;transform:translateY(0%);margin:100px 0px;box-shadow:none;}

.vision{max-width:800px;}

.calidad{color:#fff;display:block;}

.calidad section{width:100%;}

.calidad section div{max-width:800px;padding:40px 20px;}

.calidad .bg{display:none;}

.contacto section{display:block;width:100%;}

.contacto .datos{flex:1;}

.contacto .mensaje{max-width:100%;margin-top:50px;}

.mapa{margin-top:100px;}


/*--  PRODUCTO --*/
.producto{display:block;}
.producto .info{margin-bottom:50px;}
.articulos div{display:block;padding:20px;}
.articulos div aside{width:100%;margin-bottom:50px;}
.otros h5{margin-bottom:0px;}
.otros section{gap:5%;flex-wrap:wrap;}
.otros section div{width:47.5%;margin-top:50px;}
}