/*** DV-TEC ***/

* { transition: all .2s; }

body {
	font-family: 'Open Sans', sans-serif;	
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	overflow-x: hidden !important;
	background-color:#f6f5f1;
}
strong {
	font-weight: 700;
}

@font-face {
	font-family: 'Mono Social Icons Font';
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.eot');
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.woff') format('woff'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.ttf') format('truetype'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.symbol, a.symbol:before {
	font-family: 'Mono Social Icons Font';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 28px;
}
a.symbol:before {
	content: attr(title);
	margin-right: 0.3em;
	font-size: 130%;
}

.clear { clear: both; }

div.carousel div.item img { margin: 0 auto; }


/* ################# HEADER ################# */

header#header {
	
}

	header#header a {
		
	}

		header#header a img#logo {
			position: relative;
			z-index: 100;
			background-color: #efeee9;
			max-height: 91px;
			padding: 0 14px;
		}


/* ################# NAV ################# */

nav#nav {
	position: relative;
	z-index: 99;
	background: #4b4b42;
	/*margin-left: -30px;*/
	width: 1000%;
	padding: 25px 0;
	padding-left: 40px;
}



	nav#nav ul.nav.nav-pills {
		
	}

		nav#nav ul.nav.nav-pills li {
			
		}

			nav#nav ul.nav.nav-pills li a {
				background: none;
				color: #fff;
				font-weight: bold;
				padding: 10px 15px;
				opacity: .75;
			}
			nav#nav ul.nav.nav-pills li.active a {
				opacity: 1;
			}
			nav#nav ul.nav.nav-pills li.active a:focus, 
			nav#nav ul.nav.nav-pills li.active a:hover, 
			nav#nav ul.nav.nav-pills li a:focus, 
			nav#nav ul.nav.nav-pills li a:hover {
				letter-spacing: 1px;
				opacity: 1;
			}

.bglogo{padding-right: 0px;
		background-color: #efeee9; }
.bgnav{padding-left: 0px;}

@media (max-width: 1500px ){
nav#nav {padding-left: 10px;}

}

@media (max-width: 1300px){
	nav#nav ul.nav.nav-pills li a {padding: 10px 12px; }
}

@media (max-width: 767px){

	nav#nav ul.nav.nav-pills li{display: block; text-align: center; width: 100%;}
	nav#nav ul.nav.nav-pills li a {font-size: 16px;}

	li.li-taal, li.li-taal-2{display: inline-block; float: none; width: auto; margin-top: 15px;}
	li.li-taal{margin-left: 0px !important;}
}
			/*nav#nav ul.nav.nav-pills li ul.dropdown-menu {
				
			}

				nav#nav ul.nav.nav-pills li ul.dropdown-menu li {
					
				}

					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:focus, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:hover {

					}
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:focus, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:hover {
						
					}*/


/* ################# SLIDER ################# */

section#slider {
	margin-top: -208px;
	background: rgba(0,0,0,.05);
	float: left;
	width: 100%;
}

@media (max-width: 1200px){
	section#slider {margin-top: -143px;}
}

section#slider div.carousel-caption {
	text-align: right;
	padding-bottom: 180px;
}

	section#slider h2 small {
		color: #fff;
		font-weight: bold;
		text-shadow: 1px 1px 0 rgba(0,0,0,.15);
		color: #fff;
		background: #51534a;
		padding: 5px 15px 6px 15px;
	}

	section#slider h1 {
		text-shadow: 1px 1px 3px rgba(0,0,0,.2);
		font-weight: bold;
		text-align: right;
	}


/* ################# HIGHLIGHTS ################# */

section#highlights,section#team {
	background: #f6f5f1;
}

section#highlights figure {
	margin-top: -60px;
}

	section#highlights figure img {
		border: 4px solid #fff;
		box-shadow: 0 0 15px rgba(0,0,0,.1);
	}

section#highlights figcaption h2 {
	font-size: 21px;
	color: #484b42;
	margin: 32px 0 25px 0;
}

section#highlights div.white {
	background: #efeee9;
	background: #484b42;
	background:#eeebe1;
	width: 1000%;
	margin-left: -500%;
	padding-left: 500%;
	float: left;
	transition: none !important;
	
	
}

section#highlights div.white p {
	float: left;
	width: 20%;
	
}
section#highlights div.white a {
	float: left;
	clear: both;
	padding-bottom: 50px;
}

section#highlights p {
	color: #51534a;
	padding-top: 25px;
	padding-bottom: 15px;
	line-height: 25px;
	
}
section#highlights a {
	font-size: 15px;
	color: #51534a;
}
section#highlights a:hover, section#highlights a:focus {
	text-decoration: none;
}
section#highlights a:hover span, section#highlights a:focus span {
	padding-right: 6px;
	padding-left: 3px;
}
	section#highlights a span {
		top: 2px;
		position: relative;
		font-size: 14px;
		padding-right: 3px;
	}

/* REFERENTIES */ 
section#referenties figure {}
section#referenties figure img {border: 4px solid #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);}
section#referenties figcaption h2 {font-size:15px;color: #484b42;margin: 18px 0 25px 0;}
section#referenties a:hover {text-decoration:none;}
.referentie-titel h2{font-size: 21px;color: #484b42;margin:2px 0 25px 0;}


/* ################# TESTIMONIALS ################# */

section#testimonials {
	text-align: center;
	background: url('../img/newBanner.jpg');
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: 80px 0 100px 0;
	margin-top: 15px;
}

section#testimonials h4 {
	margin-bottom: 35px;
}

section#testimonials p.lead {
	width: 75%;
	margin-left: 12.5%;
}

section#testimonials .carousel-control {
	background: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
}

	section#testimonials .carousel-control .glyphicon {
		border: 1px solid #fff;
		border-radius: 50%;
		padding: 10px;
		text-shadow: none;
	}

section#testimonials .carousel-indicators {
	bottom: -60px;
}


/* ################# VISIE ################# */

section#visie {
	padding: 150px 0;
	text-align: center;
}

section#visie h2 {
	color: #51534a;
	margin: 0 0 35px 0;
	font-weight: bold;
}

section#visie p {
	color: #555;
	font-size: 16px;
	line-height: 26px;
}
section#film a span{
	top: 2px;
    position: relative;
    font-size: 14px;
    padding-right: 3px;
    color: #51534a;
    
}


/* ################# FOOTER ################# */

#footer-bg {
	margin-top:35px;
	float: left;
	width: 100%;
}

footer {
	background: #51534a;
	color: #fff;
	float: left;
	width: 100%;
	padding: 35px 0;
	line-height: 21px;
}

footer a {
	color: #fff !important;
	text-decoration: none !important;
}

footer a.inline {
	display: flex;
	align-items: center;
}
	footer a.inline div {
		display: inline-block;
	}
		footer a.inline div .glyphicon {
			font-size: 60px;
			margin-right: 15px;
			position: relative;
			top: 3px;
			opacity: .15;
		}

footer .input-group {
	margin-top: 15px;
	border: 1px solid rgba(255,255,255,.3);
}
	footer .input-group input {
		background: none;
		border: 0;
		color: #fff;
	} footer .input-group input:focus { box-shadow: none !important; }
	footer .input-group span.input-group-addon {
		background: none;
		border: 0;
		padding-left: 0;
	}
		footer .input-group span.input-group-addon button {
			background: none;
			border: 0;
			color: #fff;
		}

/* TEAM */
section#team {margin-top:60px;padding-bottom:15px;}
section#team figure img {border: 4px solid #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);}
section#team figcaption h2 {font-size: 21px;color: #484b42;margin: 10px 0 0px 0;}
section#team figcaption h2 span {font-size:13px;}
section#team p {color: #51534a;padding-top:5px;padding-bottom:3px;line-height: 25px;}
section#team a {font-size: 15px;color: #51534a;margin-top:10px;display:block;}
section#team a:hover, section#team a:focus {text-decoration: none;}
section#team a:hover span, section#team a:focus span {padding-right: 6px;padding-left: 3px;}
section#team a span {top: 2px;position: relative;font-size: 14px;padding-right: 3px;}
.owl-carousel .owl-wrapper-outer {margin-top: -60px !important;}

@media (max-width: 992px){
	section#team{margin-top: 15px;}
}


section#referenties input[type="checkbox"] {
    display:none;
}
section#referenties input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
section#referenties input[type="checkbox"]:checked + label span {
    background:url(check_radio_sheet.png) -19px top no-repeat;
}

#referenties .subtitel {font-size: 15px;color: #333;padding:5px 0 5px 0;text-align: left;text-transform: uppercase;margin-bottom: 15px;background-color: #f6f5f1;padding-left: 5px; display: inline-block;}
#referenties .subtitel span {border-bottom: solid 1px #333;}
.referentie-form input[type="submit"] {background-color:#51534a;color:#fff;border:none;}
.referentie-form input[type="submit"]:hover {letter-spacing:1px;}

.knoppen {position: absolute;right: 0px;margin-right:15px;margin-top:-70px;}

@media (max-width: 991px){
	.knoppen{margin-top: 0px;}
	.knoppen button {margin-left: 0px !important; margin-right: 10px;}
	.knoppen button:last-of-type { margin-right: 0px;}
	.referentie-form {margin-bottom: 15px;}
}

@media (max-width: 600px){
	.img-response{width: 100%; max-width: 100%; float: none;}
	.knoppen{position: inherit; font-size: 12px; margin-right: 0px; background-color: #51534a !important; margin-left: -30px; margin-right: -30px; margin-top: -16px; margin-bottom: 15px;}
	.knoppen button:last-of-type {float: right;}
	.knoppen button:hover {  letter-spacing: initial !important;}
	
}

@media (max-width: 450px){
	.knoppen{position: inherit; font-size: 12px;}
	
}
/*.knoppen a {background-color: #51534a !important;color: #fff;padding: 6px 12px;border-radius: 4px;margin-left:5px;text-transform:uppercase;}
.knoppen a:hover {letter-spacing:1px;}*/

.knoppen button {background-color: #51534a !important;color: #fff;padding: 6px 12px;border-radius: 4px;margin-left:5px;text-transform:uppercase;border: none;}
.knoppen button:hover {letter-spacing:1px;}


/* CMS */
.cms, .cms *{color: #51534a !important;padding-bottom: 15px !important;line-height: 25px !important;}
.cms strong, .cms b {color: #51534a !important;}

.li-taal {margin-left:80px !important;}
.taal {padding:10px 5px !important;}

.modal label {margin-top:10px;}

.btn-primary { background:#51534a; }

/* eof */




/* BEURZEN */
.beurs-item{margin-bottom: 30px;}


.beurs-item a:hover, .beurs-item a:focus{text-decoration: none;}
.beurs-item img {max-width: 100%; float: left; margin-right: 30px; background-color: white;}
.beurs-title{margin-top: 0px; font-size: 21px; color: #51534a;}
.beurs-item p {color: black;}
.beurs-item p i{width: 25px;}

@media (max-width: 450px){
	.beurs-item{ border-bottom: 1px solid rgba(0, 0, 0, .1);}
	.beurs-item img {float: none; margin-bottom: 15px;}
}

/* OPENDEURMODAL */
.modal{z-index: 99999;}

#opendeurmodal {background-color: rgba(256, 256, 256, .7);  z-index: 99999;}
#opendeurmodal .modal-dialog{width: 48%; }
#opendeurmodal img{max-width: 100%;}
#opendeurmodal .modal-body{padding: 20px;}
#opendeurmodal .modal-header{border-bottom: 0px; }
@media (max-width: 1200px ){
	#opendeurmodal .modal-dialog{width: 75%;}
}

@media (max-width: 768px ){
	#opendeurmodal .modal-dialog{width: 95%;}
}