/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family:'Myriad Pro Regular', Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background-color: #F3EEE5; background-size:cover; overflow-x: hidden;}
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1100px; position: relative; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; z-index: 1;  }

/* ### main container ### */
#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { padding: 0px 0px 10px 0px; position: relative; width: 100%; border-top:5px solid #35140D;  }
	#headerCntr .logo { padding: 4px 0px 5px 0px;  }
#headerCntr .logo {}
	#headerCntr .logo a { display: inline-block;position: relative;  }
	#headerCntr .logo img { max-width: 100%; display: inline-block; }



#headerCntr .image3 { max-width: 25%; float:left; display: inline-block;}
#headerCntr .image4 { max-width: 50%; float:right; display: inline-block; margin-top: 55px; }

	#headerCntr .flagBox { position: absolute; right: 0px; top: -5px; padding: 0 10px; background:#35140D;  border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px; }
	#headerCntr .flagBox ul { padding:15px 4px 4px 4px; margin-right:-4px; overflow: hidden; list-style: none; }
	#headerCntr .flagBox li { padding: 0px 4px 0px 0px; float:left; }
	#headerCntr .flagBox li a { font-size:12px; color: #ffffff; text-decoration: none; }
#headerCntr .flagBox li a img { opacity: 0.5; transition: 0.2s;}
	#headerCntr .flagBox li a:hover img { opacity: 1;}
	
	#headerCntr .flagBox li.active img { opacity: 1;}
	
	#headerCntr .flagBox li.fb a { padding:2px 10px 2px 25px; display: block; font-weight: bold; background: url(../images/fb.png) left top no-repeat; }
#headerCntr .watch {position: absolute; top: 34px; right: 410px; padding-bottom: 40px; background: url(../images/arrow.png) no-repeat left bottom; padding-left: 0px;}
#headerCntr .watch span {color: #56170A; font-size: 14px; display: block; float:left; }


		/* ### menu box ### */
		.menuBox:not(.mm-menu) { width:100%; overflow: hidden;  }
		.menuBox:not(.mm-menu) ul { float: right; margin-right:-8px; }
		.menuBox:not(.mm-menu) li { padding: 0px 8px 0px 0px; float:left; }
		.menuBox:not(.mm-menu) li a { display: block; width:auto; padding:0px 10px 0px 10px;  height: 21px; line-height:21px; text-align: center; text-transform:uppercase; text-decoration: none; font-size:13px; color: #fff;  border-radius:4px; font-weight:600; transition: 0.2s; background: #35140D; }
		.menuBox:not(.mm-menu) li a:hover,.menuBox:not(.mm-menu) li.active a {background: #FF6600;}



.mobileMenu {display: none;cursor:pointer;z-index:15;float:left;width:40px;position:relative;transition:.2s;overflow:hidden; color: #000; text-decoration: none; padding-top: 50px; text-align: center; margin-top: -20px; text-transform: uppercase;}
.mobileMenu span{display:block;height:4px;text-indent:-9999px;border-radius:5px;background:#000;position:absolute;top:50%;right:20%;left:20%;transition:.2s}
.mobileMenu span:before,.mobileMenu span:after{display:block;width:100%;height:4px;content:'';border-radius:5px;background-color:#000;transition-duration:0.2s,.2s;position:absolute;left:0}
.mobileMenu span:before{top:-7px;transition-property:top,transform}
.mobileMenu span:after{bottom:-7px;transition-property:bottom,transform}
.mm-opened .mobileMenu span{background:none}
.mm-opened .mobileMenu.active span:before,.mm-opened .header__menu-toggle.active span:after{transition-delay:0s,.2s}
.mm-opened .mobileMenu span:before{top:0;transform:rotate(45deg)}
.mm-opened .mobileMenu span:after{bottom:0;transform:rotate(-45deg)}


	/* ### content container ### */
	#contentCntr { width: 100%; }

		/* ### content box ### */
		.contentBox { padding:30px 34px 60px 24px; margin-bottom:17px; width:100%; overflow: hidden; position: relative; background:#FFFFFF; border-radius:10px; }
		.contentBox .holder {}
		.contentBox .left { padding: 0px 20px 0px 0px; width:calc(100% - 225px); float:left; }
		.contentBox ol { padding-top: 33px; }
		.contentBox p iframe{ height:378px; }
		.contentBox .right { width:225px; float:left; }
		.contentBox h1 { font-size:23px; color: #FF6600;  font-weight:normal; }
		.contentBox h2 { font-size:18px; color: #FF6600;  font-weight:normal; padding-top:10px; padding-bottom:5px; }
		.contentBox strong { color: #56170A; }
		.contentBox p { padding:10px 0px 0px 0px; font-size:14px; color: #56170A; line-height:18px; }
		.contentBox p a {color: #FF6600; text-decoration: none; }
		.contentBox p a:hover { text-decoration: none; }
		.contentBox h3 { padding:27px 0px 0px 0px; font-size:18px; color: #35140D; position: relative; font-weight:bold; }
		.contentBox h3 span { display: block; position: absolute; left: 0px; top: 22px; -webkit-transform: matrix(0.998,-0.070,0.070,0.998,0,0);
			-moz-transform: matrix(0.998,-0.070,0.070,0.998,0px,0px);
			-ms-transform: matrix(0.998,-0.070,0.070,0.998,0,0);
			-o-transform: matrix(0.998,-0.070,0.070,0.998,0,0);
			transform: matrix(0.998,-0.070,0.070,0.998,0,0);}
		.contentBox .slider { width:100%; overflow: hidden; }
		.contentBox .slider ul { list-style: none; }
		.contentBox .slider li { width:100%;  }
		.contentBox .slider li img { width:100%; border:2px solid #FF6600; border-radius:3px; background:none; }

.contentBox .edwin img { width:100%; border:2px solid #FF6600; border-radius:3px; background:none; }
.contentBox .edwin { padding-left: 0PX;  }
.contentBox .edwin p { padding:10px 0px 0px 0px; font-size:12px; color: #56170A; line-height:18px; }
		
		.contentBox .foto { width:100%; overflow: hidden; }
		.contentBox .foto ul { list-style: none; }
		.contentBox .foto li { width:100%;  }
		.contentBox .foto li iframe { width:100%; border:2px solid #d50119; border-radius:3px; }
		
		.contentBox .text { padding-top:8px; float:left; font-size:15px; color: #fff; }
		.cycle-pager { margin-top:-11px; float: right; position: relative; z-index: 100; }
		.cycle-pager span { margin-left:6px; width:25px; height:7px; display: block; float:left; text-indent:-9999px; background: #FF6600; cursor: pointer;}
		.cycle-pager span.cycle-pager-active { background: #fff; }
		.contentBox .flower { position: absolute; right: 0px; bottom: 0px; }
.contentBox .flower .windmill {width: 45px; margin-left: -23px;}

		/* ### video box ### */
		.videoBox { padding:30px 10px 64px 10px; margin-bottom:17px; width:100%; overflow: hidden; position: relative; background:rgba(0,0,0,0.7); border-radius:10px; }
			.videoBox h1 { font-size:23px; color: #FF6600;  font-weight:normal; }
		.videoBox h2 { font-size:23px; color: #FF6600;  font-weight:normal; }
		.videoBox strong { padding-bottom:21px; display: block; font-size: 16px; color: #fff; }
		.videoBox .block { padding:12px 12px 12px 14px; overflow: hidden; background: #000000; border-radius:8px; }
		.videoBox .video { width:calc(100% - 360px); float:left; }
		.videoBox .video img { width:100%; }
		.videoBox .left { width:360px; float:left; }
		.videoBox h3 {font-size:18px; color: #FF6600;  font-weight:normal; }
		.videoBox p { padding-bottom:15px; font-size:13px; color: #fff; line-height:16px;}
		.videoBox p a { color: #FF6600; text-decoration: none}
		.videoBox ul { margin-top:-8px; padding-bottom:14px; }
		.videoBox li { padding: 0px 0px 0px 22px; font-size:13px; color: #fff; line-height:16px;  background: url(../images/circle.png) 5px 4px no-repeat; }
		.videoBox .btn { width:183px; display: inline-block; padding: 8px 10px; text-align: center; font-size:15px; color: #fff; text-decoration: none; text-transform: uppercase; border-radius:5px; background:#ec0000; transition: 0.2s; }
		.videoBox .btn:hover { background: #760909; }
		.videoBox .flower { position: absolute; right: 0px; bottom: 0px; }

        /* ### overzicht ### */
        .centering_2{max-width: 1000px;width: 100%;padding:0 15px; margin:0 auto;position: relative; text-align: center;}
.item-box{max-width: 270px; width:100%;min-height: 247px;margin-right: 7%; margin-bottom: 54px;float: left;}
.item-box:nth-child(3n){margin-right: 0;}
.item-box .btn.white-bg { max-width: 270px; width:100%; border-radius: 0px 0px 5px 5px; font-size: 22px; background-color: #fff; color: #323333; border: 1px solid #dcdcdc; border-top: 0px; display: block; padding: 10px 60px 18px 10px; text-align: left; text-decoration: none; }
.item-box span{display: block; position: relative; color: #35140D; }
.item-box span:after{content: "\f054"; font-family: FontAwesome; display: inline-block; color: #35140D; position: absolute; right: 38px; font-size: 18px; top: 15px; }
.item-pannel {margin-top: 31px;}
.item-box { max-width: 270px; width: 100%; min-height: 247px; margin-right: 7%; margin-bottom: 55px; float: left; margin-right: 7.8%; }
.item-box:nth-child(2n) .btn.white-bg {padding-left: 15px;}
.item-box:nth-child(3n) .btn.white-bg {padding-left: 15px;}
.item-pannel .btn.white-bg:hover{color:#FF6600;}
.item-box .imgbx { overflow: hidden; border-radius: 5px 5px 0px 0px; }
.item-box .imgbx img { width: 100%; }

 /* ### overzicht KLEIN ### */
        .centering_2-klein{max-width: 1000px;width: 100%;padding:0 15px; margin:0 auto;position: relative; text-align: center;}
.item-box-klein{max-width: 270px; width:100%;min-height: 247px;margin-right: 7%; margin-bottom: 54px;float: left;}
.item-box-klein .btn.white-bg { max-width: 270px; width:100%; border-radius: 0px 0px 5px 5px; font-size: 16px; background-color: #fff; color: #323333; border: 1px solid #dcdcdc; border-top: 0px; display: block; padding: 10px 60px 18px 10px; text-align: left; text-decoration: none; }
.item-box-klein span{display: block; position: relative; color: #35140D; }
.item-box-klein span:after{content: "\f054"; font-family: FontAwesome; display: inline-block; color: #35140D; position: absolute; right: 38px; font-size: 18px; top: 15px; }
.item-pannel-klein {margin-top: 31px;}
.item-box-klein { max-width: 240px; width: 100%; min-height: 207px; margin-right: 7%; margin-bottom: 25px; float: left; margin-right: 2.8%; }
.item-box-klein:nth-child(2n) .btn.white-bg {padding-left: 15px;}
.item-pannel-klein .btn.white-bg:hover{color:#FF6600;}
.item-box-klein .imgbx { overflow: hidden; border-radius: 5px 5px 0px 0px; }
.item-box-klein .imgbx img { width: 100%; }

		/* ### gallery box ### */
		.galleryBox { padding:20px; margin-bottom:17px; width:100%; overflow: hidden; position: relative; background:#FFFFFF; border-radius:10px; }
			.galleryBox h1 { padding:20px 0px 0px 0px; font-size:23px; color: #FF6600;  font-weight:normal; }
		.galleryBox h2 { padding:20px 0px 0px 0px; font-size:23px; color: #FF6600;  font-weight:normal; }
.galleryBox span { padding: 10px 0px 0px 0px; font-size: 14px; color: #56170A; line-height: 18px; }
		.galleryBox strong { display: block; font-size: 16px; color: #fff; }
		.galleryBox ul { list-style: none; margin-right:-8px; overflow: hidden; }
		.galleryBox li { width:25%; float:left; padding: 0px 8px 0px 0px; }
		.galleryBox li img { border:2px solid #d50119; border-radius:3px; width:100%; }
		.galleryBox .flower { position: absolute; right: 0px; bottom: 0px; }
.galleryBox .flower .windmill {width: 45px; margin-left: -23px;}

.galleryBox p { padding: 10px 0px 0px 0px; font-size: 13px; color: #fff; line-height: 16px; }
.galleryBox p a { color: #FF6600; text-decoration: none}

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; }

		/* ### footer box ### */
		.footerBox { padding:10px; margin-bottom:17px; width:100%; float:left; position: relative; background:#35140D; border-radius:6px;}
		.footerBox .left { width:calc(100% - 375px); float:left; }
		.footerBox .right { width:230px; float:left; }
		.footerBox .right p {font-size:13px; color: #fff; line-height:16px; font-style:normal; }
		.footerBox .map { float:left; position: relative; }

		.footerBox .detail { padding: 0px 0px 0px 10px; overflow: hidden; }
		.footerBox h4 { font-size:16px; color: #FF6600;  font-weight:normal; }
		.footerBox address {font-size:13px; color: #fff; line-height:16px; font-style:normal; }
		.footerBox address a { color: #fff; text-decoration: none; }
		.footerBox address a:hover { text-decoration: underline; }
		.footerBox ul { list-style: none; }
		.footerBox li { display: block; line-height:24px; }
		.footerBox li a { font-size: 13px; color: #fff; text-decoration: none; }
		.footerBox li a:hover { color: #FF6600; }
		.footerBox .allnews { font-size:14px; height: 30px; color: #FFF; text-decoration: none; }
		.footerBox .image2 { position: absolute; right: -92px; bottom: -35px; }
		.footerBox .image1 { position: absolute; left:50%; margin-left:-60px; bottom: 0px; }
.footerBox .image1 .windmill { width: 110px; margin-left: -55px;}

/* ### wind mill ### */
.windmill {
	position: absolute; top: 0; left: 50%; width: 28px; margin-left: -13px;
	-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}

/* ### map marker ### */
.marker {
	position: absolute;
	top: 53px;
	right: 16px;
}

.pulse {
	width: 10px;
	height: 10px;
	border: 2px solid #FF6600;
	margin: -5px 0 0 -5px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #878787;
	z-index: 10;
	position: absolute;
}

.dot {
	position: absolute;
	height: 50px;
	width: 50px;
	top: -25px;
	left: -25px;
	z-index: 2;
	opacity: 0;
	border: 8px solid #FF6600;
	background: transparent;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	-webkit-animation: flash 2s ease-out;
	-moz-animation: flash 2s ease-out;
	animation: flash 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-moz-keyframes pulse {
	0% {-moz-transform: scale(0);opacity: 0.0;}
	25% {-moz-transform: scale(0);opacity: 0.1;}
	50% {-moz-transform: scale(0.1);opacity: 0.3;}
	75% {-moz-transform: scale(0.5);opacity: 0.5;}
	100% {-moz-transform: scale(1);opacity: 0.0;}
}

@-webkit-keyframes "flash" {
	0% {-webkit-transform: scale(0);opacity: 0.0;}
	25% {-webkit-transform: scale(0);opacity: 0.1;}
	50% {-webkit-transform: scale(0.1);opacity: 0.3;}
	75% {-webkit-transform: scale(0.5);opacity: 0.5;}
	100% {-webkit-transform: scale(1);opacity: 0.0;}
}


/* ### flying birds ### */

.flyingbirds{
	width: 150px;
	position: absolute;
	left:100%;
	z-index: 0;
	-moz-animation:volar 20s infinite;
	-webkit-animation: volar 20s infinite;
	-o-animation:volar 20s infinite;
	-ms-animation:volar 20s infinite;
	-khtml-animation:volar 20s infinite;
	animation:volar 20s infinite;
}
@-moz-keyframes volar{
	0%{
		top:5px;
	}25%{
		 top:100px;
	 }50%{
		  top:80px;
	  }75%{
		   top:25px;
	   }100%{
		    left:-177px;
		    top:102px;
	    }
}
@-webkit-keyframes volar{
	0%{
		margin-left:100%;
		top:5px;
	}25%{
		 top:100px;
	 }50%{
		  top:80px;
	  }75%{
		   top:25px;
	   }100%{
		    left:-177px;
		    top:102px;
	    }
}
@-o-keyframes volar{
	0%{
		top:5px;
	}25%{
		 top:100px;
	 }50%{
		  top:80px;
	  }75%{
		   top:25px;
	   }100%{
		    left:-177px;
		    top:102px;
	    }
}
@-ms-keyframes volar{
	0%{
		top:5px;
	}25%{
		 top:100px;
	 }50%{
		  top:80px;
	  }75%{
		   top:25px;
	   }100%{
		    left:-177px;
		    top:102px;
	    }
}
@-khtml-keyframes volar{
	0%{
		top:5px;
	}25%{
		 top:100px;
	 }50%{
		  top:80px;
	  }75%{
		   top:25px;
	   }100%{
		    left:-177px;
		    top:102px;
	    }
}
@keyframes volar{
	0%{
		left:100%;
		top:5px;
	}25%{
		 top:100px;
	 }50px{
		    top:80px;
	    }75%{
	top:25px;
}100%{
	left:-177px;
	top:102px;
}
}


		/* ### copyright box ### */
		.copyrightBox { padding: 0px 0px 26px 0px; width:100%; overflow: hidden; }
		.copyrightBox p { font-size:13px; color:#FF6600;  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
			.copyrightBox p a { font-size:13px; color:#FF6600;  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

.video-container {
	position:relative;
	padding-bottom:35%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* #Media Queries
================================================== */

@media only screen and (max-width: 999px) {
.center { padding: 0 10px; }
#headerCntr .flagBox { right: 10px; }
}


@media only screen and (max-width: 979px) {
.footerBox .image1 { display: none; }
.contentBox .right { width: 270px; }
.contentBox .left { width: calc(100% - 270px); }
.videoBox .left { width: 270px; }
.videoBox .video { width: calc(100% - 270px); }
.item-box-klein { max-width: 180px; width: 100%; min-height: 27px; margin-bottom: 25px; float: left; margin-right: 2.2%; }
	.contentBox p iframe{ height:378px; }
}

@media only screen and (max-width: 767px) {
#headerCntr .logo { padding: 40px 0px 40px 0px; }
.menuBox:not(.mm-menu) { display: none; }
.mobileMenu { display: block; position: absolute; top: 0px; }
.contentBox .left { width: 100%; }
.contentBox .right { margin: 55px 0 0 0; width: 100%; }
.videoBox .left { margin-bottom: 20px; width: 100%; }
.videoBox .video { width: 100%; }
.galleryBox li { width: 50%; margin-bottom: 8px; }
.footerBox .left { margin-bottom: 15px; width: 100%; }
.footerBox .right { width: 100%; }
	.item-box { max-width: 100%; margin-bottom: 0px; }
	.item-box .btn.white-bg { max-width: 100%; border-right: 0px; border-left: 0px; border-radius: 0px; }
	.item-pannel { margin-left: -15px; margin-right: -15px; }
	.item-box .imgbx { border-radius: 0px; }
	.item-box-klein { max-width: 100%; margin-bottom: 0px; }
	.item-box-klein .btn.white-bg { max-width: 100%; border-right: 0px; border-left: 0px; border-radius: 0px; }
	.item-pannel-klein { margin-left: -15px; margin-right: -15px; }
	.item-box-klein .imgbx { border-radius: 0px; }

	#headerCntr .watch {display: none;}

}

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

	.menuBox:not(.mm-menu) { display: none; }
	.mobileMenu { display: block; }
	.contentBox { padding: 15px 15px 62px 15px; }
	.contentBox h1 { font-size: 21px; }
	.contentBox h2 { font-size: 21px; }
	.contentBox strong { font-size: 14px; }
	.contentBox p { padding: 15px 0px 0px 0px; }

	.videoBox { padding: 15px 15px 64px 15px; }
		.videoBox h1 { font-size: 21px; }
	.videoBox h2 { font-size: 21px; }
	.videoBox strong { font-size: 14px; }

	.galleryBox { padding: 15px 15px 60px 15px; }
		.galleryBox h1 { font-size: 21px; }
	.galleryBox h2 { font-size: 21px; }
	.galleryBox strong { font-size: 14px; }

	.footerBox { padding: 15px 15px 150px 15px; }
	.footerBox .left {text-align: center;}
	.footerBox .map { display: inline-block; float: none; }
	.footerBox .map img { display: inline-block; }
	.footerBox .detail { padding-left: 0px; width: 100%; text-align: left; }
	.copyrightBox { padding: 15px 0px 26px 0px; }
	.contentBox p iframe{ height:216px; }

}