/* global box-sizing */
*, *:after, *:before {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}

/* HTML */
html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {font-family: 'Ubuntu',Arial,Helvetica,Sans-Serif;min-height: 100%;}

html, body 
{ 
height: 100%; 
width: 100%; 
margin: 0; 
}

.editlink { padding-top: 2em; }
.editlink a {
	border: 2px solid #000;
	padding: 10px;
}

/* Clear */
.clear:before, .clear:after {content:' ';display:table;}
.clear:after {clear:both;}
.clear { *zoom:1;}
/* Basic */
img {max-width:100%;}
a {color: #000; text-decoration:none;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
a:focus {outline:0;}
a:hover {outline:0;text-decoration:none;}
a:active {outline:0;}
a.button, input[type="reset"], input[type="submit"], .pagination li a, .pagination li.disabled {background-color:#d2232a;color:#f7f7f7;}
a.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, .pagination li a:hover, .pagination li.active a {background-color:#333;color:#f7f7f7;}
h1, h2, h3, h4, h5, h6, .homeSection h3, #pageHead h1, body { font-family: 'Ubuntu',Arial,Helvetica,Sans-Serif;}
article h1, article h2, article h3, article h4, article h5, article h6 {margin: 13px 0px;color: #000;}
section h1 {margin: 0.67em 0 0.3em;color: #333;}
h2.page-header {border-bottom: 1px solid #e8e8e8;}
ul, li, lo {list-style: none outside none;padding: 0;margin: 0;}
article li {padding-left: 1em;text-indent: -.7em;list-style: disc inside none;  font-weight: 300;}
h1 {font-size:250%;margin-top:0;color: #333;}
h2 {font-size:150%;color: #333;}
h3, h4, h5, h6 {font-size:120%;color: #333;}

/* STRUCTURE */
section {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
page {width: 100%;top: 0px;min-height: 100%;position: relative;margin: 0 auto;padding: 0;display: block;}
header, section {display:block;position: relative;}
article, aside.sidebar {display: block;position: relative;padding: 10px 0;}
aside.sidebar-footer div.widget {display: block;position: relative;}
.wrapper {width: 100%;margin: 0 auto;display: block;}

/* HEADER */

header { box-shadow: 0 4px 13px -2px grey; padding-bottom: 20px; z-index: 9999;}

header .header-logo .container {background-color: #fff;}
#top-header-sidebar .container {background:#fff;color: #000;font-size: 14px;line-height: 2.5em;}
#top-header-sidebar .header-sidebar-left {width: auto;display: inline-block;}
#top-header-sidebar .header-sidebar-right {width: auto;display: inline-block;float: right;line-height:0;margin-right: -15px;}
#top-header-sidebar a {color: #000;text-decoration: none;line-height: 1.8em;}
#top-header-sidebar a:hover {color: #fff;}
#top-header-sidebar i.fa {color:#fff;}
#top-header-sidebar a.vlag {line-height: 0;}
#top-header-sidebar a.vlag img {width:35px;}
#header-sidebar address span {display: inline-block;margin-right: 15px;}

/* Logo */
.logo {display: inline-block;height: auto;margin-top: 25px; margin-bottom: 25px;}
.logo a {color: transparent;}

/* --- MENU --- */
nav:not(#mobile-menu) {display: block;width: 100%;padding-top: 0;margin-top: 25px;}
#saleswizardnav, #saleswizardnav ul, #saleswizardnav ul li, #saleswizardnav ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#saleswizardnav ul {}
#saleswizardnav:after, #saleswizardnav > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#saleswizardnav {width: auto;}
#saleswizardnav > ul > li {float: left;display: inline-block; padding: 10px 0 10px 0; }
#saleswizardnav > ul > li > a {text-decoration: none;font-size: 20px;padding: 0 15px;font-weight: 400; border-right: 1px solid #cccccc;}
#saleswizardnav > ul > li:last-child > a { border-right: none; }
#saleswizardnav > ul > li:first-child > a { padding: 0 15px 0 0; }


#saleswizardnav > ul > li.current-menu-item > a { color: #ff7800; }

#saleswizardnav li:hover > ul {display:block;}
#saleswizardnav ul ul {display:none;position: absolute;left:0;background:#000;min-width:230px;border: 2px solid #000;z-index: 9;font-size: 14px;}
#saleswizardnav ul ul li {-webkit-transition: background 0.4s ease 0s;-moz-transition: background 0.4s ease 0s;-o-transition: background 0.4s ease 0s;transition: background 0.4s ease 0s;}
#saleswizardnav ul ul li:hover {background:#fff;}
#saleswizardnav ul ul li:hover > a {color:#000;}
#saleswizardnav ul ul a {color:#fff;text-decoration: none;padding:10px;}
#saleswizardnav ul ul ul {left:100%;top:0;position: absolute;}
#saleswizardnav ul ul li.active a:before, #saleswizardnav ul ul li a:hover:before, #saleswizardnav ul ul li.active a:after, #saleswizardnav ul ul li a:hover:after {content:none;}

/* Sidebar */
aside.sidebar .widget {width:100%;overflow:hidden;margin-bottom: 25px;background-color: #fff;padding: 5px;}
aside.sidebar .widget h3 {display: inline-block;padding-right: 20px;margin-top: 0px;margin-bottom: 10px;}

/* FOOTER */
footer a {color: #fff; text-decoration: none;line-height: 1.8em;}
footer a:hover {color: #fff;}
footer .col-md-4 {display: inline-block;vertical-align: top;padding: 20px 15px;}
footer img.footer-logo {max-width: 170px;margin: 0 auto 15px;display: block;}
#menu-footermenu {list-style: none;padding-left: 15px;}
address span {display: block;line-height: 1.8em;}
address strong {width: 20px;display: inline-block;text-align: center;font-size: 18px;margin-right: 10px;}
footer i.fa {color:#fff;}
#footer-saleswizard p {margin:0;}
#credits-sidebar .container {background:#000;color:#fff;border-top: 0px solid transparent;}
#credits-sidebar p {line-height: 2.5em;font-size: 14px;text-align: right;color:#fff;margin:0;}
#credits-sidebar a {color:#fff;}
#credits-sidebar a:hover {color: #fff;}

#footer-saleswizard { background-color: #000; color: #fff; line-height: 5em; padding: 15px 0 15px 0; }
#footer-saleswizard .socials a { padding-left: 15px; }

#footer-top { background-color: #555555; border-top: 36px solid #efefef; color: #fff; }
#footer-title { background-color: #808080; display: block; margin-right: -15px; margin-top: -36px; }
#footer-title-wrap { display: inline-block; background-color: #ff7800; line-height: 75px; padding: 0 15px 0 15px; position: relative; font-size: 24px; }

#footer-title-wrap:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 75px solid #ff7800;
	border-top: 75px solid transparent;
	position: absolute;
	right: -75px;
	top: 0;
	
}

#footer-top .footer-content { padding: 15px; line-height: 24px; color: #fff;}
#footer-top .footer-content i { color: #ff7800; margin-right: 5px; }


/* CONTENT */
p {margin: 0 0 1em;
line-height: 1.8em;
}
h1 {font-size: 220%;}
h2 {font-size: 170%;margin: 0 0 1em;}
h3 {font-size: 120%;margin: 0 0 1em;}
li{
	line-height:1.8em;	
}
#content a {color:#000;}
body.home #content {margin-top: 25px;}
.wpb_single_image.vc_align_center {margin-bottom: 0;}
.wpb_text_column.wpb_content_element h3 {text-align: center;}

#content p { line-height: 32px; font-weight: 200; }

.producten p{
	line-height: 1.8em;
	font-weight:300;
}


/* Google map */

/* Events */


/* Events Widget */
ul.recent-events {list-style: none;padding:0;}
li#recent-event {padding: 5px 0;border-bottom: 1px solid #000;margin-bottom: 10px;}
li#recent-event .event-left {width: 33.333%;display: inline-block;vertical-align: top;}
li#recent-event .event-right {width: 65%;display: inline-block;padding-left: 1%;vertical-align: top;}
li#recent-event h3 {font-size: 100%;margin: 0 0 5px;}
li#recent-event p {margin: 0 0 5px;font-size: 80%;}

/* --- Responsive --- */
@media screen and (min-width: 1200px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1000px) {}

@media screen and (max-width: 640px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 320px) {}

/* MISC */
a.tb_infolink {display: none !important;}
a.tb_refreshlink {margin: 0 !important;padding: 2px !important;height: 20px !important;width: 20px !important;background-color: #e8e8e8;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;}
div.tb_tools {background:none !important;}
span.tb_author, span.tb_msg {color: #8a8a8a;}

/* WORDPRESS CORE */
.alignnone {margin:5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {margin:5px 20px 20px 0;}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption .wp-caption-text, .gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.bypostauthor {}

/* PRINT */
@media print {
	* {background:transparent !important;color:#000 !important;text-shadow:none !important;-webkit-text-shadow:none !important;-moz-text-shadow:none !important;}
	a, a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";	}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p, h2, h3 {orphans:3;widows:3;}
	h2, h3 {page-break-after:avoid;}
}

/* PAGES */

h1.page-title, h2.page-title {
    background-color: #ff7800;
    display: inline-block;
    padding: 10px;
    color: #fff;
    font-weight: normal;
    font-size: 32px;
    position: relative;
    top: -20px;
    margin-bottom: -33px;
    margin: 0 0 -33px 0;
}

body:not(.home) .hero-img {
	background-image: url('/wp-content/uploads/hero-img.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
	margin: 0 -15px 0 -15px;
	padding-top: 100px;
	border-bottom: 10px solid #dddddd;
}

.video-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-img {
	overflow: hidden;
	position: relative;
}


.hero-img video#bgvid { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; 
    
}

span.wpcf7-list-item { margin: 0 !important; }
.wpcf7-list-item-label { color: grey; padding: 15px 15px 25px 5px; display: inline-block;}

.form-container .form-row .form-left, .form-container .form-row .form-right { width: 100%; display: inline-block; float: left; }

.form-container input:not([type=submit]):not([type=checkbox]), .form-container textarea { background-color: #efefef; border: none; width: 100%; font-size: 16px; margin-bottom: 15px !important; padding: 10px; display: inline-block; }

.form-container input[type=submit] { background-color: #ff7800; font-size: 16px; padding: 10px 20px; border: none; }
.form-container input[type=submit]:hover { background-color: #ff993f; cursor: pointer; }
.form-container input[type=submit]:focus { outline: none; }
.form-container input:not([type=submit]):focus, .form-container textarea:focus { background-color: #e1e1e1; outline: none; }
.form-container input.wpcf7-not-valid:focus { background-color: #f8bbbb; }

body .form-container input.wpcf7-not-valid:not([type=submit]):not([type=checkbox]) { background-color: #ffdada; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: none; padding: 0; margin: 2em 0 0 0; padding: 10px; width: 100%; float: left; color: #6f6d6d; background-color: #dafffc }

.wpcf7-not-valid-tip { display: none !important; }

.form-container input[type=submit] { -webkit-appearance: none; }
.form-container input[disabled] { background-color: #e1e1e1 !important; cursor: not-allowed !important; }

.video-wrap { display: none; }

@media screen and (min-width: 992px) {
	.form-container .form-row .form-left, .form-container .form-row .form-right { display: inline-block; float: left; }
	.form-container .form-row .form-left {
		width: 46%; 
		margin-right: 4%;
	}
	.form-container .form-row .form-right {
		width: 50%;
	}
	
	.video-wrap { display: block; }
}


@media screen and (max-width: 992px) {
	.hero-img video {
		display: none;
	}
}

body:not(.home) .hero-img .hero-title {
	display: inline-block;
	padding: 15px;
	font-size: 30px;
	position: relative;
	z-index: 100;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+60,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	padding-right: 50px;
}

/*
body:not(.home) .hero-img .hero-title span {
	line-height: 66px;
	color: #fff;
	display: inline;
	padding: 15px 0 15px 0;
	background: rgba(0,0,0,0.8);
	box-shadow: 10px 0 0 rgba(0,0,0,0.8), -10px 0 0 rgba(0,0,0,0.8);
}
/*

/* HOMEPAGE */

.home .hero-img {
	background-image: url('/wp-content/uploads/screenshot-video.jpg');
	background-position: center center;
	background-size: cover;
	height: 550px;
	margin: 0 -15px 0 -15px;
	padding-top: 200px;
	border-bottom: 10px solid #dddddd;
}

.home .hero-img .hero-title {
	display: inline-block;
	padding: 15px;
	font-size: 30px;
	position: relative;
	z-index: 100;
	color: #fff;
	margin-left: -15px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7800+0,ff7800+100&1+0,1+60,0+100 */
background: -moz-linear-gradient(left, rgba(255,120,0,1) 0%, rgba(255,120,0,1) 60%, rgba(255,120,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,120,0,1) 0%,rgba(255,120,0,1) 60%,rgba(255,120,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,120,0,1) 0%,rgba(255,120,0,1) 60%,rgba(255,120,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#00ff7800',GradientType=1 ); /* IE6-9 */
	padding-right: 50px;

}

/*
.home .hero-img .hero-title span {
	line-height: 66px;
	color: #fff;
	display: inline;
	padding: 15px 0 15px 0;
	background: rgba(0,0,0,0.8);
	box-shadow: 10px 0 0 rgba(0,0,0,0.8), -10px 0 0 rgba(0,0,0,0.8);
}
*/

.home-title {
	display: none;
}

@media screen and (min-width: 1200px) {
	
	body.home .hero-img .hero-title {
		display: none;
	}
	
	.home-title {
		position: absolute;
	    right: 0;
	    top: 457px;
	    background-color: #ff7800;
	    line-height: 2em;
	    width: 45%;
	    font-size: 23px;
	    display: inline-block;
	    font-weight: normal;
	    color: #fff; 
	}
	
	.home-title:before {
	    content: "";
	    width: 0;
	    height: 0;
	    border-top: 46px solid #ff7800;
	    border-left: 46px solid transparent;
	    position: absolute;
	    left: -46px;
	    top: 0;
	}

}

.home .top-title {
	background-color: #fff;
	font-size: 42px;
	position: relative;
	width: auto;
	display: inline-block;
	padding: 15px 50px 15px 15px;
	top: -78px;
	margin-left: -15px;
	margin-right: -15px;
	font-weight: 200;
}


	
.home p {
	line-height: 32px;
	font-weight: 200;
}

@media screen and (min-width: 992px) {

	.home-img-2-fix {
		position: relative; 
		top: -30px;
	}
	
	.home-text-2-fix {
		position:relative;
		top: 0;
	}
	
	.home-img-2-text-fix {
		padding-top: 1em;
	}

}

@media screen and (min-width: 1200px) {
	
		.home-img-2-fix {
			position: relative; 
			top: -100px;
		}
		
		.home-img-2-text-fix {
			padding-top: 6em;
		}
		
		

}

/* Custom elements */

.offerte-button {
	background-color: #ff7800;
	display: inline-block;
	color: #fff;
	line-height: 60px;
	font-size: 24px;
	text-align: center;
	padding: 0 15px 0 15px;
	position: relative;
	margin-right: 60px;
}

.offerte-button:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 60px solid #ff7800;
	border-right: 60px solid transparent;
	position: absolute;
	right: -60px;
	top: 0;
	
}

.orange-title {
	display: inline-block;
	position: relative;
	padding: 15px;
	font-size: 30px;
	z-index: 100;
}

.orange-title span {
	line-height: 66px;
	color: #fff;
	display: inline;
	padding: 15px 0 15px 0;
	background: #ff7800;
	box-shadow: 10px 0 0 #ff7800, -10px 0 0 #ff7800;
}

.checklist  {
	list-style: none;
	line-height: 2em;
	font-weight: 200;
	margin-left: 25px;
	margin-bottom: 2em;
}

.checklist li:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #ff7800;
  
}

.row.usps {
	background-color: #efefef;
	font-size: 32px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 10px solid #dddddd;
}

.block-row {
	margin-top: 2em;
	background-color: #efefef;
}

.block-wrap-left {
	float: left;
	position: relative;
	width: 75%;
	max-width: 1000px;
}

.block-wrap-right {
	float :left;
	position: relative;
	width: 100%;
	min-width: 250px;
	border-left: 3px solid #fff;
}

.block-photos {
	position: relative;
	float: left;
	overflow: hidden;
	height: 500px;
	display: none;
}

/*
.block-wrap-left:before {
	content: '';
	position: absolute;
	left: -4px;
	height: 100%;
	width: 4px;
	background-color: #fff;
}
*/

.block-wrap-right:after {
	content: '';
	position: absolute;
	right: -4px;
	height: 100%;
	width: 4px;
	background-color: #fff;
}

.block-photos img {
	display: block; 
	float: left;
	/* width: 25%; */
}

.half-button {
	display: inline-block;
	height: 125px;
	width: 100%;
	background-color: #fff;
	line-height: 125px;
	color: #fff;
	font-size: 26px;
	float: left;
	padding-left: 25px;
	border-bottom: 4px solid #fff;
}

.halfbutton {
	display: inline-block;
	height: 125px;
	width: 100%;
	background-color: #fff;
	line-height: 125px;
	color: #fff;
	font-size: 26px;
	float: left;
	padding-left: 25px;
	border-bottom: 4px solid #fff;
}

.half-button:after, .whole-button:after {
  content: "\f054";
  font-family: 'FontAwesome';
  color: #fff;
  margin-left: 5px;
}

.whole-button {
	display: inline-block;
	height: 250px;
	width: 100%;
	background-color: #fff;
	line-height: 250px;
	color: #fff;
	font-size: 26px;
	float: left;
	padding-left: 25px;

}

.whole-button:before {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 0;
	border-color: #ff7700 transparent transparent transparent;

}

.half-button.dark-grey {
	background-color: #555555;
}

.halfbutton.grey {
	background-color: #808080;
}


.whole-button.orange {
	background-color: #ff7800;
}

@media screen and (min-width: 992px) {
	
	.block-wrap-left {
		width: 60%;
	}
	
	.block-wrap-right {
		width: 40%;
	}
	
	.half-button, .whole-button {
	
		/* font-size: 14px; */
	
	}
	
}

a.product-category, a.product {
	width: 100%;
	height: 300px;
	display: inline-block;
	position: relative;
	background-position: center center;
	background-size: cover;
	border: 2px solid #ececec;
	margin-bottom: 1%;
}

@media screen and (min-width: 767px) {
	a.product-category, a.product {
		width: 48%;
		margin-right: 1%;
		height: 250px;
	}
}

@media screen and (min-width: 992px) {
	a.product-category, a.product {
		width:  30%;
		margin-right: 1%;
	}
	
	.block-photos {
		display: inline-block;
	}
	
	.block-photos img {
		float: right;
	}
	
	.home .top-title {
		margin-right: 0;
	}
	
	.home .top-title:after {
		content: "";
		width: 0;
		height: 0;
		border-bottom: 78px solid #fff;
		border-right: 78px solid transparent;
		position: absolute;
		right: -78px;
		top: 0;}
}

a.product-category span.product-category-title, a.product span.title {
	display: inline-block;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	color: #000;
	font-size: 16px;
	padding: 10px;
}

a.product-category span.product-category-title:after, a.product span.title:after {
  content: "\f0da";
  font-family: 'FontAwesome';
  color: #ff7800;
  margin-left: 5px;
}

/* helper classes */

.img-100-responsive { min-width: 100%; }

.img-responsive { max-width: 100%; }

.no-margin-left { margin-left: auto; }

.text-center { text-align: center; }

.text-left { text-align: center !important; }
.text-right { text-align: center !important; }

.text-left-left { text-align: left !important; }
.text-right-left { text-align: left !important; }

.fix-left { margin-left: 0; }

@media screen and (min-width: 992px) {
	.text-left { text-align: left !important; }
	.text-right { text-align: right !important; }
	
	.text-left-left { text-align: left !important; }
	.text-right-left { text-align: right !important; }
	
	.no-margin-left { margin-left: -15px; }
	
	.img-100-responsive { min-width: 0; }
	
	.fix-left { margin-left: -75px; }
}


.vc_tta-title-text{
	font-weight: normal
}

.wpb_image_grid .wpb_image_grid_ul img { max-width: 97% !important; }

body page.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    
}

body page.blur * {
	pointer-events: none;
}

body page {
    transition: all 0.2s ease;
}
page {
    width: 100%;
    top: 0px;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;
    display: block;
}

#mobile-menu {
	position: fixed;
	top: 0;
	left: -100vw;
	z-index: 99999;
	background-color: rgba(21, 24, 26, 0.90);
	width: auto;
	height: 100vh;
	padding-top: 25px;
	padding-right: 25px;
	font-size: 18px;
	transition: all 0.2s ease-in-out;
	overflow-y: scroll;
}

#mobile-menu .current-menu-item {
	font-weight: bold;
}

#mobile-menu.active {
	left: 0;
}

#mobile-menu ul li a {
	color: #fff;
	line-height: 2.6em;
	padding-left: 25px;
}

#mobile-menu ul li ul {
	padding-left: 25px;
}

.menu-button { display: none; position: absolute; right: 25px; top 38px; z-index: 9999; color: #fff; font-size: 20px; cursor: pointer; font-weight: bold; text-transform: uppercase; font-family:'Dosis' ,sans-serif; text-shadow: 2px 2px 9px black;}
.menu-button span { display: inline-block; float: right; margin-top: 2px; margin-left: 5px;}
.menu-button i { color: #fff; font-size: 30px; }

@media screen and (max-width: 768px) {
	.menu-button { display: inline-block; top: 38px; }
	#nav-header {display: none !important;}
}

.no-margin-padding { margin: 0 !important; padding: 0 !important;}

body .esg-bc div a { text-indent: 0; line-height: 24px !important; margin-bottom: 20px; }

body .esg-bc div a:after {
    content: "\f0da";
    font-family: 'FontAwesome';
    color: #ff7800;
    margin-left: 10px;
}

.Bijlage {
	display: none;
}

label[for=bijlage] {
	cursor: pointer;
	width: auto;
    display: inline-block;
    line-height: 8px;
    padding: 15px;
    border: 2px solid #ececec;
    margin-bottom: 15px;
    float:left;
	color: #5f5f5f;
    font-size: 14px;
    transition: .3s all;
}


label[for=bijlage].filled {
	background-color: #ececec;
	width: auto;
}

label[for=bijlage].filled:after {
	content: '\f058';
    font-family: 'FontAwesome';
    color: #ff7800;
    margin-left: 10px;
}

label[for=bijlage]:hover {
	background-color: #ececec;
}

span.file-status {
    display: inline-block;
    float: left;
    position: relative;
    top: -17px;
    padding: 13px;
	font-size: 12px;
    color: #525252;
	max-width: 75%;
    word-break: break-word;
}