@font-face {
 font-family: 'TradeGothic';
 src: url('../fonts/tradegothic-condensed.eot'); /* IE9 Compat Modes */
 src: url('../fonts/tradegothic-condensed.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
 	url('../fonts/tradegothic-condensed.woff') format('woff'), /* Pretty Modern Browsers */
 	url('../fonts/tradegothic-condensed.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/tradegothic-condensed.svg#TradeGothic') format('svg');  /* Legacy iOS */
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'PTSans';
 src: url('../fonts/pt_sans.eot'); /* IE9 Compat Modes */
 src: url('../fonts/pt_sans.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
 	url('../fonts/pt_sans.woff') format('woff'), /* Pretty Modern Browsers */
 	url('../fonts/pt_sans.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/pt_sans.svg#TradeGothic') format('svg');  /* Legacy iOS */
 font-weight: normal;
 font-style: normal;
}



@font-face {
 font-family: 'PTSansbold';
 src: url('../fonts/pt_sans_bold.eot'); /* IE9 Compat Modes */
 src: url('../fonts/pt_sans_bold.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
 	url('../fonts/pt_sans_bold.woff') format('woff'), /* Pretty Modern Browsers */
 	url('../fonts/pt_sans_bold.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/pt_sans_bold.svg#TradeGothic') format('svg');  /* Legacy iOS */
 font-weight: normal;
 font-style: normal;
}

br {
    position: static;
}

.link{font-size:13px; margin:15px 0 5px 0; color:#e94240; text-align:left;text-transform:uppercase; }


body{font:12px 'TradeGothic'; line-height:18px;color:#002244; font-weight:300; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; letter-spacing: 0.5px;}
a,a:hover,a:focus{text-decoration:none; -webkit-transition:all 150ms ease-in; -moz-transition:all 150ms ease-in; -o-transition:all 150ms ease-in; transition:all 150ms ease-in;}
h1,h2,h3,h4,h5,h6{font-family:TradeGothic;}
h1{width:100%; font-size:36px; color:#747474; text-align:center;}
.blue{color:#06F; font-weight:normal;}
.green{color:#0A0; font-weight:normal;}
.clear{clear:both;}
.marginbot{margin-bottom:50px;}
.topbar{width:100%; background:url(../images/templatemo-topbar-bg.png) repeat-x; position:fixed; z-index:10; top:0;}

.headerimage{width:100%; margin-top:50px; }
.headerimage img{width:100%;}
.blackoverlay{opacity:0.6; width:100%; height:100%; ; position:absolute; top:53px;}

.titlewrapper{top:0; width:100%; left:0;}
.title{position:absolute; height:150px; line-height:84px; float:left; display:block; width:100%; top:15px;background:url(../images/logo_nounit.png); background-repeat: no-repeat; }
.title span{display:block; height:150px;}

.menu{position:relative; top:10%;}

.topbar .navbar-default{border:none; background:none;}
.topbar .navbar{border-radius:0;}
.topbar .navbar-nav{float:right; margin-top:5px; margin-bottom:0px;margin-left:auto; margin-right:148px;}
.topbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size: 26px; text-align:center; font-weight:bold;}
.topbar .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#ececec;}
.devider {margin-top: -15px;}

#top-menu li.active a{background:none; opacity:1.0; color:#002244;  }
#top-menu a:hover{background:none; opacity:1.0; color:#002244; }
.navbar-collapse{box-shadow:none;}

.spacing {line-height:15px:}

/* slider */

.homewrapper{margin-bottom:20px;}
.homebutton{background:#ee785c; padding:15px 0; text-align:center; font-size:20px; border-radius:5px; width:150px; color:#e3e3e3;}
.homebutton a{color:#e3e3e3;}

/* overnounit */
.overnounit_wrapper{width:100%; padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px; text-align:center;}
.overnounitwrapperinside{background:#ffffff;width:100%; padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px; text-align:center;}
.overnounittitle{font-size:21px; color:#002244; text-align:center;  font-weight:bold; text-transform:uppercase;}
.overnounittext {text-align: left;}
.overnounit_name{font-size:21px; color:#c8343b; margin-top:10px;}
.overnounit_post{font-size:13px;}
.overnounit_heading{font-size:13px; margin:15px 0 5px 0; color:#e94240; text-align:left; font-family:'TradeGothic'; font-weight:bold;text-transform:uppercase;  letter-spacing: 1.5px;}
.overnounittextblauw{font-size:13px; margin:15px 0 5px 0; color:#002244; text-align:left; letter-spacing: 0.5px; }
.overnounittextrood{font-size:13px; margin:15px 0 5px 0; color:#e94240; text-align:left;text-transform:uppercase; letter-spacing: 0.5px; }


/* diensten*/
.dienstenwrapper{ width:100%; padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px; text-align:center;}
.dienstenwrapperinside{background:#e94240;width:100%; padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px; text-align:center;}
.dienstenbox{ border-radius:5px; padding-top: 0px; padding-right:5px; padding-bottom:25px; padding-left:5px; text-align:left;}
.dienstenicon{background:#e94240; color:#ffffff; width:221px; height:153px; left: 2px;}
.dienstentext {text-align: left;}
.dienstentitle{font-size:21px; color:#ffffff; text-align:center;  font-weight:bold; text-transform:uppercase;}
.diensten_heading{font-size:13px; margin:15px 0 5px 0; color:#002244; text-align:left; font-family:'TradeGothic'; font-weight:bold;text-transform:uppercase;  letter-spacing: 1.5px;}
.dienstentextblauw{font-size:13px; margin:15px 0 5px 0; color:#002244; text-align:left; letter-spacing: 0.5px;  }
.dienstentextwit{font-size:13px; margin:15px 0 5px 0; color:#ffffff; text-align:left;text-transform:uppercase; letter-spacing: 0.5px;  }



/* opdrachtgevers */
.opdrachtgeverstitle{font-size:21px; color:#002244; text-align:center; text-transform:uppercase; font-weight:bold;}
.opdrachtgeverswrapper{background:#ffffff; width:100%; padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px; text-align:center;}
.opdrachtgeverstext {text-align: left; letter-spacing: 0.5px; }



/* contact */
.contactwrapper{color:#ffffff;width:100%; padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px;  text-align:center;}
.contactwrapperinside{background:#e94240; color:#ffffff;width:100%; padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px;  text-align:center;}
.contactwrapper input,textarea{width:100%; border:1px solid #e2e2e2; margin-top:10px; margin-right:10px;padding:5px;}
.contactwrapper textarea{height:120px;}

.contacttitle{font-size:21px; color:#ffffff; text-align:center;  font-weight:bold; text-transform:uppercase;}



#map{height:250px; width:100%; margin-top:20px;}
.{margin-top:30px;}
.address_title{float:left; width:100%; margin:0 0 0 0; text-align:left;}
.address_left{float:left; width:30%; font-size:13px; margin-top:10px; text-align:left;}
.address_right{float:left; width:70%; font-size:13px; margin-top:10px; text-align:left;}

.sendbtn{background:#c8343b; color:#fff; padding:7px 25px; float:left;}



/* footer */
.footerwrapper{background:#ffffff; color:#e94240; width:100%; padding-top:20px; padding-left:0px; padding-bottom:50px; padding-right:0px; text-align:center;}
.footerwrapper a{color:#e94240;}
.footerwrapper a:hover{color:#e94240;}
.social{width:125px; margin:0 auto; padding:0;}

/*------------------------------------------------------
Flexslider Overrides 
--------------------------------------------------------*/
.main-slider{width:100%; margin-top:0; }
.flexslider {zoom:1;}
.flexslider ul{padding:0;margin-left:auto; margin-right:auto;}
.flexslider ul li{padding:0;margin-left:auto; margin-right:auto;}
.flexslider .slides{}
.slider-caption{position:absolute; vertical-align:bottom; width:100%; text-align:left; left:15px; z-index:8; color:#fff; bottom:450px;}
.slider-caption h2{font-size:48px; text-transform:uppercase; font-weight:800; margin-bottom:30px;}
.slider-caption p{font-size:21px; text-transform:uppercase; letter-spacing:2px; width:50%; margin:0 auto 30px auto; line-height:1.8em;}
.flexslider{background-color:#371604; overflow:hidden; margin:0;}
.flexslider img{position:relative; opacity:1; width:100%; z-index:7;}
.flex-control-nav{bottom:15px; z-index:9;}
.flex-control-paging li{list-style:none;}
.flex-control-paging li a{background:none; border:none; opacity:0;}
.flex-control-paging li a:hover{opacity:1; background:white;}
.flex-control-paging li a.flex-active{opacity:0; background:none;}

/*------------------------------------------------------
Gallery Styles 
--------------------------------------------------------*/
.gallery-item{margin-bottom:0; position:relative; overflow:hidden;}
.gallery-item .content-gallery{text-align:center;}
.gallery-item .content-gallery h3{color:#b10021; font-size:21px; font-weight:300; margin-top:5px; padding-bottom:5px; display:inline-block;}
.gallery-item img{width:100%;}
.gallery-item .overlay{position:absolute; top:0; left:0; width:100%; min-width:100%; min-height:100%; height:100%; background-color:rgba(229,97,66,0.9); display:block; -webkit-transition:all 50ms ease-in-out; -moz-transition:all 50ms ease-in-out; -ms-transition:all 50ms ease-in-out; -o-transition:all 50ms ease-in-out; transition:all 50ms ease-in-out;}
.gallery-item .overlay a{color:#ffffff; text-align:center; line-height:32px; position:absolute; margin-top:-21px; margin-left:-10px; font-size:24px;}

/*------------------------------------------------------
Media Queries 
--------------------------------------------------------*/
@media (max-width:319px){
	.slidernav a.previous{left:0%;}
	.slidernav a.next{right:0%;}
	}

@media (min-width:320px){
	.workbox{width:100%;}
	.slidernav a.previous{left:3%;}
	.slidernav a.next{right:2%;}
	}

@media (max-width:767px){
	.title{font-size:32px; line-height:50px; zoom:0.7;}
	.titlewrapper{display:none;}
	.titlewrappersmall{position:absolute; height:150px; line-height:84px; float:left; display:block; width:100%; top:0; left:0;background:url(../images/logo_nounit.png); background-repeat: no-repeat;}
	.topbar .container-fluid>.navbar-collapse{background:#e94240; opacity:0.8; border:none;}
	.topbar .navbar-nav {float:right;margin-right:0px;}
	.topbar .navbar-default .navbar-nav>li>a{font-size:18px; padding:10px 10px; border-bottom:1px solid #c8343b;text-align:right;}
	.margin_bottom_1col{margin-bottom:20px;}
	.margin_bottom_2col{margin-bottom:0;}
	#top-menu{background:#e94240; margin:0 -15px; opacity:0.8;}
	.topbar .navbar-default .navbar-toggle .icon-bar{background-color:#e94240;}
	}
	
@media (min-width:768px){
	.topbar{height:35px;}
	.headerimage{margin-top:35px;}
	.title{font-size:32px; line-height:50px; zoom:0.7;}
	.topbar .navbar-nav{width:800px;}
	.titlewrappersmall{display:none;}
	.topbar .navbar{position:relative; top:-35px;float:right; margin-top:0px; margin-bottom:0px;margin-left:0px; margin-right:-270px; }
	.topbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:16px; padding:5px 35px;}
	
	.workbox{width:50%;}
	.slidernav a.previous{left:2%;}
	.slidernav a.next{right:1%;}
	}	

@media (max-width:991px){
	.title{font-size:32px; line-height:50px; zoom:0.7;}
	.homewrapper{display:none;}
	.margin_bottom_2col{margin-bottom:20px;}
	}

@media (min-width:992px){
	.topbar{height:82px;}
	.headerimage{margin-top:50px;}
	.title{font-size:40px; zoom:1.0;}
	.homewrapper{display:block;}
	.homewrapper{top:0%; width:100%;}
	.homebutton{margin:40px auto 0 auto; padding:10px 0; font-size:21px; width:130px;}
	.workbox{width:25%;}
	.topbar .navbar{position:relative; top:-45px;float:right; margin-top:0px; margin-bottom:0px;margin-left:0px; margin-right:-170px; }
	.topbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:21px; padding-top:10px; padding-right:25px; padding-bottom:10px;padding-left:25px;}
	.slidernav a.previous{left:3%;}
	.slidernav a.next{right:2%;}
	.worktitle{margin-top:5%; font-size:21px; font-weight:bold; color:#ffffff;}
	}



@media (min-width:1200px){
	.title{font-size:50px; line-height:84px;}
	.homewrapper{top:0%; width:100%;}
	.homebutton{margin:40px auto 20px auto; font-size:21px;}
	.topbar .navbar{position:relative; top:-55px;float:right; margin-top:0px; margin-bottom:0px;margin-left:0px; margin-right:-84px; }
	.topbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:21px; padding-top:10px; padding-right:25px; padding-bottom:10px;}
	.slidernav a.previous{left:11%;}
	.slidernav a.next{right:10%;}
	.worktitle{margin-top:15%; font-size:21px; font-weight:bold; color:#ffffff;}
	}

@media (min-width:1400px){
	.homewrapper{top:0%; width:100%;}
	.homebutton{margin:70px auto 20px auto;}
	.slidernav a.previous{left:15%;}
	.slidernav a.next{right:15%;}
	}