/*
 * #FONTS
 */
@font-face {
	font-family: 'vincent';
	src: url('../fonts/vincent-regular.eot');
	src: url('../fonts/vincent-regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/vincent-regular.woff2') format('woff2'),
		url('../fonts/vincent-regular.woff') format('woff'),
		url('../fonts/vincent-regular.ttf') format('truetype'),
		url('../fonts/vincent-regular.svg#vincentregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nexa-rust';
	src: url('../fonts/nexa-rust-script.eot');
	src: url('../fonts/nexa-rust-script.eot?#iefix') format('embedded-opentype'),
		url('../fonts/nexa-rust-script.woff2') format('woff2'),
		url('../fonts/nexa-rust-script.woff') format('woff'),
		url('../fonts/nexa-rust-script.ttf') format('truetype'),
		url('../fonts/nexa-rust-script.svg#nexa-rust-script') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
 * #ELEMENTS
 */

body {
	margin: 0;
	padding: 0;

	color: #000;
	background: #fff;
	line-height: 1.4;
	overflow-x: hidden;
	overflow-y: auto;
}

a {
	text-decoration: none;
	color: #dcbebe;
}
p {
	color: #000;
	margin:0;
}
a:focus,
a:hover {
	color: #000;
	text-decoration: none;
}
img{
	max-width:100%;
}
img[align=left]{
	float:right;
	margin-right:20px;
	max-width:50%;
}
img[align=right]{
	float:right;
	margin-left:20px;
	max-width:50%;
}
.clear {
	clear: both;
}
/*
.video{
	margin-top: 50px;
	width: 100%;
}
.video:hover{
	opacity: 0.8;
}

@media(min-width: 1200px){
	.video{
		display: block;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
*/

/*
 * #BOOTSTRAP
 */
.container-fluid {
	padding-right: 0;
	padding-left: 0;
}
.container + .container-fluid,
.container-fluid + .container {
	margin-top:60px;
}

.container .row .col-xs-1,
.container .row .col-sm-1,
.container .row .col-md-1,
.container .row .col-lg-1,
.container .row .col-xs-2,
.container .row .col-sm-2,
.container .row .col-md-2,
.container .row .col-lg-2,
.container .row .col-xs-3,
.container .row .col-sm-3,
.container .row .col-md-3,
.container .row .col-lg-3,
.container .row .col-xs-4,
.container .row .col-sm-4,
.container .row .col-md-4,
.container .row .col-lg-4,
.container .row .col-xs-5,
.container .row .col-sm-5,
.container .row .col-md-5,
.container .row .col-lg-5,
.container .row .col-xs-6,
.container .row .col-sm-6,
.container .row .col-md-6,
.container .row .col-lg-6,
.container .row .col-xs-7,
.container .row .col-sm-7,
.container .row .col-md-7,
.container .row .col-lg-7,
.container .row .col-xs-8,
.container .row .col-sm-8,
.container .row .col-md-8,
.container .row .col-lg-8,
.container .row .col-xs-9,
.container .row .col-sm-9,
.container .row .col-md-9,
.container .row .col-lg-9,
.container .row .col-xs-10,
.container .row .col-sm-10,
.container .row .col-md-10,
.container .row .col-lg-10,
.container .row .col-xs-11,
.container .row .col-sm-11,
.container .row .col-md-11,
.container .row .col-lg-11,
.container .row .col-xs-12,
.container .row .col-sm-12,
.container .row .col-md-12,
.container .row .col-lg-12 {
	padding-left: 16px;
	padding-right: 16px;
	margin-top: 32px;
}
/* NEW */

/*
.container .row > * {
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom:0px;
}
.container .row + .row > * {
	margin-top:32px;
}
*/
.msg{
	margin-bottom:10px;
	padding:10px 20px;
	background:#dcbebe;
	font-weight:bold;
}
.container-decoration-pictures-and-key{
	position: relative;
}
	@media (min-width: 1400px) {
		.container-decoration-pictures-and-key::before{
			content:"";
			display:block;
			position:absolute;
			top:50%;
			right:50%;
			margin-right:-50vw;
			width:9vw;
			height:766px;
			max-height:80%;
			background:url(/img/polaroids.png) no-repeat right center;
			background-size:contain;
			transform: translateY(-50%);
		}
	}
	@media (min-width: 1600px) {
		.container-decoration-pictures-and-key::before{
			width:207px;
		}
	}
	@media (min-width: 1000px) {
		.container-decoration-pictures-and-key::after{
			content:"";
			display:block;
			position:relative;
			left:50%;
			margin-left:-50vw;
			width:643px;
			height:429px;
			max-height:20%;
			background:url(/img/img_label_key_hangtag.png) no-repeat left center;
			background-size:cover;
		}
	}
.container-decoration-phone-and-key{
	position: relative;
}
	@media (min-width: 1400px) {
		.container-decoration-phone-and-key::before{
			content:"";
			display:block;
			position:absolute;
			top:50%;
			left:50%;
			margin-left:-50vw;
			width:9vw;
			height:505px;
			max-height:80%;
			background:url(/img/icon_phone.png) no-repeat left center;
			background-size:contain;
			transform: translateY(-50%);
		}
	}
	@media (min-width: 1600px) {
		.container-decoration-phone-and-key::before{
			width:14vw;
		}
	}
	@media (min-width: 1000px) {
		.container-decoration-phone-and-key::after{
			content:"";
			display:block;
			position:relative;
			left:50%;
			margin-left:50vw;
			width:643px;
			height:429px;
			max-height:20%;
			background:url(/img/img_label_key_hangtag.png) no-repeat left center;
			background-size:cover;
			transform:translateX(-100%);
		}
	}
.container > .row,
.container-fluid > .row{
	display: flex;
	align-content: stretch;
	flex-direction: row;
    flex-wrap: wrap;
}
.container-fluid{
	padding-left:0;
	padding-right:0;
}
	.container-fluid > .row{
		margin-left:0;
		margin-right:0;
	}
		.container-fluid > .row > *{
			padding-left:0;
			padding-right:0;
		}
.container > .row > *:empty,
.container-fluid > .row > *:empty{
	display:none;
}
@media (min-width: 992px){
	.container > .row > *:empty,
	.container-fluid > .row > *:empty{
		display:block;
	}
}
.content{

}
.content-bg-pink{
	background:#dcbebe;
}
.content-bg-blue{
	background:#91C3D2;
}
.content-bg-orange{
	background:#C3A486;
}
	.content-bg-pink h1,
	.content-bg-pink h2,
	.content-bg-blue h1,
	.content-bg-blue h2,
	.content-bg-orange h1,
	.content-bg-orange h2{
		color:#FFF;
	}
	.content-bg-pink a,
	.content-bg-blue a,
	.content-bg-orange a{
		color:#FFF;
	}
.container-fluid .content{
	padding: 40px 20px;
}
@media (min-width: 1000px) {
	.container-fluid .content{
		padding: 100px 60px;
	}
}
.image-text{
	display:block;
	min-height:250px;
	height:100%;
	padding: 75px 0;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-size: cover;
	background-position: center;
}
	.image-text > span{
		position: relative;
		display:block;
    	z-index: 2;
	}
		.image-text > span > b{
			display:block;
			font-family: Vincent;
			font-size: 30px;
			font-weight: normal;
			color: #FFF;
			text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
		}
		.image-text > span > span{
			display:inline-block;
			margin-top:20px;
    		padding: 10px 15px;
    		font-size: 14px;
    		letter-spacing: 0.5px;
    		font-weight: bold;
    		line-height: 20px;
    		background-color: #FFF;
    		-webkit-transition: all 0.4s ease;
    		transition: all 0.4s ease;
		}
		a.image-text:hover > span > span{
			background-color: #E9F3F6;
		}
@media (min-width: 620px) {
	.image-text{
		min-height:350px;
		padding: 125px 0;
	}
		.image-text > span > b{
			font-size: 50px;
		}
}
.diagonal{
	position: relative;
	overflow: hidden;
}
.diagonal::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease;
	z-index: 1;
}
a.diagonal:hover:before{
	top: 100%;
}
.diagonal-pink-left-to-right::before{
	background: linear-gradient(to left bottom, rgba(255, 255, 255, 0) 50%, rgba(228, 155, 150, 0.34) 50%);
}
.diagonal-pink-right-to-left::before{
	background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%, rgba(228, 155, 150, 0.34) 50%);
}
.diagonal-blue-left-to-right::before{
	background:linear-gradient(to left bottom, rgba(255, 255, 255, 0) 50%, rgba(8, 98, 145, 0.34) 50%);
}
.diagonal-blue-right-to-left::before{
	background:linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%, rgba(8, 98, 145, 0.34) 50%);
}
.diagonal-orange-left-to-right::before{
	background:linear-gradient(to left bottom, rgba(255, 255, 255, 0) 50%, rgba(150, 124, 99, 0.50) 50%);
}
.diagonal-orange-right-to-left::before{
	background:linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%, rgba(150, 124, 99, 0.50) 50%);
}
.maintenance-appointment-button{
	position:relative;
	background-size: contain;
    background-position: center -20px;
    background-repeat: no-repeat;
    background-color: #91C3D2;
    background-image: url(/img/icon_coffee.png);
}
	.maintenance-appointment-button img{
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-155px;
    	margin-left:-145px;
	}
.tips-and-tricks-button{
	position:relative;
	background-image: url(/img/img_visual_11_actie.jpg);
}
	.tips-and-tricks-button img{
		position:absolute;
		left:20px;
		bottom:20px;
	}
.job-offer-button{
	position:relative;
	background-image: url(/img/img_visual_11_actie.jpg);
}
	.job-offer-button img{
		position:absolute;
		left:20px;
		bottom:20px;
	}
.video{
	display:block;
	position: relative;
	overflow: hidden;
}
	.video::before{
		content:"";
		display:block;
		margin-top:56%;
	}
	.video img{
		position:absolute;
		top:50%;
		left:0;
		width:100%;
		transform:translateY(-50%);
	}
	.video::after{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(/img/play-button.png) no-repeat center rgba(228,155,150,0.34);
	}
	.video:hover img{
		opacity:.8;
	}
/* /NEW */

/*
 * #LAYOUT
 */
header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9;

	display: block;

	height: 60px;

	background: rgba(255, 255, 255, .95);
}
	header .logo {
		position: relative;
		display: block;
		margin: 5px auto 0;
		width: 100px;

	}
	header .menu-btn {
		position: absolute;
		top: 10px;
		right: 5px;

		display: block;

		width: 40px;
		height: 40px;
	}
		header .menu-btn > span {
			position: absolute;
			top: 5px;
			right: 5px;
			bottom: 5px;
			left: 5px;

			display: block;

			border: 2px #000 solid;
			border-radius: 3px;
		}
			header .menu-btn > span:before,
			header .menu-btn > span:after,
			header .menu-btn > span span {
				position: absolute;
				top: 11px;
				right: 3px;
				left: 3px;

				display: block;

				height: 4px;

				content: '';

				background: #000;
			}
			header .menu-btn > span:before {
				top: 4px;
			}
			header .menu-btn > span:after {
				top: 18px;
			}
			body.menu-open header .menu-btn > span span {
				display: none;
			}
			body.menu-open header .menu-btn > span:before {
				top: 11px;

				-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
				    -ms-transform: rotate(45deg); /* IE 9 */
				        transform: rotate(45deg);
			}
			body.menu-open header .menu-btn > span:after {
				top: 11px;

				-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
				    -ms-transform: rotate(-45deg); /* IE 9 */
				        transform: rotate(-45deg);
			}

			.mobilemenuitem {
				display: block;
			}

@media (min-width: 992px) {
	header {
		position: relative;
		height: 40px;
	}
		header .logo,
		header .menu-btn {
			display: none;
		}

	.mobilemenuitem {
		display: none;
	}
}


div#klantenvertellen {
	display: none;
	position: absolute;
	top: 0px;
	right: 50px;

	z-index: 1031;
}
	div#klantenvertellen iframe {
		width: 120px;
		height: 200px;
	}
div#klantenvertellen-mobiel {
	width: 100%;
	padding-bottom: 30px;

	background-color: #ececed;
}
	div#klantenvertellen-mobiel span {
		display: block;
		width: 300px;
		margin: 0 auto;
	}
@media (min-width: 1500px) {
	div#klantenvertellen {
		display: block;
	}
	div#klantenvertellen-mobiel {
		display: none;
	}
}

div#times {
	display: none;
	position: absolute;
	top: 0;
	left: 31px;
	z-index: 1032;

	padding: 10px 10px 10px 40px;
	margin-left: 0;

	border: 2px solid #91C3D2;
	border-radius: 0 0 8px 8px;
	border-top: 0;

	color: #91C3D2;
	font-family: Vincent;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;

	background-image: url('/img/icon_clock.png');
	background-size: 20px;
	background-position: 10px;
	background-repeat: no-repeat;
}
@media (min-width: 768px) {
	div#times {
		display: block;
		left: 50%;
		margin-left: -370px;
	}
}
@media (min-width: 992px) {
	div#times {
		margin-left: -470px;
	}
}
@media (min-width: 1200px) {
	div#times {
		margin-left: -570px;
	}
}

nav {
	display: none;
	z-index: 9;

	height: auto;
	min-height: 32px;
	padding: 40px 32px;

	background: rgba(255, 255, 255, .9);

	font-family: 'vincent';
	font-size: 24px;
	line-height: 1;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
nav.navbar-fixed-top {
	top: 60px;
	text-align: center;
}
	nav.navbar-fixed-top .container{
		display: inline-block;
		text-align: left;
	}

	@media (min-width: 992px) {
		nav.navbar-fixed-top {
			text-align: left;
		}
		nav.navbar-fixed-top .container{
			display:flex;
			justify-content: space-between;
			align-items: stretch;
		}
		.navbar-fixed-top-left, .navbar-fixed-top-right{
			flex: 1 1 50%;
			display:flex;
			justify-content: space-around;
			align-items: center;
		}
	}
body.menu-open nav {
	display: block;
}
	nav.shrink {
		padding: 15px 32px;
	}
	nav a {
		position: relative;

		display: block;


		margin: 0 auto;

		text-decoration: none;

		color: #000;

		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
		nav.shrink a {
			/* width: 100px; */
		}

	nav a.logo {
		display: none;
		margin: 0;
		padding: 0;
   		flex: 0 1 auto;
	}
		nav a.logo img{
			vertical-align:initial;
			width: 170px;
		}
		nav a.logo svg {
			height: 85px;

			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
		nav.shrink a.logo img {
			width: 100px;
		}
			nav.shrink a.logo svg {
				height: 50px;
			}

	nav a:hover{
		color: #dcbebe;
	}

	nav a.active{
		color: #dcbebe;
	}

@media (min-width: 992px) {
	nav {
		top: 0;
		display: block;

		text-align: center;

		font-size: 18px;
	}
	nav.navbar-fixed-top {
		top: 0;
	}
		nav a {
		/*	top: -32px;*/

			display: inline-block;

			margin: 0 8px;
			padding: 8px;
		}
		.navbar-fixed-top a{
			min-height: 0;
		}
			nav.shrink a {
				/* top: -18px; */
			}
		nav a.logo {
			display: inline-block;
			top: auto;
		}
}

section{
/* footer { */
	position: relative;
}
section .banner {
	width: 100%;
}
.content-container{
	border-top: 60px solid #FFF;
}
	section div.blue {
		background-color: #91C3D2;
	}
	section div.red {
		background-color: #dcbebe;
	}
	section div.brown {
		background-color: #C3A486;
	}
	section div.grey {
		background-color: #E9F3F6;
	}
	/*
	section a.actie-top,
	section a.wanna-have,
	section div.onderhouds-afspraak,
	section div.leer-ons-kennen,
	section div.open-dag,
	section div.onze-diensten,
	section div.webshop,
	section div.actie,
	section div.vlog,
	section div.gossip,
	*/
	section div.leer-ons-kennen-header,
	section div.onze-diensten-header,
	section div.webshop-header,
	section div.gossip-header,
	section div.contact-header {
		position: relative;
		height: 250px;
		padding: 75px 0;

		text-align: center;
		text-decoration: none;
		color: #000;

		background-size: cover;
		background-position: center;
		background-image: url('/img/img_visual_2.jpg');
	}

	section a.actie-top,
	section a.wanna-have{
		/*height: 300px;
		display: block;
		background-image: url('/img/img_visual_actie_mandyvandenberg.jpg');*/
		background: none;

	}
		section a.actie-top img,
		section a.wanna-have img {
			width: 100%;
			height: auto;
		}
		section a.actie-top h1,
		section a.wanna-have h1{
				color:#fff;
				font-size: 28px;
		}
		section a.actie-top h3,
		section a.wanna-have h3{
				color:#fff;
				font-size: 40px;
				text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
		}

	section a.wanna-have{
		background:#dcbebe;
		padding:0;
	}
		section a.wanna-have h1{
			margin:0 0 5px;
			padding-top:5px;
			color:#000;
			font-size:40px;
			transform:rotate(-5deg);
		}
		section a.wanna-have h2{
			margin:0 0 10px;
			font-size:32px;
			line-height:1;
		}
		section a.wanna-have h3{
			margin:0 0 10px;
			padding:0;
			font-size:20px;
			color:#000;
			line-height:1;
			text-shadow:none;
		}


	/*
	section div.leer-ons-kennen,
	section div.onze-diensten,
	section div.gossip,
	section div.actie {
		overflow: hidden;
	}
	*/
	section div.onderhouds-afspraak {
		background-size: contain;
		background-position: center -20px;
		background-repeat: no-repeat;
		background-color: #91C3D2;
		background-image: url('/img/icon_coffee.png');
	}
		section div.onderhouds-afspraak div.maak-hier-een-onderhouds-afspraak{
			position: absolute;
			top: 20px;
			left: 40px;
			display: block;
			width: 137px;
			height: 137px;

			background-image: url('/img/icon_circle_afspraakmaken.png');
		}

		section div.actie div.maak-hier-een-onderhouds-afspraak{
			position: absolute;
			top: 20px;
			left: 40px;
			display: block;
			width: 165px;
			height: 165px;

			background-image: url('/img/icon_circle_acties_vlog.png');
		}

	section div.open-dag {
		background-image: url('/img/img_visual_14_opendag.jpg');
		background-position:top;
		height: 400px;
	}
	section div.open-dag h2{
		color: #fff;
	}


	section div.onze-diensten {
		background-image: url('/img/img_visual_1.jpg');
	}
	section div.onze-diensten-header {
		background-image: url('/img/img_visual_7.jpg');
		background-position: center;
	}
	section div.contact-header {
		background-image: url('/img/img_visual_10_contact.jpg');
		background-position: center;
	}
	section div.webshop-header {
		background-image: url('/img/img_visual_6.jpg');
		background-position: top center;
	}
@media (min-width: 768px) {
	.content-container{
		border-top: 135px solid #FFF;
	}
}
@media (max-width: 500px) {
	section a.actie-top img,
	section a.wanna-have img {
		display: none;
	}
}
@media (min-width: 1199px) {
	section div.contact-header {
		background-position: center -350px;
	}
}
@media (min-width: 1378px) {
	section div.onze-diensten-header {
		background-position: center -350px;
	}



	section div.contact-header {
		background-position: center -450px;
	}
}
@media (min-width: 1586px) {
	section div.contact-header {
		background-position: center -550px;
	}
}

	section div.webshop {
		background-image: url('/img/img_visual_4_webshop.jpg');
	}

	section div.actie {
		background-image: url('/img/img_visual_11_actie.jpg');
	}

	/*
	section div.gossip {
		background-image: url('/img/img_visual_3.jpg');
		background-position: top;

	}
	*/
		/*
		section div.webshop:before,
		section div.onze-diensten:before,
		section div.leer-ons-kennen:before,
		section div.gossip:before,
		*/
		section div.leer-ons-kennen-header:before,
		section div.gossip-header:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;

			display: block;
			width: 100%;
			height: 100%;

			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;

			background: linear-gradient(to left bottom, rgba(255, 255, 255, 0) 50%, rgba(228, 155, 150, 0.34) 50%);
		}
			/*
			section div.onze-diensten:hover:before,
			section div.gossip:hover:before,
			section div.leer-ons-kennen:hover:before {
				top: 100%;
			}

		section div.gossip:before {
			background: linear-gradient(to left bottom, rgba(255, 255, 255, 0) 50%, rgba(150, 124, 99, 0.50) 50%);
		}

		section div.onze-diensten:before {
			background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%, rgba(8, 98, 145, 0.34) 50%);
		}
		section div.webshop:before {
			background: none;
			background-color: rgba(228, 155, 150, 0.34);
		}
		section div.webshop > div,
		section div.actie > div,
		section div.onze-diensten > div,
		section div.leer-ons-kennen > div,
		section div.gossip > div{
			position: relative;
			z-index: 2;
		}
		*/
		section.container-fluid div.leer-ons-kennen-header a.label,
		section.container-fluid div.gossip-header a.label,
		section.container-fluid div.onze-diensten-header a.label,
		section.container-fluid div.contact-header a.label {
			position: absolute;
			left: 50%;
			bottom: -50px;
			margin-left: 50px;
			display: block;
			width: 100px;
			height: 100px;
			z-index: 1;

			background-size: contain;
			background-image: url('/img/icon_circle_belnu_blue.png');
		}
		section.container-fluid div.onze-diensten-header a.label,
		section.container-fluid div.gossip-header a.label,
		section.container-fluid div.contact-header a.label {
			background-image: url('/img/icon_circle_belnu_yellow.png');
		}
@media (min-width: 700px) {
	section.container-fluid div.leer-ons-kennen-header a.label,
	section.container-fluid div.gossip-header a.label,
	section.container-fluid div.onze-diensten-header a.label,
	section.container-fluid div.contact-header a.label {
		bottom: -60px;
		margin-left: 200px;
		width: 120px;
		height: 120px;
	}
}
@media (min-width: 992px) {
	section.container-fluid div.leer-ons-kennen-header a.label,
	section.container-fluid div.gossip-header a.label,
	section.container-fluid div.onze-diensten-header a.label,
	section.container-fluid div.contact-header a.label {
		bottom: -75px;
		margin-left: 300px;
		width: 150px;
		height: 150px;
	}
}
@media (min-width: 1199px) {
	section.container-fluid div.leer-ons-kennen a.label,
	section.container-fluid div.gossip a.label,
	section.container-fluid div.onze-diensten-header a.label,
	section.container-fluid div.contact-header a.label {
		left: 50%;
		bottom: -95px;
		margin-left: 400px;
		width: 190px;
		height: 190px;
	}
}

	section div h3 {
		margin: 0;
		padding: 0 0 20px;

		font-family: Vincent;
		font-size: 30px;
		font-weight: normal;
		color: #FFF;
		text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
	}
@media (min-width: 620px) {
	section div h3 {
		font-size: 50px;
	}
	/*
	section div.onderhouds-afspraak,
	section div.leer-ons-kennen,
	section div.onze-diensten,
	section div.webshop,
	section div.actie,
	section div.gossip,
	*/
	section div.leer-ons-kennen-header,
	section div.onze-diensten-header,
	section div.webshop-header,
	section div.gossip-header,
	section div.contact-header {
		height: 350px;
		padding: 125px 0;
	}
}
	/*section div span,*/
	section div a.view {
		display: inline-block;

		padding: 10px 15px;

		font-size: 14px;
		letter-spacing: 0.5px;
		font-weight: bold;
		line-height: 20px;

		background-color: #FFF;

		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
		/*section a:hover span,*/
		section div:hover > a.view {
			background-color: #E9F3F6;
		}
	section div.car div.photo {
		position: relative;
		width: 100%;
		padding-bottom: 75%;
	}
		section div.car div.photo div.file {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;

			background-size: cover;
			background-position: bottom;
		}
		section div.car div.photo div.dagtopper {
			position: absolute;
			top: 0;
			right: 5px;
			width: 72px;
			height: 94px;

			background-image: url('/img/icon_label_dagtopper_blue.png');
		}
		section div.car div.photo.red div.dagtopper {
			background-image: url('/img/icon_label_dagtopper_rose.png');
		}
@media (min-width: 992px) {
	section div.car div.photo {
		height: 200px;
	}
}
	section div.car div.info {
		padding: 10px 30px 20px;
	}
		section div.car div.info span.price,
		section div.car div.info span.model,
		section div.car div.info span.year,
		section div.car div.info span.mileage {
			padding: 0;

			line-height: 1.4;

			background-color: inherit;
		}
			section div.car div.info span.price,
			section div.car div.info span.model {
				display: block;
			}
			section div.car div.info span.price {
				display: inline-block;
				font-size: 15px;
				font-weight: bold;
				border-bottom: 1px solid rgba(0, 0, 0, 0.2);
			}
			section div.car div.info span.model {
				font-family: Vincent;
				font-size: 16px;
				font-weight: normal;
				color: #FFF;

				overflow: hidden;
				height: 44px;       /* fallback */
			}
			section div.car div.info span.year,
			section div.car div.info span.mileage {
				display: inline-block;
				font-weight: normal;
			}
			section div.car div.info span.view,
			section div.car div.info a.view {
				display: block;
				margin-top: 10px;

				background-color: #000;

				text-align: center;
				color: #FFF;

				-webkit-transition: all 0.4s ease;
				transition: all 0.4s ease;
			}
				section div.car div.info span.view:hover,
				section div.car div.info a.view:hover {
					background-color: rgba(0, 0, 0, 0.6);
				}
		section div.pagination {
			text-align: center;
		}
			section div.pagination a {
				display: inline-block;
				padding: 5px;
				margin: 3px;
				width: 30px;

				font-weight: bold;

				border: 1px solid rgba(0, 0, 0, 0.6);
				border-radius: 3px;
			}
				section div.pagination a.active {
					background-color: #333;
					color: #FFF;
				}
	section div.search,
	section div.contact,
	section div.deukjesdag {
		position: relative;

		/* text-align:center;*/
	}
		section div.search h3 {
			padding: 16px 0 10px;
			font-family: Vincent;
			font-size: 30px;
			font-weight: normal;
			color: #000;
			text-shadow: none;
		}
		section div.search table,
		section div.contact table,
		section div.deukjesdag table {
			display: block;
			width: 100%;

			text-align: left;
		}
			section div.search table tr,
			section div.contact table tr,
			section div.deukjesdag table tr{
				display: block;
			}
				section div.search table tr td,
				section div.deukjesdag table tr td,
				section div.contact table tr td{
					display: block;
					width: 100%;
				}
			section div.search table td,
			section div.deukjesdag table td,
			section div.contact table td,
			section.occasions-zoeken-content table td {
				padding: 6px 5px;
			}
			section div.search table th,
			section div.deukjesdag table th,
			section div.contact table th,
			section.occasions-zoeken-content table th {
				padding: 14px 5px 0;

				vertical-align: top;
				text-transform: uppercase;
			}

			@media (min-width: 1200px) {
				section div.search table th,
				section div.deukjesdag table th,
				section div.contact table th,
				section.occasions-zoeken-content table th {
					width: 188px;
					text-align: right;
				}
			}
			section div.search table td input,
			section div.deukjesdag table td input,
			section div.deukjesdag table td select,
			section div.contact table td input,
			section.occasions-zoeken-content table td input,
			section div.search table td select,
			section.occasions-zoeken-content table td select {
				width: 200px;
				padding: 7px 10px;
				line-height: 21px;
				border: 1px solid #647074;

				background-color: inherit;
			}
				section div.search table td select.from,
				section div.search table td select.till,
				section.occasions-zoeken-content table td select.from,
				section.occasions-zoeken-content table td select.till {
					width: 94px;
				}
				section div.deukjesdag table td input.postal,
				section div.contact table td input.postal {
					width: 70px;
				}
				section div.deukjesdag table td input.error,
				section div.contact table td input.error {
					border-color: #CD0025;
				}
				section div.deukjesdag table td textarea,
				section div.contact table td textarea {
					width: 98%;
					height: 100px;
				}
			section div.search table td select option:disabled,
			section div.search table td select option[disabled="disabled"],
			section.occasions-zoeken-content table td select option:disabled,
			section.occasions-zoeken-content table td select option[disabled="disabled"]{
				display:none;
			}
			section div.search table td input.submit,
			section div.contact table td input.submit,
			section div.contact table td button,
			section div.deukjesdag table td input.submit,
			section.occasions-zoeken-content table td input.submit {
				width: auto;
				padding: 10px 15px;

				background-color: #000;
				border: 0;

				text-transform: uppercase;
				color: #FFF;
				font-weight: bold;
				line-height: 20px;
				letter-spacing: 0.5px;

				-webkit-transition: all 0.4s ease;
				transition: all 0.4s ease;
			}
				section div.search table td input.submit:hover,
				section div.deukjesdag table td input.submit:hover,
				section div.contact table td input.submit:hover,
				section.occasions-zoeken-content table td input.submit:hover {
					background-color: rgba(0, 0, 0, 0.6);
				}
			section div.search table td input.submit,
			section.occasions-zoeken-content table td input.submit {
				padding: 10px 15px 10px 48px;

				background-image: url('/img/icon_search.png');
				background-position: 15px 12px;
				background-repeat: no-repeat;
			}
			section.occasions-zoeken-content table td input.submit {
				float: right;
			}
@media (min-width: 768px) {
	section div.search{
		height: 366px;
	}
	section div.contact{
		height: 430px;
	}
		/*
		section div.search table,
		section div.contact table {
			position: absolute;
			left: 50%;

			display: table;
			width: 340px;
			margin-left: -223px;
		}
		section div.contact table {
			width: 450px;
		}
		*/
			section div.search table tr,
			section div.deukjesdag table tr,
			section div.contact table tr{
				display: table-row;
				margin-bottom: 30px;
			}
			section div.search table tr td,
			section div.deukjesdag table tr td,
			section div.contact table tr td{
				display: table-cell;
				width: auto;
			}
}
		section.contact-content div.contact div.errors {
			padding: 20px;
			margin-bottom: 20px;

			text-align: left;
			color: #CD0025;

			border: 1px solid #CD0025;
		}
	section h1{
		margin: 0;

		font-family: nexa-rust;
		font-size: 44px;
		font-weight: normal;
	}
	section h2{
		margin: 0;

		font-family: Vincent;
		font-size: 21px;
		font-weight: normal;
	}
	section p {
		font-size: 17px;
		text-align: justify;
		letter-spacing: 0.5px;
	}
	section p.intro {
		font-weight: bold;
		text-transform: uppercase;
	}
	section a.button {
		display: inline-block;
		padding: 10px 15px;
		margin-bottom: 10px;

		color: #FFF;
		font-weight: bold;
		letter-spacing: 0.5px;
		line-height: 20px;

		background-color: #000;
	}
	section a.button:hover {
		background-color: #333;
	}
	section blockquote {
		position: relative;

		display: inline-block;
		margin: 20px 0;

		border-top: 1px solid #dcbebe;
		border-bottom: 1px solid #dcbebe;

		font-family: Vincent;
		font-size: 40px;
		color: #dcbebe;
	}
		section blockquote:before,
		section blockquote:after {
			content: open-quote;

			position: absolute;
			left: -20px;
			margin-top: 25px;

			font-size: 1em;
			line-height: 0.1em;
			color: #dcbebe;
		}
		section blockquote:after {
			content: close-quote;

			left: auto;
			right: -20px;
		}
	section.leer-ons-kennen-content span.first-polaroid,
	section.leer-ons-kennen-content span.second-polaroid,
	section.leer-ons-kennen-content span.third-polaroid,
	section.gossip-content span.first-polaroid,
	section.gossip-content span.second-polaroid,
	section.gossip-content span.third-polaroid,
	section.leer-ons-kennen-content span.keys,
	section.contact-content span.keys,
	section.contact-content span.phone {
		display: none;

		position: absolute;
		right: 0;
		top: 200px;
		z-index: 3;

		width: 288px;
		height: 380px;

		background-color: transparent;
		background-image: url('/img/img_polaroid_1.png');
	}
	section.leer-ons-kennen-content span.second-polaroid,
	section.gossip-content span.second-polaroid {
		top: 80px;
		z-index: 1;

		width: 180px;
		height: 289px;

		background-image: url('/img/img_polaroid_2.png');
	}
	section.leer-ons-kennen-content span.third-polaroid,
	section.gossip-content span.third-polaroid {
		top: 485px;
		z-index: 2;

		width: 234px;
		height: 370px;

		background-image: url('/img/img_polaroid_3.png');
	}
	section.leer-ons-kennen-content span.keys,
	section.contact-content span.keys {
		display: block;

		top: auto;
		right: auto;
		left: 0;
		bottom: 20px;

		width: 643px;
		height: 429px;

		background-image: url('/img/img_label_key_hangtag.png');
	}
	section.contact-content span.keys {
		top: 0;
		left: 200px;
		bottom: auto;

		z-index: -1;
	}
	section.contact-content span.phone {
		width: 292px;
		height: 505px;

		top: 280px;
		right: auto;
		left: 0;
		bottom: auto;

		background-image: url('/img/icon_phone.png');
	}
@media (min-width: 992px) {
	section.contact-content span.keys {
		top: -100px;
	}
}
@media (min-width: 1500px) {
	section.contact-content span.phone {
		display: block;
	}
}

section.leer-ons-kennen-content,
section.gossip-content {
	padding-top: 60px;
	padding-bottom: 420px;
}
section.gossip-content {
	padding-bottom: 60px;
}
section.onze-diensten-content,
section.webshop-content,
section.contact-content {
	padding-top: 60px;
	padding-bottom: 150px;

	overflow:hidden;
}
	section.contact-content div.contact table th {
		width: 150px;
	}
@media (min-width: 992px) {
	section.container-fluid.contact-content div.titles h1,
	section.container-fluid.contact-content div.titles h2 {
		padding-left: 212px;
	}
}
section.onze-diensten-blocks {}
	section.onze-diensten-blocks .row {
		display: block;
		width: 100%;
	}
	section.onze-diensten-blocks a.afspraak,
	section.occasions-content a.contact,
	section.occasions-content a.proefrit {
		margin: 50px auto;
		display: block;
		width: 100px;
		height: 100px;
		z-index: 1;

		background-size: contain;
		background-image: url('/img/icon_circle_maaknueenafspraak.png');
	}
		section.occasions-content a.contact {
			background-image: url('/img/icon_circle_belnu_yellow.png');
		}
		section.occasions-content a.proefrit {
			background-image: url('/img/icon_circle_proefrit.png');
		}
	section.occasions-content div.sold {
		position: absolute;
		top: 20px;
		left: 0;
		height: 100%;
		width: 100%;
		padding-top: 175px;

		z-index: 1;

		font-family: Vincent;
		font-size: 40px;
		text-align: center;

		background-color: rgba(255, 255, 255, 0.75);
	}
	section.occasions-content div.pictures img {
		max-width: 100%;
	}
	section.occasions-content div.thumbs img {
		max-width: 120px;
		margin: 0px 5px 10px;

		cursor: pointer;
	}
	section.occasions-content div.main,
	section.occasions-content div.technique,
	section.occasions-content div.service {
		/*
		height: 85px;
		*/
		overflow: hidden;
	}
	section.occasions-content div.main > .col-xs-12,
	section.occasions-content div.technique > .col-xs-12{
		margin-top:0;
		padding-bottom:20px;
	}
	section.occasions-content div.main.show,
	section.occasions-content div.technique.show,
	section.occasions-content div.service.show {
		height: auto;

		overflow: visible;
	}
		section.occasions-content div.main h3,
		section.occasions-images div.specs h3,
		section.occasions-content div.technique h3,
		section.occasions-content div.service h3 {
			padding: 20px 0 0px 30px;

			cursor: pointer;

			background-image: url('/img/icon_arrow.png');
			background-repeat: no-repeat;
			background-position: 10px 36px;

			font-family: Vincent;
			font-size: 32px;
			text-shadow: none;
			color: #000;
		}
		section.occasions-images div.specs h3 {
			background: none;
			padding-left: 15px;
		}
		section.occasions-content div.main.show h3,
		section.occasions-images div.specs.show h3,
		section.occasions-content div.technique.show h3,
		section.occasions-content div.service.show h3 {
			padding-bottom:20px;
			margin-bottom: 20px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		}
		section.occasions-content div.technique .row{
			display:none;
		}
		section.occasions-content div.technique.show .row,
		section.occasions-content div.technique.show .row{
			display:block;
		}
		section.occasions-content div.main span.kilometerstand,
		section.occasions-content div.main span.bouwjaar,
		section.occasions-content div.main span.brandstof,
		section.occasions-content div.main span.kleur,
		section.occasions-content div.main span.deuren,
		section.occasions-images div.specs span.kilometerstand,
		section.occasions-images div.specs span.bouwjaar,
		section.occasions-images div.specs span.brandstof,
		section.occasions-images div.specs span.kleur,
		section.occasions-images div.specs span.deuren {
			display: inline-block;
			width: 150px;
			margin: 5px;

			font-family: Vincent;
			font-size: 21px;
			text-align: center;
			color: #000;

			background-color: inherit;
		}
		section.occasions-images div.specs span.kilometerstand,
		section.occasions-images div.specs span.bouwjaar,
		section.occasions-images div.specs span.brandstof,
		section.occasions-images div.specs span.kleur,
		section.occasions-images div.specs span.deuren {
			width: 120px;

		}
		@media (max-width:480px){
			
			section.occasions-content div.main span.kilometerstand,
			section.occasions-content div.main span.bouwjaar,
			section.occasions-content div.main span.brandstof,
			section.occasions-content div.main span.kleur,
			section.occasions-content div.main span.deuren,
			section.occasions-images div.specs span.kilometerstand,
			section.occasions-images div.specs span.bouwjaar,
			section.occasions-images div.specs span.brandstof,
			section.occasions-images div.specs span.kleur,
			section.occasions-images div.specs span.deuren {
				width: 100px;
				margin: 5px;
			}
		}
		section.occasions-content div.main h4,
		section.occasions-content div.technique h4 {
			margin: 0;

			padding-bottom: 20px;

			font-family: Vincent;
			font-size: 29px;
			font-weight: normal;

			border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		}
		section.occasions-content div.main div.price {
			float: right;
			margin: 20px 25px 0 0;

			font-family: Vincent;
			font-size: 21px;
		}
		section.occasions-content div.main div.specs,
		section.occasions-content div.technique div.specs{
			display: block;

			line-height: 1.8;

			border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		}
		section.occasions-content h2 span.price {
			float: right;

			font-size: 29px;
			line-height: 38px;
		}
section.occasions-images {
	/* padding: 0; */
	margin-bottom: 20px;
}
section.occasions-zoeken-content {
	margin-bottom: 32px;
	transition: margin 2s;
}
	section.occasions-zoeken-content > .row {
		background-color: #91C3D2;
		max-height: 1500px;
		padding: 45px 0;
		overflow:hidden;
		transition: max-height 2s, padding 2s;
	}
	section.occasions-zoeken-content > .button {
		display: none;
	}
		section.occasions-zoeken-content > .button:before {
			content: '';
			display: inline-block;
			height: 16px;
			width: 16px;
			margin-right: 15px;
			background-image: url('/img/icon_search.png');
			background-repeat: no-repeat;
		}
		section.occasions-zoeken-content > .button svg {
			height: 16px;
			width: 16px;
		}

	section.occasions-zoeken-content h3 {
		font-size: 40px;
		color: #000;
		text-shadow: none;
	}
	section.occasions-zoeken-content th {
		text-align: right;
	}
	@media (max-width:992px){
		section.occasions-zoeken-content table {
			margin:0 auto;
		}
		section.occasions-zoeken-content th {
			text-align:left;
			width:120px;
		}
	}
	section.occasions-zoeken-content .row .col-xs-1,
	section.occasions-zoeken-content .row .col-sm-1,
	section.occasions-zoeken-content .row .col-md-1,
	section.occasions-zoeken-content .row .col-lg-1,
	section.occasions-zoeken-content .row .col-xs-2,
	section.occasions-zoeken-content .row .col-sm-2,
	section.occasions-zoeken-content .row .col-md-2,
	section.occasions-zoeken-content .row .col-lg-2,
	section.occasions-zoeken-content .row .col-xs-3,
	section.occasions-zoeken-content .row .col-sm-3,
	section.occasions-zoeken-content .row .col-md-3,
	section.occasions-zoeken-content .row .col-lg-3,
	section.occasions-zoeken-content .row .col-xs-4,
	section.occasions-zoeken-content .row .col-sm-4,
	section.occasions-zoeken-content .row .col-md-4,
	section.occasions-zoeken-content .row .col-lg-4,
	section.occasions-zoeken-content .row .col-xs-5,
	section.occasions-zoeken-content .row .col-sm-5,
	section.occasions-zoeken-content .row .col-md-5,
	section.occasions-zoeken-content .row .col-lg-5,
	section.occasions-zoeken-content .row .col-xs-6,
	section.occasions-zoeken-content .row .col-sm-6,
	section.occasions-zoeken-content .row .col-md-6,
	section.occasions-zoeken-content .row .col-lg-6,
	section.occasions-zoeken-content .row .col-xs-7,
	section.occasions-zoeken-content .row .col-sm-7,
	section.occasions-zoeken-content .row .col-md-7,
	section.occasions-zoeken-content .row .col-lg-7,
	section.occasions-zoeken-content .row .col-xs-8,
	section.occasions-zoeken-content .row .col-sm-8,
	section.occasions-zoeken-content .row .col-md-8,
	section.occasions-zoeken-content .row .col-lg-8,
	section.occasions-zoeken-content .row .col-xs-9,
	section.occasions-zoeken-content .row .col-sm-9,
	section.occasions-zoeken-content .row .col-md-9,
	section.occasions-zoeken-content .row .col-lg-9,
	section.occasions-zoeken-content .row .col-xs-10,
	section.occasions-zoeken-content .row .col-sm-10,
	section.occasions-zoeken-content .row .col-md-10,
	section.occasions-zoeken-content .row .col-lg-10,
	section.occasions-zoeken-content .row .col-xs-11,
	section.occasions-zoeken-content .row .col-sm-11,
	section.occasions-zoeken-content .row .col-md-11,
	section.occasions-zoeken-content .row .col-lg-11,
	section.occasions-zoeken-content .row .col-xs-12,
	section.occasions-zoeken-content .row .col-sm-12,
	section.occasions-zoeken-content .row .col-md-12,
	section.occasions-zoeken-content .row .col-lg-12 {
		margin-bottom: 0;
	}
@media (max-width: 700px) {
	section.occasions-zoeken-content.closed {
		margin-bottom: 0;
	}
		section.occasions-zoeken-content.closed > .row {
			padding: 0;
			max-height: 0;
		}
		section.occasions-zoeken-content.closed > .button {
			display:block;
			font-size: 16px;
			line-height: 20px;
			font-weight: bold;
			text-align: center;
			color: #FFFFFF;
			width: 90%;
			max-width: 350px;
			margin: 25px auto 0;
			padding: 10px 0;
			background-color: #91C3D2;
		}
}

@media (min-width: 700px) {
	section.onze-diensten-blocks a.afspraak,
	section.occasions-content a.contact,
	section.occasions-content a.proefrit {
		width: 120px;
		height: 120px;
	}
}
@media (min-width: 992px) {
	section.onze-diensten-blocks a.afspraak,
	section.occasions-content a.contact,
	section.occasions-content a.proefrit {
		width: 150px;
		height: 150px;
	}
}
@media (min-width: 1199px) {
	section.onze-diensten-blocks a.afspraak,
	section.occasions-content a.contact,
	section.occasions-content a.proefrit {
		width: 190px;
		height: 190px;
	}
}

@media (min-width: 992px) {
	section.leer-ons-kennen-content span.first-polaroid,
	section.leer-ons-kennen-content span.second-polaroid,
	section.leer-ons-kennen-content span.third-polaroid,
	section.gossip-content span.first-polaroid,
	section.gossip-content span.second-polaroid,
	section.gossip-content span.third-polaroid {
		display: block;
	}
	section.leer-ons-kennen-content span.first-polaroid,
	section.gossip-content span.first-polaroid {
		width: 248px;
	}

	section.onze-diensten-blocks .row {
		display: flex;
	}
}
@media (min-width: 1199px) {
	section.leer-ons-kennen-content div.test,
	section.gossip-content div.test {
		margin: 0 auto 0 26px;
		padding-right: 208px;
	}
	section.leer-ons-kennen-content span.first-polaroid,
	section.gossip-content span.first-polaroid {
		width: 208px;
	}
	section.leer-ons-kennen-content span.third-polaroid,
	section.gossip-content span.third-polaroid {
		width: 194px;
	}
}
@media (min-width: 1378px) {
	section.leer-ons-kennen-content span.first-polaroid,
	section.gossip-content span.first-polaroid {
		width: 100px;
	}
	section.leer-ons-kennen-content span.second-polaroid,
	section.gossip-content span.second-polaroid {
		width: 100px;
	}
	section.leer-ons-kennen-content span.third-polaroid,
	section.gossip-content span.third-polaroid {
		width: 100px;
	}
	section.leer-ons-kennen-content div.test,
	section.gossip-content div.test {
		padding-right: 0;
	}
}
@media (min-width: 1586px) {
	section.leer-ons-kennen-content span.first-polaroid,
	section.gossip-content span.first-polaroid {
		width: 208px;
	}
	section.leer-ons-kennen-content span.second-polaroid,
	section.gossip-content span.second-polaroid {
		width: 180px;
	}
	section.leer-ons-kennen-content span.third-polaroid,
	section.gossip-content span.third-polaroid {
		width: 204px;
	}
	section.leer-ons-kennen-content div.test,
	section.gossip-content div.test {
		margin: 0 auto;
	}
}
@media (min-width: 2000px) {
	section.leer-ons-kennen-content span.first-polaroid,
	section.gossip-content span.first-polaroid {
		width: 288px;
	}
	section.leer-ons-kennen-content span.third-polaroid,
	section.gossip-content span.third-polaroid {
		width: 234px;
	}
}
section div.webshop-boots div.content,
section div.webshop-toz div.content,
section div.schadeherstel div.content,
section div.aankoop-autos div.content,
section div.bemiddeling div.content,
section div.onderhoud div.content {
	padding: 100px 60px;
}
section div.webshop-boots h3,
section div.webshop-toz h3,
section div.schadeherstel h3,
section div.aankoop-autos h3,
section div.bemiddeling h3,
section div.onderhoud h3 {
	text-shadow: none;

}
section div.webshop-boots div.image,
section div.webshop-toz div.image,
section div.schadeherstel div.image,
section div.aankoop-autos div.image,
section div.bemiddeling div.image,
section div.onderhoud div.image {
	min-height: 250px;

	background-size: cover;
	background-position: center;
	background-image: url('/img/img_visual_8_schade.jpg')
}
section div.aankoop-autos div.image {
	background-image: url('/img/img_visual_8_aankoop.jpg')
}
section div.bemiddeling div.image {
	background-image: url('/img/img_visual_9_advies.jpg')
}
section div.onderhoud div.image {
	background-image: url('/img/img_visual_1.jpg')
}

section div.webshop-toz div.image {
	background-image: url('/img/img_visual_13_toz.jpg')
}

section div.webshop-boots div.image {
	background-image: url('/img/img_visual_12_boots.jpg')
}



section.tijdelijke {
	top: 0;
	padding: 248px 0 118px;

	background-image: url('/img/img_visual_6.jpg');
	background-size: cover;
	background-position: center;

	text-align: center;
}
	section.tijdelijke div.row {
		padding:40px 0 20px;

		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 17px;
	}
		section.tijdelijke div.row h3{
			color: #000;
		}
		section.tijdelijke div.row span{
			font-family: Vincent;
			font-size: 22px;
			text-transform: uppercase;
			line-height: 1;
		}
		section.tijdelijke div.row div.live {
			position: absolute;
			top: -54px;
			right: 0;
			width: 103px;
			height: 102px;

			background-image: url('/img/icon_circle_live14mei.png');
			background-size: cover;
		}

footer {
	padding: 20px 0;

	background-color: #ececed;

	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
	footer span {
		display: inline-block;
		margin-bottom: 12px;

		font-family: 'vincent';
		font-size: 30px;
		font-weight: normal;
		color: #FFF;
		text-transform: uppercase;
	}
		footer span.newsletter {
			margin-top: 10px;
		}
	footer a{
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	footer a.facebook,
	footer a.instagram,
	footer a.linkedin,
	footer a.twitter,
	footer a.pinterest {
		display: block;
		float: left;
		width: 32px;
		height: 32px;

		margin-right: 10px;

		fill: #6E6E6E;
	}
	footer a.underline{
		text-decoration: underline;
	}
	.footer-quality-mark{
		display:inline-block;
		margin-right:30px;
		max-width:100%;
	}

@media (min-width: 480px) {
	section {}
		section h1{
			font-size: 54px;
		}
		section h2{
			font-size: 31px;
		}
}
@media (min-width: 992px) {
	section {
		border-top: 0;
	}
		section h1{
			font-size: 64px;
		}
		section h2{
			font-size: 41px;
		}
		
	footer {
		padding: 80px 0 40px;
	}
	section.tijdelijke {
		padding: 548px 0 418px;
	}
		section.tijdelijke div.row {
			padding:40px 0 20px;

			font-size: 19px;
		}
			section.tijdelijke div.row span{
				font-size: 40px;
			}
			section.tijdelijke div.row div.live {
				position: absolute;
				top: -86px;
				right: 0;

				width: 173px;
				height: 172px;
			}
}
@media (min-width: 1500px) {
	footer {
		padding: 80px 0;
	}
}

div#google-maps {
	height:500px;
}

div.google-maps-info-window span.title {
	display: block;

	font-family: Vincent;
	font-size: 18px;
}
div.google-maps-info-window a {
	text-decoration: underline;
}

/*
 * #CLASSES
 */
svg.error {
	fill: #ff2500 !important;
}
.cms-grid-add{
	display:block;
	padding:5px;
	background:#de9898;
	text-align:center;
	color:#FFF;
}