@charset "utf-8";
@import "reset.css";
@import "fonts/stylesheet.css";

body { margin: 0 auto; font-family: 'Montserrat'; font-size: 13px; color: #0c1b55; -webkit-font-smoothing: antialiased; }

/* links  */ 

a { color: white; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
a:hover { color: #0c1b55; -webkit-transition: all 0.2s ease; }

.link_main { float: left; font-family: 'Montserrat Bold'; width: 170px; padding: 15px 20px; color: white; }
.link_main:hover { color: white; background-color: #b82841; }
.link_red:hover { color: #b82841; }
.link_big { display: block; font-size: 16px; color: #0c1b55; }
.link_big:hover { color: #b82841; }

.link25 { color: #b82841; }
.link25:hover { color: white; }

.link_black { color: #0c1b55; }
.link_black:hover { color: #b82841; }

.link_new { color: #cb2541; }


/* títulos y texto */ 

p { line-height: 28px; }
h1 { font-family: 'Montserrat Light'; font-size: 40px; }
h2 { font-family: 'Montserrat Light'; font-size: 30px; }
h3 { font-family: 'Montserrat Light'; font-size: 26px; }
h4 { font-family: 'Montserrat Bold'; font-size: 16px; }

strong { font-weight: normal; font-family: 'Montserrat Bold'; }
.big_text { font-size: 20px; line-height: 35px; }

/* colores  */ 

.clr_main { color: #0c1b55; }
.clr_white { color: white; }
.clr_red { color: #b82841; }

.bg_main { background-color: #0c1b55; }
.bg_gray { background-color: #a7a9ac; }
.bg_gradient { background: rgb(184,40,65); background: linear-gradient(90deg, rgba(184,40,65,1) 0%, rgba(12,27,85,1) 66%); }

/* arreglos  */ 

.pre-load-web { width:100%; height: 100%; width: 100vw; height: 100vh; position:absolute; position:fixed; left:0; top:0; -ms-display: flex; display: -webkit-flex; display: flex; align-items:center; justify-content: center; z-index:100000; }

.center_center { -ms-display: flex; display: -webkit-flex; display: flex; align-items:center; justify-content: space-between; } 
.center_vertical { -ms-display: flex; display: -webkit-flex; display: flex; align-items:center; justify-content: flex-end; } 

.listado { -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content:space-between; flex-wrap: wrap; } 

.center { text-align: center; }
.padding { padding: 98px 20px; }
.padding-left { padding-left: 50px; }

.margin_bottom { margin-bottom: 50px; }
.margin_bottom2 { margin-bottom: 20px; }
.ancho { display: block; width: 100%; }
.fullscreen { width: 100%; height: 100vh; background-color: gray; }
.image:hover { opacity: 0.7;}
.top { margin-top: 90px; }
.textshadow { text-shadow: 2px 4px 3px rgba(0,0,0,0.3); }
.shadow { -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3); }

/* general  */ 

.main { position: absolute; width: 100%; }
.section { position: relative; float: left; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.cont { position: relative; margin: 0 auto; width: 100%; max-width: 980px; }
.cont_small { margin: 0 auto; width: 100%; max-width: 650px; }
.right { text-align: right; }
.fila { float: left; width: 100%; }
.col1 { float: left; width: 40% }
.col2 { float: left; width: 60% }
.col50 { float: left; width: 50% }

/* header  */ 

.header_top { position: fixed; width: 100%; height: 30px; padding: 0 50px; z-index: 3000; }
.social li { display: inline-block; font-size: 11px; margin-left: 5px; }

.header { position: fixed; top: 30px; width: 100%; padding: 25px 50px; z-index: 3000; -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; }

.bg_header { background-color: rgba(12,27,85,0.8); height: 90px; padding: 12px 50px; padding-bottom: 8px; z-index: 3000; }
.bg_header img { height: 45px; }
.logo { display: inline-block; margin-top: -35px; }

.bg_header .logo { margin-top: -8px; }
.bg_header .nav { margin-top: 16px;; }


.menu, .close { position: absolute; right: 25px; top: 25px; display: none; }
.close { color: #0c1b55; }

.header_mobile { display: none; width: 100%; position: fixed; top: 27px; padding: 15px; z-index: 3000; }
.header_mobile img { width: 35%; }
.bg_header_mobile { background-color: rgba(12,27,85,0.8); background-color: #a7a9ac; }
.bg_header_mobile img { height: 35px; }
.bg_header_mobile .menu, .bg_header_mobile .close { top: 20px; }



.nav { display: inline-block; width: 35%; -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content:space-between; margin-top: 35px; }
.nav li { display: inline-block; font-size: 11px; vertical-align: top; }
.nav li ul {  display: none; }
.nav li ul li { display: block; margin-top: 10px; }

.nav_link, .select2 { display: block; padding-bottom: 5px; border-bottom: 4px solid transparent; }
.nav_link:hover, .select2 { color: #b82841; border-bottom: 4px solid #b82841; }

.nav_mobile { position: fixed; height: 100%; width: 250px; top: 0; right: -260px; background-color: white; padding: 25px; padding-top: 90px; z-index: 5000; }
.nav_mobile ul li { display: block; margin-bottom: 15px; text-align: right; font-family: 'Montserrat Bold'; }
.nav_mobile ul li br, .nav_mobile ul li strong { display: none; }
.nav_mobile ul li hr { float: right; width: 60px; border-bottom: 4px solid #0c1b55; margin-top: 30px; }

.bg_submenu { background-color: rgba(255,255,255,0.8); color: #0c1b55; padding: 15px; border-radius: 8px; }
.bg_submenu a { color: #0c1b55; }

/* home  */ 

.slick div, .slick { width: 100%; height: 100%; }
.slick div { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.slick div p { position: absolute; width: 480px; left: 50px; top: 43%; background-color: rgba(255,255,255,0.7); padding: 30px; font-family: 'Montserrat Light'; font-size: 24px; color: #0c1b55; line-height: normal; z-index: 1000; }
.slick div p div { color: #0c1b55; }
.titulo_nosotros { position: absolute; top: 45%; right: auto; left: 50px; background-color: transparent; z-index: 1000; }

video { width: 100%; display: block; }

/* footer  */ 

#footer { padding: 50px; }
.nav_fotter li { margin-bottom: 10px; }
.nav_fotter li a br { display: none; }
.nav_fotter li a strong { font-family: 'Montserrat'; font-weight: normal; } 
.creditos { float: left; width: 100%; margin-top: 30px;  padding-top: 20px; border-top: 4px solid white; }

/* nosotros  */ 

#slick_nosotros, #slick_nosotros div, #slick_nosotros2, #slick_nosotros2 div { height: 550px; } 
#slick_nosotros div p { background-color: white; text-align: left; font-size: 13px; top: 150px; line-height: 20px; height: auto; }
#slick_nosotros div strong { font-size: 26px; line-height: 30px;  }
.iso { position: absolute; z-index: 1000; margin-top: 135px; right: 70px; }

#hacemos, #instalaciones { background-image: url('imgs/white.png'); background-repeat: repeat-x; background-position: center bottom; background-size: auto; padding-bottom: 30px; }

.destacados { float: left; width: 100%; margin-top: 4px; padding: 30px 50px; }
.col3 { float: left; width: 20%; }
.col4 { float: left; width: 80%; }
.col4 p { font-size: 11px; line-height: 16px; }
.col3 h1 { font-size: 85px; margin: 0; }

.item { position: relative; float: left; width: 100%; margin-bottom: 30px; }
.item_titulo { float: left; width: 100%; padding: 20px; padding-left: 100px; overflow: hidden; }
.item_titulo:hover { color: white; background-color: red; }

.item_titulo h1 { position: absolute; top: -24px; left: -30px; font-size: 85px; }
.item_texto { float: left; width: 100%; padding: 30px 100px; display: none; }
.down, .up { position: absolute; right: 50px; top: 10px; }
.up { display: none; top: 20px; }

.mueve { margin-top: -60px; }

/* Sobre la industria secciones  */ 

.item_linkedin { display: inline-block; width: 31%; height: 500px; vertical-align: top; margin-bottom: 30px; }
.item_linkedin iframe { width: 100%; height: 100%; }

.gacetilla { display: inline-block; width: 80px; margin-right: 40px; margin-bottom: 20px; text-align: center; vertical-align: top; }
.gacetilla img { margin-bottom: 10px; width: 100%;  }

.galeria { display: inline-block; width: 27vw; height: 27vw; background-size: cover; margin-bottom: 20px; }

@media (max-width: 900px) {

	.mueve { margin: 0; }
	.menu { display: block; }
	body { font-size: 11px; }
	.header { display: none; }
	.header_mobile { display: block; }
	.header_top { padding: 0 25px; }

	.col1, .col2, .col3, .col4 { width: 100%; }
	
	h1 { font-size: 25px; }
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	h4 { font-size: 13px; }
	
	p { line-height: 18px; }
	.big_text { font-size: 13px; line-height: 18px; }
	.margin_bottom { margin-bottom: 20px; }
	.padding { padding: 50px 25px; }
	.padding-left { padding: 0; }

	.slick div p { position: absolute; width: 75%; height: auto; left: 25px; top: auto; bottom: 100px; padding: 15px; font-size: 16px; }
	
	#footer { padding: 30px; }
	.nav_fotter { width: 50%; margin-bottom: 15px; padding-right: 10px; }
	.logo_footer { display: none; }
	
	#slick_nosotros, #slick_nosotros div { height: 70vh; }
	#slick_nosotros div p { right: 0; font-size: 11px; top: auto; bottom: 90px; line-height: 16px; height: 150px; }
	#slick_nosotros div strong { font-size: 14px; line-height: 14px; }
	.iso { margin-top: 19vh; right: 20px; width: 50px; }
	.col3 h1 { font-size: 40px; }

	.titulo_nosotros { left: 25px; }
	
	.destacados { padding: 20px 25px; }
	
	.item {  margin-bottom: 10px; }
	.item_titulo { padding: 10px; padding-left: 50px; padding-right: 40px; }
	.item_titulo h4 { font-size: 11px; }
	.item_titulo h1 { font-size: 17px;  top: 8px; left: 10px;  }
	
	.item_texto { padding: 15px 0; display: none; }
	.down, .up { right: 10px; top: 10px; }
	.up { top: 0px; }
	
	#instalaciones { background-image: none; }
	#rrhh .margin_bottom2 { margin-bottom: 5px; }

	/* lindekin  */ 
	
	.item_linkedin { width: 100%;  margin: 0; margin-bottom: 20px; }

	.gacetilla { width: 15%; margin-right: 20px; margin-bottom: 20px; font-size: 11px; }
	.gacetilla img { margin-bottom: 5px; }
	.item_enfoque img { height: 80px; }

}