/*
|==========================================================================
| Geeklopers - Document CSS
|==========================================================================
|
| Sergio Carreon
| - Estilos para la Vista de Inicio
|
|	Negro: #121512;
|	Amarillo: #fbcd00;
|	Gris: #f0f0f0;
|
*/
  
h1, h2, h3, h4, h5 { font-family: 'fira_sans_bold'; }
h1 { font-size: 46px; }
h3 { font-size: 30px; }
a, a:visited, a:focus, a:active { color: #fbcd00; cursor: pointer !important;}
a i { color: #005d9a; }
a:hover { color: #005d9a; }
a:hover i { color: #005d9a; }
.btn { border-radius: 0; font-size: 13px; border: 0; padding: 8px 12px; }
.btn:focus { outline: none; }
.btn:active { outline: none; box-shadow: none; }
.btn:active { outline: none; box-shadow: none; }
.center {display: flex; justify-content: center; align-items: center;}
.container { max-width: 1000px; }

p span { font-family: 'fira_sans_bold'; }

img { max-width: 100%; }

a.orler { background-color: #fbcd00; color: #FFF; display: block; position: relative; width: 100%; height: 68px; font-family: 'fira_sans_bold'; font-size: 24px; padding: 7px 15px; }
a.orler .icono { background-color: #ffdb00; position: absolute; top: 0; left: 0; }
a.orler .icono img { padding: 14px; }
a.orler .texto { padding-left: 76px; padding-top: 13px; color: #121512; }
a.orler:hover { background-color: #ffdb00; text-decoration: none; }

html,body { padding: 0; margin: 0; font-size: 18px; /*font-family: 'fira_sans_bold'*/; color: #121512; }

header { background-color: white; padding: 41.5px 0 15.5px 0; position: relative; }
header .info { overflow: hidden; }
header .info .direccion { overflow: hidden; margin-top: 36px; width: 295px; float: right; }
header .info .direccion .icono { float: left; width: 28px; }
header .info .texto { float: right;  width: calc(100% - 38px); }
header .info .texto p { font-size: 16px; line-height: 16px; font-family: 'fira_sans_medium'; margin: 0; margin-top: 2px; }
header .info .texto p span { color: #fbcd00; font-family: 'fira_sans_medium'; }
header .info .menu a { float: right; padding: 15px 13px 10px 13px; }
header .info .menu a i { color: #121512 !important; }
header .absolute { position: absolute; bottom: -109px; left: 0; right: 0; }
header .absolute nav { float: left; width: calc(100% - 201px); background-color: #fbcd00; text-align: center; }
header .absolute nav ul { margin: 0; padding: 0; }
header .absolute nav ul li { display: inline-block; width: 19%; }
header .absolute nav ul li a { position: relative; color: #121512 !important; text-transform: uppercase; display: block; text-align: center; font-size: 16px; line-height: 16px; font-family: 'fira_sans_medium'; padding: 50.5px 0 42.5px 0; }
header .absolute nav ul li a .bar { background: #f0f0f0; height: 10px; width: 90%; margin: auto; position: absolute; top: -5px; left: 5%; display: none; }
header .absolute nav ul li a:hover { text-decoration: none; }
header .absolute nav ul li a:hover .bar { display: initial; }
header .absolute nav ul li a.active .bar { background: #121512; display: initial; }
header .telefono { float: right; width: 201px; background-color: #121512; overflow: hidden; padding: 37.5px 20px; }
header .telefono .icono { float: left; width: 33px; }
header .telefono .texto { float: right;  width: calc(100% - 43px); }
header .telefono .texto p { font-size: 16px; line-height: 16px; font-family: 'fira_sans_medium'; margin: 0; margin-top: 2px; color: #FFF; }
header .telefono .texto p span { color: #fbcd00; font-family: 'fira_sans_medium'; }

footer { background-color: #f0f0f0; text-align: center; font-size: 16px; padding: 0 15px 28.5px 15px; }
footer p { margin: 0; padding-top: 28.5px; }
footer ul { margin: 0; padding: 0; }
footer ul li { display: inline-block; }
footer ul li img { padding: 10px; }
footer .empresas { padding: 28.5px 0; margin: 0 -15px; background-color: #FFF; }

section {  }

.view { background-repeat: no-repeat; background-position: center top; padding-top: 109px; }

.inicio { background-image: url('../images/foto-principal.png'); min-height: 564px; }
.inicio .section1 h1 { color: #FFF; text-transform: uppercase; margin-top: 110px; }
.inicio .section1 h1 span { color: #fbcd00; }
.inicio .section1 p { margin-bottom: 110px; color: #FFF; font-family: 'fira_sans_bold'; }
.inicio .section2 h3 { text-transform: uppercase; }
.inicio .section2 .tarifas { background-color: #FFF; padding: 40px 25px 20px 25px; }
.inicio .section2 .tarifas p { margin: 36px 0; }
.inicio .section2 .calidad { background-color: #FFF; padding: 40px 25px 20px 25px; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.inicio .section2 .calidad h3 { margin: 0; margin-bottom: 20px; }
.inicio .section2 .calidad p { margin-bottom: 20px; }
.inicio .section2 .calidad img { width: 100%; margin-bottom: 20px; }

/*CAMBIOS ESTEFI*/
header .container .section1 .info .iconos img{width: 13%;}
header .container .section1 .info .iconos a:hover{text-decoration: none;}
header .container .section1 .info .iconos .dos{width: 15%; margin-left: 10px;}
header .container .section1 .buscar{height: 40px; background-color: #f0f0f0; float: left; width: 35%; border-radius: 50px; margin-top: 34px; margin-left: 45px; border: 0; padding: 15px;}
header .container .section1 i{color: white; margin-top: 42px; position: absolute; right: 340px}

.tarifa1 .section2 .calidad{text-align: center; font-family: 'fira_sans_bold'; font-size: 22px;}
.tarifa1 .section2 .calidad .tabla{width: 70%; background-color: #ffcc00; margin-left: 15%; margin-right: 15%; border-radius: 15px; text-align: justify;}
.tarifa1 .section2 .calidad table{width: 100%; padding: 20px; color: #ffffff;}
.tarifa1 .section2 .calidad p{text-align: center; width: 100%; color: #ffffff; margin-bottom: 0; padding: 18px;}
.tarifa1 .section2 .calidad table .izq{padding-left: 5%; padding-right: 0;}
.tarifa1 .section2 .calidad table td{padding-right: 5%;}
.tarifa1 .section2 .calidad table .last{padding-bottom: 20px;}
.tarifa1 .section2 .calidad table tbody{}
.tarifa1 .section2 .calidad img{width: 13% !important; padding-bottom: 40px;}
.tarifa1 { background-image: url('../images/foto-principal.png'); min-height: 564px; }
.tarifa1 .section1 h1 { color: #FFF; text-transform: uppercase; margin-top: 110px; }
.tarifa1 .section1 h1 span { color: #fbcd00; }
.tarifa1 .section1 p { margin-bottom: 110px; color: #FFF; font-family: 'fira_sans_bold'; }
.tarifa1 .section2 h3 { text-transform: uppercase; }
.tarifa1 .section2 .tarifas { background-color: #FFF; padding: 40px 25px 20px 25px; }
.tarifa1 .section2 .tarifas p { margin: 36px 0; }
.tarifa1 .section2 .calidad { background-color: #FFF; padding: 40px 25px 60px 25px; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.tarifa1 .section2 .calidad h3 { margin: 0; margin-bottom: 20px; }
.tarifa1 .section2 .calidad p { margin-bottom: 20px; }
.tarifa1 .section2 .calidad img { width: 100%; margin-bottom: 20px; }

.trabajo{background-image: url(../images/INGENIEROS_0.png); min-height: 301px; padding-top: 301px;}
.trabajo .formulario .form-control { border: 0; border-radius: 0; background-color: #f0f0f0; padding: 10px 25px; }
.trabajo .formulario textarea { resize: none; height: 135px; }
.trabajo .orler .icono { background-color: #ffdb00;}
.trabajo .orler .icono img { padding: 6px; }
.trabajo .orler .texto {padding-left: 0;}
.trabajo .orler{width: 60%;}
.trabajo .col-sm-5 img{margin-top: 145px;}



/*.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    opacity: 0;
}*/
/*AQUI TERMINAN*/

.contacto { background-image: url('../images/foto-secundaria2.jpg'); min-height: 301px; padding-top: 301px; }
.contacto h3 { margin-top: 56px; margin-bottom: 42px; text-transform: uppercase; }
.contacto hr { margin-bottom: 0; }
.contacto .formulario .form-control { border: 0; border-radius: 0; background-color: #f0f0f0; padding: 10px 25px; }
.contacto .formulario textarea { resize: none; height: 135px; }
.contacto .oficinas .cuadro { background-color: #3f3f3f; color: #FFF; padding: 40px 25px 20px 25px;}
.contacto .oficinas .cuadro span { text-transform: uppercase; }
.contacto .section2 p { margin-bottom: 40px; }
.contacto .section2 img { margin-bottom: 40px; }

.somos { background-image: url('../images/foto-secundaria2.jpg'); min-height: 301px; padding-top: 301px; }
.somos h3 { margin-top: 56px; margin-bottom: 42px; text-transform: uppercase; }
.somos hr { margin-bottom: 0; }
.somos ul { margin: 0; padding: 0; list-style: none; }
.somos .section { margin-bottom: 40px; }
.somos .section2 { margin-bottom: 0; }
.somos .cuadros h3 { margin-top: 0; }
.somos .cuadros .cuadro { min-height: 315px; padding: 40px 25px 40px 25px; }
.somos .cuadros .mision { background-color: #e0e0e0; }
.somos .cuadros .vision { background-color: #f0f0f0; }
.somos .cuadros .valores { background-color: #fbcd00; }
.somos .section4 { overflow: hidden; }
.somos .section4 h3 { margin-top: 0; }
.somos .section4 .icono { float: left; width: 209px; }
.somos .section4 .texto { float: right; width: calc(100% - 249px); }

.certificaciones { background-image: url('../images/foto-secundaria2.jpg'); min-height: 341px; padding-top: 341px; }
.certificaciones hr { margin-bottom: 0; }
.certificaciones img { margin-bottom: 20px; }
.certificaciones p { margin-bottom: 40px; }
.certificaciones .pie { overflow: hidden; }
.certificaciones .pie img { float: left; height: 240px; }
.certificaciones .pie img:last-child { float: right; }

.operacion { background-image: url('../images/foto-secundaria2.jpg'); min-height: 236px; padding-top: 236px; }
.operacion p { margin-bottom: 40px; }
.operacion hr { margin-bottom: 0; }
.operacion img { margin-bottom: 40px; }
.operacion .section1 { overflow: hidden; display: block; margin-bottom: 40px; }
.operacion .section1 .titulo { float: left; width: 100%; color: #FFF; margin-bottom: 10px; }
.operacion .section1 a { float: left; padding: 17px 25px 13px 25px; background-color: #f0f0f0; color: #121512; }
.operacion .section1 a:hover { text-decoration: none; }
.operacion .section1 a.active { background-color: #121512; color: #FFF; }
.operacion .section3 .texto { background-color: #fbcd00; min-height: 360px; padding: 34px; margin-bottom: 40px; }
.operacion .section3 .texto p { max-width: 500px; }

.conservacion { background-image: url('../images/foto-secundaria2.jpg'); min-height: 236px; padding-top: 236px; }
.conservacion p { margin-bottom: 40px; }
.conservacion ul { margin-bottom: 40px; }
.conservacion hr { margin-bottom: 0; }
.conservacion img { margin-bottom: 40px; }
.conservacion h4 { margin: 0; margin-bottom: 20px; }
.conservacion .section1 { overflow: hidden; display: block; margin-bottom: 40px; }
.conservacion .section1 .titulo { float: left; width: 100%; color: #FFF; margin-bottom: 10px; }
.conservacion .section1 a { float: left; padding: 17px 25px 13px 25px; background-color: #f0f0f0; color: #121512; }
.conservacion .section1 a:hover { text-decoration: none; }
.conservacion .section1 a.active { background-color: #121512; color: #FFF; }
.conservacion .section3 img { width: 100%; }
.conservacion .section5 .texto { background-color: #fbcd00; min-height: 360px; padding: 34px; margin-bottom: 40px; }
.conservacion .section5 .texto p { max-width: 500px; }

.autopista { background-image: url('../images/foto-secundaria2.jpg'); min-height: 236px; padding-top: 236px; }
.autopista p { margin-bottom: 40px; }
.autopista ul { margin-bottom: 40px; }
.autopista hr { margin-bottom: 0; }
.autopista img { margin-bottom: 40px; }
.autopista h4 { margin: 0; margin-bottom: 20px; }
.autopista .section1 { overflow: hidden; display: block; margin-bottom: 40px; }
.autopista .section1 .titulo { float: left; width: 100%; color: #FFF; margin-bottom: 10px; }
.autopista .section1 a { float: left; padding: 17px 25px 13px 25px; background-color: #f0f0f0; color: #121512; }
.autopista .section1 a:hover { text-decoration: none; }
.autopista .section1 a.active { background-color: #121512; color: #FFF; }
.autopista .section7 .col-xs-12 { padding: 0; }
.autopista .section7 iframe { width: 100% !important; height: 300px !important; }

.plaza { background-image: url('../images/foto-secundaria2.jpg'); min-height: 236px; padding-top: 236px; }
.plaza p { margin-bottom: 40px; }
.plaza hr { margin-bottom: 0; }
.plaza img { margin-bottom: 40px; }
.plaza h4 { margin: 0; margin-bottom: 20px; }
.plaza .section1 { overflow: hidden; display: block; margin-bottom: 40px; }
.plaza .section1 .titulo { float: left; width: 100%; color: #FFF; margin-bottom: 10px; }
.plaza .section1 a { float: left; padding: 17px 25px 13px 25px; background-color: #f0f0f0; color: #121512; }
.plaza .section1 a:hover { text-decoration: none; }
.plaza .section1 a.active { background-color: #121512; color: #FFF; }
.plaza .section7 iframe { width: 100% !important; height: 300px !important; }

/* Large desktops and laptops */
@media (min-width: 1600px) {
	/*body { border: 2px solid brown;}/**/
}
/* Large desktops and laptops */
@media (min-width: 1200px) and (max-width: 1599px) {
	/*body { border: 2px solid yellow;}/**/
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	/*body { border: 2px solid green;}/**/
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	/*body { border: 2px solid cyan;}/**/

  	header .absolute nav ul li a { font-size: 13px; }
}
@media (max-width: 991px){
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	/*body { border: 2px solid orange;}/**/
  
	header { padding: 20px 0; }
  	header .logo img { height: 50px; }

	header .absolute { position: relative; bottom: initial; left: initial; right: initial; height: 0; overflow: hidden; }
  	header .absolute {
  		-webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s;
	}
  	header .absolute.show { height: 265px; }
  	header .absolute nav { float: left; width: 100%; margin-top: 20px; }
	header .absolute nav ul li { width: 100%; }
	header .absolute nav ul li a { padding: 20.5px 0 12.5px 0; }
	header .absolute nav ul li a .bar { display: none !important; }
	header .absolute nav ul li a:hover  { background-color: #f0f0f0; }
	header .absolute nav ul li a:hover .bar { display: none !important; }
	header .absolute nav ul li a.active { background-color: #121512; color: #FFF !important; }
	header .absolute nav ul li a.active .bar { display: none !important; }

	.view { background-repeat: no-repeat; background-position: center top; background-size: auto 100px; padding-top: 100px; }
	
	.inicio { background-size: auto 350px; }
	.inicio .section1 h1 { color: #121512; margin-top: 290px; font-size: 40px; }
	.inicio .section1 p { margin-bottom: 40px; color: #121512; }
	.inicio .section2 .calidad { box-shadow: none; padding: 0; }
	.inicio .section2 .tarifas { padding: 0; padding-top: 20px; }

	.somos .cuadros .cuadro { min-height: auto; padding: 40px 25px 40px 25px; }
	.somos .section4 .icono { float: initial !important; width: 100%; margin-bottom: 20px; text-align: center; }
	.somos .section4 .texto { float: initial !important; width: 100%; }
	
	.certificaciones img { float: initial !important; width: 70%; height: auto !important; }
	.certificaciones .pie { text-align: center; }
	
	.operacion img { width: 100%; }
	.operacion .section1 a { display: block; width: 100%; }

	.conservacion img { width: 100%; }
	.conservacion .section1 a { display: block; width: 100%; }

	.autopista img { width: 100%; }
	.autopista .section1 a { display: block; width: 100%; }
	
	.plaza img { width: 100%; }
	.plaza .section1 a { display: block; width: 100%; }

	.operacion .section3 .texto { background-color: #fbcd00; min-height: 360px; padding: 34px; margin-bottom: 40px; }
	.operacion .section3 .texto p { max-width: 500px; }

}
/* Landscape phones and smaller */
@media (max-width: 480px) {
	/*body { border: 2px solid red;}/**/

	.inicio { background-size: auto 200px; }
	.inicio .section1 h1 { color: #121512; margin-top: 120px; font-size: 32px; }
}