@font-face {
    font-family: Gilroy-ExtraBold;
    src: url('fonts/Gilroy-ExtraBold.otf');
}
@font-face {
    font-family: Gilroy-Light;
    src: url('fonts/Gilroy-Light.otf');
}
@font-face {
    font-family: RozhaOne-Regular;
    src: url('fonts/RozhaOne-Regular.ttf');
}
a{
	    color: #ffffff;
	    text-decoration: none;
}
a:hover{
	    color: #ffffff;
	    text-decoration: none;
}
body{
	font-family: Gilroy-Light !important;
}
.textoError{
    color: red;
    float: left;
    width: 100%;
    text-align: center;
}
.textoSuccess{
    color: #efcd14;
    float: left;
    width: 100%;
    text-align: center;
}
.menu{
	width: 100%;
	float: left;
	height: 50px;
	color: #fff;
	background: #000;
	box-sizing: border-box;
	position: fixed;
	z-index: 9999;
}
button{
    outline: none;
}
.loadingSVG{
    width: 25px;
}
.menu a {
	color: #fff;
}

.menu-close{
	width: 100%;
    float: left;
    height: 50px;

}
.menu-elemento{
	position: relative;
	top: 50%;
	font-size: 16px;
	font-weight: bold;
	transform: translateY(-50%);
	text-align: center;
}
.idioma{
	width: 12%;
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.menu-open{
	display: none;
}
.izquierda {
    width: auto;
	float: right;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: 0%;
}
.llamanos img {
    width: 10%;
}
.izquierda a{
	float: right;
}
.idiomaActivo{
	color:#1d3c5d;
}
.contact{
	color: #efcd14 !important;
	font-size: 20px;
}
.subcontenedor1{
	width: 100%;
	float: left;
	background: url('../img/fondo1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top: 1.5%;
	/*height: 920px;*/
}
.gvaHeaderContenedor{
	width: 100%;
	float: left;
	background: url('../img/banner3.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	height: 150px;

}
/*.gvaTitulo{
	background: url('../img/h1bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	height: 150px;
}
.gvaTitulo2{
	background: url('../img/h2bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	height: 150px;
}*/
.gvaContenedor{
	background: rgba(0,0,0,0.65);
	width: 40%;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 1%;
}
.bodyContenedorGva{
	width: 100%;
	float: left;
	box-sizing: border-box;
	color: #fff;
	padding-left: 5%;
	padding-right: 5%;
}
.gvaFooter{
	width: 100%;
	float: left;
	height: 55px;
	margin-bottom: 6%;
}
.texto1{
	width: 100%;
	float: left;
	font-family: RozhaOne-Regular;
}
.texto1 h3{
	font-size: 30px;
}
.gvaSubcont{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 10%;
	padding-right: 10%;
	height: 200px;
	margin-top: 5%;
	margin-bottom: 5%;
}
.p1{
	width: 25%;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.texto2{
	width: 70%;
	float: left;
}
.reclu{
	width: 100%;
	float: left;
	font-size: 20px;
	box-sizing: border-box;
	background: url('../img/reclutamiento.png');
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-left: 5px;

}
.insp{
	width: 100%;
	float: left;
	font-size: 20px;
	box-sizing: border-box;
	background: url('../img/retrabg.png');
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-left: 5px;

}
.retra{
	width: 100%;
	float: left;
	font-size: 20px;
	box-sizing: border-box;
	background: url('../img/retrabg.png');
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-left: 5px;

}
.linea{
	width: 100%;
	float: left;
	height: 5px;
	background: #fff;
	margin-top: 2%;
	margin-bottom: 2%;
}
.gvaServicios{
	width: 100%;
	float: left;
	background: url('../img/servicios.png');
	background-repeat: no-repeat;
	/*background-size: contain;*/
	background-position: center center;
	height: 150px;
	margin-bottom: 10%;
}
.gvaServicios2{
	width: 100%;
	float: left;
	background: url('../img/services.png');
	background-repeat: no-repeat;
	/*background-size: contain;*/
	background-position: center center;
	height: 150px;
	margin-bottom: 10%;
}
.gm{
	width: 10%;
	float: left;
}
.gm img{
	width: 80%;
}
.proveedor{
	width: 40%;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.iso{
	width: 10%;
	float: left;
}
.iso img{
	width: 80%;
}
.isot{
	width: 40%;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.subcontenedor2{
	width: 100%;
	float: left;
}
.sub-subcontenedor1{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
}
.vozContenedor{
	width: 59%;
	float: left;
	background: #000;
	color: #fff;
	box-sizing: border-box;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-top: 1%;
	height: 200px;
}
.piezasContenedor{
	width: 100%;
	float: left;
	margin-left: 0;
	background: #000;
	color: #fff;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-top: 5%;
	font-size: 60px;
	font-weight: bold;
	font-family: Gilroy-ExtraBold;
}
.vozBody{
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 20px;
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
}
.piezasHeader{
	width: 100%;
	float: left;
}
.piezasBody{
	width: 100%;
	float: left;
	text-align: right;
}
.piezasBody h1{
	color: #cdba38;
	font-weight: bold;
	font-size: 80px;
}
.experiencia {
	width: 100%;
	float: left;
	font-family: Gilroy-ExtraBold;
}
.tituloExperiencia{
	width: 100%;
	float: left;
	margin-bottom: 0%;
}
.tituloExperiencia h1 {
	font-size: 40px;
	font-weight: bold;
	color: #000;
	margin-bottom: 3%;
	margin-top: 3%;
}
.clientesContenedor{
	width: 100%;
	float: left;

}
.clienteElemento{
	width: 27.33%;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 3%;
	position: relative;
	perspective: 800px;
	height: 300px;
	cursor: pointer;
}
.bordeDerecho{
	width: 1%;
	float: right;
	height: 293px;
	background: #1e4167;
}
.clienteBody , .clienteBody_2, .clienteBody3, .clienteBody4, .clienteBody5, .clienteBody6, .clienteBody7, .clienteBody8{
	width: 99%;
	float: left;
	font-size: 20px;
	box-sizing: border-box !important;
	background-repeat: no-repeat !important;
	height: 235px !important;
	background-size: cover !important;
	background-position: center center !important;
}
.clienteBody{
	background: url('../img/auto.png');
}
.clienteBody_2{
	background: url('../img/auto.jpg');
}
.clienteBody3{
	background: url('../img/compesasiones.jpg');
}
.clienteBody4{
	background: url('../img/asesoria1.jpg');

}
.clienteBody5{
	background: url('../img/supervision.jpg');

}
.clienteBody6{
	background: url('../img/transporte.jpg');

}
.clienteBody7{
	background: url('../img/coordinacion.jpg');

}
.clienteBody8{
	background: url('../img/obra.jpg');

}
.clienteBody2{
	width: 99%;
	float: left;
	height: 299px;
	background: #fff;
	overflow-y: scroll;
}
.clienteFooter{
	width: 99%;
	float: left;
	background: #efcd14;
	color: #fff;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.clienteFooter h2{
		font-size: 25px;
}
.bolita{
	width: 25px;
	height: 25px;
	background: #000;
	position: absolute;
	left: 98%;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 25px 25px 25px 25px;
	cursor: pointer;
	color: #fff;
	text-align: center;
}
.bolita img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 9px;
}
.container { 
  /*width: 200px;
  height: 260px;
  position: relative;
  perspective: 800px;*/
}
#card1 , #card2 ,#card3 , #card4 , #card5 , #card6 , #card7 , #card8 {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
}
#card1 figure, #card2 figure,#card3 figure, #card4 figure,#card5 figure, #card6 figure, #card7 figure, #card8 figure {
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
#card1 .front, #card2 .front ,#card3 .front, #card4 .front,#card5 .front, #card6 .front, #card7 .front, #card8 .front  {
  /*background: red;*/
}
#card1 .back, #card2 .back, #card3 .back, #card4 .back, #card5 .back, #card6 .back, #card7 .back, #card8 .back {
 /* background: blue;*/
  transform: rotateY( 180deg );
}
#card1.flipped, #card2.flipped, #card3.flipped, #card4.flipped, #card5.flipped, #card6.flipped, #card7.flipped, #card8.flipped {
  transform: rotateY( 180deg );
}
.customers{
	width: 100%;
	float: left;
	height: 430px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	padding-left: 30%;
	padding-right: 30%;
	background: url('../img/bgnuestra.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.customers h1{
	font-weight: bold;
	font-size: 45px;
	color: #fff;
	background: rgba(0,0,0,0.7);
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	padding-top: 5%;
    padding-bottom: 5%;
}
.subcontenedor3{
	width: 100%;
	float: left;
	background: #fff;
}
.subcontenedor4{
	width: 100%;
	float: left;
	background: #1e4167;
}
.gvaContacto{
	width: 100%;
	float: left;
	color: #fff;
}
.contactanos{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Gilroy-ExtraBold;
}
.contactanos2{
	width: 50%;
	float: left;
}
.tituloContact{
	width: 100%;
	float: left;
	text-align: center;
	font-family: Gilroy-ExtraBold;
	padding-top: 10%;
	padding-bottom: 10%;
}
.tituloContact h1{
	font-weight: bold;
	font-size: 85px;

}
.selectContact{
	width: 100%;
	float: left;
	margin-top: 5%;
	margin-bottom: 10%;
}
.selectContact select{
	width: 50%;
	height: 50px;
}
.datosContact{
	width: 40%;
	float: left;
	font-family: Gilroy-Light;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10%;
	margin-right: 10%;
}
.obreros{
	width: 70%;
	height: 325px;
	background: url('../img/obreros.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	float: right;
	position: relative;
	top: -140px;
	margin-left: 15%;
	margin-right: 15%;
}
.formulario{
	width: 100%;
	float: left;
	
}
.formulario input{
	color: #000;
}
.datosNombre{
	font-size: 25px;
	color: #cdba38;
    margin-bottom: 0px;
}
.datosCorreo{
	color: #cdba38;
}
.campoFormu{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 25%;
	padding-right: 25%;
	text-align: center;
}
.campoTitulo{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 10%;
	padding-right: 10%;
	text-align: left;
	font-size: 16px;
	margin-top: 3%;
	margin-bottom: 3%;
}
.campo input{
	width: 80%;
	height: 40px;
    box-sizing: border-box;
    padding-left: 10px;
    outline: none;
}
.campo textarea{
	width: 80%;
	height: 170px;
    color: black;
    box-sizing: border-box;
    padding-left: 10px;
    outline: none;
}
.btns{
	width: 100%;
	float: left;
	box-sizing: border-box;
	text-align: right;
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 5%;
	margin-bottom: 5%;
}
.btns button{
	height: 40px;
	width: 30%;
	background: #cdba38;
	border: 0;
}
.campo{
	width: 100%;
    float: left;
}
.tituloElem{
	width: 100%;
    float: left;
	
}
.tituloElem h3{
	color: #efcd14;
	font-weight: bold;
}
.tituloElem p{
	font-size: 25px;
	font-weight: bold;
    box-sizing: border-box;
    padding-right: 15px;

}
.logos{
	width: 100%;
	float: left;
}
.logoimg{
	width: auto;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
}
.gServicios{
	width: 100%;
	float: left;
}
.tituloServicios h1 {
    font-size: 40px;
    font-weight: bold;
    color: #000;
}
.nuestraEmpresa{
	background: url('../img/nuestrapresencia.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.nuestraPresencia{
	width: 100%;
	float: left;
	min-height: 500px;
	background: url('../img/personas.jpg');

	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.contServicios{
	width: 100%;
	float: left;
}
.imagenServicios {
    width: 50%;
    float: left;
    background: url('../img/empleado.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    min-height: 460px;
}
.datosServicio{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-top: 1%;
	padding-bottom: 1%;
	font-size: 19px;
	list-style: none;
	/*-webkit-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);*/
}
.datosServicio span{
	color: red;
}
.menu-open{
	width: 100%;
    float: left;
    height: 50px;
}
.btnResponsive{
	display: none;
}
.cont-Empresa{
	width: 100%;
	float: left;
}
.sub-contEmpresa1{
	width: 100%;
	float: left;
	height: 700px;
	background: url('../img/empresabg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.sub-contEmpresa2{
	width: 100%;
	float: left;
	height: 2930px;
	background: url('../img/ayudabg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-family: Gilroy-ExtraBold;
}
.ayudamos{
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
}
.ayudaTitulo h1{
	color: #cdba38;
	font-size: 50px;
}
.ayudaTitulo{
	width: 100%;
	float: left;
}
.ayudaCont{
	width: 51%;
	float: left;
	margin-top: 2%;
	margin-bottom: 2%;
}
.ayudaCont p{
	color: #fff;
	font-size: 20px;
}
.empresaDatos{
	width: 70%;
	float: left;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 15%;
	margin-right: 15%;
}
.datosElementos{
	width: 48%;
	float: left;
	height: 230px;
	background: #fff;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
	box-sizing: border-box;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	-webkit-box-shadow: 7px 9px 4px 3px rgba(0,0,0,0.3);
	box-shadow: 7px 9px 4px 3px rgba(0,0,0,0.3);
}
.datosTitulo{
	width: 100%;
	float: left;
}
.datosContenido{
	width: 100%;
	float: left;
}
.valores{
	list-style: none;
}
.empresaDatos2{
	width: 90%;
	float: left;
	margin-left: 4%;
	margin-right: 4%;
	list-style: none;
}
.nuestros {
    width: 50%;
    float: left;
}
.nuestrosImagen{
	width: 50%;
	float: left;
	height: 570px;
	background: url('../img/objetivosbg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-size: contain;
	margin-top: 5%;
}
.datosTitulo2{
	width: 100%;
	float: left;
}
#contact{
	font-size: 25px;
	color: #efcd14;
}
.contact{
	font-size: 25px;
	color: #efcd14;
}
.datosContenido2{
	width: 100%;
	float: left;
	line-height: 65px;
	font-size: 25px;
	margin-top: 5%;
}
.sistema{
	width: 100%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	box-sizing: border-box;
}
.sisTitulo{
	width: 100%;
	float: left
}
.contSis{
	width: 80%;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
	position: relative;
	top: 50px;
}
.sisTitulo h1{
	font-size: 40px;
	font-weight: bold;
	color: #000;
}
.imgSis{
	width: 50%;
	float: left;
	height: 600px;
	background: url('../img/sisbg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.datosSis{
	width: 50%;
	float: left;
	height: 600px;
	position: relative;
	background: #fff;
	-webkit-box-shadow: 7px 9px 5px 3px rgba(0,0,0,0.3);
	box-shadow: 7px 9px 5px 3px rgba(0,0,0,0.3);
}
.datosSisCont{
	width: 100%;	
	float: left;
	list-style: none;
	font-size: 36px;
	line-height: 80px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.datosSisCont ul{
	list-style: none;
}
.defineCont{
	width: 98%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 5%;
	font-family: Gilroy-ExtraBold;
}
.defineElemento{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-left: 1%;
	padding-right: 1%;
	position: relative;
}
.defineImagen{
	width: 100%;
	float: left;
	height: 300px;
	position: relative;
	background: url('../img/vision.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.defineImagen2{
	width: 100%;
	float: left;
	height: 300px;
	position: relative;
	background: url('../img/mision.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.defineImagen3{
	width: 100%;
	float: left;
	height: 300px;
	position: relative;
	background: url('../img/valores.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.defineTexto{
	width: 100%;
	float: left;
	-webkit-box-shadow: 5px 8px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 5px 8px 10px 1px rgba(0,0,0,0.3);
	text-align: left;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 5%;
	position: relative;
	height: 200px;
}
.defineDatosCont{
	width: 90%;
	float: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.defineTitulo{
	width: 100%;
	float: left;
	font-size: 25px;
	margin-bottom: 3%;
	font-family: Gilroy-ExtraBold;
	margin-top: 3%;
}
.tituloDefine{
	width: 100%;
	float: left;
	margin-bottom: 3%;
}
.tituloDefine h1{
	font-size: 45px;
	font-weight: bold;
}
.defineDatos{
	width: 100%;
    float: left;
    font-family: Gilroy-Light;
}
.defineDatos ul{
	width: 100%;
    float: left;
    list-style: none;
}
/*Responsive */

@media (max-width: 1780px) {
	.proveedor h4, .isot h4{
    font-size: 16px;
	}
	.piezasBody h1 {
    font-size: 70px;
	}
	.piezasContenedor{
	font-size: 55px;
	}
	.menu-open{
	top: -100px;
	position: absolute;
	}

}
@media (max-width: 1580px) {
	.proveedor h4, .isot h4{
    font-size: 18px;
	}
	.piezasBody h1 {
    font-size: 65px;
	}
	.campoFormu {

    padding-left: 20%;
    padding-right: 20%;
	}
	.customers {
    height: 800px;
	}
	.obreros {
    height: 360px;
    top: -100px;
	}
	.gvaContenedor {
    width: 50%;
	}
	.datosContact {
    width: 50%;
	}
	.piezasContenedor {
    font-size: 50px;
	}
	.datosSisCont {
    line-height: 75px;
    font-size: 30px;
	}
	.datosSis {
    height: 500px;
	}
	.imgSis {
    height: 500px;
	}
	.clienteFooter h2{
	font-size: 28px;
	}
	.bordeDerecho {
    height: 295px;
    }
}
@media (max-width: 1480px){
	.idioma {
    padding-right: 10px;
    padding-left: 10px;
	}
	.piezasBody h1 {
    font-size: 60px;
	}
	.campoFormu {
    padding-left: 15%;
    padding-right: 15%;
	}
	.texto1 h3 {
    font-size: 27px;
	}
	.obreros {
    height: 340px;
    top: -100px;
	}
	.piezasContenedor {
    font-size: 45px;
	}
	.clienteFooter h2 {
    font-size: 26px;
	}
	.bordeDerecho {
    height: 293px;
	}
}
@media (max-width: 1380px) {
	.clienteFooter h2 {
    font-size: 24px;
	}
	.bordeDerecho {
    height: 291px;
	}
}
@media (max-width: 1280px){
	.idioma {
    padding-right: 5px;
    padding-left: 5px;
	}
	.texto1 h3 {
    font-size: 25px;
	}
	.piezasBody h1 {
    font-size: 55px;
	}
	.vozTitulo h2{
	font-size: 27px;
	}
	.piezasHeader h2{
	font-size: 27px;
	}
	.bolita{
    left: 97%;
	}
	.customers {
    height: 700px;
	}
	.obreros {
    height: 320px;
    top: -100px;
	}
	.piezasContenedor {
    font-size: 40px;
	}
	.datosSisCont {
    line-height: 60px;
    font-size: 30px;
	}
	.defineDatos{
	font-size: 13px;
	}
	.bordeDerecho {
    height: 288px;
	}
	.clienteFooter h2 {
    font-size: 21px;
	}
}
@media (max-width: 1180px){
	.menu-elemento {
    font-size: 13px;
	}
	.contacto{
	font-size: 13px;
	}
	.slick-initialized .slick-slide {
    font-size: 17px;
	}
	.customers {
    height: 600px;
	}
	.piezasBody h1 {
    font-size: 50px;
	}
	.gvaContenedor {
    width: 60%;
	}
	.campoFormu {
    padding-left: 10%;
    padding-right: 10%;
	}
	.proveedor h4, .isot h4 {
    font-size: 15px;
	}
	.datosServicio {
    padding-top: 2%;
    padding-bottom: 2%;
    font-size: 14px;
	}
	.customers h1 {
    font-size: 40px;
	}
	.imagenServicios{
	min-height: 350px;
	}
	.customers h1 {
    font-size: 35px;
	}
	.datosSisCont {
    line-height: 50px;
    font-size: 25px;
	}
	.imgSis {
    height: 400px;
	}
	.datosSis {
    height: 400px;
	}
	.defineDatos {
    font-size: 12px;
	}
	.clienteFooter h2 {
    white-space: nowrap;
	}
}
@media (max-width: 1080px){
	.defineDatos {
    font-size: 11px;
	}
}
@media (max-width: 980px){
	.idioma {
    width: 10%;
	}
	.gvaContenedor {
    width: 70%;
	}
	.slick-initialized .slick-slide {
    font-size: 15px;
	}
	.tituloExperiencia h1 {
    font-size: 35px;
	}
	.clienteElemento {
    width: 44%;
	}
	.datosServicio {
    font-size: 12px;
	}
	.customers h1 {
    font-size: 30px;
	}
	.nuestraPresencia {
    background-position: center;
	}
	.datosContact {
    font-size: 13px;
	}
	.customers{
	padding-left: 30%;
    padding-right: 30%;
	}
	.ayudaCont {
    width: 70%;
	}
	.empresaDatos {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
	}
	.datosContenido2 {
    font-size: 19px;
	}
	.datosTitulo2 h1{
	font-size: 30px;
	}
	.sub-contEmpresa2 {
    height: 2230px;
	}
	.sub-contEmpresa1 {
    height: 495px;
	}
	.llamanos{
	width: 15%;
	}
	.llamanos img{
	width: 20%;
	}
	.piezasContenedor {
    font-size: 30px;
	}
	.datosSisCont {
    line-height: 40px;
    font-size: 25px;
	}
	.defineDatos {
    font-size: 15px;
	}
	.defineElemento {
    width: 50%;
	margin-bottom: 5%;
	}
}
@media (max-width: 880px){
	.menu-elemento {
    font-size: 10px;
	}
	.piezasHeader h2 {
    font-size: 20px;
	}
	.slick-initialized .slick-slide {
    font-size: 11px;
	}
	.vozTitulo h2 {
    font-size: 20px;
	}
	.piezasBody h1 {
    font-size: 35px;
	}
	.piezasBody h1 {
    font-size: 35px;
	}
	.tituloContact h1 {
    font-size: 40px;
	}
	.obreros {
    height: 175px;
    top: -65px;
	}
	.campoFormu {
    padding-left: 5%;
    padding-right: 5%;
	}
	.customers {
    height: 500px;
	}
	.nuestraPresencia {
    background-position: right;
	}
	.ayudaTitulo h1 {
    font-size: 45px;
	}
	.sub-contEmpresa1 {
    height: 435px;
	}
	.ayudaCont {
    width: 100%;
	}
	.idioma {
    width: 15%;
	}
	.menu-elemento {
    font-size: 11px;
	}
	#contact{
		font-size: 20px;
	}
	.contact{
		font-size: 20px;
	}
	.piezasContenedor {
    font-size: 25px;
	}	
	.datosSisCont {
    line-height: 35px;
    font-size: 20px;
	}
	.imgSis {
    height: 300px;
	}
	.datosSis {
    height: 300px;
	}
	.bordeDerecho {
    height: 291px;
	}
	.clienteFooter h2{
	font-size: 24px;
	white-space: nowrap;
	}
	.defineDatos {
    font-size: 13px;
	}
	.datosNombre {
    font-size: 23px;
	}
	.datosContact {
    font-size: 12px;
	}
	.p1 {
    width: 30%;
	}
}
@media (max-width: 780px){
	.slick-initialized .slick-slide {
    font-size: 10px;
	}
	.gvaHeaderContenedor {
    height: 130px;
	}
	.texto1 h3 {
    font-size: 22px;
	}
	.gvaSubcont {
    height: 150px;
	}
	.sort {
    font-size: 15px;
	}
	.insp {
    font-size: 15px;
	}
	.retra {
    font-size: 15px;
	}
	.gvaServicios {
    height: 90px;
	}
	.gvaFooter {
    height: 45px;
	}
	.proveedor h4, .isot h4 {
    font-size: 10px;
	}
	.vozContenedor {
    width: 100%;
	}
	.piezasContenedor {
    width: 100%;
    margin-left: 0;
    margin-top: 1%;
	}
	.datosContact {
    width: 100%;
	}
	.campoFormu {
    padding-left: 0;
    padding-right: 0;
	}
	.slick-initialized .slick-slide {
    font-size: 16px;
	}
	.piezasHeader h2 {
    font-size: 30px;
	}
	.piezasBody {
    text-align: center;
	}
	.piezasBody h1 {
    font-size: 48px;
	}
	.vozContenedor, .piezasContenedor {
    height: auto;
	}
	.vozTitulo h2 {
    font-size: 30px;
	}
	.customers img{
	width: 14%;
	}
	.customers h1 {
    font-size: 23px;
	}
	.datosServicio {
    font-size: 10px;
	}
	.ayudaCont {
    width: 100%;
	}
	.datosElementos {
    width: 98%;
	}
	.nuestros {
    width: 100%;
	}
	.datosContenido2 {
    font-size: 20px;
	}
	.sub-contEmpresa1 {
    height: 390px;
	}
	.ayudaTitulo h1 {
    font-size: 40px;
	}
	.ayudaCont p {
    font-size: 16px;
	}
	.nuestrosImagen {
	width: 100%;
    height: 400px;
    margin-top: 0;
	}
	.sub-contEmpresa2 {
    height: 2570px;
	}
	#contact {
    font-size: 25px;
	}
	.contact {
    font-size: 25px;
	}
	
	.idioma {
    width: 20%;
	}
	.menu{
		height: 40px;
		position: relative;
	}
	.menu-close{
	display: none;

	}
	.menu-open{
		/*display: none;*/
		height: auto;
	    background: black;
	    padding-left: 4%;
	    padding-right: 4%;
	    padding-top: 5%;
	    padding-bottom: 5%;
	    position: absolute;
	    top: -750%;

	}
	
	.idioma {
    width: 100%;
	}
	.izquierda {
    width: 100%;
    margin-left: 0;
    padding-right: 3px;
    padding-left: 3px;
	}
	.izquierda a {
    float: right;
	}
	.menu-elemento {
    font-size: 20px;
    text-align: right;
    margin-top: 1%;
	margin-bottom: 1%;
	}
	.btnResponsive {
    display: block;
    height: 40px;
    float: left;
    width: 10%;
    cursor: pointer;
    margin-left: 1%;
    margin-right: 1%;
    position: absolute;
    z-index: 1;
    margin-top: 0.5%;
	}
	.barrita {
    width: 65%;
    float: left;
    height: 5px;
    background: #fff;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 25px 25px 25px 25px;
	}
	.barrita2{
	width: 65%;
    float: left;
    height: 5px;
    background: #fff;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 25px 25px 25px 25px;
	}
	.llamanos img {
    width: 5%;
	}
	.piezasContenedor {
    font-size: 20px;
	}
	.contSis {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
	}
	.reclu {
    font-size: 15px;
	}
	.p1 img{
	width: 80%;
	}
	.clienteFooter h2 {
    font-size: 18px;
	}
	.bordeDerecho {
    height: 285px;
	}
	.defineDatos {
    font-size: 12px;
	}
	.subcontenedor1{
	margin-top: 0%;
	}
}
@media (max-width: 680px){
	.customers {
    height: 500px;
	}
	.piezasHeader h2 {
    font-size: 20px;
	}
	.vozTitulo h2 {
    font-size: 20px;
	}
	.piezasBody h1 {
    font-size: 45px;
	}

	.idioma {
    width: 12%;
	}
	.datosContact {
    text-align: center;
	}
	.imagenServicios {
    width: 100%;
	}
	.datosServicio {
    width: 100%;
    font-size: 16px;
	}
	
	.sub-contEmpresa1 {
    height: 265px;
	}
	.ayudaTitulo h1 {
    font-size: 30px;
	}
	
	.ayudaCont p {
    font-size: 16px;
	}
	.datosContenido2 {
    font-size: 17px;
    line-height: 60px;
	}
	.llamanos img {
    width: 5%;
	}
	.menu{
		height: 40px;
		position: relative;
	}	
	.idioma {
    width: 100%;
	}
	.izquierda {
    width: 100%;
    margin-left: 0;
	}
	.izquierda a {
    float: right;
	}
	.menu-elemento {
    font-size: 20px;
    text-align: right;
    margin-top: 1%;
	margin-bottom: 1%;
	}
	.piezasContenedor {
    font-size: 15px;
	}
	.tituloElem p {
    font-size: 20px;
	}
	.datosSisCont {
    line-height: 30px;
    font-size: 15px;
	}
	
}
@media (max-width: 580px){
    .datosContact{
        margin-left: 0;
        margin-right: 0;
    }
	.gvaContenedor {
    width: 94%;
	}
	.clienteElemento {
    width: 94%;
	}
	.contactanos {
    width: 100%;
	}
	.contactanos2 {
    width: 100%;
	}
	.obreros {
    top: 0px;
	}
	.izquierda {
    width: auto;
	}
	.idioma {
    width: auto;
	}
	.slick-initialized .slick-slide {
    font-size: 14px;
	}
	.customers {
    height: 400px;
    padding-left: 20%;
    padding-right: 20%;
	}
	.nuestraPresencia {
    background-position: -140px;
	}
	.customers img {
    width: 11%;
	}
	.nuestraPresencia{
	min-height: 400px;
	}
	.menu{
		height: 40px;
		position: relative;
	}
	.menu-open{
	/*display: none;*/
	height: auto;
	background: black;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 5%;
	padding-bottom: 5%;
	position: absolute;
	top: -550%;
	}
	
	.idioma {
    width: 100%;
	}
	.izquierda {
    width: 100%;
    margin-left: 0;
	}
	.izquierda a {
    float: right;
	}
	.menu-elemento {
    font-size: 20px;
    text-align: right;
    margin-top: 1%;
	margin-bottom: 1%;
	}
	.btnResponsive {
    display: block;
    height: 40px;
    float: left;
    width: 10%;
    cursor: pointer;
    margin-left: 1%;
    margin-right: 1%;
    position: absolute;
    z-index: 1;
    margin-top: 1%;
	}
	.datosContenido2 {
    font-size: 16px;
    line-height: 55px;
	}
	.nuestrosImagen {
    height: 280px;
	}
	.sub-contEmpresa2 {
    height: 2445px;
	}
	.llamanos img {
    width: 10%;
	}
	.datosSis {
    width: 100%;
	}
	.imgSis {
    width: 100%;
	}
	.datosSisCont {
    font-size: 20px;
	}
	.defineElemento {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
	}
	.defineDatos {
    font-size: 16px;
	}
}
@media(max-width: 480px){
	.slick-initialized .slick-slide {
    font-size: 11px;
	}
	.vozContenedor{
	padding-left: 2%;
    padding-right: 2%;	
	}
	#card1 figure, #card2 figure, #card3 figure, #card4 figure, #card5 figure, #card6 figure , #card7 figure , #card8 figure {
    height: 86%;
	}
	.clienteBody , .clienteBody_2, .clienteBody3, .clienteBody4, .clienteBody5, .clienteBody6, .clienteBody7, .clienteBody8{
    height: 200px !important;
	}
	.bordeDerecho {
    height: 263px;
	}
	.tituloExperiencia h1 {
    font-size: 25px;
	}
	.piezasBody h1 {
    font-size: 35px;
	}
	.bordeDerecho {
    height: 257px;
	}
	.customers {
    height: 340px;
	}
	.gvaFooter {
    height: 35px;
	}
	.gvaServicios {
    height: 65px;
	}
	.p1 {
    width: 25%;
    text-align: center;
	}
	.texto2 {
    width: 75%;
	}
	.ayudaTitulo h1 {
    font-size: 22px;
	}
	.ayudaCont p {
    font-size: 13px;
	}
	.datosContenido2 {
    font-size: 14px;
    line-height: 45px;
	}
	.h1, h1 {
    font-size: 22px;
	}
	.sub-contEmpresa2 {
    height: 2330px;
	}
	.datosSisCont {
    font-size: 15px;
	}
	.imgSis {
    height: 200px;
	}
	.datosSis {
    height: 200px;
	}
	.piezasContenedor {
    font-size: 12px;
	}
	.sisTitulo h1 {
    font-size: 30px;
	}
	.defineDatos {
	    font-size: 14px;
	}
	.clienteFooter h2 {
    font-size: 17px;
	}
	.bordeDerecho {
    height: 249px;
	}
}
@media(max-width: 380px){
	.slick-initialized .slick-slide {
    font-size: 10px;
	}
	.piezasHeader h2 {
    font-size: 17px;
	}
	.piezasBody h1 {
    font-size: 30px;
	}
	.vozTitulo h2 {
    font-size: 17px;
	}
	.vozContenedor {
    padding-left: 3%;
    padding-right: 3%;
	}
	.datosServicio {
    width: 100%;
    font-size: 11px;
	}
	.imagenServicios {
    min-height: 250px;
	}
	.customers h1 {
    font-size: 19px;
	}
	.piezasContenedor {
    font-size: 10px;
	}
	.sisTitulo h1 {
    font-size: 25px;
	}
	.defineDatos {
	    font-size: 12px;
	}
}