/* ######BOOTSTRAP OVERRIDE####### */
.btn{
	padding: 10px 20px;
}
.btn-primary {
	color: #fff;
	background-color: #f07d00;
	border-color: #f07d00;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #ba6000;
	border-color: #ba6000;
	outline: none;
	box-shadow: none;
}
a, a:hover{
	color: #f07d00;
}
input:focus{
	outline: none !important;
}

.form-control{
	background: #fcfcfc;
	border-color: #e1e1e1;
}
.carousel-caption{
	background: rgba(255,255,255,0.9);
	text-align: left;
	font-size: 20px;
	width: 30%;
	height: auto;
	bottom: auto;
	padding: 30px;
	box-sizing: border-box;
	left: auto;
	right: 10%;
	top: 25%;
	-moz-box-sizing: border-box;
	text-shadow: none;
}

.carousel-caption h2{
	color: #333;
	font-size: 20px;
}
.carousel-caption p{
	
}
/* ######END BOOTSTRAP OVERRIDE####### */

body{
	color: #fff;
	font-family: 'Open Sans', 'sans-serif';
	
}
p {
	font-weight: 300;
	line-height: 1.7em;

}
h1{
	font-size: 24px;
	font-weight: 600;
}
h2{
	font-size: 16px;
	color: #333;
	font-weight: 600;

}
label{
	color: #666666;
	font-weight: 600;
}
label.valid {
  width: 24px;
  height: 24px;
  background: url(assets/img/valid.png) center center no-repeat;
  display: inline-block;
  text-indent: -9999px;
}
label.error {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}
.errormsg{
	color: #e20000;
}
.error input, .error textarea{
	border-color: #e20000;
	background: #ffdede;
}
.logo{
	float: left;
}
.mainnav{
	text-align: right;
	position: relative;
	bottom: -34px;
}
.mainnav li{
	display: inline-block;
}

#home{
	background: #f07d00;
}


.mainnav li a{
	color: #fff;
	font-size: 1.3em;
	margin: 0;
	margin-bottom: 10px;
}

.mainnav li.active a, .mainnav li a:hover, .mainnav li a:focus{
	background: transparent;
	border-bottom:  2px solid #fff;
}
.content{
	padding: 40px 0px;
}

.blacksection {
	background: #000;
	color: #fff;
}
.orangesection {
	background: #f07d00;
	color: #fff;
}

.bluesection{
	background: #ebebeb;
	color: #333;
}

.whitesection{
	color: #333;
}
.twocolorsection{
	background: #f4f4f4;
}

.twocolorsection h1{
	color: #333;
}
hr.bardot{
	background: url(/img/hr_whitebardot.png) center center no-repeat; 
	height: 19px;
	width: 100%;
	border: 0;
}
.mrg{
	margin-bottom: 30px;
	
}
.ctablock{
	color: #333;
}

.text-m{
	font-size: 18px;
}


.blue{
	color: #21bbef !important;
}

.orange{
	color: #b47842 !important;
}

#socialnav{
	padding: 0px 10px 0px 0px
}
#socialnav .nav>li>a{
	padding: 5px;
	border-right: 1px solid #e7e7e7;
}

.navbar{
	min-height: inherit;
	margin-bottom: 0px;
}
#socialnav .nav li:last-child a{
	border-right: none;
}

#werkzaamheden{
		font-size: 13px;

}

.topusp {
	color: #666666;
}

.topusp .icon_kvl{
	position: relative;
	display: inline-block;
	margin-top: -50px;
}

.topusp h2{
  color: #b47842 !important;

}
#werkzaamheden{}
#contact{
	font-size: 13px;
}

#contact em{
	color: #e47700;
	font-style: normal;
	
}
#overkim{}
#referenties{}
.carousel-inner img{
	margin: 0 auto;
}
.ref{
	padding-bottom: 20px;
	padding-top: 30px;
}

.ref1l, .ref1r{
	border-bottom: 1px dashed #fff;
	
}

.ref1l, .ref2l{
	border-right: 1px dashed #fff;
	
}

#totop{
	background: #000000;
	text-align: center;
	box-shadow: 1px 1px 17px 4px rgba(0,0,0,0.25);
	padding:20px 15px 20px 10px;
	position: fixed;
	right: 0;
	bottom: 10%;
	display: none;
}

#totop.show{
	display: block;
}
.refname{
	color: #333;
}

#footer{
	height: 325px;
	padding: 10px 30px;
	box-sizing: border-box;
}


.icon_social-f, .icon_social-g, .icon_social-in, .icon_social-m, .icon_social-s, .icon_social-t, .icon_top, .icon_usp-02, .icon_usp-03, .icon_usp-04, .icon_usp, .icon_kvl{
	background: url(/img/sprites.png) no-repeat;
	display: inline-block;
}

.icon_social-f{
	background-position: -490px -51px ;
	width: 24px;
	height: 21px;
}

.icon_social-g{
	background-position: -492px -14px ;
	width: 24px;
	height: 21px;
}

.icon_social-in{
	background-position: -449px -51px ;
	width: 24px;
	height: 21px;
}

.icon_social-m{
	background-position: -398px -15px ;
	width: 24px;
	height: 21px;
}

.icon_social-s{
	background-position: -398px -51px ;
	width: 24px;
	height: 21px;
}

.icon_social-t{
	background-position: -449px -11px ;
	width: 24px;
	height: 21px;
}

.icon_top{
	background-position: -527px -12px ;
	width: 42px;
	height: 30px;
}

.icon_usp-02{
	background-position: -297px 0;
	width: 85px;
	height: 80px;
}

.icon_usp-03{
	background-position: -197px -2px ;
	width: 85px;
	height: 80px;
}

.icon_usp-04{
	background-position: -100px -3px ;
	width: 85px;
	height: 80px;
}

.icon_usp{
	background-position: 0 -4px ;
	width: 85px;
	height: 80px;
}

.icon_kvl{
	background-position: -574px -8px ;
	width: 68px;
	height: 64px;
}


#gmap iframe{
	width: 100%;
	height: 320px;
}
.sections{
	width: 100%;
	clear: both;
	float: left;
}
.secblock{
	width: 50%;
	float: left;
}
@media (max-width: 768px){
	.nav>li {
		display: inline-block;
	}
	#socialnav .nav>li>a{
		display: inline-block;
	}
	#menu{
		text-align: center;
	}
	.logo{
		float: none;
	}
	.mainnav {
		bottom: 0;
		text-align: center;
		padding-bottom: 15px;
	}
	.mainnav li {
		display: block;
		clear: both;		
	}
	.mainnav li a{
		padding: 0;
	}
	.ref1l, .ref1r{
	border-bottom: 0px dashed #fff;
	}

	.ref1l, .ref2l{
		border-right: 0px dashed #fff;	
	}
	.ref{
		border-bottom: 1px dashed #fff;
	}
	.carousel-caption{
		display: none;
	}
	.secblock{
	width: 100%;
	float: left;
	}
}