*{box-sizing:border-box;}

html{-webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; overflow-y:scroll; text-size-adjust:none; -moz-osx-font-smoothing:grayscale; height:100%;}
body{height:100%; margin:0; padding:0;}
body,td{color:#333; font-size:18px; line-height:24px; font-family:'Kabel LT Std',sans-serif; font-family:'ITCKabel LT Book';}

a{color:#333; font-weight:normal; text-decoration:underline; -webkit-transition: all 100ms linear; transition: all 100ms linear;}
a:hover{color:#333; text-decoration:underline;}
a img{border:0;}
:focus{outline:none;}

p{margin-top:0; padding-top:0;}	
.clear{clear:both; height:0; overflow:hidden;}
.center{max-width:1200px; margin:0 auto; position:relative; padding:0 15px;}
	
h1, h2, h3, h4{margin:0; font-family:'ITCKabel LT'; font-weight:bold;}
h1{font-size:58px; line-height:62px; padding-bottom:6px;}
h2{color:#c22b29; font-size:60px; line-height:65px; text-transform:uppercase; padding-bottom:40px; font-family:'ITCKabel LT Ultra'; font-weight:normal;}
	
.header,
.section{display:block; position:relative; text-align:center;}
	
.wit{color:#fff;}
.rood{color:#c22b29;}
.blauw{color:#7dcbed;}

.anchor{position:absolute; margin-top:-143px;}

.tpad{padding-top:50px;}
.bpad{padding-bottom:50px;}

.bg{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}

.streep::after{content:''; position:absolute; z-index:121; height:42px; width:42px; left:50%; margin-left:-21px; margin-top:-21px; background:url(/assets/templates/site/img/hrimg-wit.png) no-repeat; background-size:42px 42px;}
.streep-blue::after{content:''; position:absolute; z-index:121; height:42px; width:42px; left:50%; margin-left:-21px; margin-top:-21px; background:url(/assets/templates/site/img/hrimg.png) no-repeat; background-size:42px 42px;}
.streep-top::before{content:''; position:absolute; z-index:121; height:42px; width:42px; left:50%; margin-left:-21px; background:url(/assets/templates/site/img/hrimg.png) no-repeat; background-size:42px 42px; margin-top:-83px;}
.streep-top3::before{content:''; position:absolute; z-index:121; height:42px; width:42px; left:50%; margin-left:-21px; background:url(/assets/templates/site/img/hrimg-wit.png) no-repeat; background-size:42px 42px; margin-top:-86px;}
.streep-top2::before{content:''; position:absolute; z-index:121; height:42px; width:42px; left:50%; margin-left:-21px; margin-top:-138px; background:url(/assets/templates/site/img/hrimg.png) no-repeat; background-size:42px 42px;}
.streep-top-wit::before{content:''; position:absolute; z-index:121; height:42px; width:42px; left:50%; margin-left:-21px; background:url(/assets/templates/site/img/hrimg-wit.png) no-repeat; background-size:42px 42px; margin-top:-23px;}
	
	
	
/* TOP */
.navbar{position:fixed; top:0; left:0; right:0; height:142px; background:#fff; z-index:200; transition: all 0.5s ease-in-out;}
.navbar .nav li{display:inline-block;}

.nav{float:right; transition: all 0.5s ease-in-out; font-size:18px; font-family:'ITCKabel LT'; letter-spacing:0.5px;}
.nav ul{margin:20px 0 0 0; padding:0;}
.nav li{margin:0; padding:0; line-height:120px;}
.nav li a{text-decoration:none; text-transform:uppercase; color:#c22b29; padding:0 11px 0 7px; font-weight:bold;}
.nav li a:hover{text-decoration:none; color:#7dcbed;}
.nav li:after{content:'•'; color:#7dcbed;}
.nav li.last:after{content:'';}
.nav li.last a{padding-right:0;}
	
.direct{position:absolute; letter-spacing:0.5px; right:15px; top:15px; font-weight:bold; font-family:'ITCKabel LT'; font-size:20px; color:#7dcbed;}
.direct a{font-weight:bold; text-decoration:none; color:#c22b29;}
.direct i{display:none;}
.direct span{display:block;}
	
.fixed .direct{font-size:16px; top:10px;}
	
.logo{position:absolute;}
.logo img{width:318px; height:140px; transition: all 0.5s ease-in-out;}
	
.fixed .logo img{width:216px; height:95px;}
.fixed .navbar{height:95px; -moz-box-shadow:0 4px 5px rgba(0,0,0,0.15); -webkit-box-shadow:0 4px 5px rgba(0,0,0,0.15); box-shadow:0 4px 5px rgba(0,0,0,0.15);}
.fixed .topper{height:20px; line-height:20px; font-size:13px;}
.fixed .nav li{line-height:74px;}	


/* BANNER */
.banner .center{height:100%; position:relative;}
.banner{height:580px; margin-top:120px; position:relative; background-color:#eee; max-width:1680px; margin-left:auto; margin-right:auto;}
.banner .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.banner .item h2{color:#fff; text-align:center; text-transform:none; position:absolute; bottom:34%; font-weight:600; font-size:72px; line-height:72px; left:15px; right:15px; font-family: 'ITCKabel LT Ultra';}
.banner .item span{display:block; position:absolute; right:0; top:0; height:141px; width:141px; background:url(/assets/templates/site/img/huis_2x.png) no-repeat; background-size:141px 141px; z-index:1;}
	
.banner::after{content:''; position:absolute; z-index:121; height:42px; width:42px; left:50%; margin-left:-21px; margin-top:-21px; background:url(/assets/templates/site/img/hrimg.png) no-repeat; background-size:42px 42px;}
	
.owl, .owl-item, .owl-stage, .owl-stage-outer, .owl .item{position:relative; height:100%;}
.owl .owl-controls{position:absolute; z-index:100; bottom:30px; display:block; width:100%; text-align:center;}
.owl .owl-dots{text-align:center; position:relative; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;}
.owl .owl-dot{border-radius:50px; height:15px; width:15px; display:inline-block; background:transparent; border:2px solid #fff; margin-left:5px; margin-right:5px;}
.owl .owl-dot.active{background:#fff;}


/* OVER */
.over .txt{margin-left:auto; margin-right:auto; line-height:32px; font-size:20px; max-width:850px; text-align:left; font-family:'ITCKabel LT';}
.over .txt h3{font-size:34px; line-height:40px; padding-bottom:15px; font-family:'ITCKabel LT Book'; font-weight:bold;}	
.over .plaatsen{color:#fff; padding:65px 0; text-align:center;}
.over .plaatsen .kop{font-size:30px; line-height:34px; padding-bottom:15px; font-family:'ITCKabel LT Book'; text-align:center; font-weight:bold;}
.over .plaatsen .txt{font-size:40px; line-height:55px; font-weight:600; color:#fff; text-transform:uppercase; text-align:center; max-width:1100px; margin:0 auto; font-family:'ITCKabel LT Ultra'; letter-spacing:0.5px;}
.over .plaatsen .txt span{font-weight:100;}


/* DIENSTEN */
.huis{display:block; position:absolute; right:0; top:0; height:141px; width:141px; background:url(/assets/templates/site/img/huis_2x.png) no-repeat; background-size:141px 141px; z-index:1;}
.over .plaatsen .center.nopadding{top:-65px;}
	
.d-blokken{padding:20px 0;}
.d-blokken .item img{display:block;}
.d-blokken .item h4{position:relative; text-transform:uppercase; color:#fff; background:#c22b29; font-size:20px; line-height:24px; padding:10px 5px; min-height:70px; font-weight:normal; font-family:'ITCKabel LT'; font-weight:bold; letter-spacing:0.5px;}
.d-blokken .item{text-align:center; width:29.333%; margin:0 2% 20px; float:left; position:relative; padding-top:30px;}
.d-blokken .item, .d-blokken .item h4{transition: all 0.4s ease;}
.diensten p{font-size:30px; line-height:40px; margin:0; font-family:'ITCKabel LT';}
.diensten.tb p{font-size:24px; line-height:40px;}
.diensten.tb h3{font-family:'ITCKabel LT Ultra'; font-weight:normal; letter-spacing:1px; padding-bottom:10px;}
.diensten h2{padding-bottom:15px;}

.d-blokken .item h4::before{width:0; height:0; content:' '; left:50%; margin-left:-20px; top:-20px; position:absolute; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid #c22b29;}
	
	
.d-blokken .item.one h4{background:#7dcbed;}
.d-blokken .item.one h4::before{border-bottom:20px solid #7dcbed;}
.d-blokken .item.two h4{background:#c22b29; border-color:#c22b29;}
.d-blokken .item.two h4::before{border-bottom:20px solid #c22b29;}
.d-blokken .item.three h4{background:#7dcbed; border-color:#7dcbed;}
.d-blokken .item.three h4::before{border-bottom:20px solid #7dcbed;}
.d-blokken .item.four h4{background:#c22b29; border-color:#c22b29;}
.d-blokken .item.four h4::before{border-bottom:20px solid #c22b29;}
.d-blokken .item.five h4{background:#7dcbed; border-color:#7dcbed;}
.d-blokken .item.five h4::before{border-bottom:20px solid #7dcbed;}
.d-blokken .item.six h4{background:#c22b29; border-color:#c22b29;}
.d-blokken .item.six h4::before{border-bottom:20px solid #c22b29;}


.foot h3{font-size:40px; line-height:54px; text-transform:uppercase; color:#fff;}
.foot.diensten{margin-top:40px; padding:120px 0; font-size:24px; line-height:32px;}
.foot.diensten .huis{top:-120px;}

	
/* CONTACT */
.contact a{text-decoration:none;}
.contact h2{padding-bottom:20px;}

.contact .blok{max-width:990px; margin:20px auto; padding:0 20px;}
.contact .left{float:left; width:50%; text-align:left; line-height:28px; }
.contact .left h4{font-size:23px; line-height:46px; font-weight:100;}
.contact .left p{padding-top:5px; margin-bottom:10px; line-height:32px; font-size:21px; font-family:'ITCKabel LT';}
.contact .right{float:right; width:50%;}

.credit{padding:30px 20px; color:#fff; background:#c22b29; font-size:20px; line-height:30px; text-align:left; font-family:'ITCKabel LT';}
.credit b{font-weight:bold;}
.credit a{color:#fff; text-decoration:underline;}
	
.credit2{padding:5px 20px; color:#fff; background:#7dcbed; font-size:15px;}
.credit2 img{vertical-align:middle; display:inline-block; height:auto; max-width:200px!important;}
.credit2 a{display:inline-block; color:#fff;}
.credit2 .right{text-align:right; white-space:nowrap; line-height:31px;}
.credit2 .right a{text-decoration:none; font-size:16px; font-weight:600; font-family:'Work Sans',sans-serif;}	

@media screen and (max-width: 900px) {

	h2{font-size:40px; line-height:45px; padding-bottom:25px;}
	.banner .item h2{font-size:48px; line-height:55px; text-shadow:0 0 4px rgba(0,0,0,0.5);}

	/* OVER */
	.over .plaatsen .txt{font-size:28px; line-height:35px;}
	
	/* CONTACT */
	.credit .left{float:none; width:100%; text-align:center}
	.credit .right{float:none; width:100%; text-align:center;}
	
	.d-blokken .item{width:48%; margin:0 1% 10px; padding-top:10px;}
	.d-blokken .item h4{font-size:14px; line-height:18px; min-height:55px;}
	
	.d-blokken .item.four h4{background:#7dcbed; border-color:#7dcbed;}
	.d-blokken .item.four h4::before{border-bottom:20px solid #7dcbed;}
	.d-blokken .item.three h4{background:#c22b29; border-color:#c22b29;}
	.d-blokken .item.three h4::before{border-bottom:20px solid #c22b29;}
}

@media screen and (min-width: 767px) {.nav{display:block!important;}}
@media screen and (max-width: 767px) {
	.direct, .fixed .direct{position:fixed; right:64px; top:26px;}
	.direct i{display:block; width:44px; height:44px; background:#c22b29; color:#fff; text-align:center; line-height:44px; font-size:20px;}
	.direct span{display:none;}
	
	
	.streep-top2::before{margin-top:-100px;}
	
	.anchor{margin-top:-113px;}
	
	.banner .item span, .huis{height:70px; width:70px; background:url(/assets/templates/site/img/huis.png) no-repeat; background-size:70px 70px;}

	.navlink{cursor:pointer; display:block; position:fixed; z-index:500; right:10px; top:26px; width:44px; height:44px; text-align:center; line-height:44px; color:#fff; background:#7dcbed; font-size:21px;}
	
	.nav{display:none; background:#fff; position:fixed; left:0; right:0; top:95px; z-index:5;	
		-moz-box-shadow:inset 0 8px 8px -8px rgba(0,0,0,0.15), inset 0 0 8px -8px rgba(0,0,0,0.15);
    	-webkit-box-shadow:inset 0 8px 8px -8px rgba(0,0,0,0.15), inset 0 0 8px -8px rgba(0,0,0,0.15);
    	 box-shadow:inset 0 8px 8px -8px rgba(0,0,0,0.15), inset 0 0 8px -8px rgba(0,0,0,0.15);
		border-bottom:4px solid #7dcbed;
	}
	
	.navbar{height:128px;}
	.navbar .nav li{display:block;}
	
	.nav{float:none;}
	.nav ul{padding:12px 0; margin:0;}
	.nav li{line-height:50px;}
	.nav li a{padding:0 12px;}
	.nav li.last a{padding:0 12px;}
	.nav li:after{content:'';}
	
	.logo img{width:216px; height:95px;}	
	.navbar{height:95px; -moz-box-shadow:0 4px 5px rgba(0,0,0,0.15); -webkit-box-shadow:0 4px 5px rgba(0,0,0,0.15); box-shadow:0 4px 5px rgba(0,0,0,0.15);}
	
	.topper{height:20px; line-height:20px; font-size:13px; text-align:center;}
	.fixed .nav li, .nav li{line-height:50px;}
	
	.banner{height:480px; margin-top:95px;}
	.proj{margin-top:95px;}

	/* OVER */
	.over .txt h3{font-size:28px; line-height:32px;}
	.over .txt{line-height:25px; font-size:17px;}
	.over .plaatsen{padding:45px 0;}
	.over .plaatsen .center.nopadding{top:-45px;}
	.over .plaatsen .kop{font-size:20px; line-height:24px; padding-bottom:15px;}

	/* DIENSTEN */
	.foot.diensten{padding:80px 0;}
	.foot.diensten .huis{top:-80px;}
	.diensten p{font-size:21px; line-height:28px;}
	
	
	/* CONTACT */
	.contact .left p {font-size:15px; line-height:28px;}
	.contact .left h4{font-size:17px; line-height:28px;}
	.credit a{display:block;}

}

@media screen and (max-width: 680px) {
	
	h2{font-size:30px; line-height:35px; padding-bottom:20px;}
	
	.tpad{padding-top:30px;}
	.bpad{padding-bottom:30px;}
	
	.streep::after{font-size:26px;}
	.streep-top::before{font-size:26px; margin-top:-63px;}
	.streep-top2::before{font-size:26px; margin-top:-97px;}
	
	.banner::after{font-size:26px;}
	.banner{height:380px;}
	.banner .off{z-index:120; right:0; top:0; line-height:40px; background:#fff; color:#333; width:100%; height:40px; font-size:18px;}
	.banner .off a{padding:0; color:#333;}
	.banner .item h2{font-size:38px; line-height:45px;}
	
	/* OVER */
	.over .plaatsen .kop{font-size:19px;}
	.over .plaatsen .txt{font-size:20px; line-height:26px;}
	.over .item.text-left{text-align:center;}
	
	/* DIENSTEN */
	.d-blokken .item h4{font-size:14px; line-height:15px; min-height:57px;}
	.d-blokken .item{text-align:center; position:relative; padding-top:10px; width:46%; margin:0 2% 10px;}
	
	.foot.diensten{margin-top:0; font-size:18px; line-height:32px;}
	.foot h3{font-size:30px; line-height:44px;}
	
	/* CONTACT */
	.waar{font-size:22px; line-height:32px;}
	.waar span.large{display:inline-block;}
	
	.contact .left{float:none; width:100%; margin-bottom:20px; text-align:center;}
	.contact .right{float:none; width:100%;}
	.contact .blok{margin:0 auto;}
	.contact .right iframe{height:300px;}
	.contact .left img{max-width:230px!important;}
	
	.credit{font-size:15px; padding:20px 0; text-align:center;}
	.credit2 .right{text-align:center;}
	.credit2 img{max-width:180px!important;}
	.credit2 a{display:block;}
	
	
}

@media screen and (max-width: 480px) {
	
	.fixed .logo img, .logo img{width:160px; height:70px;}	
	.fixed .navbar, .navbar{height:70px;}
	.direct, .fixed .direct{top:13px;}
	
	.anchor{margin-top:-93px;}
	
	.nav{top:70px;}
	
	.banner{margin-top:70px;}
	.navlink{top:13px;}
		
	.streep-top2::before{margin-top:-61px;}
	.banner .item span, .huis{height:40px; width:40px; background:url(/assets/templates/site/img/huis.png) no-repeat; background-size:40px 40px;}
	
	.banner{height:275px;}
	.banner .off{line-height:35px; height:35px; font-size:15px;}
	.banner .item h2{font-size:28px; line-height:32px;}
	
	/* OVER */
	.over .plaatsen .kop{font-size:16px;}
	.over .plaatsen .txt{font-size:18px; line-height:24px;}
	.over .txt h3{font-size:24px; line-height:28px;}
	.over .txt{line-height:24px; font-size:16px;}
	
	/* DIENSTEN */
	.d-blokken .item h4{font-size:12px; min-height:50px;}
	.foot.diensten{padding:40px 0; font-size:16px; line-height:22px;}
	.foot.diensten .huis{top:-40px;}
	.foot h3{font-size:19px; line-height:24px;}
	.diensten p{font-size:17px; line-height:26px;}
	
	
	/* CONTACT */
	.contact .right iframe{height:220px;}
	.contact .left p{font-size:14px; line-height:20px;}
	.contact .left img{max-width:190px!important;}
	


}