html,body{
	margin:0;
	padding:0;
	height:100%;
}
.row{
	margin:0;
}
nav .brand-logo{
  height:100%;
}
.brand-logo img{
    height:100%;
    /*margin-left:20px;*/
}
.blanco-hueso{
  background: #ededed;
}
nav .nav-wrapper a{
	color:#312e2e;
	font-family:'ralewaysemibold';
}
.navbar-fixed{
	height:80px;
	background:#ededed;
	z-index:999;
	width:100%;
	position:fixed;
}
nav{
	height:60px;
	margin-top:10px;
	line-height: 60px;
	border-bottom: #cbcbca solid 2px;
}
nav .button-collapse i{
	height:60px;
	line-height: 60px;
}
nav i.material-icons{
	font-size:30px;
	color:#3c5480
}
nav ul li{
	line-height:50px;
	margin-top:10px;
}
nav ul li a{
	margin:0 10px!important;
}
nav ul li.active, .side-nav li.active{
	background:#3c5480;
}
nav ul li.active a{
	color:#fff;
}
nav ul li.active:hover a{
	border-bottom:transparent;
}
nav ul:not(.side-nav) li a{
	display:inline;
	transition: 0.3s ease;
	margin:0 15px;
	padding:10px 0;
	border-bottom:transparent 3px solid;
}
nav ul:not(.side-nav) li:hover a{
	border-bottom:#3c5480 3px solid;
	background:transparent;
	padding:2px 0;
}
.side-nav{
	z-index:999;
}
.side-nav li a{
	border-left:transparent 3px solid;
}
.side-nav li:hover a{
	border-bottom:transparent 3px solid;
	border-left:3px solid #3c5480;	background: #ededed;
}
.slider.fullscreen{
	z-index:-3;
}
/*----- WHO WE ARE & CLIENTS-----*/
#whoweare, #clients{
	position:relative;
	min-height:100%;
}
#whoweare .row.capt, #clients .row.capt{
	position:relative;
	z-index:989;
	padding:100px 0 200px;
}
#whoweare .row .col.txt, #clients .row .col.txt{
	background:rgba(0,0,0,0.6);
	color:white;
	font-family:'open_sanssemibold';
	padding:2rem;
	text-align: justify;
	float:none!important;
}
#whoweare .row .col.txt{
	font-size:0.8rem;
}
#clients .row .col.txt{
	font-size:1rem;
}	
#whoweare .row .col.txt .title, #clients .row .col.txt .title{
	font-family:'montserratbold';
	color:#28a0f0;
	font-size:1.5rem;
	margin-top:0;
}
#whoweare .row.prisms, #clients .row.prisms, #services .row.prisms{
	position:absolute;
	width:100%;
	bottom:4.2rem;
	z-index:-1;
}
#whoweare .row.prisms img, #clients .row.prisms img, #services .row.prisms img{
	width:100%;
	height:auto;
}
/*----- WHO WE ARE -----*/
/*----- VALUE PROPOSITION -----*/
#vp{
	background:rgba(47,51,51,0.76);
	padding:100px 0 0;
	color:white;
	min-height:100%;
	position:relative;
}
#vp .malla{
	position:absolute;
	height:100%;
	width:100%;
	background:url('../images/bg-vp.png')center;
	background-size:cover;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-999;
}
#vp .img-cost{
	position:relative;
	padding:0;
	margin-bottom:4rem;
}
#vp .img-cost img{
	width:100%;
	height:auto;
}
#vp .img-cost .icon{
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	background:rgba(255,255,255,1);
	transition:all 0.3s;
}
/*#vp #materialbox-overlay{
	background:rgba(47,51,51,0.76);
}*/
#vp .img-cost .icon img{
	width:25%;
	height:auto;
	margin-top:50%;
}
#vp .img-cost:hover img{
}
#vp .img-cost:hover .icon{
	opacity:1;
}
#vp .text-vp{
	padding:2rem 1rem;
}
#vp .text-vp .title{
	font-family:'montserratbold';
	text-transform: uppercase;
	color:#28a0f0;
}
#vp .text-vp .text{
	font-family:'open_sanssemibold';
	text-align: justify;
	font-size:1rem;
}
/*----- VALUE PROPOSITION -----*/
/*----- SERVICES -----*/
#services{
	background:#2f3333;
	padding-top:80px;
	padding-bottom:2rem;
	min-height:100%;
	z-index:3;
	position:relative;
}
#services>.row{
	position:relative;
}
#services>.row>.col{
	float:right;
}
#services .images-container{
	position:absolute;
	height:100%;
	left:0;
	padding:0;
	z-index:-2;
}
#services .images-container .cont{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
}
#services .images-container .cont .image{
	top:0;
	left:0;
	height:100%;
	position:relative;
}
#services .images-container .cont .image:nth-child(1){
	background:url('../images/services-3.png')40% 0;
	background-size:cover;
}
#services .images-container .cont .image:nth-child(2){
	background:url('../images/services-2.png')35% 0;
	background-size:cover;
}
#services .images-container .cont .image:nth-child(3){
	background:url('../images/services-1.png')20% 0;
	background-size:cover;
}
#services .info-container{
	padding:4rem 2rem 10rem;
	text-align:left;
	color:white;
	background:rgba(47,51,51,0.76);
}
#services .info-container .title{
	font-family:'montserratbold';
	text-transform: uppercase;
	color:#28a0f0;
}
#services .info-container .text{
	font-family:'open_sanssemibold';
	font-size:1rem;
	text-align: justify;
}
/*----- SERVICES -----*/
/*----- CONTACT -----*/
#contact{
	background:rgba(47,51,51,0.76);
	padding:100px 0 4rem;
	color:white;
	font-family:'montserratregular';
	/*min-height:100%;  2.4rem - 20px   */
	/*min-height: calc(100% - (5.6rem + 20px));*/
	min-height:100%;
	/*min-height: calc(100% - (8.4rem + 19px));*/
	position:relative;
}
#contact .malla{
	position:absolute;
	height:100%;
	width:100%;
	background:url('../images/bg-contact.png')center;
	background-size:cover;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-999;
}
#contact .title{
	margin: 1rem 0 1rem;
	text-align:center;
}
#contact .formulario{
	border:2px white solid;
	padding:2rem 4rem 2rem 2rem;
	color:white;
}
#contact .formulario #form-contact.row>.col,
#contact .formulario #form-contact.row>.row{
	padding:0;
}
#contact .formulario #form-contact input{
	border-bottom:2px solid white;
	padding:0 1rem;
}
#contact .formulario #form-contact textarea{
	border:2px solid white;
	height:17rem!important;
	padding:1rem;
}
#contact .formulario #form-contact .input-field:last-child label{
	left: 0.5rem!important;
}
#contact .formulario .btn{
	background:white;
	border-radius:0;
	color:#666;
	text-transform:none;
	margin-right:-2rem;
	transition: 0.3s ease;
	border:2px transparent solid;
}
#contact .formulario .btn:hover{
	background:transparent;
	color:white;
	border:2px white solid;
}
#contact .formulario #form-contact .input-field label {
  color:white!important;
}
#contact .formulario #form-contact .input-field label.active {
  	-webkit-transform: translateY(-160%)!important;
    transform: translateY(-160%)!important;
}
/*----- CONTACT -----*/
/*----- FOOTER ------*/
footer.page-footer{
	width:100%;
	padding:10px;
	background:#2f3333;
	color:#feffff;
	z-index:998;
	font-family:'ralewaymedium';
}
footer.page-footer.fixed{
	position:fixed;
	bottom:0;
}
footer.page-footer.relative{
	position:relative;
	margin-top:0;
}
footer.page-footer.absolute{
	position:absolute;
	bottom:0;
}
footer.page-footer .cont-data{

}
footer.page-footer .data{
	display:inline-block;
	margin:0.4rem;
}
footer.page-footer .data img{
	height:2rem;
	width:auto;
	display:inline-block;
	vertical-align:middle;
}
footer.page-footer .data span{
	display:inline-block;
	font-size:1rem;
	vertical-align:middle;
	margin:0 10px;
}
footer.page-footer .cont-apply{

}
footer.page-footer .cont-apply img{
	max-width:120px;
	height:auto;
}
/*----- FOOTER ------*/
/*----- FONTS -----*/
@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*----- FONTS -----*/
/*---- MEDIA QUERIES ----*/
@media only screen and (min-width: 601px){
	.navbar-fixed{
		height:100px;
	}
	nav{
		height:80px;
		margin-top:10px;
		line-height: 80px;
	}
	nav ul li{
		line-height:70px;
		margin-top:10px;
	}
	#services{
		padding-top:100px;
	}
	#services .info-container{
		padding:4rem 4rem 10rem;
	}
	#services .info-container .text{
		text-align: left;
	}
	#whoweare .row.capt, #clients .row.capt{
		position:relative;
		z-index:989;
		padding:150px 0 150px;
	}
	#whoweare .row .col.txt, #clients .row .col.txt{
		float:right!important;
	}
	#vp{
		padding:150px 0 0;
	}
	#contact{
		background:rgba(47,51,51,0.76);
		padding:150px 0 4rem;
	}
	#contact .formulario #form-contact.row>.col,
	#contact .formulario #form-contact.row>.row{
		padding:0 2rem;
	}
	#contact .formulario{
		border:2px white solid;
		padding:2rem 2rem 2rem 0rem;
		color:white;
	}
}
@media only screen and (min-width:993px){
	.navbar-fixed{
		height:120px;
	}
	nav{
		height:90px;
		margin-top:10px;
		line-height: 90px;
	}
	nav ul li{
		line-height:50px;
		margin-top:40px;

	}
	#whoweare .row.prisms, #clients .row.prisms, #services .row.prisms{
		position:absolute;
		width:100%;
		bottom:3rem;
		z-index:-2;
	}
	#services{
		padding-top:150px;
	}
	#services .info-container{
		padding:4rem 2rem 8rem;
		background:transparent;
	}
	#services .info-container .text{
		font-size:0.8rem;
	}
	#vp{
		padding:150px 0 6rem;
	}
	#vp .text-vp{
		padding:2rem 4rem;
	}
	#contact{
		background:rgba(47,51,51,0.76);
		padding:150px 0 4rem;
	}
	#contact .formulario #form-contact.row>.col,
	#contact .formulario #form-contact.row>.row{
		padding:0 3rem;
	}
	#contact .formulario{
		border:2px white solid;
		padding:2rem 3rem 2rem 1rem;
		color:white;
	}
	#contact .title{
		text-align:left;
	}
	#contact{
		padding:150px 0 6rem;
	}
}
/*---- MEDIA QUERIES ----*/