body,html{
	width:				100%;
	height:				100%;
}

body{
	/*font-family:		Merriweather,'Helvetica Neue',Arial,sans-serif;*/
	font-family:		'Comfortaa', cursive,'Helvetica Neue',Arial,sans-serif;
}

hr{
	max-width:			50px;
	border-width:		3px;
	border-color:		#5dab3d;
}

hr.light{
	border-color:		#e1e1e1;
}

a{
	color:				#4e4e4e;
	-webkit-transition:	all .2s;
	-moz-transition:	all .2s;
	transition:			all .2s
}

a:hover{
	color:				#123419
}

h1,h2,h3,h4,h5,h6{
	/*font-family:		'Open Sans','Helvetica Neue',Arial,sans-serif;*/
	font-family:		'Comfortaa','Helvetica Neue',Arial,sans-serif;

}

.bg-primary{
	background-color:	#5dab3d!important; /*#5dab3d!important*/
}

.bg-dark{
	background-color:	#4e4e4e!important;
}

.text-faded{
	color:				rgba(255,255,255,.7);
}

section{
	padding:			8rem 0;
}

.section-heading{
	margin-top:			0;
}
::-moz-selection{
	color:				#e1e1e1;
	background:			#4e4e4e;
	text-shadow:		none;
}

::selection{
	color:				#e1e1e1;
	background:			#4e4e4e;
	text-shadow:		none;
}

img::selection{
	color:				#e1e1e1;
	background:			0 0;
}

img::-moz-selection{
	color:				#e1e1e1;
	background:			0 0;
}

.logo{
		background-image: 		url('../img/icono.png'); 
		width:					66px; 
		height:					66px;
		margin-top: 			-15px;
		margin-bottom: 			-15px;
		background-repeat: 		no-repeat !important;
		background-size: 		66px 66px !important;
		background-position: 	0px center !important;
	}

#mainNav{
	/*border-bottom:		1px solid rgba(33,37,41,.1);*/
	background-color:	#e1e1e1;
	background-color:	var(--m-grey-120);
	font-family:		'Open Sans','Helvetica Neue',Arial,sans-serif;
	-webkit-transition:	all .2s;
	-moz-transition:	all .2s;
	transition:			all .2s;
}

#mainNav .navbar-brand{
	font-weight:		700;
	text-transform:		uppercase;
	color:				#5dab3d;
	font-family:		'Comfortaa','Helvetica Neue',Arial,sans-serif;

}

#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
	color:				#5dab3d;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
	font-size:			.9rem;
	font-weight:		700;
	text-transform:		uppercase;
	color:				#4e4e4e;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
	color:				#5dab3d;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{
	color:				#5dab3d!important;
	background-color:	transparent;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{
	background-color:	transparent;
}
	
@media (min-width:992px){
	.logo{
		background-image: 		url('../img/logo.png'); 
		width:					241px; 
		height:					110px;
		margin-top: 			-30px;
		background-repeat: 		no-repeat !important;
		background-size: 		241px 100px !important;
		background-position: 	-24px center !important;
	}
	
	#mainNav{
	/*	border-color:		transparent;
		background-color:	transparent;*/
		background: 		-webkit-linear-gradient(top, rgba(225, 225, 225, 1) , rgba(225, 225, 225, 0.5)); /* For Safari 5.1 to 6.0 */
		background: 		-o-linear-gradient(top, rgba(225, 225, 225, 1) , rgba(225, 225, 225, 0.5)); /* For Opera 11.1 to 12.0 */
		background: 		-moz-linear-gradient(top, rgba(225, 225, 225, 1) , rgba(225, 225, 225, 0.5)); /* For Firefox 3.6 to 15 */
		background: 		linear-gradient(to bottom, rgba(225, 225, 225, 1) , rgba(225, 225, 225, 0.5)); /* Standard syntax */
		
	}
	
	#mainNav .navbar-brand{
		color:				#4e4e4e;/*rgba(255,255,255,.7)*/
	}
	
	#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
		color:				#1f592b;/*#e1e1e1*/
	}
	
	#mainNav .navbar-nav>li.nav-item>a.nav-link{
		padding:			.5rem 1rem
	}
	
	#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
		color:				#4e4e4e;/*rgba(255,255,255,.7)*/
	}
	
	#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
		color:				#1f592b;/*#e1e1e1*/
	}
	
	#mainNav.navbar-shrink{
		border-bottom:		1px solid rgba(33,37,41,.1);
		background-color:	#e1e1e1
	}
	
	#mainNav.navbar-shrink .navbar-brand{
		color:				#5dab3d
	}
	
	#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{
		color:				#5dab3d
	}
	
	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{
		color:				#4e4e4e
	}
	
	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{
		color:				#5dab3d
	}
}

header.masthead{
	padding-top:				10rem;
	padding-bottom:				calc(10rem - 56px);
	background-image:			url(../img/header.jpg);
	background-position:		center center;
	-webkit-background-size:	cover;
	-moz-background-size:		cover;
	-o-background-size:			cover;
	background-size:			cover;
	height:						100%
}

header.masthead hr{
	margin-top:					30px;
	margin-bottom:				30px
}

header.masthead h1{
	font-size:					2rem
}

header.masthead p{
	font-weight:				300
}

@media (min-width:768px){
	header.masthead p{
		font-size:				1.15rem
	}
}

@media (min-width:992px){
	header.masthead{
		height:					100vh;
		min-height:				650px;
		padding-top:			0;
		padding-bottom:			0
	}
	
	header.masthead h1{
		font-size:				3rem
	}
}

@media (min-width:1200px){
	header.masthead h1{
		font-size:				4rem
	}
}

.service-box{
	max-width:					400px
}

.portfolio-box{
	position:					relative;
	display:					block;
	max-width:					650px;
	margin:						0 auto
}

.portfolio-box .portfolio-box-caption{
	position:					absolute;
	bottom:						0;
	display:					block;
	width:						100%;
	height:						100%;
	text-align:					center;
	opacity:					0;
	color:						#e1e1e1;
	background:					rgba(93,171,61,.9);
	-webkit-transition:			all .2s;
	-moz-transition:			all .2s;
	transition:					all .2s
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{
	position:					absolute;
	top:						50%;
	width:						100%;
	transform:					translateY(-50%);
	text-align:					center
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
	padding:					0 15px;
	font-family:				'Open Sans','Helvetica Neue',Arial,sans-serif
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
	font-size:					14px;
	font-weight:				600;
	text-transform:				uppercase
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
	font-size:					18px
}

.portfolio-box:hover .portfolio-box-caption{
	opacity:					1
}

.portfolio-box:focus{
	outline:					0
}

@media (min-width:768px){
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
		font-size:				16px
	}
	
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
		font-size:				22px
	}
}

.text-primary{
	color:						#5dab3d!important
}

.btn{
	font-weight:				700;
	text-transform:				uppercase;
	border:						none;
	border-radius:				300px;
	font-family:				'Comfortaa','Helvetica Neue',Arial,sans-serif;

}

.btn-xl{
	padding:					1rem 2rem
}

.btn-primary{
	background-color:			#5dab3d;
	border-color:				#5dab3d
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
	color:						#e1e1e1;
	background-color:			#123419!important
}

.btn-primary:active,.btn-primary:focus{
	box-shadow:					0 0 0 .2rem rgba(93,171,61,.5)!important
}

#external-links {
    margin-left: 				20px;
    font-size: 					17px;
    line-height: 				1;
}

#external-links li {
    float: 						left;
    margin-left: 				20px;
	   list-style: 				none;
}


.fa {
    display: 					inline-block;
    font: 						normal normal normal 14px/1 FontAwesome;
    font-size: 					14px;
    font-size: 					inherit;
    text-rendering: 			auto;
    -webkit-font-smoothing: 	antialiased;
    -moz-osx-font-smoothing: 	grayscale;
}

.visuallyhidden {
    border: 					0;
    clip: 						rect(0 0 0 0);
    height: 					1px;
    margin: 					-1px;
    overflow: 					hidden;
    padding: 					0;
    position: 					absolute;
    width: 						1px;
}

.fa-facebook-f::before, .fa-facebook::before {
    content: 					"\f09a";
}

.fa-instagram::before {
    content: 					"\f16d";
}

.navbar-collapse{
	flex-grow: 					0;
}

.se-background{
	background-repeat: 				no-repeat;
	background-size: 				80px 80px;
	width: 							80px !important;
	height: 						80px !important;
	margin: 						auto;
	
}

.se-outside{
	background-image: 				url("../img/services/s_outside.png");
}	

.se-inside{
	background-image: 				url("../img/services/s_inside.png");
}	

.se-execution{
	background-image: 				url("../img/services/s_execution.png");
}	

.se-maint{
	background-image: 				url("../img/services/s_maint.png");
}	

.p-top{
	padding-top:				8rem !important;
}

/*Home*/
.h-background{
	background-repeat: 				no-repeat;
	background-size: 				200px 200px;
	width: 							200px !important;
	height: 						200px !important;
	margin: 						auto;
	
}
.h-client{
	background-image: 				url("../img/admin/client.png");
}	

.h-budget{
	background-image: 				url("../img/admin/budget.png");
}