@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
img{max-width:100%;}
*{word-wrap:break-word;}
body{
	background:#000;
	color:#fff;
	font-size:16px;
	/* font-size:0.88vw; */
	line-height:26px;
	/* line-height:1.35vw; */
	letter-spacing:-.02vw;
	font-style:normal;
	font-weight:400;
	font-family: 'helvetica_neueregular';
}
.navbar-brand img{
	max-height: 62px;
}
.text_abstract{overflow:hidden;width:130px;height:20px;word-wrap:break-word;text-size-adjust:100%;white-space:nowrap;text-overflow:ellipsis;}
a{
	color:#fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	text-decoration: none;
}
a:hover {
	color:#c3c3c3;
}
h5{
	margin-bottom: 0;
}
button.info:hover, a.info:hover{
	background-color: #fff;
	color: #000;
}
.bg-dark{
	background-color:#000 !important;
}
.separador{
	background-color:#fff;
	height: 1px;
	margin: 12px 0;
}
.space-25{
	height: var(--space-25);
}
.space-50{
	height: var(--space-50);
}
.space-75{
	height: var(--space-75);
}
h1,p{margin-bottom: 0px;}
.space-mono-regular,
#proyectos_recientes .title,
#proyectos_recientes .proyecto .descripcion .categoria,
footer,
#proyectos .subtitulo,
#proyectos .cliente,
#proyectos .categoria {
	font-family: "Space Mono", monospace;
	font-weight: 400;
	font-style: normal;
}
.space-mono-bold {
	font-family: "Space Mono", monospace;
	font-weight: 700;
	font-style: normal;
}
.space-mono-regular-italic {
	font-family: "Space Mono", monospace;
	font-weight: 400;
	font-style: italic;
}
.space-mono-bold-italic {
	font-family: "Space Mono", monospace;
	font-weight: 700;
	font-style: italic;
}
.polymath-displayregular,
#bienvenida .title,
#proyectos .titulo h1{
	font-family: 'polymath_displayregular';
}
.helvetica_neueregular{
	font-family: 'helvetica_neueregular';
}
.helvetica_neuebold{
	font-family: 'helvetica_neuebold';
}

.helvetica_neuemedium,
#proyectos_recientes .proyecto .descripcion .proyecto{
	font-family: 'helvetica_neuemedium';
}

#proyectos .subtitulo,
#proyectos .cliente,
#proyectos .categoria{
	text-transform: uppercase;
}

header .navbar-expand-md .navbar-nav .nav-link {
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}

#proyectos_recientes .proyecto{
	position: relative;
}
	#proyectos_recientes .proyecto .image img{
		border-radius: 15px;
	}
	#proyectos_recientes .proyecto .descripcion{
		position: absolute;
		top: 30px;
		left: 40px;
	}
	#proyectos_recientes .proyecto .descripcion .categoria{
		text-transform: uppercase;
		margin-top: -2px;
		position: relative;
		display: block;
	}

	.proyecto .image::before {
		content: " ";
		background: rgba(0, 0, 0, .75);
		width: 100%;
		height: 0%;
		position: absolute;
		-webkit-transition: .3s;
		-o-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		transition: .3s;
	}
	.proyecto:hover .image::before {
		
		height: 100%;
	}
	.proyecto .descripcion{
		display: none;
	}
	.proyecto:hover .descripcion{
		display: block;
	}

footer{
	text-transform: uppercase;
}

.fs-12{
	font-size: 12px;
	/* font-size: 0.63vw; */
	line-height: 18.208px;
	/* line-height: 0.96vw; */
}
.fs-28{
	font-size: 28px;
	/* font-size: 0.63vw; */
	line-height: 40px;
	/* line-height: 0.96vw; */
	letter-spacing: 0.56px;
}
.fs-38{
	/* font-size: 38px; */
	font-size: 2.1vw;
	/* line-height: 40.058px; */
	line-height: 2.3vw;
	/* letter-spacing: .78px; */
	letter-spacing: -0.02vw;
}
.fs-50{
	/* font-size: 50px; */
	font-size: 2.72vw;
	/* line-height: 56px; */
	line-height: 3vw;
	/* letter-spacing: 1px; */
	letter-spacing: 0.01vw;
}
.fs-96{
	font-size:5vw;
	line-height: 5vw;
}
.fs-117{
	/* font-size: 117px; */
	font-size: 6.10vw;
    /* line-height: 120px; */
    line-height: 6.2vw;
    /* letter-spacing: 2.34px; */
    letter-spacing: 0.11vw;
}

.galeria img,
.extra img{
	border-radius: 15px;
}

.form-control{
	background-color:transparent !important;
	border: 1px solid #858585;
	border-radius:22px;
	font-size: 12px;
	padding: 13px 20px;
	color:#FFF !important;
}

@media (max-width: 991.98px) {
	img{width: 100%;}
	.fs-50{
		font-size: 5vw;
		line-height: 6vw;
	}
	.fs-96{
		font-size:8vw;
		line-height: 9vw;
	}
	#nuestros_servicios .proyecto,
	#proyectos .proyecto{
		border-bottom: 1px solid #fff;
	}
}

@media (max-width: 575.98px) {
	.navbar-brand img{
		max-height: 31px;
	}
	.fs-12{
		font-size: 10px;
		line-height: 10px;
	}
	.fs-16{
		font-size: 13px;
		line-height: 13px;
	}
	.fs-38{
		font-size: 9.3vw;
		line-height: 9.3vw;
	}
	.fs-50{
		font-size: 10vw;
		line-height: 10vw;
	}
	.fs-96{
		font-size:14vw;
		line-height: 14vw;
	}
	.fs-117{
		font-size: 17.5vw;
		line-height: 17vw;
	}
	body .py-9 {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	#proyectos_recientes .proyecto .descripcion{
		position: absolute;
		top: 20px;
		left: 20px;
	}
}

:root{
	--space-25:25px;
	--space-50:50px;
	--space-75:75px;
}