@charset "utf-8";
#layout.pm_flow .dev-all-on{
	display: none;
}

/* ----------- RESPONSIVE UIT ----------- */

body.pm_flow .pgroup.full_screen{
	clear: both;
	float: none;
}
#layout.pm_flow .dev-all-on{
	display: none;
}
#layout.pm_flow .dev-all-off{
	display: block;
}

/* S0) VIEW: SCALING OFF - Desktop XL (groter dan scaling) */
@media only screen and (min-width: 1680px), screen and (min-width: 1680px) and (-webkit-device-pixel-ratio: 2){
	#layout.pm_flow #layer2,
	#layout.pm_flow #layer2 {
		width: 100%;
	}
	#layout.pm_flow #topbar > ._inner {
		width: 100%;
		max-width: 1680px;
		margin: 0 auto;
		position: relative;
		height: 90px;
	}
	body.pm_flow .pblock.full_screen .fs,
	body.pm_flow .pgroup.full_screen .pgroup_l1
	{
		max-width: 1680px;
		margin: 0 auto;
	}

	#layout.pm_flow #layer2,
	#layout.pm_flow.force_noscale #layer2 {
		width: 100%;
	}

	/*
	body.pm_flow .pgroup.full_screen .pgroup_l1
	{margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;}
	*/

	#layout.pt-pagina #layer1{
		background-size: auto;
	}


	body.pm_flow .pblock.reveal-img {
		overflow: initial;
	}


}



/* S) - VIEW: SCALING ON - All (scaling is on between these values, mobile + desktop) */
@media only screen and (min-width: 760px) and (max-width: 1679px), screen and (min-width: 760px) and (max-width: 1679px) and (-webkit-device-pixel-ratio: 2){
	.pm_flow.layout .pgroup.full_screen{
		min-width: 1680px;
		width: 100%;
	}

	#layout.pm_flow #layer2 {
		width: 1680px;
	}

	.pm_flow .button-social.__instagram {
		margin-left: 30px;
	}

	.pm_flow .dev-align-text {
		text-align: center;
	}


}

/* S1) - VIEW: SCALING ON - Desktop (normal) */
@media only screen and (min-width: 1200px) and (max-width: 1679px), screen and (min-width: 1200px) and (max-width: 1679px) and (-webkit-device-pixel-ratio: 2) {
	.pm_flow #topbar > ._inner .bttn-menu{
		display: none;
	}

}



/* S2) VIEW: SCALING ON - Mobile+ */
@media only screen and (min-width: 760px) and (max-width: 1199px), screen and (min-width: 780px) and (max-width: 1199px) and (-webkit-device-pixel-ratio: 2){



}



/* ----------- RESPONSIVE ON / SCALING OFF ----------- */


/* R) VIEW: RESPONSIVE ON (mobile and tablets smaller than 760px) */
@media only screen and (max-width: 759px), screen and (max-width: 759px) and (-webkit-device-pixel-ratio: 2){


.layout.pm_flow#layout .footer-logos {
	background-image: url('/resources/cimages/mc_default/home/logo-footer-mob.jpg?t=1');
	height:394px;background-position:left bottom;
	margin-top:0;
}
.layout.pm_flow#layout .footer-logos:after{
	display: none!important;
}
	.layout.pm_flow#layout	{
		font-size: 12px;
		line-height: 1.7em;
		overflow: hidden;
		overflow-y: auto;
	}

	.pm_flow #layer1 {
		left: 0;
	}

	.pm_flow .dev-ignore-margin {
		margin: 0% -4%!important;
	}



	body.pm_flow.layout h1, body.pm_flow.layout .h1 {
		font-size: 2.2em;
		line-height: 1.25em;
	}
	body.pm_flow.layout h2, body.pm_flow.layout .h2 {
		font-size: 2em;
		line-height: 1.25em;
	}
	body.pm_flow.layout h3, body.pm_flow.layout .h3 {
		font-size: 1.5em;
		line-height: 1.25em;
	}
	body.pm_flow.layout h4, body.pm_flow.layout .h4 {
		font-size: 1.3em;
		line-height: 1.25em;
	}

	.pm_flow .default_table input[type="text"],
	.pm_flow .default_table input[type="email"],
	.pm_flow .default_table input[type="tel"],
	.pm_flow .default_table input[type="submit"],
	.pm_flow .default_table textarea{
		font-size: 0.90em;
		padding: 10px 50px 10px 50px;
	}
	.pm_flow label.inp-radio:before,
	.pm_flow label.inp-xcbox:before{
		margin-top: 0;
	}



	.pm_flow .pgroup > .pgroup_l1{
		width: 100%!important;
	}

	#layout.pm_flow .dev-all-off{
		display: none;
	}
	#layout.pm_flow .dev-all-on{
		display: block;
	}


	/* site styles */

	body.pm_flow #layer1 {
		position: relative;
		right: auto;
		top: auto;
		left: auto;
		padding-top: 0;
		overflow: hidden;
	}
	.hide-sidebar.pt-pagina #topbar, .hide-none.pt-pagina #topbar, body.pm_flow #topbar {
		position: fixed;
	}
	.layout.__menu-open #topbar{
		transform: translateY(0);
		z-index: 4;
	}
	#layout.anim-forward #layer1{
		top: 0;
	}

	.pm_flow .pblock.responsive-no-bg,.pm_flow .pgroup.responsive-no-bg{
		background-color: transparent;
		background-image: none;
	}

	.pm_flow .pblock.responsive-darken-bg{
		background-color: #000000b8;
	}
	.pm_flow .pblock.responsive-lighten-bg{
		background-color: #FFFFFFb8;
	}

	.pm_flow .pgroup.responsive-group-padding{
		padding: 60px 0;
	}
	.pm_flow .pgroup.responsive-group-padding > .pgroup_l1{
		width: auto!important;
	}

	.pm_flow.layout h1, body.pm_flow.layout .h1 {
		font-size: 3em;
	}

	.pm_flow  .split_div {
		width: auto;
		margin-left: 0;
		float: none;
		padding: 0;
		margin-right: 0;
	}

	.pm_flow  .split-div-right {
	}

	.pm_flow  .form-table {
		width: 100%;
		float: left;
	}
	.pm_flow  .form-table.__left {
		margin: 0 0 0 0;
	}

	.pm_flow  .form-field label {
		width: 100%;
		float: left;
	}
	.pm_flow  .form-field label:nth-child(odd) {
		margin: 0 0 0 0;
	}

	.pm_flow.layout *.negative-margin-200-top{
		transform: none;
	}
	.pm_flow.layout #submenu-cnt > ._inner {
		padding: 20px;
		width: 100%;
		margin: 120px 0 0 0;
	}
	.pm_flow.layout #submenu-cnt > ._inner .menu-group a._item {
		padding: 10px;
		width: 100%;
		height: auto;
	}
	.pm_flow.layout #submenu-cnt .menu-group {
		width: 100%;
		float: none;
	}
	.pm_flow.layout.__menu-open #submenu-cnt {
		position: relative;
	}

	.pm_flow.layout .pblock{
		height: auto;
	}
	.pgroup.responsive-bg-fit
	{
		background-size: 120% auto;
	}

	.pm_flow.layout .position-absolute.bottom{
		position: relative;
	}
	#layout.pm_flow .dev-all-on{
		display: block;
	}

	#layout.pm_flow table.responsive-table{
		width: 100%!important;
	}
	#layout.pm_flow *.button {
		padding: 10px 20px;
		white-space: break-spaces;
		font-size: 1.2em;
		font-weight: bold;
		line-height: normal;
		float: none;
		clear: both;
		margin-top: 10px;
	}


	.dl-button{
		background-position: right top;
		background-size: auto 80%;
	}
	.button-full{

	}
	.button-full:before {
		content: '';
		display: block;
		top: 0;
		right: 0;
		left: 0;
		position: absolute;
		bottom: 0;
	}


	.layout.pm_flow#layout #topbar {
		background-color: #FFF;
	}


	/* custom */
	.responsive-banner-hor{

		background-size: 100% auto;
		padding-top: 50%!important;
	}
	.responsive-banner-vert{
		background-size: 30%;
		padding-left: 33%!important;
	}
	.responsive-bg-black{
		background-color: #000;
	}
	.responsive-bg-white{
		background-color: #FFF;
	}
	.responsive-bg-purple{
		background-color: #441dae;
	}
	.responsive-bg-teal{
		background-color: #4fe3c1;
	}
	.responsive-bg-yellow{
		background-color: #f8e71d;
	}
	.responsive-bg-pink{
		background-color: #D123F6;
	}

	body#layout .pgroup.banner-group{
		background-image: none;
	}
	body#layout .pgroup.banner-group .pblock h1{
		font-size: 6.6em;
	}
	body#layout .pgroup.banner-group .pblock{

	}

	#layout.pm_flow .bg-arrow-right{
		padding: 0;
		background: none;
		float: none;
	}
	.bg-header-1{
		background-image: none;
	}



	.filter-stats-button {
		width: 40px;
		height: 40px;
	}


	.footer-logos{
		display: block;
		background-repeat: no-repeat;
		background-size: 100% auto;
		margin: 40px 0 0 0;
		width: 100%;
		height: auto;
		padding-bottom: 15%;
	}
	.responsive-center-text{
		text-align: center;
	}

	.filter-stats-button {
		width: 100px;
		height: 100px;
	}

	.pm_flow.layout #submenu-cnt > ._inner {
		padding: 20px;
		width: 100%;
		margin: 0 0 0 0;
	}
	.pm_flow.layout #submenu-cnt > ._inner a._item {
		padding: 10px;
		width: 100%;
		height: auto;
	}
	.pm_flow.layout #submenu-cnt .menu-group {
		width: 100%;
		float: none;

	}
	.pm_flow.layout.__menu-open #submenu-cnt {
		position: relative;
	}

	.bg-arrow-left {
		background-image: none;
		padding-left: 0;
		width: 100%;
		float: none;
	}


.split-screen{
	width:100%;
}
.split-screen._left {
	font-weight: bold;
	border: 6px solid #441dac;
}
.pm_flow.layout .pgroup.__split{
	padding: 0 3%;
	padding-top: 60%;
	background-size: 100% auto;
	background-position:center top;
}
.pm_flow.layout .pgroup.__split .pblock{
	margin-top:-6%;
	margin-bottom:12%;
	padding-bottom: 10%;
}
.split-screen._right {
	font-weight: bold;
	border: 6px solid #393742;
}
.regioWrapper .btn-regio {
	margin:15px;

	}
	.regioWrapper a.btn-regio{
		font-size:0.9em;
}

.pm_flow .pm-section,
.pm_flow .pgroup{
	transform: none!important;
}


}


/* R1) VIEW: Tablet only */
@media only screen and (min-width: 660px) and (max-width: 759px), screen and (min-width: 660px) and (max-width: 759px) and (-webkit-device-pixel-ratio: 2){

	.pm_flow.layout .pblock img{
		/* max-width: 759px; */
		width: 100%;
		height: auto;
	}


}


/* R1-) VIEW: HD Smartphones en kleiner */
@media only screen and (max-width: 659px), screen and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){
	.pm_flow.layout .pblock img{
		/* max-width: 659px;*/
		width: 100%;
		height: auto;
	}
	body#layout .pgroup.banner-group{
		background-size: 100% auto;
	}

	body#layout .pgroup.banner-group .pblock{
		padding-top: 10%;
		padding-bottom: 10%;
	}
}

/* R2) VIEW: HD Smartphones only */
@media only screen and (min-width: 570px) and (max-width: 659px), screen and (min-width: 570px) and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){

	.statText {
		font-size: 1.3em;
		line-height: normal;
	}

}


/* R2-) VIEW: Mid-range Smartphones en kleiner */
@media only screen and (max-width: 569px), screen and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){

	.pm_flow.layout .pblock img{
		/* max-width: 569px;*/
		width: 100%;
		height: auto;
	}

	.filter-stats-button {
		width: 80px;
		height: 80px;
	}
	body#layout .pgroup.banner-group .pblock h1{
		font-size: 4.6em;
	}
}
/* R3) VIEW: Mid-range Smartphones only */
@media only screen and (min-width: 480px) and (max-width: 569px), screen and (min-width: 480px) and (max-width: 569px) and (-webkit-device-pixel-ratio: 2){

	.statText {
		font-size: 1em;
		line-height: normal;
	}

}

/* R3-) VIEW: Mid-range Smartphones and lower */
@media only screen and (max-width: 568px), screen and (max-width: 568px) and (-webkit-device-pixel-ratio: 2){


	.statText {
		font-size: 0.8em;
		line-height: normal;
	}
}


/* R4) VIEW: Smartphones */
@media only screen and (max-width: 479px), screen and (max-width: 479px) and (-webkit-device-pixel-ratio: 2){

	#layout{
	}
	.layout.pm_flow#layout {
		min-width: 300px;
	}

	#layout{
		min-width: 465px
	}

	.filter-stats-button {
		width: 75px;
		height: 75px;
	}
}

/* Uitzonderingen voor landscape modus op de meeste smartphones */
@media only screen and (max-height: 670px){

	#topbar .socials-cnt{
		display: none;
	}

}

/* Uitzonderingen voor landscape modus op de meeste smartphones */
@media only screen and (max-width: 480px) and (orientation:landscape), screen and (max-width: 480px) and (-webkit-device-pixel-ratio: 2){
	#layer1{
		top: 0;
	}
	#topbar{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
	}
}


@media print
{
	body
	{
		margin: 5mm 15mm 5mm 15mm!important;
	}

	#layer1,
	#layer2
	{
		overflow: visible;
		margin: 0 auto!important;
		position: relative!important;
	}
	#topbar,#sidebar,#footer,.__hide-print
	{
		display: none !important;
	}
}
