@charset "utf-8";
@import url('pm-layout.css?v=20');
@import url('animations.css?v=1');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap');
 /*font-family: 'Poppins', sans-serif;
 font-family: 'Noto Serif', serif;
 */
 
/* ---------- standaard lettertype en kleur ---------- */

/*
=============
site colors
=============

*/

.layout {
	color: 		 #3E3D40;
    font-size: 20px;
    font-family: 'Montserrat', serif;
    line-height: 2.35em;
    font-weight: 500;
}

.layout.__bigger {
	font-size: 24px;
}


/* ---------- standaard lettertype en kleur ---------- */
.layout td, .layout th, .layout a{
	
	font-family: 'Montserrat', serif;
}

.layout h1,.layout h2,.layout h3,.layout h4,.layout h5,.layout h6 {	
	margin: 0 0 15px 0;
	font-family: 'Montserrat', serif;
	font-weight:700;
}

.layout h1 { line-height: 1.35em;  font-size: 3em;font-weight:800;color:#445593}
.layout h2 { line-height: 1.35em;  font-size: 2em; }
.layout h3 { line-height: 1.35em;  font-size: 2em; }
.layout h4 { line-height: 1.35em;  font-size: 2em; }
.layout h5 {}
.layout h6 {}
.layout p  {}

 a {text-decoration: none;color: 		 #445593;}



/* headerbar twisted */

#layer1{
	overflow-y: scroll;
	transition: filter 0.5s;
}
#blockArea{
	-webkit-transition: filter 0.3s;
	transition: filter 0.3s;
}
.layout #layer1::-webkit-scrollbar-thumb, .layout #blockArea::-webkit-scrollbar-thumb {
    background-color: #a1d4d7;
    border-radius: 2px;
    border: 2px solid #445593;
}
.layout #layer1::-webkit-scrollbar-track, .layout #blockArea::-webkit-scrollbar-track {
    background-color: #445593;
    width: 15px;
}

#layout #layer1:before{
	content : '';
	opacity: 0;
	transition: opacity 0.5s;
	display:block;position: absolute;
	top: 0;right:0;left:0;
}
#layout #layer1:after{
	content : '';
	display:block;position: absolute;
	top: 0;right:0;left:0;
}

#page-section-inherit,		
#page-section-inherit-1,		
#page-section-inherit-2,		
#page-section-inherit-3		{ background-color:#D8E5E5; }

#page-section-donkerblauw,	
#page-section-donkerblauw-1,	
#page-section-donkerblauw-2,	
#page-section-donkerblauw-3	{ background-color:#445593; }


#page-section-center-1,	
#page-section-center-2,	
#page-section-center-3,	
#page-section-center-4{ margin:0 auto;
max-width:1680px; }


.pm-overlay:after{
	content: '';
	display: block;
	position: absolute;
	left:0;right:0;top:0;bottom:0;
	z-index:1;background-color:#445593; 
}


/*
==========
Header
==========
 */
 
#topbar {
	background-color: #1A171B;
	height: 115px;
	position:fixed;
	transition: all 0.5s;    left: 0;
    right: 0;
}
#topbar > ._inner{
	height:110px;
	width: 1680px;
}
#topbar a.logo{
	height: 70px;
    width: 76px;
    background-repeat: no-repeat;
    display: block;
    background-position: left center;
    float: left;
    margin:20px  20px 20px 35px;
    background-size: 100% auto;
    background-image: url(../../images/aanmelders/logos/logo-aanmelders.png);
    margin-right: 30px;
}

#topbar a.menu-item{
float: left;
display:block;
width: auto;;
font-size: 0.8em;
font-weight:bold;
position: relative;
color: #ffffff;
transition: all 0.3s;
padding: 20px 10px 20px 45px; 
    margin-top: 25px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.9px' height='10.9px' viewBox='0 0 10.9 10.9' style='overflow:visible;enable-background:new 0 0 10.9 10.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23445593;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Crect class='st0' width='10.9' height='10.9'/%3E%3C/svg%3E%0A");
    background-position:20px center;
    background-repeat: no-repeat;
}

#topbar a.menu-item.__active,
#topbar a.menu-item:hover{
	color:#A3D5D8;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.9px' height='10.9px' viewBox='0 0 10.9 10.9' style='overflow:visible;enable-background:new 0 0 10.9 10.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23A3D5D8;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Crect class='st0' width='10.9' height='10.9'/%3E%3C/svg%3E%0A");
}


#layer1 {
	position: absolute;
	top:115px;
}
.hero-image {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #3E3D40;
}
.heroText{
	max-width:840px;
	z-index:5;
	position: absolute;
}
.heroImage{
	background-position: center;
}
.pm-scale{
    transform-origin: left center;
    margin: 0 auto;
}






/*
==========
Formulier
==========
 */
.default_table input[type="submit"] {
	display: inline-block;
	padding: 15px 50px 15px 50px;
	box-sizing: border-box;
	font-size: 1.0em;
	margin: 20px 0 0 0;
	background-color: #000000;
	color: #ffffff;
	font-weight: 700;
}

.layout .default_table input[type="text"],
.layout .default_table input[type="email"],
.layout .default_table input[type="tel"],
.layout .default_table textarea{
	padding: 10px 10px 10px 10px;
    background-color: #E9E5DB;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    border-top:        solid 70px #ffffff;
    border-right:      solid 15px #ffffff;
    border-bottom:     solid 10px #ffffff;
    border-left:       solid 20px #ffffff;
    color:             #35342F;
}
.layout .default_table img {
	width: 24px;
	height: 24px;
}



/* formulier velden */
label.__labelTitel {
    display: block;
    position: relative;
    top: 60px;
    left: 17px;
    font-size: 20px;
    font-weight: 700;
/*    color: #445593; */
}
.__form-message {
    padding: 10px 10px 10px 10px;
    background-color:     #ffffff;
    box-sizing:           border-box;
    font-family:          'Montserrat', sans-serif;
    border-top:           solid 70px #35342F;
    border-right:         solid 20px #35342F;
    border-bottom:        solid 20px #35342F;
    border-left:          solid 20px #35342F;
}
/* formulier velden */


/* blockstyle */
.blockCoverWidth,
.blockCoverWidth > .fs{
	position: absolute;
    left: 0;
    right: 0;
    width: 100%!important;
    max-width: none;
}

body .pblock.reveal-img {
	overflow: hidden;
}
body .pblock.reveal-img.__rechts{
	
}

body .pblock.reveal-img img{width: 1024px!important; height: auto!important;}
body .pblock.reveal-img img{float:right;}
body .pblock.reveal-img.__rechts img{float:left;margin-left:-135px;}


/* split columns */
.split-columns{
	
}
.split-columns:after{
	content: '';
	clear: both;
	display: block;
}
	.split-columns .column-left,
	.split-columns .column-right
	{
		box-sizing: border-box;
		float:left;
		padding:10px;
	}
	.split-columns .column-left{
		width: 40%;
	}
	.split-columns .column-right{
		width: 60%;
	}


/* footer */
/*.footer_content{
	background-color: #F2F1F0;
	width: 1680px;
	margin: 0 auto;
}

.footer_content ._logo{
	width:253px;
	height:94px;
	float:left;
	margin:20px;
	background-image: url('../../images/moti55/logos/logo-versvlavingskunde.png');
	background-repeat:no-repeat;
	background-size: 100% auto;
	
}
.footer_content ._text {
	float: left;
	width: 690px;
}
.footer_content ._statement {
	float: left;
}
.footer_content ._statement a {
	color: #000000;
	text-decoration: none;
}
.footer_content ._statement a:hover {
	color: #445593;
}
*/


/* footer */
.footer_content{
	    background-color: #F2F1F0;
    color: #000;
    box-sizing: border-box;
    padding: 50px;
	font-size:0.8em;
	line-height:normal;
}

.footer_content > ._inner{
	max-width: 1680px;
	margin: 0 auto;
	padding-top:10px;
	
	}

.footer_content a{
	color: #000;
}

.footer_content ._logo{
	width:253px;
	height:94px;
	float:left;
	margin:20px;
	margin-top:-35px;
	margin-right:50px;
	background-image: url('../../images/moti55/logos/logo-versvlavingskunde.png');
	background-repeat:no-repeat;
	background-size: 100% auto;
	
}
.footer_content ._text{
	float:left;
	max-width: 890px;
}
.footer_content ._statement{
	float:right;
	margin-top: 4em;
}

	
.pblock.__show-scroll ._button,
.pgroup.__show-scroll ._button{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='75' viewBox='0 0 50.5 74.7'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23445593;stroke-width:5;stroke-miterlimit:10;%7D .st1%7Bfill:%23FFFFFF;stroke:%23445593;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M25.2 72.2L25.2 72.2C12.7 72.2 2.5 62 2.5 49.5V25.2c0-12.5 10.2-22.7 22.7-22.7h0C37.7 2.5 48 12.7 48 25.2v24.3C48 62 37.7 72.2 25.2 72.2z'/%3E%3Cline class='st0' x1='25.2' y1='31.3' x2='25.2' y2='72.2'/%3E%3Cpath class='st1' d='M25.2 45.7L25.2 45.7c3.4 0 6.3 2.8 6.3 6.3l0 4.5c0 3.4-2.8 6.3-6.3 6.3h0c-3.4 0-6.3-2.8-6.3-6.3l0-4.5C19 48.5 21.8 45.7 25.2 45.7z'/%3E%3C/svg%3E");
}
.__show-scroll ._button:after{
	content:'';
	display:block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25.3 18.2'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23445593;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='0 0 25.3 0 12.4 18.2 '/%3E%3C/svg%3E");
	width:22px;
	height:16px;
	position: absolute;
	bottom:0;left:50%;margin-left:-11px;background-size:100% auto;background-repeat:no-repeat;
}
.pblock.__show-scroll.__black-scroll  ._button,
.pgroup.__show-scroll.__black-scroll ._button{
	/*background-image: url(../../images/aanmelders/svg/icon-arrow-scroll-black.svg);*/
}
.pblock.__show-scroll.__white-scroll ._button,
.pgroup.__show-scroll.__white-scroll ._button{
	/*background-image: url(../../images/aanmelders/svg/icon-arrow-scroll.svg)*/;
}

.pblock.auto_height.__show-scroll ._button{
	    position: relative;
    margin-bottom: 40px;
}

/**
Stipsets
**/

._pagDots{
	display:block;	
	height:20px;
}	
._pagDots ._dot{
	display:block;
	float:left;
	width: 20px;
	height: 20px;
	margin: 5px 10px;
	background-color: #0a0a0a;
	border-radius: 100%;
}	

._pagDots ._dot.__active{
background-color:#445593;
}

#statsCnt ._pagDots{
	position: absolute;
	right: 75px;
	top: 0;
	margin: 15px;
}
#statsCnt .nav-block{
	position: absolute;
	right: 75px;
	bottom: 50px;
	margin: 15px;
}

/* voor mij blok */

	.voorMij-blok{
		background-size: 90px auto;
		    background-position: 10px 10px;
		overflow:visible;
		background-repeat: no-repeat;
	}
	
	
	.voorMij-blok  ._footer{
	right: 0;
    bottom: 0;
    position: absolute;
    padding: 5px 15px;
    margin-bottom: -25px;
    margin-right: 25px;
    background-color: #0a0a0a;
    color: #FFF;
	}
	
	.frontend.layout .voorMij-resultaat{
		transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    display:none;
    z-index:2;
	}
	
	
	#liveDoelen ._pagDots {
    margin: 20px 0;
    margin-top: 0;
    float: right;
}

.bb-button{
	color:#000;
}
.bb-choice{
	color: #445593;
    font-weight: bold;
    padding: 5px;
    display: block;
    position: relative;
    line-height: normal;
    padding-left:35px;
}

.bb-choice:before{
content: '';
display:block;
border-radius: 100%;
background-color:#FFF;
width: 20px; height:20px;
position:absolute;
left:0;
margin:1px;
}
.bb-choice.__active:before{
width: 16px; height:16px;
border:2px solid #FFF;
background-color:#445593;

}


/* landkaart */
#landkaart-container{
	position: relative;
}
#landkaart-container > ._text{
	position: absolute;
	color:#B24E44;
	width:380px;
	height:270px;
	left: 0;
	top: 50px;
}
#landkaart-container #landkaart{
	background-image:url('../../images/aanmelders/graphics/graphic-map.svg');
	background-size:100% auto;
	background-repeat:no-repeat;
	width: 580px; height:690px;
	position: absolute;
	z-index: 2;
	right: 0;
}
#landkaart-container #landkaart ._prov{
	background-size:100% auto;
	background-repeat:no-repeat;
	width: 62px; height:77px;
	background-image:url('/resources/images/aanmelders/icons/icon-landmark.svg');
	position: absolute;	
	transition: transform 0.3s;
	transform-origin: center bottom;
}
#landkaart-container #landkaart ._prov.__active,
#landkaart-container #landkaart ._prov:hover{
	transform: scale(1.3,1.3);
}
#landkaart-container #landkaart > ._positions{
	position: absolute;	
	margin-left:-35px;
}
#landkaart-container #landkaart ._prov.__groningen{
left: 525px; top: 0;
}
#landkaart-container #landkaart ._prov.__friesland{
left: 380px; top: 50px;
}
#landkaart-container #landkaart ._prov.__drenthe{
left: 500px; top: 120px;
}
#landkaart-container #landkaart ._prov.__overijssel{
left: 483px; top: 230px;
}
#landkaart-container #landkaart ._prov.__flevoland{
left: 340px; top: 190px;
}
#landkaart-container #landkaart ._prov.__gelderland{
left: 400px; top: 330px;
}
#landkaart-container #landkaart ._prov.__utrecht{
left: 275px; top: 290px;
}
#landkaart-container #landkaart ._prov.__noord-holland{
left: 216px; top: 188px;
}
#landkaart-container #landkaart ._prov.__zuid-holland{
left: 166px; top: 325px;
}
#landkaart-container #landkaart ._prov.__zeeland{
left: 107px; top: 410px;
}
#landkaart-container #landkaart ._prov.__noord-brabant{
left: 290px; top: 446px;
}
#landkaart-container #landkaart ._prov.__limburg{
left: 385px; top: 583px;
}


/* edit sjeng */
.layout label.toggle-switch:before{
	display: none;
}
label.toggle-switch{
	font-size: 12px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 10em;
	height: 3em;
	border-radius: 3em;
	background-color: #515151;
	outline: 0;
	cursor: pointer;
	transition: background-color 0.09s ease-in-out;
	position: relative;
	margin-top: 15px!important;
}
label.toggle-switch.__checked {
	background-color: #1A171B;
}
label.toggle-switch::after {
	content: ' ';
	width: 3em;
	height: 3em;
	background-color: #d8e5e5;
	border-radius: 3em;
	position: absolute;
	left: 0;
	transform: translateX(0%)  scale(0.8);
	transition: all 0.5s ease-in-out;
}
label.toggle-switch.__checked::after {
	left: 100%;
	transform: translateX(-100%) scale(0.8);
}


.button-bottom-center{
	bottom: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.pm_flow .menu-flag{
	float: right;
	margin: 37px 23px 0 10px;
	display: block;
	height: 53px;
	padding-right: 60px;
	padding-top: 10px;
	background-color: #445593;
	padding-left: 17px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: 600;
	color: #fff;
	font-size: 0.8em;
}
.pm_flow .menu-flag.__active{
	opacity: 1;
}
.pm_flow .menu-flag.__en{
	background-image: url('/resources/images/moti4/buttons/lang-english.png');
}
.pm_flow .menu-flag.__nl{
	background-image: url('/resources/images/moti4/buttons/lang-dutch.png');
}