@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: 'Muli', sans-serif;
	font-size:16px;
	line-height:150%;
}

h1,h2,h3,h4,h5,h6{
	line-height:120%;
}

#menu, #menu_wrap{
	width:100%;
	display:inline-block;
	z-index:999;
	background-color:#FFF;
}

#menu{
	border-bottom:thin solid #f3f1f1;
}

#menu_wrap{
	position:relative;
}

#menu #logo{
	display:inline-block;
	float:left;
	margin-right:5%;
	margin-top:10px;
	margin-bottom:10px;
	-webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
	width:100px;
}

#menu-sticky-wrapper.is-sticky #logo{
	width:80px;
}

#menu #logo img{
	width:100%;
}

#menu #site_menu{
	float:left;
	padding-left:0;
	color:#000;
	list-style:none;
	letter-spacing:1px;
	margin-top:22px;
}

#menu #site_menu li{
	float:left;
	margin-right:30px;
}

#mobile_menu{
	display:none;
	list-style:none;
	padding-left:0;
}

#head_img.parallax-fx{
	background-image:url(../images/bg.jpg);
	padding-top:14%;
	padding-bottom:14%;
	color:#FFF;
}

.wrapper{
	width:85%;
	margin:auto;
}

.slide{
	width:100%;
	display:inline-block;
}

.slide .wrapper{
	padding-top:4%;
	padding-bottom:4%;
}

#intro_text h1{
	margin-top:0;
}

.btn{
	background-color:#000;
	padding:14px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:25px;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size:1.2em;
}

.hvr-sweep-to-top:before{
	background-color:#2098D1;
}

.photo_text .items-row .content{
	padding-top:10%;
	padding-bottom:10%;
}

.photo_column{
	overflow:hidden;
}

.photo_column .photo_content{
	background-size:cover;
}

hr.title_bottom{
	width:100px;
	border:none;
	border-top:medium solid #000;
	margin-top:-10px;
	margin-bottom:10px;
}

.video_slide{
	width:100%;
	display:inline-block;
	background-color:#000;
	color:#FFF;
	position:relative;
	z-index:988;
}

b.slightly_larger{
	font-size:1.1em;
}

.video_slide .text_column{
	padding-top:20px;
}

.video_slide .btn-lees-meer{
	display:inline-block;
	background-color:#677682;
	color:#FFF;
	padding-top:7px;
	padding-bottom:7px;
	cursor:pointer;
	width:96%;
	padding:2%;
}

.video_slide .btn-lees-meer:hover{
	background-color:#505B65;
}

.video_slide .btn-lees-meer img{
	display:inline-block;
	float:right;
	width:18px;
}

.video_slide a{
	color:#FFF;
}

.video_slide .slick-dots li button:before, .slick-prev:before, .slick-next:before{
	color:#FFF;
	font-size:30px;
}

.slick-dotted.slick-slider{
	margin-bottom:0;
}

.slick-prev, .slick-next{
	z-index:988;
	left:25px;
}

.slick-prev:before{
	content: url(../images/arrow-lt.svg);
}

.slick-next{
	left:auto;
	right:25px;
}

.slick-next:before{
	content: url(../images/arrow-gt.svg);
}

.slick-dots{
	bottom:5px;
}

.video_slide .text{
	padding-top:80%;
	position:relative;
	overflow:hidden;
}

.video_slide .text .content{
	margin-top:-80%;
	position:absolute;
}

.video_slide .shadow-text{
	position:absolute;
	z-index:900;
	bottom:0;
	background-image:url(../images/fade-txt.png);
	background-repeat:repeat-x;
	width:100%;
	padding-top:40px
}

.mobile{
	display:none;
}

ul.no-list{
	list-style:none;
	padding-left:0;
	width:100%;
	display:inline-block;
}

#footer{
	background-color:#000;
	width:100%;
	display:inline-block;
	color:#FFF;
}

#footer ul li{
	width:100%;
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
}

#footer #address_info li{
	border-bottom:none;
	text-align:center;
}

.slider_bg_container, .slider_bg{
	display:flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}

.slider_bg{
	width:100%;
}

.slider_bg .slider_slide{
	width:100%;
	height:100%;
	display:inline-block;
	background-size:cover;
}

.slick_slider .item{
	width:25%;
}

.slick_slider .item .square_thumb .overlay{
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	left:0;
	display:none;
}

.slick_slider .item:hover .overlay{
	display:inline-block;
	background: #004274;
	text-align:center;
	opacity:0.9;
}

.slick_slider .item:hover .overlay h3{
	padding-top:35%;
	color:#FFF;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}

#form label{
	width:100%;
	display:inline-block;
	margin-bottom:10px;
}

#form input[type="text"], #form input[type="number"], #form input[type="email"], #form textarea{
	-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
	width:96%;
	padding:2%;
	border:thin solid #BBB;
	margin-bottom:10px;
}

#form input[type="text"]{
	font-family:inherit;
}

.overlay_video_text{
	position:absolute;
	top:0;
	left:10%;
	padding-top:56%;
	width:80%;
	display:inline-block;
	z-index:900;
}

.overlay_video_text .canvas{
	margin-top:-56%;
	width:100%;
	display:inline-block;
}

.overlay_video_text .canvas h1{
	margin-top:25%;
	color:#FFF;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	letter-spacing:1px;
	font-size:3em;
}

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes indent { 0% { opacity:0;margin-left:0px; } 50% { opacity:1; margin-left:30px;} 100% { opacity:1;margin-left:15px; }}
@keyframes smallIndent { 0% { margin-left:0px; } 50% { margin-left:10px;} 100% {margin-left:0px; }}

.overlay_video_text .canvas h1 span{
	opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
	width:100%;
	display:inline-block;
}

.overlay_video_text .canvas h1 > span:first-child{
	animation-delay: .5s;
}

.overlay_video_text .canvas h1 span:nth-child(2){
	animation-delay: 1.5s;
	-webkit-animation-duration: 2.4s;
    -moz-animation-duration: 2.4s;
    animation-duration: 2.4s;
}

.overlay_video_text .canvas h1 span:nth-child(2) i{
	-webkit-animation: smallIndent ease-in 1;
    -moz-animation: smallIndent ease-in 1;
    animation: smallIndent ease-in 1;
	-webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration:10s;
	 -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	animation-delay: 1.8s;	
}

.overlay_video_text .canvas h1 span:nth-child(3){
	
	-webkit-animation: indent ease-in 1;
    -moz-animation: indent ease-in 1;
    animation: indent ease-in 1;
	-webkit-animation-duration: 11s;
    -moz-animation-duration: 11s;
    animation-duration: 11s;
	 -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	animation-delay: 2.5s;
}

.black-bg{
	background-color:#000;
}

.relative{
	position:relative;
}

@media all and (max-width:1000px), (max-device-width:1000px){
	.overlay_video_text .canvas h1{
		font-size:5vw;
	}
}

@media all and (max-width: 800px), (max-device-width: 800px){
	#menu{
		display:inline-block;
		padding-bottom:0;
		width:100%;
	}
	
	#menu .expanded{
		display:inline-block;
	}
	
	#menu .active{
		background-image:none;
		background-color:#666;
	}
	
	#menu .wrapper{
		width:100%;
	}
	
	#menu #logo{
		margin-left:10%;
		margin-bottom:15px;
	}
	
	#menu #mobile_menu{
		margin-right:10%;
		float:right;
	}
	
	#menu ul{
		display:none;
	}
	
	#menu #site_menu{
		width:100%;
		margin:0px;
		font-size:17px;
		letter-spacing:1px;
		color:#FFF;
	}
	
	#site_menu li{
		width:100%;
		float:none;
		margin:0;
		padding-top:10px;
		padding-bottom:5px;
		border-bottom:solid 1px #000;
		background-color:#333;
		height:25px;
		text-align:center;
	}
	
	#site_menu li:hover, #site_menu li.active{
		background-color:#124488;
	}
	
	#menu .mobile_menu, #menu #mobile_menu{
		display:inline-block;
	}
	
	#menu #mobile_menu{
		width:auto;
	}
	
	#menu #mobile_menu #btn{
		float:right;
		border:0px;
		margin-right:0px;
	}
	
	#site_menu a{
		color:#FFF;
		text-decoration:none;
	}
	
	#site_menu a:hover{
		color:#FFF;
	}
}

@media all and (max-width: 500px), (max-device-width: 500px){
	.break_on_500 .items-row{
		display:inline-block;
	}
	
	.break_on_500 .one_of_two_columns_without_margin:not(.dont-break), .break_on_500 .one_of_two_columns:not(.dont-break), .break_on_500 .one_of_two_columns_last:not(.dont-break){
		width:100%;
		display:inline-block;
	}
	
	.photo_text .photo_right .mobile{
		display:inline-block;
	}
	
	.photo_column .photo_content{
		padding-top:56%;
	}
	
	.slide.photo_text .photo_right .photo_column{
		display:none;
	}
	
	.video_slide .text{
		display:none;
	}
	
	.video_slide .btn-lees-meer{
		font-size:1em;
	}
	
	.video_slide .two_of_three_columns_without_margin{
		width:60%;
	}
	
	.video_slide .one_of_three_columns_without_margin{
		width:40%;
	}
	
	#intro_text{
		text-align:center;
	}
	
	.slide .wrapper{
		padding-top:8%;
		padding-bottom:8%;
	}
}