@import url('https://fonts.googleapis.com/css?family=Lato:300,400,900&display=swap');
 @import url('nav-m.css?v=1');
 body{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}
main,section,article{
	display:block;
	width:100%;
	float:left;
}
.titulo-h2{
	font-size:40px;
	font-weight: 500;
	color:#ffffff;
	margin:0 0 20px 0;
}
.contenedor{
	display:block;
	margin:0 auto;
	width:95%;
}
.contenedor-80{
	display:block;
	margin:0 auto;
	width:80%;
}
.centrar{
	text-align: center;
}
.row{
	display:block;
	width:100%;
	float:left;
}
.relative{
	position: relative;
}
.full-width{
	width:100%;
	display:block;
}
.vertical-center{
    align-items: center;
    justify-content: center;
}
.flex-container{
	display:flex;
	width:100%;
	flex-flow: row wrap;
}
.flex-10{
	flex:0 0 10%;
}
.flex-15{
	flex:0 0 15%;
}
.flex-16{
	flex:0 0 16.6666%;
}
.flex-20{
	flex:0 0 20%;
}
.flex-25{
	flex:0 0 25%;
}
.flex-30{
	flex:0 0 30%;
}
.flex-33{
	flex:0 0 33.33%;
}
.flex-40{
	flex:0 0 40%;
}
.flex-50{
	flex:0 0 50%;
}
.flex-60{
	flex:0 0 60%;
}
.flex-70{
	flex:0 0 70%;
}
.flex-80{
	flex:0 0 80%;
}
.flex-85{
	flex:0 0 85%;
}
.display-flex{
	display:flex;
	flex:0 0 100%;
}
.p-12{
	font-size:12px;
	line-height: 18px;
}
.p-13{
	font-size:13px;
	line-height: 19px;
}
.romper{
	word-break: break-all;
}
.cta{
	display:inline-block;
	border:2px solid #8dba1a;
	padding:10px 30px;
	border-radius:20px;
	font-size:13px;
	color:#ffffff;
	text-decoration: none;
}
.cta-secundario{
	display:inline-block;
	background:#8dba1a;
	padding:20px 40px;
	border-radius:40px;
	font-size:15px;
	color:#ffffff;
	text-decoration: none;
	border:0;
}
.cta-secundario i{
	margin:0 10px 0 0;
}
.cta i{
	display:inline-block;
	margin-right: 10px;
	transition: 0.3s;
}
.cta:hover i{
	color:#8dba1a;
}
.p-14{
	font-size:14px;
	line-height:20px;
}
.p-b-20{
	padding-bottom:20px;
}
.p-b-30{
	padding-bottom:30px;
}
.p-b-40{
	padding-bottom:40px;
}
.p-b-50{
	padding-bottom:50px;
}
.p-t-20{
	padding-top:20px;
}
.p-t-10{
	padding-top:10px;
}
.p-t-30{
	padding-top:30px;
}
.p-t-40{
	padding-top:40px;
}
.p-t-50{
	padding-top:50px;
}
.m-r-10{
	margin-right: 10px;
}
.link-verde{
	font-size:14px;
	color:#8dba1a;
	text-decoration: underline;
}
.link-verde i{
	font-size:12px;
	display:inline-block;
	transition: 0.3s;
}
.link-verde:hover i{
	margin:0 0 0 6px;
}
.col-10{
	display:inline-block;
	width:10%;
	float:left;
}
.col-20{
	display:inline-block;
	width: 20%;
	float:left;
}
.col-25{
	display:inline-block;
	width: 25%;
	float:left;
}
.col-30{
	display:inline-block;
	width: 30%;
	float:left;
}
.col-33{
	display:inline-block;
	width: 33.3333%;
	float:left;
}
.col-40{
	display:inline-block;
	width: 40%;
	float:left;
}
.col-50{
	display:inline-block;
	width:50%;
	float:left;
}
.col-60{
	display:inline-block;
	width:60%;
	float:left;
}
.col-70{
	display:inline-block;
	width:70%;
	float:left;
}
.col-80{
	display:inline-block;
	width:80%;
	float:left;
}
.col-90{
	display:inline-block;
	width:90%;
	float:left;
}
.hr{
	display:block;
	border:0;
	height: 5px;
	background:#ffffff;
	width: 100%;
	float:left;
}
.pleca-top{
	display:block;
	float:left;
	height: 25px;
}
.hr-150{
	display:block;
	border:0;
	height: 5px;
	background:#ffffff;
	width: 150px;
	float:left;
}
.hr-50{
	display:block;
	border:0;
	height: 5px;
	background:#ffffff;
	width: 50px;
	float:left;
	margin:10px 0 25px 0;
}
.hr-50.centrar{
	float:none;
	margin:10px auto 20px auto;
}
.cta-solo{
	display:inline-block;
	padding:10px 30px;
	border:2px solid #8dba1a;
	border-radius: 50px;
	color:#ffffff;
	transition: 0.3s;
	cursor: pointer;
	text-decoration: none;
}
.cta-solo:hover{
	background:rgba(0,0,0,0.2);
}
.cta-solo:hover i{
	color:#8dba1a;
}
.cta-solo i{
	display:inline-block;
	margin:0 15px 0 0;
	transition: 0.3s;
}
.desc-menu{
	position: absolute;
	z-index: 2;
	left:0;
	top:0;
	width: 100%;
	color:#111111;
}
.logo{
	display:inline-block;
	width:160px;
	float:left;
	background:#ffffff;
	padding:8px 0;
}
.logo img{
	display:block;
	margin:0 auto;
	max-height: 50px
}
.menu{
	display:inline-block;
	float:right;
	background:#ffffff;
	position: relative;
}
.menu ul{
	margin:0;
	padding:0;
}
.menu ul li{
	display:inline-block;
	margin:0 15px;
	float:left;
}
.menu ul li a{
	color:#030b3b;
	font-size:13px;
	text-decoration: none;
	display: inline-block;
	padding:25px 15px;
}
.menu ul li i{
	color:#8dba1a;
}
.desplegable:hover .nav-desplegable{
	visibility: visible;
	top:65px;
	opacity: 1;
}
.nav-desplegable{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top:50px;
	left:0;
	width:100%;
	transition:0.3s;
}
.nav-desplegable .content-desplegable{
	padding:20px 0;
}
.content-desplegable-back{
	background:#ffffff;
	display: block;
	float:left;
	width: 100%
}
header{
	background:linear-gradient(0deg, rgba(4,16,32,0.5), rgba(4,16,32,0.5)), url(../img/background.jpg) center center no-repeat;
	background-size:cover;
	min-height: 100vh;
	height:auto;
	position: relative;
}
header#h-contacto{
	background:linear-gradient(0deg, rgba(4,16,32,0.5), rgba(4,16,32,0)), url(../img/header-contacto.jpg) center center no-repeat;
	background-size:cover;
	min-height: 100vh;
	height:auto;
	position: relative;
}
header#h-nosotros{
	height: 100vh;
	position: relative;
	min-height:auto;
	padding:0;
	overflow: hidden;
	background:#041020;
	color:#ffffff;
	font-size:12px;
	line-height: 1.7;
}
header#h-nosotros h1{
	color:#ffffff;
	font-size:25px;
	line-height: 29px;
	margin:0 0 30px 0;
	letter-spacing: 1px;
}
header#h-nosotros h2{
	font-size:20px;
}
.contenedor-header{
	display:block;
	width:100%;
	border-top:1px solid rgba(255,255,255,0.2);
	position: absolute;
	bottom: 0;
	height: 85%;
}
.contenedor-header .contenedor{
	padding:30px 0;
}
header .contenedor-header h1{
	font-size:14px;
	margin:0;
	color:#ffffff;
	font-weight: 400;
}
header#h-contacto h1{
	font-size:40px;
}
header#h-contacto h3{
	font-size:20px;
}
header#h-contacto h2{
	font-size:24px;
}
header .contenedor-header h2{
	font-size:45px;
	margin:20px 0 10px 0;
	color:#ffffff;
	font-weight: 400;
}
header .contenedor-header h3{
	font-size:35px;
	margin:0 0 30px 0;
	color:#ffffff;
	font-weight: 400;
}
header .contenedor-header .contenedor p{
	color:#ffffff;
	font-size:12px;
	line-height: 20px
}
.parrafo{
	color:#ffffff;
	font-size:13px;
	line-height: 20px;
}
.linea-pleca{
	display:block;
	width:100%;
	margin-bottom: 10px
}
.dots-circle-titulo{
	display:block;
	float:right;
	width:50%;
	max-width: 65px;
	padding:0 10px 0 0;
}
.dots-circle-solo{
	display:block;
	width:30px;
}
.caja-hacemos{
	position: relative;
	display:block;
	width:100%;
	padding:15px 0;
}
.mascara-img{
	position: relative;
	overflow: hidden;
	width:100%;
	height:100px;
}
.mascara-img .img-mask{
	position: absolute;
	z-index: 1;
	height: 100%
	left:auto;
	top:auto;
	width: 100%;
	opacity: 0.9;
	transition: 0.3s;
}
.caja-hacemos:hover .img-mask{
	opacity: 1;
	transform: scale(1.4) rotate(5deg);
}
.caja-hacemos:hover .lineas-animadas{
	transition-timing-function: cubic-bezier(0.1, 1);
	width: 130px;
	opacity: 1;
}
.nosotros-mask .lineas-animadas{
	position: absolute;
	z-index: 2;
	width: 0;
	opacity: 0;
	top: 50%;
	left: -40px;
	height: 3px;
	background:#8dba1a;
	transition: 0.3s;
}
.nosotros-mask:hover .lineas-animadas{
	width: 130px;
	opacity: 1;
}
.mascara-img .color-masck{
	position: absolute;
	z-index: 2;
	background-color:rgba(0,33,82,0.2);
	width:100%;
	height: 100%;
	transition: 0.3s;
}
.caja-hacemos:hover .color-masck{
	background-color:rgba(0,33,82,0.8);
}
.caja-hacemos .lineas-animadas{
	position: absolute;
	z-index: 3;
	top:60%;
	left:-40px;
	width:50px;
	height:3px;
	background:#8dba1a;
	opacity: 0;
	transition: 0.3s;
}
.caja-hacemos h4{
	color:#ffffff;
	font-weight: lighter;
	margin:10px 0 5px 0;
}
.scroll-down{
	position: absolute;
	right: 130px;
	bottom:100px;
	transform:rotate(90deg);
	color:#ffffff;
	font-size:12px;
}
.caja-linea-scroll{
	 display:inline-block;
	 width:50px;
	 height: 1px;
	 overflow: hidden;
	 position: relative;
	 bottom:3px;
}
.linea-scroll{
	display: block;
	width:20px;
	height: 5px;
	position: absolute;
	background:#8dba1a;
	animation-name: scrolldown;
	animation-duration:2s;
	animation-iteration-count: infinite;
}
@keyframes scrolldown{
	0%{
		width:0px;
	}
	35%{
		width:50px;
	}
	100%{
		width:0px;
		right: 0;
	}
}

/* NOSOTROS */
#nosotros{
	display:block;
	padding:120px 0;
	width:100%;
	float:left;
	background:#041020;
}
#nosotros h2{
	margin:0 0 20px 0;
	font-weight: lighter;
	color:#ffffff;
}
#nosotros h4{
	color:#ffffff;
	font-weight:lighter;
	font-size:16px;
}
#nosotros hr{
	width:20px;
	height: 3px;
	background: #ffffff;
	float:left;
	border:0;
	display:block;
	margin:15px 0;
	transition: 0.3s;
}
#nosotros .flex-30:hover hr, #nosotros .flex-40:hover hr{
	width:30px;
}
#nosotros .flex-40 .contenedor-80{
	float:left;
	color:#c6c6c6;
	font-size:13px;
	line-height: 1.7;
}
#nosotros .col-60{
	font-size:13px;
	color:#c6c6c6;
	line-height: 1.7;
}
.color-verder{
	color:#8dba1a;
}
.nosotros-mask{
	width:70%;
	height:350px;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.nosotros-mask-color{
	width:100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
}
.nosotros-cols hr{
	width:30px;
	height: 2px;
	border:0;
	background:#ffffff;
	float:left;
	transition: 0.3s;
}
.nosotros-cols .flex-50:hover hr{
	width:50px;
}
.nosotros-cols h4{
	font-size:16px;
	margin:10px 0;
}


/* Clientes */
#clientes{
	display:block;
	width: 100%;
	float:left;
}
.back-uno{
	padding:120px 0;
	background:#041934;
}
.back-dos{
	background:url(../img/back-clientes.jpg) center center no-repeat;
	background-size:cover;
	padding:120px 0;
}
.titulo{
	display:block;
	width:60%;
	margin:0 auto;
	text-align: right;
}
.titulo h2{
	color:#ffffff;
	font-weight: lighter;
	margin:0 0 20px 0;
	font-size: 35px;
}
.titulo hr{
	display:block;
	border:0;
	height: 3px;
	background:#8dba1a;
	width: 50px;
	float:right;
	margin:10px 0 30px 0;
}
.descripción{
	font-size:14px;
	line-height: 1.7;
	color:#c6c6c6;
}
.grid-clientes .flex-33{
	border-right:1px solid rgba(255,255,255,0.2);
	flex:0 0 calc(33.33% - 1px);
	padding:30px 0;
	transition: 0.3s;
}
.grid-clientes .flex-33:nth-child(3n){
	border-right:0;
}
.b-bottom{
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.grid-clientes .flex-33:hover{
	background:rgba(255,255,255,0.1);
}
.grid-clientes .flex-33 img{
	display:block;
	max-width: 60%;
	max-height: 30px;
	margin:0 auto;
	filter: grayscale(100%);
	opacity:0.6;
	transition: 0.3s;
}
.grid-clientes .flex-33:hover img{
	filter: grayscale(0);
	opacity:1;
}

/* numeros */
#numeros{
	background:url(../img/back-numeros.jpg) center center no-repeat;
	background-size: cover;
	display: block;
	width: 100%;
	padding:60px 0 120px 0;
}
#numeros .titulo{
	margin:0 auto 60px auto;
	display: block;
	text-align: center;
	width: 600px;
	color:#cccccc;
	line-height: 1.7;
	font-size: 13px;
}
#numeros h2{
	color:#ffffff;
	text-align: center;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 3px;
	font-size: 26px;
}
.caja-numeros{
	background:rgba(255,255,255,0.1);
	display:block;
	width: 90%;
	margin:0 auto;
	border:1px solid rgba(255,255,255,0.1);
	padding:20px 0;
	text-align: center;
	color:#cccccc;
	transition: 0.3s;
	overflow: auto;
	height: 100%;
}
.caja-numeros:hover{
	border:1px solid rgba(141,186,26,1);
}
.caja-numeros:hover hr{
	width:70px;
}
.contador{
	font-size:26px;
	font-weight: bold;
	color:#ffffff;
}
.icono-numero{
	display:block;
	width:100%;
	padding:0 0 30px 0;
}
.icono-numero img{
	display:block;
	width:80px;
	margin:0 auto;
}
.caja-numeros hr{
	display:block;
	width: 50px;
	height: 3px;
	background:rgba(141,186,26,1);
	border:0;
	transition: 0.3s;
}

#contactanos{
	display:block;
	width: 100%;
	float:left;
	background:url(../img/back-contacto.jpg) center center no-repeat;
	background-size:cover;
	padding:80px 0;
}
#contactanos .flex-30{
	flex:0 0 calc(30% - 1px);
	border-right: 1px solid rgba(255,255,255,0.2);
}
.cotizar{
	border:2px solid #8dba1a;
	width: 100%;
	padding:15px 0;
	text-align: center;
	color:#ffffff;
	text-decoration: none;
	font-size:15px;
	transition: 0.3s;
}
.cotizar i{
	margin-right: 10px;
	display: inline-block;
	font-size:20px;
}
.cotizar:hover{
	background: rgba(255,255,255,0.1);
}
#contactanos h2{
	color:#ffffff;
	font-weight: lighter;
}

/*
	Estamos trabajando
*/
#estamos-trabajando{
	background:url(../img/back-nosotros-2.jpg) center center no-repeat;
	background-size:cover;
	padding:80px 0;
	color:#ffffff;
	font-size:13px;
	line-height: 1.7;
}
#estamos-trabajando h2{
	color:#ffffff;
	margin:0 0 20px 0;
	font-size:42px;
	font-weight: 500;
	line-height:1.2;
}
.col-puntos{
	display:block;
	width:60px;
	float:left;
}
.col-puntos img{
	margin:15px 0 0 0;
	width:90%;
	float:left;
}
.col-titulo{
	display:block;
	width:calc(100% - 60px);
	float:left;
}
.numero-small-center{
	font-size:14px;
	color:#8dba1a;
}
.masc-proyectos{
	display:block;
	width:100%;
	height:100px;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.masc-proyectos a{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
}

#acerca{
	background:#030b3b;
	padding:80px 0;
	color: #ffffff;
	font-size: 13px;
	line-height: 1.7;
}
#ayudamos .flex-25{
	font-size:13px;
}
.caja-equipo{
	width:90%;
	border:1px solid rgba(255,255,255,0.2);
	transition: 0.3s;
}
.caja-equipo:hover{
	border:1px solid #8dba1a;
}


/* footer */
footer{
	background:#020c19;
	display: block;
	width:100%;
	padding:60px 0;
	float:left;
	color:#c6c6c6;
	font-size:13px;
	line-height: 1.7;
}
.logo-footer{
	display:block;
	height: 50px;
	margin-bottom:30px;
}
.col-dots{
	display:inline-block;
	float:left;
	width:40px;
}
.col-dots img{
	width: 26px;
	display: block;
	margin:6px 0 0 0;
}
.col-info{
	display: inline-block;
	width: calc(100% - 40px);
	float:left;
}
footer h3{
	margin:0 0 15px 0;
	font-size:16px;
	color: #ffffff;
}
.link-footer{
	display: inline;
	color:#ffffff;
	font-weight: lighter;
	text-decoration: none;
	transition: 0.3s;
	width: 100%;
	padding:8px 0;
}
.link-footer:hover{
	margin-left: 10px;
}
.link-sm{
	display: inline-block;
	width:30px;
	height: 30px;
	border:1px solid #8dba1a;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	font-size:14px;
	margin:0 10px 0 0;
	color:#c6c6c6;
	transition: 0.3s;
}
.link-sm:hover{
	color:#ffffff;
}
.dg.a, .dg.ac{
	display:none;
}
.mask-img-equipo{
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.mask-img-equipo .lineas-animadas{
	position: absolute;
	z-index: 2;
	width: 0;
	opacity: 0;
	top: 50%;
	left: 50%;
	height: 3px;
	background:#8dba1a;
	transition: 0.3s;
}
.mask-img-equipo:hover .lineas-animadas{
	width: 100px;
	opacity: 1;
	left: calc(50% - 50px);
}
.mask-img-equipo img{
	position: absolute;
	left:-50%;
	top:0;
	margin-left: auto; 
	margin-right: auto;
	height: 100%;
	transition: 0.3s;
}
.mask-img-equipo:hover img{
	transform: scale(1.2) rotate(10deg);
}
#ayudamos{
	background:url(../img/back-ayudamos.jpg) fixed;
	background-size:cover;
	display:block;
	padding:100px 0;
}
#ayudamos .flex-25{
	flex:0  0 calc(25% - 1px);
	border-right: 1px solid rgba(255,255,255,0.2);
	transition:0.3s;
	color:#ffffff;
	padding:20px 0;
	font-weight: 300;
}
#ayudamos .flex-25:hover{
	background:rgba(255,255,255,0.2);
}
#ayudamos .flex-25:nth-child(4n){
	border-right:0;
}
#ayudamos .flex-25 i{
	color:#8dba1a;
}
.titulo-puntos{
	display: block;
	background:url(../img/dots-title.svg) center center no-repeat;
	background-size:auto 80%;
	padding:10px 0;
}
.titulo-puntos h2{
	color:#ffffff;
	margin:0;
	font-size:40px;
	font-weight: bold;
	letter-spacing: 2px;
}
#ayudamos h3{
	color:#ffffff;
	font-weight: 400;
	font-size:22px;
}
#tools{
	background:#010c28;
	padding:100px 0;
}
#tools .item{
	padding:50px 0;
	text-align: center;
}
#tools .item img{
	opacity: 0.3;
	width: 40%;
	margin:0 auto;
	display: block;
	transition: 0.3s;
}
#tools .item:hover img{
	opacity: 1;
}
#contacto{
	background:#041934;
}
label{
	font-size:14px;
	color:#010c28;
	position: relative;
}
label input{
	display:block;
	width: calc(100% - 30px);
	border:1px solid #888888;
	padding:20px 15px 15px 15px;
	border-radius:5px;
	transition: 0.3s;
}
label textarea{
	display:block;
	width: calc(100% - 30px);
	border:1px solid #888888;
	padding:20px 15px 15px 15px;
	border-radius:5px;
	transition: 0.3s;
	height: 80px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:11px;
	line-height: 18px;
}
label input:focus, label textarea:focus{
	outline: none;
	border:1px solid #8dba1a;
}
label .etiqueta-input{
	position: absolute;
	z-index: 2;
	top:5px;
	left:10px;
	background: #ffffff;
	width: auto;
	padding:2px 5px;
}
.mob-menu{
	display: none;
	background:#ffffff;
	height:65px;
	width:80px;
	float:right;
	position: relative;
}



@media screen and (max-width:1200px){
	header .contenedor-header h2{
		font-size:35px;
	}
	header .contenedor-header h3{
		font-size:28px;
	}
	.hr-150{
		width: 100px;
	}
	.desc-menu .contenedor{
		width: 100%;
	}
	#acerca .flex-25{
		flex:0 0 49%;
		margin:0 0 50px;
		max-width: 49% !important;
	}
}
@media screen and (max-width:1000px){
	.nosotros-cols .flex-50{
		flex:0 0 50% !important;
	}
	#acerca .flex-70{
		flex:0 0 100%;
	}
	.nosotros-mask{
		width: 95%;
	}
	.titulo{
		width:100%;
	}
	.contenedor-80{
		width:90%;
	}
	header{
		padding-top: 100px;
		height: auto;
		position: static;
		float:left;
		width: 100%;
	}
	header .contenedor-header{
		height: auto;
		position: static;
	}
	header#h-nosotros .contenedor-header{
		height: 85%;
		position: absolute;
	}
	.col-10{
		width: 100%;
	}
	header .col-90{
		margin:0 auto;
		display: block;
		float:none;
	}
	header .col-80{
		margin:0 auto;
		display: block;
		float:none;
	}
	header .col-30{
		width:80%;
		margin-bottom: 50px
	}
	 header .col-60{
	 	width:100%;
	 }
	 .scroll-down{
	 	right: 10px;
	 }
	 header#h-nosotros .flex-20, header#h-nosotros .flex-30{
	 	flex:0 0 100%;
	 }
	 header#h-nosotros .flex-50{
	 	flex:0 0 100%;
	 }
	 .flex-50 > .contenedor{
	 	width: 100%;
	 }
}
@media screen and (max-width:800px){
	.mask-img-equipo img{
		left:0;
	}
	.flex-40, .flex-60{
		flex:0 0 100%;
	}
	.mask-img-equipo{
		height: 400px;
	}
	.flex-30{
		flex:0 0 100%;
	}
	#nosotros .contenedor-80{
		width:80%;
	}
	.nosotros-cols h4{
		font-size:12px;
	}
	#nosotros .contenedor-80 .flex-30{
		margin-top:80px;
	}
	#nosotros .col-60{
		width: 100%
	}
	#clientes .flex-50{
		flex:0 0 100%;
	}
	#clientes .flex-50 .titulo{
		width:60%;
		text-align:left;
	}
	.titulo hr{
		float:left;
	}
	.back-dos{
		padding:80px 0;
	}
	footer .flex-30{
		margin-top:60px;
	}
	.menu{
		display: none;
	}
	.mob-menu{
		display: block;
	}
	#nosotros .flex-40 .contenedor-80, #nosotros .col-60{
		width: 70%;
		margin:0 auto;
		float:none;
		display:block;
	}
	#nosotros h2{
		text-align: center;
	}
	#numeros .flex-20{
		flex: 0 0 50%;
		margin-bottom:100px;
	}
	#contactanos .flex-30{
		flex:0 0 100%;
		border:0;
		text-align: center
	}
	#contactanos .flex-70{
		flex:0 0 100%;
	}
	.nosotros-mask{
		height: 120px
	}
	.col-30{
		width: 80%;
	}
	#estamos-trabajando .col-10{
		width: 100%;
	}
	#estamos-trabajando .col-60{
		width: 100%;
	}
	#ayudamos .flex-25, #ayudamos .flex-25:nth-child(4n){
		flex:0 0 calc(33.3333% - 1px);
		border-right: 1px solid rgba(255,255,255,0.2);
		border-bottom:1px solid rgba(255,255,255,0.2);
		margin-bottom: 0;
	}
	#ayudamos .flex-25:nth-child(3n){
		flex:0 0 33.3333%;
		border-right: 0;
	}
	#tools .item img{
		width: 80%
	}
	#contacto .titulo h2, #contacto .titulo{
		text-align: left;
	}

}
@media screen and (max-width:600px){
	.mask-img-equipo img{
		left:-25%;
	}
	#contacto .flex-50{
		flex:0 0 100%;
	}
	.scroll-down{
		right: -25px;
	}
	.flex-25{
		flex:0 0 100%;
		margin:0 0 50px 0;
	}
	#numeros{
		padding:60px 0;
	}
	.caja-equipo{
		width: 95%;
	}
	#clientes .flex-50 .titulo{
		width:100%;
		text-align:left;
	}
	#clientes .contenedor-80{
		width: 80%;
	}
	.logo-footer{
		margin:0 auto 30px auto;
	}
	footer .flex-40{
		text-align: center
	}
	.icons-sm{
		
	}
	.link-sm{
		margin:0 5px;
	}
	#nosotros .flex-40 .contenedor-80, #nosotros .col-60{
		width: 100%;
	}
	#nosotros h2{
		text-align: left;
	}
	header .col-30{
		width: 100%;
	}
	#numeros .titulo{
		width:80%;
	}
	#ayudamos .flex-25{
		flex:0 0 calc(50% - 1px);
	}
	#ayudamos .flex-25:nth-child(2n){
		border-right:0;
	}
	#ayudamos .flex-25:nth-child(3n){
		flex:0 0 calc(50% - 1px);
		border-right: 1px solid rgba(255,255,255,0.2);
	}
	#ayudamos .flex-25:nth-child(4n),#ayudamos .flex-25:nth-child(6n){
		flex:0 0 calc(50% - 1px);
		border-right: 0;
	}
	#estamos-trabajando h2{
		font-size:30px;
	}
	.col-30, .col-33{
		width: 100%;
	}
	#estamos-trabajando .col-33{
		margin-bottom: 50px;
	}
	#estamos-trabajando .flex-85 h3{
		margin:10px 0;
	}
	.col-puntos img{
		margin:10px 0 0 0;
	}
}