:root {										/* var(--maincolor) / var(--hovercolor) */
	--maincolor:		#BD5B50;
	--hovercolor:		#BD5B50;
	--footerlink:		#ef9c22;
	--footerhover:		#fff;
	--softbg:			#f9f5ea;
	--iconbg:			#ef9c22;	/*		var(--iconbg)		*/
	
}

/*
rood = #ed4846
blauw = #2749a0
geel = #ef9c22
roze = #e5c6cb
achtergrond = #f9f5ea

voorkeur Evert #BD5B50 (R189;G91;B80)



*/

body {
	background: var(--softbg);
	font-family: 'Open Sans', sans-serif;
}
.navbar {
	font-size: 14px;
	background: #fff;
	padding-left: 16px;
	padding-right: 16px;
	border-bottom: 1px solid #d6d6d6;
	box-shadow: 0 0 4px rgba(0,0,0,.1);		
}
.navbar .navbar-brand {
	color: #555;
	padding-left: 0;
	font-size: 20px;
	padding-right: 50px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}
.navbar .navbar-brand b {
	color: var(--maincolor);
}
.navbar .navbar-nav a {
	font-size: 96%;
	font-weight: bold;		
	text-transform: uppercase;
}
.navbar .navbar-nav a.active {
	color: var(--maincolor) !important;
	background: transparent !important;
}
.search-box {
	padding-right: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.search-box i {
	padding:10px;
	font-size: 24px;
}
.search-box input.form-control, .search-box .btn {
	font-size: 14px;
	border-radius: 2px !important;
}
.search-box .input-group-append {
	padding-left: 4px;		
}
.search-box input.form-control:focus {
	border-color: #f04f01;
	box-shadow: 0 0 8px rgba(240,79,1,0.2);
}
.search-box .btn-danger, .search-box .btn-danger:active {
	font-weight: bold;
	background: #f04f01 !important;
	border-color: #f04f01;
	text-transform: uppercase;
	min-width: 90px;
}
.search-box .btn-danger:hover, .search-box .btn-danger:focus {
	background: #eb4e01 !important;
	box-shadow: 0 0 8px rgba(240,79,1,0.2);
}
.search-box .btn span {
	transform: scale(0.9);
	display: inline-block;
}
.navbar .nav-item.open > a {
	background: none !important;
}
.navbar .dropdown-menu {
	border-radius: 1px;
	border-color: #e5e5e5;
	box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.navbar .dropdown-menu a, .navbar .dropdown-menu a:active {
	color: #777;
	padding: 8px 20px;
	font-size: 13px;
  	background: #fff;
}
.navbar .dropdown-menu a:hover, .navbar .dropdown-menu a:focus {
	color: var(--hovercolor);
  	background: #f8f9fa;
}

/* ***************************************************************************** */
#diensten h2 {
	color: var(--maincolor);
}
.feature-box-1 {
	padding: 32px;
	box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
	margin: 15px 0;
	position: relative;
	z-index: 1;
	border-radius: 10px;
	overflow: hidden;
	-moz-transition: ease all 0.35s;
	-o-transition: ease all 0.35s;
	-webkit-transition: ease all 0.35s;
	transition: ease all 0.35s;
	top: 0;
	background: #fff;
}
.feature-box-1 * {
	-moz-transition: ease all 0.35s;
	-o-transition: ease all 0.35s;
	-webkit-transition: ease all 0.35s;
	transition: ease all 0.35s;
}
.feature-box-1 .icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	background: var(--iconbg);
	color: #ffffff;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 22px;
	font-size: 27px;
}
.feature-box-1 .icon i {
	line-height: 70px;
}
.feature-box-1 h5 {
	color: var(--maincolor);
	font-weight: 600;
}
.feature-box-1 p {
	margin: 0;
}
.feature-box-1:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 0;
	border-radius: 10px;
	width: 0;
	background: var(--maincolor);
	z-index: -1;
	-moz-transition: ease all 0.35s;
	-o-transition: ease all 0.35s;
	-webkit-transition: ease all 0.35s;
	transition: ease all 0.35s;
}
.feature-box-1:hover {
	top: -5px;
}
.feature-box-1:hover h5 {
	color: #ffffff;
}
.feature-box-1:hover li {
	color: rgba(255, 255, 255, 0.8);
}
.feature-box-1:hover:after {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	left: 0;
	right: auto;
}
.section {
    padding: 30px 0;
    position: relative;
}
span.keynote {
	font-weight: 700;
}
/* ***************************************************************************** */

footer {
	background: var(--maincolor);
	color: #fff;
}
footer a {
	color: var(--footerlink);
}

footer a:hover {
	color: var(--footerhover)!important;
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: 'Overpass', sans-serif; letter-spacing: 0px; font-size: 17px; color: #8d8f90; font-weight: 400; line-height: 32px; background-color: var(--softbg); }
h1, h2, h3, h4, h5, h6 { color: #25292a; margin: 0px 0px 10px 0px; font-family: 'Overpass', sans-serif; font-weight: 700; letter-spacing: -1px; line-height: 1; }
h1 { font-size: 34px; }
h2 { font-size: 28px; line-height: 38px; }
h3 { font-size: 22px; line-height: 32px; }
h4 { font-size: 20px; }
h5 { font-size: 17px; }
h6 { font-size: 12px; }
p { margin: 0 0 20px; line-height: 1.7; }
p:last-child { margin: 0px; }
ul, ol { padding-left: 15px; }
a { text-decoration: none; color: #8d8f90; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: var(--hovercolor)!important; }

.page-header { 
	background: url(../images/header-evertlevert-original-istock-2153929652-1920x640.jpg) no-repeat; 
	position: relative; 
	background-size: cover;
	border-bottom: 10px solid #ed4846;
}
.page-caption { 
	padding-top: 250px; 
	padding-bottom: 254px; 
}
.page-title { 
	font-size: 100px;	/*font-size: 72px; */
	line-height: 1; 
	color: #fff; 
	font-weight: 600; 
	text-align: center; 
	text-shadow: 5px 5px 10px RGBA(0, 0, 0, 0.6);	/* text-shadow: 10px 5px 10px RGBA(0, 0, 0, 0.3); */
}


.card-section 				{ position: relative; bottom: 60px; }
.content-section 			{ position: relative; margin-top: 50px; margin-bottom: 50px; }

.card-section h2			{ color : var(--maincolor); }
.content-section h2			{ color : var(--maincolor); }

.card-block 		{ padding: 80px; }
.section-title 		{ margin-bottom: 60px; }

#contact	{ margin-bottom: 100px; }


@media (min-width: 992px){
	.form-inline .input-group .form-control {
		width: 225px;			
	}
}
@media (max-width: 992px){
	.form-inline {
		display: block;
	}
}

@media (max-width: 992px){
	.page-header {
		background-position: center;
	}
	.page-caption { 
		padding-top: 60px; 
		padding-bottom: 110px; 
	}
	.card-block {
		padding: 30px;
	}
	.imgcontenttop {
		padding-top: 30px; 
	}
	.imgcontentbottom {
		padding-bottom: 30px; 
	}
}