/* Qarpa
 Copyright 2018 All rights reserved
 Qarpa Solutions BV
 ** Design is not just what it looks like and feels like. Design is how it works. **
 info@qarpa.eu
 http://qarpa.eu
 November 2018 
   */
/* CSS global reset for all browsers */ 
* {
	padding: 0;
	margin: 0;
	}

/* #######################  GENERAL SETTINGS ############################ */

/*
geel ? HEX #FFC107
blauw ? HEX #16192a 

font-family: 'Satisfy', cursive;
font-family: 'Roboto Condensed', sans-serif;
*/

html {
	height: 100%;
	scroll-behavior: smooth;
	margin: 0;
	}

body {
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + 0.3vw);
	font-weight: 300;
	margin: 0;
	padding-top: 0;
	height: 100%;
	text-align: justify;
	}


/*  Global Formatting */
h1, h2, h3, h4, h5, h6 { color: #16192a;}
/*h1 {font-size:26px;line-height: 1em;font-weight: 700; text-transform:uppercase;margin: 40px 0 20px;}*/
h1,h2 {font-family: 'Quicksand', sans-serif; font-size: calc(24px + 1vw);font-weight: 300;padding: 30px 0;text-align: center;}
h3 {font-size: calc(20px + 1vw);font-weight: 300;padding: 30px 0;text-align: center;}
h4 {font-size: calc(16px + 0.3vw);font-weight: 400;padding: 0 0 10px;}
h5 {font-size: 24px;
    font-weight: 400;
    margin: 30px 0 20px;
    padding: 5px 0;
    text-align: center;
    border-top: 3px solid #8a308a;
    border-bottom: 3px solid #8a308a;}
h6 {font-size: calc(16px + 0.5vw);padding: 20px 0;text-align: center;font-weight: 400;color: #fc942c;}
td{}
th{}
a {color: #16192a; font-weight: 400; text-decoration:none;}
a:visited {color: #8a308a;}
a:hover {color: #8a308a;}
a img, a img:hover  {border:0;}

strong {
	font-weight: 400;
	}

li { padding: 0; }
ul { list-style: disc; padding-left: 20px;}

ol { padding-left: 23px;}

/* bewerking buttons indien ingelogd op front area */
.maincontent .icons {
	display: none;
	}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/* #######################  END GENERAL SETTINGS ############################ */

.topmenu li.item-133 {
	display: none;
	}

.contactdiv-l .bfClearfix > div:nth-of-type(2) span {
	display: none;
	}

/*.maincontent ul { list-style: none; padding-left: 28px;}*/

/*.maincontent li:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f00c"; /* FontAwesome Unicode */
/*	display: inline-block;
	margin-left: -1.5em; /* same as padding-left set on li */
/*	width: 1.5em; /* same as padding-left set on li */
/*	font-weight: 900;
}*/

.alert.alert-message {
	margin: 10px -6vw;
    margin-top: 10px;
    background: #16192a;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 400;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.alert-message h4,
.alert-message .close {
	display: none;
	}

.contactdiv-l {
	width: 55%;
	float: left;
	}
	.contactdiv-l  h5 {
		margin-bottom: -20px;
		}
.contactdiv-r {
	width: 40%;
	float: right;
	text-align: left;
	}
	.contactdiv-r  h5 {
		
		}
	.opafspraak {
		font-weight: 300; 
		text-align: center;
		}


/* formulieren */

.bfQuickMode legend {
	display: none;
	}
.bfQuickMode fieldset.span6 {
	border: 0;
	float: left;
	}
.bfQuickMode .bfRolloverBg {
    background: rgba(0,0,0,0) !important;
	}
.bfQuickMode section input[type='text'], 
.bfQuickMode section textarea, 
.bfQuickMode section select {
	font-size: calc(12px + 0.3vw);
	font-family: inherit;
	padding: 5px;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	}
.bfQuickMode section#boven .bfElemWrap {
    padding: 5px 0 !important;
	margin: 10px 0px 0px 0px !important;
	}
.bfQuickMode section#onder .bfElemWrap {
    padding: 5px 0 !important;
	margin: 10px 0px 0px 0px !important;
	}

#bfElemWrap70,
#bfElemWrap133 {
	position: relative;
	}
	#bfElemWrap70 input,
	#bfElemWrap133 input {
		position: absolute;
		left: 4px;
		top: 8px;
		transform: scale(1.5);
		}
	#bfElemWrap70 label,
	#bfElemWrap133 label {
		margin-left: 22px;
		width: 80%;
		}

/* wijzigingen na update: 
- bfinline kan weg en is vervangen door span6, 100% weghalen en float left plaatsen
- sectie is verplaatst en is nu .bfQuickMode section#boven .bfElemWrap
- verder wijzigingen hieronder
*/
#onder {
	margin-top: 0px;
	margin-bottom: 15px;
	}
.bfQuickMode fieldset .row-fluid {
    padding-top: 0px;
	}
#newrecaptcha {
	margin-left: 0px;
	}

/* end formulieren */

/* ######################  LAYOUT SETTINGS       ############################## */

.tophomewrapper {
	/*background: rgb(73,58,91);
	background: linear-gradient(180deg, rgba(73,58,91,1) 0%, rgba(60,61,85,1) 35%, rgba(46,64,79,1) 100%);
	*/
	background: url("../images/pionnen.jpg") left top / cover no-repeat;


	/* Full height */
	height: 100%; 

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	}
.topvervolgwrapper {
	height: 60px; 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #2e4050;
	z-index: 10;
	}
.topspacer {
	width: 100%;
	height: 60px;
    position: relative;
	z-index: 0;
	}
.tophomewrapperoverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,0.17970938375350143) 0%, rgba(255,255,255,0) 100%);
	/*background-image: url("../images/printerij-achtergrond-top-wit.svg");*/
	}
	.tophomecontainer1 {
		max-width: 1600px;
		width: 100%;
		position: absolute;
		height: 100%;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 20;
		transition: all 0.3s ease;
		}
		.tophomecontainer1.sticky { 
			
			}
			.tophomecontainer1.sticky .topmenu a {
				color: #000;
				}
				.tophomecontainer1.sticky .topmenu a:hover {
					color: #8a308a;
					}
	.topmenu1container {
		max-width: 1600px;
		width: 100%;
		position: fixed;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 21;
		transition: all 0.3s ease;
		font-size: 16px;
		}
	.topmenu2container {
		max-width: 1600px;
		width: 100%;
		position: absolute;
		height: 100%;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 20;
		font-size: 16px;
		}
		.topmenu2container.sticky {
			position: fixed;
			top: 78px;
			height: unset;
			}
	.topmenu1container ul,
	.topmenu2container ul {
		list-style: none;
		display: flex;
		padding: 0;
		justify-content: space-evenly;
		text-align: center;
		}
		.topmenu1container ul li,
		.topmenu2container ul li {
			width: 100%;
			display: block;
			background: #118bdc;
			border-left: 1px solid #00416c;
			}
			.topmenu1container ul li:first-of-type,
			.topmenu2container ul li:first-of-type {
				border-left: none;
				}
			.topmenu1container ul li a,
			.topmenu2container ul li a {
				color: #fff;
				width: 100%;
				padding: 10px 0;
				display: block;
				}
				.topmenu1container ul li a:hover,
				.topmenu2container ul li a:hover {
					color: #00416c;
					}
			.topmenu1container ul li.active,
			.topmenu2container ul li.active {
				background: #fc942c;
				}
	.topvervolgcontainer1 { 
		background: #fff;
		}
		.topvervolgcontainer1 .topmenu a {
			color: #000;
			}
	.tophomecontainer2 {
		max-width: 1600px;
		position: relative;
		height: 100%;
		margin: 0 auto;
		display: flex;
		}

.topmenu a {
	color: #fff;
	}
	.topmenu a:hover {
		color: #76eb76;
		}

.toptekstvlak {
	color: #fff;
    position: absolute;
    bottom: 14vh;
    left: 125px;
	width: 360px;
	}
	.toptekstvlak h2 {
		color: #fff;
		font-weight: 600;
		text-align: left;
		padding: 0;
		font-size: 55px;
		line-height: 55px;
		}
	.toptekstvlak h4 {
		padding: 10px 0 15px;
		color: #76eb76;
		font-weight: 300;
		}
	.toptekstvlak i {
		font-size: 12px;
		}
.topimagevlak {
	position: absolute;
	bottom: 9vh;
	right: 120px;
	}
	.topimagevlak img {
		height: 70vh;
		width: auto;
		}

.topcontainer {
	width: 100%;
	height: 55px;
	position: relative;
	z-index: 1003;
	position: fixed;
	top: 0;
	font-size: calc(16px + 0.3vw);
	transition: box-shadow 0.2s 0s ease;
	}
	.topcontainer.sticky {
		background: #fff;
		height: 40px;
		transition: box-shadow 0.4s 0.2s ease;
		box-shadow: 0 1px 2px -2px black;
		}
		.topcontainer.sticky a {
			
			}
		.topcontainer.sticky .toplogo img {
			
			/*content:url("../../../images/logo-v1-excl-subtekst.png");*/
			}
		.topcontainer.sticky .topmenu,
		.topcontainer.sticky .language {
			padding-top: 0px;
			}
		.topcontainer.sticky .topmenulinks,
		.topcontainer.sticky .topmenurechts {
			top: 0px;
			}
.topcontainer2 {
	background: #fff;
	width: 100%;
	height: 0;
	position: relative;
	z-index: 1002;
	position: fixed;
	top: 0;
	font-size: calc(16px + 0.3vw);
	transition: all 0.2s ease;
	}
	.topcontainer2.sticky {
		height: 40px;
		box-shadow: 0 1px 2px -2px black;
		}

	.topwrapper { 
		width: 90vw;
		max-width: 1600px;
		height: 40px;
		margin: 0px auto;
		}
		.topwrapper ul {
			padding: 0;
			}
		.toplogo {
			position: absolute;
			top: 50px;
			height: 100px;
			width: 280px;
			left: 100px;
			z-index: 20;
			}
			.toplogo h1 {
				margin: 0;
				padding: 2px 0 0;
				color: #fff;
				font-weight: 600;
				font-size: 37px;
				}
		.toplogogelevlak {
			background: url(../images/gelevlak.svg);
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			top: 12px;
			left: 125px;
			width: 230px;
			height: 64px;
			z-index: 10;
			padding-top: 90px;
			text-align: center;
			font-family: 'Quicksand', sans-serif;
			font-weight: 600;
			font-size: 24px;
			}
	
		
		
		#logolowerwrap {
			position: relative;
			top: -27px;
			}
			#logolower {
				position: absolute;
				top: 0;
				-moz-transition: opacity 0.2s ease;
				-webkit-transition: opacity 0.2s ease;
				-o-transition: opacity 0.2s ease;
				transition: opacity 0.2s ease;
				opacity: 0;
				}
				#logolowerwrap.show #logolower,
				.topcontainer2.sticky #logolower {
					top: 31px;
					animation: mymove 0.8s linear;
					-moz-animation: mymove 0.8s linear; /* Firefox */
					-webkit-animation: mymove 0.8s linear; /* Safari and Chrome */
					-o-animation: mymove 0.8s linear; /* Opera */
					-ms-animation: mymove 0.8s linear; /* IE */
					opacity: 1;
					}

@keyframes mymove{ 0% {top:0px;} 10% {top:3px;} 40% {top:40px;} 60% {top:25px;} 80% {top:35px;} 100% {top:30px;} }

/* FireFox */
@-moz-keyframes mymove { 0% {top:0px;} 10% {top:3px;} 40% {top:40px;} 60% {top:25px;} 80% {top:35px;} 100% {top:30px;} }

/* Safari and Chrome */
@-webkit-keyframes mymove { 0% {top:0px;} 10% {top:3px;} 40% {top:40px;} 60% {top:25px;} 80% {top:35px;} 100% {top:30px;} }

/* Opera */
@-o-keyframes mymove{ 0% {top:0px;} 10% {top:3px;} 40% {top:40px;} 60% {top:25px;} 80% {top:35px;} 100% {top:30px;} }

/* Internet Explorer */
@-ms-keyframes mymove { 0% {top:0px;} 10% {top:3px;} 40% {top:40px;} 60% {top:25px;} 80% {top:35px;} 100% {top:30px;} }
		
	.topmenu {
		position: fixed;
		right: 60px;
		top: 0;
		text-align: right;
		padding-top: 12px;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		}
	.topmenu1 {
		background: red;
		width: 100%;
		position: fixed;
		top: 0;
		}
		.topmenu1wrapper {
			
			}
	.topmenu2 {
		background: yellow;
		width: 100%;
		position: absolute;
		bottom: 0;
		}
		.topmenu2wrapper {
			
			}

	.mobilemenu,
	.mean-bar {
		display: none;
		}
		
.contactMapWrapper {
    display: flex;
}
.contactMap {
    width: 100%;
    position: relative;
    margin: 0 10px;
    height: 325px;
}
.contactMap .contactroute {
    margin-left: 20px;
}
.contactMap .route {
    text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contactMap .routeh3 {
    font-family: 'Quicksand', sans-serif;
    font-size: calc(24px + 1vw);
}
.contactMap a {
    line-height: 46px;
    padding: 5px 10px;
    background: #8a308a;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}

	.bghome {
		margin-top: 55px;
		}
	.parallaxcontainer.parallaxheader,
	.afbparallaxwrapper.parallaxheader, 
	.parallax-mirror.parallaxheader {
		border-bottom-left-radius: 50% 2.5vw;
		border-bottom-right-radius: 50% 2.5vw;
		}
	.afbparallaxwrapper.parallaxheader:before {
		position: absolute;
		z-index: 100;
		top: 0;
		height: 2.5vw;
		width:100%; 
		/* bending the image */  
		border-bottom-left-radius: 50% 2.5vw;
		border-bottom-right-radius: 50% 2.5vw;
		background-color: #fff;    
		content: ''; 
		}

.maincontainer {
	width: 90vw;
	max-width: 1024px;
	margin: 0px auto;
	}
	.mainwrapper {
		padding: 0 1vw 40px;
		}

.mean-container .mean-bar {
	position: fixed !important;
	top: 10px;
	background: none !important;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
	.mean-container a.meanmenu-reveal span {
		background: #76eb76 !important;
		}
	.mean-container a.meanmenu-reveal {
		right: 10px !important;
		}
	.mean-container .mean-nav {
		background: rgba(46,64,79,1) !important;
		}
	.sticky .mean-bar {
		top: 0;
		}
	.sticky a.meanmenu-reveal span {
		
		}
	.mean-container a.meanmenu-reveal {
		color: #76eb76 !important;
		}
	.mean-container .mean-nav ul li a {
		text-transform: unset !important;
		line-height: 50px;
		}

.prijzenrow {
	display: flex;
    justify-content: space-between;
	}
	.aantallen {
		
		}
	.col1 {
		
		}
	.col2 {
		
		}
	.col3 {
		
		}
	.prijzenrow ul {
		list-style: none;
		padding: 0;
		}
		.prijzenrow li {
			line-height: 30px;
			}
		.prijzenrow li:first-of-type {
			font-weight: 400;
			}

.mobilefooter {
	display: none;
	position: fixed;
	bottom: 0;
	background: #8a308a;
	border-top: 1px solid #fff;
	height: 68px;
	width: 100%;
	z-index: 999999;
	}
	.icon::before {
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		}
	.mfroute {
		width: 33.3%;
		position: relative;
		text-align: center;
		float: left;
		padding-top: 12px;
		}
		.mfroute .custom {
			margin-top: -3px;
			}
		.mfroute::before {
			font-family: "Font Awesome 5 Free"; 
			content: "\f4d7";
			font-weight: 900;
			color: #fff;
			font-size: 26px;
			}
		.mfborderright {
			border-right: 1px solid #fff;
			height: 68px;
			width: 0px;
			position: absolute;
			right: 0;
			top: 0;
			}
	.mfbelmij {
		width: 33.4%;
		position: relative;
		text-align: center;
		float: left;
		padding-top: 12px;
		}
		.mfbelmij .custom {
			margin-top: -3px;
			}
		.mfbelmij::before {
			font-family: 'Font Awesome 5 Free';
			content: ' \f095';
			font-weight: 900;
			color: #fff;
			font-size: 26px;
			}
	.mfwhatsapp {
		width: 33.3%;
		text-align: center;
		float: right;
		padding-top: 10px;
		}
		.mfwhatsapp .custom {
			margin-top: -5px;
			}
		.mfwhatsapp::before {
			font-family: "Font Awesome 5 Brands"; 
			content: "\f232";
			font-weight: 300;
			color: #fff;
			font-size: 30px;
			}

.mobilefooter a {
	color: #fff;
	font-weight: 300;
	font-size: 13px;
	padding: 40px 0 0;
	}

/* #######################  END LAYOUT SETTINGS ############################ */

.vragenaanwrapper {
	display: flex;
	flex-wrap: wrap;
	}
.span6 {
	width: 50%;
	}
.vragenaanwrapper .items-row {
	width: 33.33%;
	}

.h_iframe        {position:relative;width: 70vw;margin:20px auto 0}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

.map-responsive {
    overflow: hidden;
    position: relative;
    height: 240px;
    width: 100%;
    right: 0;
	}
.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
	}

.bfSubmitButton {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: calc(14px + 0.3vw);
    font-weight: 400;
    text-decoration: none;
    margin-top: 10px;
    padding: 5px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    border: 0;
    display: inline-block;
    text-align: center;
    background: #022e40;
    color: #fff;
	}

.ocspreker,
.oclocatie {
	font-style: italic;
    text-align: left;
    padding-left: 30px;
    font-weight: 400;
    text-indent: -30px;
	}
	.volgendeoch .ocspreker,
	.volgendeoch .oclocatie {
		padding-left: 0;
		font-weight: 300;
		text-indent: 0;
		}


/* ######### 7 vragen aan pagina ########*/

.blog.zevenvragenaan .zevenvragenaantekst {
	max-width: 750px;
	margin: 0 auto 30px;
	}
.blog.zevenvragenaan .item {
	box-sizing: border-box;
	padding: 15px;
	}
	.blog.zevenvragenaan .item > div {
		background: #c0cbcf;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		text-align: center;
		padding: 20px;
		-webkit-box-shadow: 1px 3px 7px 0px #000000; 
		box-shadow: 1px 3px 7px 0px #000000;
		overflow: hidden;
		}
	.blog.zevenvragenaan .item .page-header {
		display: table;
		height: 100px;
		width: 100%;
		}
	.blog.zevenvragenaan .item h2 {
		padding: 0;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: calc(20px + 1vw);
		}
		.blog.zevenvragenaan .item h2 a {
			font-weight: 300;
			}
		.blog.zevenvragenaan .item img {
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			border: 2px solid #022e40;
			width: 100%;
			box-sizing: border-box;
			}
		.blog.zevenvragenaan .item .personalinfo {
			height: 50px;
			margin-top: 10px;
			}
		.blog.zevenvragenaan .item .readmore a {
			margin: 0 -20px;
			padding: 5px 0;
			background: #fff;
			display: block;
			}
			.blog.zevenvragenaan .item .readmore a:hover {
				background: #022e40;
				color: #fff;
				}

.item-page.zevenvragenaan {
	position: relative;
	text-align: center;
	}
.item-page.zevenvragenaan .page-header {
	display: inline-block;
	height: 110px;
	}
	.item-page.zevenvragenaan .page-header h1 {
		text-align: right;
		}
	.item-page.zevenvragenaan .page-header h2 {
		text-align: left;
		}
.item-page.zevenvragenaan .pull-left {
	position: absolute;
	top: 110px;
	left: 0;
	width: 250px;
	}
.item-page.zevenvragenaan .item-image img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #022e40;
	width: 100%;
	margin-left: -2px;
	}
.item-page.zevenvragenaan .personalinfo {
	position: absolute;
    left: 0;
    top: 380px;
    width: 250px;
    font-size: 22px;
	text-align: left;
	}
.item-page.zevenvragenaan .contactinfo {
	position: absolute;
    left: 0;
    top: 420px;
    width: 250px;
    font-size: 22px;
	}
	.item-page.zevenvragenaan .contactinfo .fa-linkedin,
	.item-page.zevenvragenaan .contactinfo .fa-facebook-square {
		font-size: 50px;
		margin-bottom: 5px;
		}
.item-page.zevenvragenaan div[itemprop="articleBody"] {
	padding-left: 280px;
	text-align: justify;
	}

/* ######### end 7 vragen aan pagina ########*/

/* ######### terugblik pagina ########*/

.blog.terugblik .items-leading,
.blog.terugblik .article-info-term {
	display: none;
	}

.blog.terugblik .item-image img {
	width: 100%;
    -webkit-border-bottom-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border: 2px solid #ccc;
    box-sizing: border-box;
    border-top: none;
	}

.blog.terugblik .item {
	box-sizing: border-box;
    padding: 20px;
	position: relative;
	}

.blog.terugblik .page-header {
	position: relative;
    height: 110px;
    border: 2px solid #ccc;
    z-index: 1;
    padding: 0 10px;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-top-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-topright: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom: none;
	overflow: hidden;
	}
	.blog.terugblik .page-header h2 {
		margin: 0 20px;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 22px;
		left: 0;
		right: 0;
		padding: 0;
		}
	.blog.terugblik .article-info {
		position: absolute;
		top: 10px;
		left: 50%;
		z-index: 2;
		}
		.blog.terugblik .article-info .create {
			background: #fff;
			transform: translateX(-50%);
			padding: 0 10px;
			}

@media only screen
  and (max-width: 1000px) {
	.blog.terugblik .items-row {
		width: 50%;
		}
	}
@media only screen
  and (max-width: 700px) {
	.blog.terugblik .items-row {
		width: 60vw;
		margin: 0 auto;
		}
	.blog.terugblik .item {
		padding: 0;
		}
	.blog.terugblik .article-info {
		top: -10px;
		font-size: 16px;
		}
	.blog.terugblik .items-row {
		margin-top: 40px;
		}
		.blog.terugblik .vragenaanwrapper {
			margin-top: -30px;
			}
	}
@media only screen
  and (max-width: 500px) {
	.blog.terugblik .items-row {
		width: 90%;
		}
	}
@media only screen
  and (max-width: 414px) {
	.blog.terugblik .items-row {
		width: 100%;
		}
	}


.item-page.terugblik {
	text-align: center;
	margin-top: 30px;
	}
	.item-page.terugblik div {
		text-align: justify;
		}
.item-page.terugblik .page-header {
	display: inline-block;
	}
	.item-page.terugblik .page-header h1,
	.item-page.terugblik .page-header h2 {
		padding: 0;
		}
	.item-page.terugblik .page-header h1::after{
		font-family: "Font Awesome 5 Free";
		content: "\f138";
		font-weight: 900;
		font-size: 24px;
		bottom: 2px;
		position: relative;
		}
.item-page.terugblik .article-info-term {
	display: none;
	}
.item-page.terugblik .create {
    margin-bottom: 30px;
	}
.item-page.terugblik .pull-left {
	float: left;
	}
	.item-page.terugblik .item-image img {
		width: 250px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		border: 2px solid #ccc;
		}
.item-page.terugblik div[itemprop="articleBody"] {
	margin-left: 280px;
	}

@media only screen /* voor menu */
  and (max-width: 800px) {
	.item-page.terugblik .item-image img {
		width: 180px;
		}
	.item-page.terugblik div[itemprop="articleBody"] {
		margin-left: 200px;
		}
	}
@media only screen /* voor menu */
  and (max-width: 600px) {
	.item-page.terugblik .pull-left {
		float: unset;
		text-align: center;
		margin-bottom: 20px;
		}
	.item-page.terugblik .item-image img {
		width: 100%;
		max-width: 250px;
		}
	.item-page.terugblik div[itemprop="articleBody"] {
		margin-left: 0;
		}
	}



/* ######### end terugblik pagina ########*/


/* ############    Footer & bottom area ###########*/

.footercontainer { 
	width: 100%;
	margin: 40px 0 0;
	background: #00416c;
	overflow: auto;
    position: relative;
    z-index: 1001;
	text-align: left;
	}
	.footerwrapper {  
		width: 90vw;
		max-width: 1600px;
		margin: 0px auto;
		min-height: 300px;
		padding-top: 40px;
		}
		.footer { 
			color: #fff;
			padding: 10px 20px 50px 0;
			font-size: calc(14px + 0.3vw);
			box-sizing: border-box;
			float: left;
			padding: 0 15px;
			min-height: 100px;
			width: 25%;
			}
			.footer a {
				color: #fff;
				font-weight: 400;
				text-decoration: none;
				}
			.footer a:hover {
				color: #76eb76;
				}
			.footer h3 {
				padding: 20px 0;
				color: #fff;
				text-align: left;
				}
			.footer ul {
				padding-left: 20px;
				}
			.footer1 {
				padding-left: 0;
				}
			.footer2 {
				
				}
			.footer3 {
				
				}
			.footer4-5 {
				padding-right: 0;
				}
				.footer4 {
					min-height: 40px;
					}
				.footer5 {
					min-height: 50px;
					}

.footer a.inschrijven{
	background: #fff;
    padding: 5px 10px 8px;
    color: #404040;
	font-family: 'Open Sans', sans-serif !important /* main-font */;
    font-size: 13px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.footer li {
	text-align: left;
	line-height: normal;
	}

/* social */

.social {
	
	}

.social .fab {
    font-size: 40px;
    width: 40px;
    text-decoration: none;
    color: white;
}

.social .fab:hover {
    opacity: 0.85;
}

/* end social */

@media only screen 
  and (max-width: 930px) {
	
	.footer {
		width: 33%;
		}
		.footer3 {
			padding-right: 0;
			}
		.footer4-5 {
			clear: both;
			width: 100%;
			padding: 0;
			margin-bottom: 20px;
			}
			.footer4 {
				width: 33%;
				float: left;
				}
	}

@media only screen /* voor menu */
  and (max-width: 600px) {

	/* inklapbare div's in de footer op mobiel */
	.footerwrapper {
		width: 100%;
		padding-top: 20px;
		min-height: 0;
		}

	.footer,
	.footer4,
	.footer5 {
		clear: both;
		width: 100%;
		padding: 0;
		}
		.footer {
			padding: 0 5vw;
			min-height: 0;
			font-size: calc(18px + 0.3vw);
			}
		.footer h3 {
			border-top: 1px solid #ccc;
			margin: 0 -5vw 10px;
			padding: 10px 5vw;
			font-size: calc(18px + 0.3vw);
			margin-bottom: 0;
			}
			.footer h3::after {
				float: right;
				font-size: 14px;
				margin-top: 4px;
				font-family: "Font Awesome 5 Free"; 
				font-weight: 900; 
				content: "\f078";
				}
			.footer5 h3 {
				border-bottom: 1px solid #ccc;
				transition: border-width 0s ease-out 0.4s;
				}
			.footer5 a.inschrijven {
				font-size: calc(18px + 0.3vw);
				}
		.ftoggle .custom,
		.ftoggle ul {
			max-height: 0;
			transition: all 0.5s ease;
			overflow: hidden;
			margin-bottom: 0;
			}
		
		.footertoggle h3 {
			cursor: pointer; 
			}
		
		.ftoggle.open ul,
		.ftoggle.open .custom {
			max-height: 500px;
			}
			.ftoggle.open .moduletable:last-of-type ul {
				margin-bottom: 10px;
				}
			.footer5.open h3 {
				border-bottom-width: 0;
				transition: border-width 0s ease-out 0s;
				}
		.ftoggle.open h3::after {
			content: "\f077";
			}
	/* end inklapbare div's in de footer op mobiel */
	
	.wieImgWrapper {
		display: block; 
		}
		.wieImg {
			width: 100%;
			}

	}

.bottomcontainer { 
	width: 100%;
	margin: 0;
	padding: 15px 0;
	background: #00416c;
	color: #fff;
	}
	.bottom {  
		width: 90vw;
		max-width: 1600px;
		margin: 0px auto 10px;
		font-size: calc(12px + 0.3vw);
		overflow: auto;
		}
		.bottom-links {
			float: left;
			margin-top: 8px;
			width: 100px;
			}		
		.bottom-rechts {
			float: right;
			margin-top: 30px;
			width: calc(100% - 100px);
			text-align: center;
			}
	.bottom a {
		color: #fff;
		font-weight: 400;
		text-decoration: none;
		}
	.bottom a:hover {
		color: #76eb76;
		}
	.bottom-links a h1 {
		color: #fff;
		font-weight: 100;
		font-size: 20px;
		}
		.bottom .bottom-links a:hover h1,
		.bottom .bottom-links a:hover {
			text-decoration: none !important;
			color: #ff6600;
			}

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

	.bottom {
		font-size: 18px;
		}

	.bottomcontainer {
		padding: 20px 0 80px;
		}
}

/* #########  End Footer & bottom area #########*/


/* #########  RESPONSIVE SETTINGS ############# */

input[type=button] { /* button layout on ios normaal */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}

@media only screen 
  and (max-width: 1240px) {
	
	.topimagevlak {
		right: 20px;
		}
	.toptekstvlak {
		left: 45px;
		}
	.topmenu {
		right: 20px;
		}
	.toplogo {
		left: 20px;
		}
	.toplogogelevlak {
		left: 45px;
		}
	}

@media only screen 
  and (max-width: 1125px) {
	
	.topmenu li { /* voor menu */
		margin: 0;
		}
	}

@media only screen 
  and (max-width: 1050px) 
  and (orientation: portrait)  {
	
	.topimagevlak {
		bottom: unset;
		top: 100px;
		}
	.topimagevlak img {
		height: 80vw;
		width: auto;
		}
	}

@media only screen /* voor menu */
  and (max-width: 950px)
  and (orientation: landscape) {
	
	.topimagevlak {
		bottom: unset;
		top: 50px;
		}
	.topimagevlak img {
		height: auto;
		width: 50vw;
		}
	}

@media only screen /* voor menu */
  and (max-width: 840px) {
	
	.topmenulinks,
	.topmenurechts,
	.topmenu {
		display: none;
		}
	.mobilemenu,
	.mean-bar {
		display: block;
		}
	.tophomecontainer1.sticky { 
		background: unset !important;
		border-bottom: none !important;
		}
		.tophomecontainer1.sticky .topmenu a {
			color: unset !important;
			}
	.topvervolgwrapper {
		background: none;
		border: none;
		}
	}

@media only screen 
  and (max-width: 770px) 
  and (orientation: portrait)  {
	
	.toptekstvlak {
		bottom: 5vh;
		}
  }

@media only screen /* voor menu */
  and (max-width: 750px) {
	
	.topimagevlak {
		display: none;
		}
	}

	

@media only screen /* voor menu */
  and (max-width: 700px) {

	#newrecaptcha {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0; 
		}
	}

@media only screen and (max-width: 670px) {
	.contactdiv-l, 
	.contactdiv-r {
		width: 100%;
		}
	}

@media only screen /* voor menu */
  and (max-width: 550px) {
	.topmenulinks li,
	.topmenurechts li {
		padding: 0 10px;
		}
	}

@media only screen /* voor menu */
  and (max-width: 500px) {


	}

/* #########  MOBILE SETTINGS ############# 

@media only screen 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) { 
  
 @media screen and (orientation:landscape) { … }

  */

@media only screen /* voor test op desktop 490px normaal 414px*/
  and (max-width: 414px) {

html {	
	}
body {
	text-align: unset;
	}

h1, h2, h3, h4, h5, h6 {	
	font-size: 21px;
	}

body,
.bfQuickMode section input[type='text'], 
.bfQuickMode section textarea, 
.bfQuickMode section select {
	font-size: 20px;
	}
.bfQuickMode section textarea {
	height: 180px;
	}

.h_iframe {
	width: 100%;
	}
.toptekstvlak {
    left: 25px;
	max-width: calc(100% - 50px);
	width: 100%;
	}
.toptekstvlak h2 {
    font-size: 40px;
    line-height: 40px;
	}

.toplogo {
    height: 90px;
    width: 240px;
	}
	.toplogo h1 {
		font-size: 33px;
		}
.toplogogelevlak {
    top: 8px;
    left: 35px;
    width: 210px;
    height: 64px;
    padding-top: 85px;
	font-size: 20px;
	}

.mobilefooter {
	display: block;
	}
#topcontainer {
	height: 66px;
	}
}

@media only screen 
  and (max-width: 414px) 
  and (orientation: portrait)  {
	
	.toptekstvlak {
		bottom: 14vh;
		}
  }

/* @media only screen 
  and (max-device-width: 411px) - Google Nexus 5, 5X, 6, 6P, Pixel */

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

}

/* @media only screen 
  and (max-device-width: 375px) - iPhone 6, 7 */

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

		
}

/* @media only screen 
  and (max-device-width: 360px) - Samsung Galaxy S3-S6, S III, Xiaomi(most), Sony Xperia S, Z, Ion */

@media only screen 
  and (max-width: 340px) {
	body, 
	.bfQuickMode section input[type='text'], 
	.bfQuickMode section textarea, 
	.bfQuickMode section select {
		font-size: 18px;
		}
	.toptekstvlak h4 {
		padding: 5px 0 5px;
		}
	.toptekstvlak h2 {
		font-size: 30px;
		line-height: 30px;
		}
	.toplogogelevlak {
		top: 1px;
		padding-top: 90px;
		}
}

/* @media only screen 
  and (max-device-width: 320px) - ipone 5, Samsung Galaxy S, S2, S II, iPhone 3, 4, 4S, Microsoft Lumia 620, 830, 900, 920, 925, 1020 */

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

}

/* #########  END MOBILE SETTINGS ############# */