/*
	Theme Name: iClicks Boilerplate Child Theme
	Template: iclicksboilerplate
	Theme URI: https://www.iclicks.nl
	Description: iClicks Boilerplate Theme
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:focus {
	outline: 0 !important;
}

body {
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	color: #333;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-moz-transition: padding-left all .3s ease-in-out ease;
	-webkit-transition: padding-left all .3s ease-in-out ease;
	transition: padding-left all .3s ease-in-out ease;
	background-color: #fff;
}

p {
	margin: 0 0 1.75rem 0;
	line-height: 1.75em;
}

p:last-child {
	margin-bottom: 0px;
}

/*------------------------------------*\
    HEADINGS
\*------------------------------------*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: 'Open Sans', sans-serif;
	clear: both;
	font-weight: 700;
	color: #333;
	line-height: 1.3em;
	margin: 0 0 16px 0;
}
.section-flex h1,
.section-flex .h1,
.section-flex h2,
.section-flex .h2,
.section-flex h3,
.section-flex .h3,
.section-flex h4,
.section-flex .h4,
.section-flex h5,
.section-flex .h5,
.section-flex h6,
.section-flex .h6 {
	font-weight: 400;
}
h1,
.h1 {
	font-size: 2.8em;
}

h2,
.h2 {
	font-size: 2.6em;
}

/* .home h1,
.home h2 {
	font-size: 28px;
} */
/* .section-row-1-fp h1,
.section-row-1-fp h2,
.body-titel-content-buttons-section h1,
.body-titel-content-buttons-section h2,
.titel-boven-tijdlijn h1,
.titel-boven-tijdlijn h2,
.section-row-2-fp h1,
.section-row-2-fp h2,
.section-row-video-fp h1,
.section-row-video-fp h2 {
	font-size: 28px;
} */

h1.big,
h2.big {
	font-size: 50px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4,
.text-lg {
	font-size: 22px;
}
h1.heading-bar {
    width: 100%;
    background: rgb(231 231 231);
    padding: 10px 20px;
	margin-bottom:0px;
}
.text-md {
	font-size: 18px;
}
.font-thin,
.text-500 {
	font-weight: 500;
}
.text-600 {
	font-weight: 600 !important;
}

/* clear */
.clear:before,
.clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: #333222;
}
blockquote {
	    background: #F2F2F2;
    padding: 20px 20px 20px 20px !important;
    font-style: italic;
    font-size: 16px;
    border-left: 2px solid #e32012;
}
blockquote p {
	margin-bottom: 0px;
}

/*START YOAST BREADCRUMBS*/
#breadcrumbs a {
	color: #333222;
}

#breadcrumbs a:hover {
	color: #333222;
}

#breadcrumbs #text {
	color: #333;
}

#breadcrumbs span a {
	position: relative;
}

#breadcrumbs span a:after {
	position: relative;
	font-family: 'Font Awesome 5 Free';
	top: 0px;
	font-weight: 700;
	content: '\f054';
	color: #E20612;
	font-size: 12px;
	width: 20px;
	padding: 0px 3px 0px 6px;
}

#breadcrumbs .breadcrumb_last {
	font-weight: 700;
	color: #333222;
}

p#breadcrumbs {
    margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	z-index:23;
}
.page-template-default p#breadcrumbs,
.page-template-archive-systeem p#breadcrumbs,
.page-template-archive-referenties p#breadcrumbs,
.page-template-archive-vacatures p#breadcrumbs,
.page-template-archive-team p#breadcrumbs,
.page-template-archive-project p#breadcrumbs,
.error404 p#breadcrumbs,
.single p#breadcrumbs {
	margin-bottom: 50px;
}

/*END YOAST BREADCRUMBS*/
.sidebar-lp a,
.bottom-footer a,
.top-footer a,
a.read-more {
	font-weight: bold;
	position: relative;
	left: 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a.read-more {
	padding-right:8px;
}

a.read-more:after {
    display: inline-block;
    background: url(img/arrow-right-black.svg) no-repeat center;
    background-size: 100%;
    content: '';
    width: 12px;
    height: 8px;
    position: relative;
    top: -1px;
	left:8px;
	
}

a.read-more-red:after {
	background: url(img/arrow-right-red.svg) no-repeat center;
}

.sidebar-lp a:hover,
a.read-more:hover:after,
a.read-more:hover,
.telefoonnummer-container a:hover,
.top-footer a:hover,
a:hover {
	color: #E20612;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

input:focus {
	outline: 0;
	border: 1px solid #04A4CC;
}

a.left-animation {
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	left: 0px;
}

a.left-animation:hover {
	left: 2px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a.top-animation {
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	top: 0px;
}

a.top-animation:hover {
	top: -2px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.link-arrow:after {}

/*------------------------------------*\
    VISIBILITY
\*------------------------------------*/
.hidden {
	display: none !important;
}

.show-1300,
.show-1200,
.show-1150,
.show-1024,
.show-900,
.show-800,
.show-768,
.show-670,
.show-550,
.show-480 {
	display: none;
}

/*------------------------------------*\
    TEXT TRANSFORM
\*------------------------------------*/

.text-transform-uppercase {
	text-transform: uppercase;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.section {
	position: relative;
	width: 100%;
}

.animated {
	overflow: hidden;
}

.wrap,
.wrap-small,
.wrap-xl {
	padding: 0 0;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}

.wrap-h-100 {
	height: 100%;
}

/* header */
.header {}

/* nav */
.nav {}

/* sidebar */
.sidebar {}

/* footer */
.footer {
	overflow: hidden;
}


/*------------------------------------*\
    COLS
\*------------------------------------*/
.row {
	min-height: 20px;
	box-sizing: border-box;
}

.row:after {
	clear: both;
}

.row:before,
.row:after {
	display: table;
	content: "";
	line-height: 0;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/
.masonry .gallery-button {
	font-size: 32px;
	color: #fff;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	box-sizing: border-box;
	display: block;
	height: 20px;
	-moz-border-radius: 44px;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	font-weight: 900;
}
.masonry .gallery-button svg{
	width: 14px;
}
.grid-gallery-1,
.grid-gallery-2,
.grid-gallery-3,
.grid-gallery-4,
.grid-gallery-5,
.grid-gallery-6 {
	display: grid;
	gap: 20px;
	;
}
.grid-gallery-1 {
	grid-template-columns: repeat(1, 1fr);
}
.grid-gallery-2 {
	grid-template-columns: repeat(2, 1fr);
}
.grid-gallery-3 {
	grid-template-columns: repeat(3, 1fr);
}
.grid-gallery-4 {
	grid-template-columns: repeat(4, 1fr);
}
.grid-gallery-5 {
	grid-template-columns: repeat(5, 1fr);
}
.grid-gallery-6 {
	grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 1024px) {
	.grid-gallery-4,
	.grid-gallery-5,
	.grid-gallery-6 {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 768px) {
	.grid-gallery-3,
	.grid-gallery-4,
	.grid-gallery-5,
	.grid-gallery-6 {
		grid-template-columns: repeat(2, 1fr);
	}
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.pull-center {
	display: inline-block;
	float: none;
	vertical-align: middle;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.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;
}

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;
}

.sticky {}

.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		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;
	}
}

/*------------------------------------*\
   START GLOBALS
\*------------------------------------*/

.flex-wrap {
	flex-wrap: wrap;
}
.align-center {
	align-items: center;
}
.d-block {
	display: block;
}
.relative {
	position: relative
}
.absolute {
	position: absolute;
}
.z-10 {
	z-index:10;
}
/* typography */
.text-red {
	color: #E20612;
}
.text-white {
	color: #fff;
}
.strong {
	font-weight: 700;
}
.text-end {
	text-align: end;
}

/* bg */
.bg-red {
	background-color: #E20612;
}

/* widths */
.w-100 {
	width: 100%;
}
.h-100 {
	height:100%
}

.object-cover {
	object-fit: cover;
}

/*------------------------------------*\
   END GLOBALS
\*------------------------------------*/

/*------------------------------------*\
   START MASONRY
\*------------------------------------*/

.masonry {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(5, min-content);
}
.cell {
	position: relative;
}
.masonry .cell:nth-child(1) {
	grid-column-end: span 2;
	grid-row-end: span 3;
}
.masonry .cell:nth-child(2) {
	grid-column-end: span 4;
	grid-row-end: span 2;
	padding: 100px 0px 50px 150px;
}
.masonry .cell:nth-child(3) {
	grid-column-end: span 4;
	grid-row-end: span 3;
	max-height: 980px;
}
.masonry .cell:nth-child(4) {
	grid-column-end: span 2;
	grid-row-end: span 2;
}
.masonry .cell:nth-child(3) {
	background-color: #333;
	
}
.masonry .cell:nth-child(3) img {
	opacity: 0.3;
	transition: .3s;
}
.masonry .cell:nth-child(3) img:hover {
	opacity: 0.75;
}
/*------------------------------------*\
   END MASONRY
\*------------------------------------*/

/*------------------------------------*\
   START SLIDER CSS
\*------------------------------------*/
.owl-stage-outer {
	overflow: hidden;
}

.owl-stage .owl-item {
	float: left;
}
.header-holder {
	height: 167px;
}
.home-slider .owl-item,
.slider {
	position: relative;
	height: calc(100vh - 167px);
}

.home-slider .owl-item h1,
.home-slider .owl-item h2 {
	font-size: 56px;
}

.home-slider .owl-item h1,
.home-slider .owl-item h2,
.home-slider .owl-item h3,
.home-slider .owl-item h4,
.home-slider .owl-item h5 {
	margin-bottom: 24px;
}

.home-slider .owl-nav {
	display: none;
}

.owl-nav {
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 60px;
	bottom: 0px;
	right: 0px;
	background: #fff;
	width: 180px;
	z-index: 10;
}

.owl-nav button {
	width: 90px;
	border: none;
	background: none;
}

.nav-btn {
	display: block;
	background: url(img/arrow-right.svg) no-repeat center;
	background-size: 100%;
	top: 0px;
	left: 0px;
	content: '';
	position: relative;
	right: 0;
	transition: left ease 0.5s;
	height: 20px;
	width: 30px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.nav-btn.next-slide {
	margin-right: 0px;
	right: -30px;
	left: unset;
}

.owl-nav button.owl-prev {
	padding-left: 30px;
	padding-right: 0px;
}

.owl-nav button.owl-prev:after {
	content: '';
	border-left: 2px solid #d3d3d3;
	position: absolute;
	height: 50%;
	left: calc(50% - 1px);
	top: 25%;
}

.owl-nav button.owl-next {
	padding-right: 20px;
}

.nav-btn.prev-slide {
	padding-right: 0px;
	background: url(img/arrow-left.svg) no-repeat center;
}

.nav-btn:hover {
	background: url(img/arrow-right-gr.svg) no-repeat center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.nav-btn.prev-slide:hover {
	background: url(img/arrow-left-gr.svg) no-repeat center;
}

.default-slider .owl-item,
.default-slider .slider {
	height: 765px;
}

.eigen-productie {
	position: relative;
}

.eigen-productie .owl-item,
.eigen-productie .slider {
	height: 400px;
}

.lp-informatief-slider {
	position: relative;
}

.lp-informatief-slider .owl-item,
.lp-informatief-slider .slider {
	height: 460px;
}


.slide-image-lp,
.slide-image {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	height: calc(100vh);
	width: 100%;
	overflow: hidden;
	background: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slide-image-lp {
	height: 765px;
}

.eigen-productie .slide-image {
	height: 400px;
}

.lp-informatief-slider .slide-image {
	height: 460px;
	object-fit: cover;
}

.slider-content {
	z-index: 100;
	max-width: 700px;
	padding-bottom: 64px;
}

.slider-content p {
	margin-bottom: 0px;
}

.slider-content h5,
.slider-content h4,
.slider-content h3,
.slider-content h2,
.slider-content h1,
.slider-content p,
.slider-content {
	color: #fff;
	line-height: 1.2;
}

.no-dots .owl-dots,
.no-nav .owl-nav,
.owl-dots.disabled {
	display: none;
}

.godown {
	bbackground-image: url(img/arrow-down.svg);
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 30px;
	z-index: 12;
	text-align: center;
	padding-top: 3px;
	font-size: 50px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	box-sizing: border-box;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	width: 30px;
	height: 60px;
}

@keyframes ctaMinimaLArrowOuter {
	0% {
		transform: translateY(0);
	}

	20% {
		transform: translateY(12px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes ctaMinimaLArrowLine {
	0% {
		transform-origin: bottom;
		transform: scaleY(1);
	}

	50% {
		transform-origin: bottom;
		transform: scaleY(0);
	}

	51% {
		transform-origin: top;
	}

	100% {
		transform: scaleY(1);
		transform-origin: top;
	}
}

@keyframes ctaMinimaLArrow {
	0% {
		stroke-dasharray: 45px;
		stroke-dashoffset: 0px;
	}

	50% {
		stroke-dasharray: 45px;
		stroke-dashoffset: -45px;
	}

	51% {
		stroke-dasharray: 45px;
		stroke-dashoffset: 45px;
	}

	100% {
		stroke-dasharray: 45px;
		stroke-dashoffset: 0px;
	}
}

.godown svg {
	animation: ctaMinimaLArrowOuter 2.5s cubic-bezier(.55, 0, 0.45, 1) infinite;
}
.blok-image

/*------------------------------------*\
	REFERENTIES
\*------------------------------------*/

.reference-item img,
.h-300 {
	height:300px;
}
.reference-item:nth-child(2n+1) {
	padding-right:10px
}
.reference-item:nth-child(1n+2) {
	padding-left:10px
}
.single-referenties .default-slider .owl-item,
.single-referenties .default-slider .slider
.single-referenties .default-slider .slide-image-lp {
	height: 600px;
}
@media only screen and (max-width:670px) {
.single-referenties .default-slider .owl-item,
.single-referenties .default-slider .slider
.single-referenties .default-slider .slide-image-lp {
		height: 480px;
}
}
.single-referenties .slider-content {
	margin-top: 0px;
	height:100%
}

.single-referenties .read-more,
.archive .read-more {
	position: absolute;
	bottom:10px;
}
.archive .blok-titel {
	width:100%
}
/*------------------------------------*\
	VACATURES
\*------------------------------------*/
#intro-vacatures .read-more	{
	font-weight: 500;
    position: absolute;
    bottom: 10px;
    left: 25px;
    padding-bottom: 0px;
}
#intro-vacatures .vacature-item .col6{
	width:calc(50% - 100px);
}
#intro-vacatures .vacature-item .col6{
	margin-left: 75px;
    margin-bottom: 50px;
    position: relative;
    height: 150px;
    border-left: 2px solid #E20612;
    padding-left: 25px;
	padding-right: 25px;
}

/*------------------------------------*\
	START WATERMERK IN SLIDER CSS
\*------------------------------------*/
.watermerk-logo {
	width: 750px;
	position: absolute;
	bottom: -65px;
	height: 580px;
	left: 65px;
	z-index: 10;
}

/*------------------------------------*\
		END WATERMERK IN SLIDER CSS
	\*------------------------------------*/

/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/

/*------------------------------------*\
    START SLIDER BODY CSS
\*------------------------------------*/
.body-slider .owl-item,
.body-slider .slider,
.body-slider .slide-image {
	height: 500px;
}

.slider-klein .owl-item,
.slider-klein .slider{
	height:200px;
}

.body-slider .slide-image.slider-small{
	height:200px;
	position: relative;
}

.body-slider .slide-image.slider-small:before{
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: -1;
	background-color: rgba(0,0,0,0.25);
}

.body-slider .slide-image.slider-small .wrap{
	align-items: center;
	justify-content: center;
}

.body-slider .slide-image.slider-small .slider-content{
	margin-top: 200px;
}

.body-slider .slide-image.slider-small .slider-content h1{
	color:#fff;
}


/*------------------------------------*\
    END SLIDER BODY CSS
\*------------------------------------*/

/*------------------------------------*\
    START FORMS CSS
\*------------------------------------*/
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
	width: 100%;
	margin-bottom: 30px;
}

select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="tel"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border: 1px solid #dedede;
	padding: 8px 8px;
	background: none;
	min-height: 40px;
	background-color: #fff;
	color: #333;
	font-size: 15px;
	margin-top: 10px;
}

input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 15px;
	color: #333;
	font-weight: 300;
}

input::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 15px;
	color: #333;
	font-weight: 300;
}

input:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 15px;
	color: #333;
	font-weight: 300;
}

input:-moz-placeholder {
	/* Firefox 18- */
	font-size: 15px;
	color: #333;
	font-weight: 300;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	max-width: 300px;
}
.gsection_title {
    margin-bottom: 0px;
    margin-top: 20px;
}
/*------------------------------------*\
    END FORMS CSS
\*------------------------------------*/

/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/
.font-400 {
	font-weight: 400;
}

.font-700 {
	font-weight: 700;
}

.font-20px {
	font-size: 20px;
}

.font-24px h2,
.font-24px h3,
.font-24px p,
p.font-24px,
.font-28px h2,
.font-28px h3,
.font-28px p,
p.font-28px {
	font-size: 28px;
	line-height: 1.53em;
}

.font-24px h2,
.font-24px h3,
.font-24px p,
p.font-24px {
	font-size: 24px;
}

.font-arvo {
	font-family: 'Arvo', serif;
}

.font-dk {
	color: #333;
}

.tekst-white,
.tekst-white h2 {
	color: #fff;
}

.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.bg-photo.section-subtle-bg-image {
	position: absolute;
    height: 100%;
}
.bg-photo {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-photo-64 {
	padding-top: 64%;
}

.bg-photo-app {
	ppadding-top: 67%;
}

.bg-photo-94 {
	padding-top: 94%;
}

.bg-photo-150 {
	padding-top: 150%;
}

.bg-photo-152 {
	padding-top: 152%;
}

.bg-white {
	background-color: #fff;
}
.bg-gradient,
.bg-gradient-2 {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: #000;
	opacity: 0.3;
    z-index: 3;
}
.bg-gradient-2 {
	background: rgba(0, 0, 0, 5.5);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0.02) 62%, rgba(0, 0, 0, 1) 100%);
}
.bg-gr {
	position: relative;
    background: #F2F2F2;
}
.bg-light {
	background-color: #DADDDA;
}
.bg-red {
	background-color: #E20612;
}
.bg-gr-before:before {
	content: '';
	position: absolute;
	background: #F2F2F2;
	left: -252px;
	top: 0px;
	z-index: -1;
	width: 252px;
	height: 100%;
}
.bg-gr-before-full:before {
	left: -330px;
	width: 330px;
}
.bg-dk {
	background-color: #C0C4B9;
}

.jk-logo-sidebar:after {
    background-image: url(/wp-content/themes/iclicksboilerplate-child/img/logo-jk-zwart.svg);
    display: block;
    height: 546px;
    width: 706px;
    z-index: 10px;
    z-index: 12;
    position: absolute;
    background-position: right;
    content: '';
    top: -483px;
    right: -131px;
    background-repeat: no-repeat;
    opacity: 0.1;
}

a.button,
.button,
span.button,
a.button-white,
.button-white,
span.button-white,
a.button-green,
.button-green,
span.button-green,
a.button-outline,
.button-outline,
span.button-outline,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	line-height: 1em;
	display: inline-block;
	padding: 12px;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 0.4em;
	border: 1px solid #786F65;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-shadow: none !important;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 400;
	border-radius: 8px !important;
	-webkit-border-radius: 0px;
	position: relative;
	margin-right: 10px;
	-webkit-appearance: none;
}

.text-center a.button,
.text-center .button,
.text-center span.button,
.text-center a.button-white,
.text-center .button-white,
.text-center span.button-white,
.text-center a.button-outline,
.text-center .button-outline,
.text-center span.button-outline,
.text-center input[type="button"],
.text-center input[type="reset"],
.text-center input[type="submit"] {
	margin-right: 0px;
}

.text-center .gewonen_buttons a.button-outline {
	margin-right: 20px;
}

a.button:hover,
.button:hover,
span.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #E20612;
	color: #fff !important;
	border: 1px solid #E20612;
}

a.button-white,
.button-white,
span.button-white {
	background: #fff;
	color: #333 !important;
	border: 1px solid #fff;
}

a.button-white:hover,
.button-white:hover,
span.button-white:hover {
	background: #fff;
	color: #fff !important;
	border: 1px solid #786f65;
}

a.button-green,
.button-green,
span.button-green {
	background: #00b300;
	color: #fff !important;
	border: 1px solid #786f65;
}

a.button-outline,
.button-outline,
span.button-outline {
	background: transparent;
	color: #333 !important;
	border: 1px solid #786f65;
}
a.button-outline-white,
.button-outline-white,
span.button-outline-white {
	background: transparent;
	color: #fff !important;
	border: 1px solid #fff;
}

a.button-green:hover,
.button-green:hover,
span.button-green:hover {
	background: transparent;
	color: #333 !important;
	border: 1px solid #333;
}

a.button-outline:hover,
.button-outline:hover,
span.button-outline:hover {
	background: #333;
	color: #fff !important;
}

a.button-outline-red {
	border: 1px solid #E40515;
	color: #E30613;
}

.mail-button:before {
	font-family: "Font Awesome 5 Free";
	ffont-weight: 900;
	content: '\f095';
	position: relative;
	display: inline-block;
	top: 0px;
	left: -3px;
	color: #fff;
	margin-left: 0;
	right: 0;
	font-size: 15px;
	height: 17px;
	width: 17px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.button.phone-button:hover:before,
.button.mail-button:hover:before {
	color: #333;
}

ul.no-list {
	list-style: none;
}

ul {
	padding-left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2rem;
}

li {
	position: relative;
	margin-left: 0;
	padding-left: 16px;
	margin-bottom: 13px;
}

li:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	top: 6px;
	left: 0;
	content: '\f111';
	color: #E20612;
	font-size: 7px;
	width: 20px;
}

ul.no-list li {
	padding-left: 0px;
}

ul.no-list li:before {
	content: none;
}

ul.check li,
ul.smile li {
	padding-left: 25px;
}

ul.check li:before {
	content: '\f00c';
	font-size: 15px;
	top: 3px;
}
ul.smile li:before {
	content: '\f118';
	font-size: 15px;
	top: 3px;
}
ul.arrow li:before {
	content: '\f105';
	font-size: 16px;
	top: 3px;
}

li.phone:before {
	content: '\f095';
	ransform: rotate(90deg);
}

li.fax:before {
	content: '\f1ac';
}

li.mail:before {
	content: '\f2b6';
}

ul.contact-list li {
	padding-left: 20px;
}

ul.contact-list li:before {
	font-size: 12px;
	top: 3px;
	color: #fff;
}
.sidebar ul.contact-list li:before {
	color: #333;
}

.footer ul.contact-list li:before {
	color: #333;
}

.gewonen_buttons .button-outline {
	margin-right: 0px;
}

.gewonen_buttons .phone-button {
	margin-right: 23px;
}
.pagination {
	margin-bottom: 20px;
	text-align: center;
	font-weight:700;
}
.page-numbers {
	margin-right:10px
}

/*------------------------------------*\
    START HEADER
\*------------------------------------*/

.header-flex {
	max-height: 190px;
	transition: all .3s ease-in-out;
	height: 100%;
}
.header-logo{
	background: #F2F2F2;
}

.header {
	position: fixed;
	top: 0px;
	z-index: 110;
	/*z-index: 11;*/
	width: 100%;
	transition: all .3s ease-in-out;
	max-height:100%;
}

/* .page-template-template-content .header,
.page-template-template-informatief .header {
	position: relative;
} */


.header.active-header {
	top: 0px;
	-webkit-transition: all .3s ease-in-out;
	background: #F2F2F2;
}
.header-usps {
	background: #786F65;
	padding: 8px 0px;
	transition: all 0.3s ease-in-out
}
.header-usps .wrap-usps {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.header-usps .wrap-usps span {
	color: #fff;
	font-size: 14px;
	padding:8px 0px;
}
.header-usps .header-trustpilot {
	padding: 0px;
	display: flex;
	align-items: center;
	position: relative;
	top: 1px;
	right: -10px;
	width: 250px;
}

/* .header-flex-right::after {
	content: '';
	position: absolute;
	background: #F2F2F2;
	right: -1000px;
	width: 100%;
	top: 0px;
	z-index: -1;
} */

.header-flex-left {
	/* width: 230px; */
	position: relative;
}

/* .header-flex-left:before {
	content: " ";
	position: absolute;
	display: block;
	width: 50px;
	max-height: 180px;
	height:100%;
	top: 0px;
	left: -50px;
	z-index: -1;
	background: #F2F2F2;
	transform-origin: bottom left;
	-ms-transform: skew(170deg, 0deg);
	-webkit-transform: skew(170deg, 0deg);
	transform: skew(170deg, 0deg);
	top: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
} */
.header-flex-right {
	width: calc(100% - 87px);
	background: #F2F2F2;
	padding-left: 25px;
	top: -70px;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
}

.active-header .header-flex-right {
	top: 0px;
}

.header-flex-right-top-info {
	width: 50%;
	padding: 6px 0px;
}

header .menu-header ul {
	display: flex;
	justify-content: space-between;
}
.menu-header .button {
	margin-bottom: 0px;
}
/* .header-default {
	padding-top:167px;
} */

.play-button-wrapper {
	width: 106px;
	height: 106px;
	background: #ffffff66;
	z-index: 1;
	position: absolute;
	top: calc(50% - 56px);
	border-radius: 999px;
	left: calc(50% - 56px);
}
.play-button
{    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    background: #fff;
    height: 64px;
    display: flex;
    width: 64px;
    z-index: 2;
    transition: all 0.3s ease;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
}
/*------------------------------------*\
		START LOGO IN HEADER
	\*------------------------------------*/
/*
	.logo {
		margin-top: -37px;
		transition: 0.5s;		
	}
	.active-header 	.logo {
		margin-top: 0px;
	}
	.active-header .header-flex-left .logo img {
		max-width: 165px;
		width: 165px;
		transition: 0.5s;
	}
*/
.header-flex-left .logo img {
	height:116px;
	width: auto;
	object-fit: contain;
	transition: all .3s ease-in-out;
}

/*------------------------------------*\
		END LOGO IN HEADER
	\*------------------------------------*/


/*------------------------------------*\
		START SEARCH IN HEADER
	\*------------------------------------*/
.header-flex-right-top-search form {
	position: relative;
	overflow: hidden;
}

.header-flex-right-top-search input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}

.header-flex-right-top-search input::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}

.header-flex-right-top-search input:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}

.header-flex-right-top-search input:-moz-placeholder {
	/* Firefox 18- */
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}

.header-flex-right-top-search input {
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}


.header-flex-right-top-search input[type="search"],
.header-flex-right-top-search input[type="search"]:focus,
.header-flex-right-top-search input[type="search"]:active,
.header-flex-right-top-search input[type="search"]:target,
.header-flex-right-top-search input[type="search"]:visited {
	width: 100%;
	padding: 11px 32px;
	font-size: 14px;
	border: 1px solid #d00713 !important;
	background-color: #d00713 !important;
	background: #d00713 !important;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-bottom: 0px;
	box-sizing: border-box;
}

.header-flex-right-top-search form button {
	position: absolute;
	right: 30px;
	height: 40px;
	min-height: 40px;
	max-width: 40px;
	width: 40px;
	text-indent: -2000pt;
	font-size: 1% !important;
	margin-right: 0;
	background: #d00713;
	border: none;
	top: 4px;
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: 0;
}

.header-flex-right-top-search form button:after {
	content: '';
	position: absolute;
	top: 0;
	left: 12px;
	background: url(img/zoeken.svg) no-repeat center !important;
	height: 36px;
	width: 20px;
	transition: top ease 0.5s;
}

.hero-tags {
	padding: 10px 20px;
	margin-bottom: 20px;
}

.hero-tag {
	color: #fff;
	background: #E20612;
	padding: 10px 20px;
	font-weight: 800;
}
/*------------------------------------*\
		END SEARCH IN HEADER
	\*------------------------------------*/

/*------------------------------------*\
		START INFO RECHTS IN HEADER
	\*------------------------------------*/
.top-menu ul {
	margin-bottom: 0px;
}

.top-menu li {
	/* padding-right: 25px;
	padding-left: 0px;
	float: left;*/
	margin-bottom: 0px; 
	display: flex;
	align-items: center;
}
[id^="menu-top-menu"] {
	display: flex;
    align-items: center;
}

.top-menu li:last-child {
	padding-right: 24px;
}

.top-menu li:before {
	content: none;
}

.top-menu li a {
	color: #786F65;
	font-size: 14px;
}

.top-menu li a:hover {
	color: #333;
}

.top-menu li:last-child a:after {
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	color: #fff;
	left: unset;
	right: -9px;
	font-size: 11px;
	top: 3px;
	position: absolute;
	content: '\f715';
	-webkit-transform: rotate(52deg);
	-moz-transform: rotate(52deg);
	-ms-transform: rotate(52deg);
	-o-transform: rotate(52deg);
	transform: rotate(52deg);
}

/*------------------------------------*\
		END INFO RECHTS IN HEADER
	\*------------------------------------*/

/*------------------------------------*\
		START MENU IN HEADER
	\*------------------------------------*/
.nav>ul li a img {
	min-width: 1px;
	display: inline-block;
	color: #fff !important;
	max-height: 45px !important;
	height: 45px !important;
	width: unset !important;
	margin: 0 auto !important;
	text-align: center !important;
	margin-bottom: 17px !important;
	transition: all 0.3s ease-in-out;
	position: absolute;
    right: 0px;
    left: 0px;
}

.nav>ul li a span {
	min-width: 1px;
	display: block;
	width: 100%;
	text-align: left;
	text-align: center !important;
	margin-top: 46px;
	transition: all 0.3s ease-in-out;
}
.down .nav>ul li a span {
	margin-top: 10px;
}
.nav>ul .mega-menu-wrapper li a img {
	margin-bottom: 55px !important;
}

/*------------------------------------*\
		END MENU IN HEADER
	\*------------------------------------*/

/*------------------------------------*\
    END HEADER
\*------------------------------------*/

/*------------------------------------*\
    START STICKY HEADER CSS
\*------------------------------------*/

.down .header-usps {
	padding: 0px;
}

.down .nav>ul li a img {
	max-height: 0px !important;
}

.down .header,
.down .header:after,
.down .header-flex {
	max-height: 138px;
	/*z-index: 160;*/
}
/* .down .header-flex-right {
	width: calc(100% - 88px);
} */
.down .header-flex {
	display: flex;
	align-items: center;
}
.down .header-flex-left .logo img {
	height:88px
}
.header-flex-right-top {
	transition: all 0.3s ease-in-out;
	max-height: 100%;
}
.down .header-flex-right-top {
	height: 0px;
	opacity: 0;
	position: relative;
	z-index: 0;
}
/* .down .active-header .header-flex-left:after {
	top:-70px;
	display: none;
} */
.down .header-flex-right {
	top: 0px;
}

.down .header-flex-left:after {
	top: -52px;
	width: 300%;
}

.down #menu-hoofdmenu>li.megamenu>ul.sub-menu {
	top: 127px;
}

/*------------------------------------*\
    END STICKY HEADER CSS
\*------------------------------------*/


/*------------------------------------*\
   START FIXED CTA
\*------------------------------------*/
.fixed-cta {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	padding: 30px 20px;
	width: 60px;
	height: 200px;
	top: 30%;
	z-index: 99999999;
	right: 0px;
	background: #F2F2F2;
}

.fixed-cta a {
	color: #333;
}

.fixed-cta .fab,
.fixed-cta .fa {
	font-weight: 900;
	font-size: 18px;
}

.fixed-cal {
	font-size: 20px;
}

.fixed-wa .fa {
	font-size: 19px;
}

/*
.fixed-cta div:before {
    display:block;
    font-family: FontAwesome;
	top: 20px;
    left: 22px;
    content: '\f082';
    position: relative;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	height: 60px;
    width: 60px;
    margin-bottom: 0px;
}

.fixed-cta div.linkedin:before {
    	content: '\f0e1'
}
.fixed-cta div.instagram:before {
	content: '\f16d'
}
*/
/*------------------------------------*\
	END FIXED CTA
\*------------------------------------*/



/*------------------------------------*\
   START RESPONSIVE TABEL
\*------------------------------------*/
.responsivetabel {
	margin: 3em 0;
	width: 100%;
}

.sidebar .responsivetabel {
	margin: 1em 0 2em 0;
}

.responsivetabel.prijs-sidebar {
	margin: 0em 0em 1em 0em;
}

.responsivetabel.prijs-sidebar tr {
	border-top: none;
	border-bottom: none;
}

.responsivetabel tr:nth-child(even) {
	background-color: #f6f6f6;
}

.responsivetabel th {
	display: none;
}

.responsivetabel td {
	display: block;
}

.responsivetabel td a {
	text-decoration: underline;
}

.responsivetabel td:last-child {
	padding-bottom: .5em;
}

.responsivetabel td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 6.5em;
	display: inline-block;
}

.responsivetabel a {
	color: #4e4e4e;
	display: inline-block;
	text-align: left;
	font-size: 14px;
	border-radius: 4px;
	padding: 0px;
}

.responsivetabel a:hover {
	color: #0c3646;
	text-align: left;
	background-color: none;
	;
}

@media (min-width: 768px) {
	.responsivetabel td:before {
		display: none;
	}

	.responsivetabel a {
		padding: 0px;
	}
}

.responsivetabel th,
.responsivetabel td {
	text-align: left;
}

@media (min-width: 768px) {

	.responsivetabel th,
	.responsivetabel td {
		display: table-cell;
		padding: 10px 10px 10px 30px;
		width: 0%;
	}

	.sidebar .responsivetabel td {
		padding-right: 10px;
	}

	.responsivetabel.prijs-sidebar th,
	.responsivetabel.prijs-sidebar td {
		width: 16%;
	}

	.responsivetabel.mhp th,
	.responsivetabel.mhp td {
		width: 76%;
	}

	.responsivetabel th {
		color: #333;
		font-weight: 300;
	}
}

.responsivetabel {
	border-radius: .4em;
	/*overflow: hidden;*/
}

.responsivetabel tr {
	border-color: #f1f1f1;
}

.responsivetabel th,
.responsivetabel td {
	margin: .5em 0em;
}

@media (min-width: 768px) {}

@media (max-width: 767px) {

	.responsivetabel th,
	.responsivetabel td:before {
		color: #333;
		font-weight: 300;
		width: 100%;
	}

	.responsivetabel td:before {
		padding-bottom: 0px;
	}

	.responsivetabel tr {
		border-color: #477f76;
	}

	.responsivetabel th,
	.responsivetabel td {
		margin: .1em 0em;
		padding: 10px;
	}
}

/*------------------------------------*\
   EINDE RESPONSIVE TABEL
\*------------------------------------*/

/*------------------------------------*\
    START MENU
\*------------------------------------*/

div.menu {
	z-index: 999;
}

.nav {}

.nav>ul {
	margin: 0;
	padding: 0
}

.header .nav ul {
	text-align: left;
	width: 100%;
	padding-left: 0px;
	margin: 0px;
	max-height: 120px;
	transition: all 0.3s ease-in-out;
}
.down .header .nav ul {
	max-height: 50px
}

.nav ul li {
	list-style: none;
	margin-bottom: 0;
	float: left;
	position: relative;
}

.nav ul li:before {
	content: none;
}

.nav ul li.current a:link,
.nav ul li.current a:visited,
.nav ul li.current a:active {
	color: #fff;
}

.nav ul li.current ul li a {
	color: #000 !important;
}

.nav ul li ul li.current {

}

.header .nav ul li {
	display: inline-block;
	float: inherit;
	padding: 0px 16px;
}

.header .nav > ul > li{
	padding: 0px;
}

.nav ul li a:link,
.nav ul li a:visited,
.nav ul li a:active {
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
	line-height: 2.5em;
	/* padding: 24px 0px; */
	padding: 30px 0px 0px;
	font-size: 15px;
	display: block;
	font-weight: 700;
	transition: all .5s ease-in-out;
	text-align: center;
}

.nav ul ul li.menu-item-has-children>a span:after,
.nav ul li.menu-item-has-children>a span span:after {
	content: '\f107';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-style: normal;
	font-size: 15px;
	margin: 0 0 0 8px;
	float: right;
}

.nav ul li.menu-item-has-children ul li>a {
	font-size: 14px;
	text-align: left;
}

.nav ul li ul li.menu-item-has-children ul li>a {
	font-size: 13px;
}

.nav ul ul li.menu-item-has-children>a:after {
	content: '\f105';
}

.header .nav ul li:first-child,
.header .nav ul li a:first-child {
	padding-left: 0px;
}

.header .nav ul li:last-child,
.header .nav ul li a:last-child,
.header .nav ul ul li:first-child,
.header .nav ul ul li a:first-child {

	padding-right: unset;
}

.header .nav ul ul li a:first-child {
	padding: 15px 10px 15px 19px;
}

.header .nav ul li:last-child,
.header .nav ul li a:last-child {
	padding-right: 0px;
    max-height: 120px;
}

.header .nav ul li:last-child:before {
	content: '';
	border-left: 2px solid #d00713;
	position: absolute;
	height: 80%;
	left: -27px;
	top: 10%;
}

.header .nav ul ul li:last-child:before {
	border-left: none;
}

.header .nav ul ul li {
	float: left;
	text-align: left;
}

.top-nav.nav ul li a:link,
.top-nav.nav ul li a:visited,
.top-nav.nav ul li a:active {
	text-transform: inherit;
	padding: 0 13px;
}

.nav ul li a:hover {
	color: #333;
}

.nav ul li.last-child a:link,
.nav ul li.last-child a:visited,
.nav ul li.last-child a:active {
	padding-right: 0;
}

.nav ul ul,
.nav ul ul ul {
	display: none;
}

.nav ul li:hover ul,
.nav ul ul li:hover ul {
	display: block;
}

.nav ul li ul li ul,
.nav ul li ul {
	position: absolute;
	left: 0px;
	text-align: left;
	top: 130px;
	background: #333;
	z-index: 3;
	margin-left: 0px;
	padding-left: 0;
}

.nav ul li ul li ul {
	top: 0px;
	left: 0px;
}

.nav ul li:hover ul,
.nav ul li:hover ul li {
	width: auto;
	z-index: 1000;
}

.nav ul li:hover ul ul {
	display: none;
}

.nav ul li:hover ul li:hover ul {
	display: block;
}

.nav ul ul li:hover,
.nav ul ul li:hover ul li {
	width: 290px;
	z-index: 1000;
}

.nav ul li.wpml-ls-item:hover ul,
.nav ul li:hover ul li.wpml-ls-item {
	width: 50px;
}

.header .nav ul ul li,
.nav ul ul li:first-child {
	padding-left: 0px;
	padding-right: 0px;
}

.nav ul ul li a:link,
.nav ul ul li a:visited,
.nav ul ul li a:active {
	line-height: 20px;
	padding: 15px 10px 15px 12px;
	color: #fff;
	height: 50px;
	font-size: 15px;
	border-left: none;
}

.nav ul ul li:last-child a,
.nav ul ul li:last-child a:link,
.nav ul ul li:last-child a:visited,
.nav ul ul li:last-child a:active {
	white-space: nowrap;
}

.nav ul ul li a:hover {
	background-color: #E20612;
	color: #fff;
}

.nav ul li.current_page_item ul li a:link,
.nav ul li.current_page_item ul li a:visited,
.nav ul li.current_page_item ul li a:active {
	color: #fff;
	border-top: none;
}

/*------------------------------------*\
    END MENU
\*------------------------------------*/

/*------------------------------------*\
    START MEGAMENU
\*------------------------------------*/

.mega-menu-pos-unset .wrap,
.mega-menu-pos-unset .col12.pos-unset,
/* .mega-menu-pos-unset .header-flex-right, */
.mega-menu-pos-unset ul li.megamenu {
	position: unset;
}

#menu-hoofdmenu>li.megamenu>ul>li {
	padding-top: 20px;
	width: 10% !important;
}

#menu-hoofdmenu>li.megamenu a {
	min-width: 1px;
	display: block;
	width: 100%;
	position:relative
}

#menu-hoofdmenu>li.megamenu a span {
	min-width: 1px;
	display: block;
	width: 100%;
	text-align: left !important;
}

.nav ul ul .mega-menu-wrapper li.menu-item-has-children>a:after,
#menu-hoofdmenu>li.megamenu ul a span:after {
	font-family: unset;
	content: none;
	display: none;
}

#menu-hoofdmenu>li.megamenu>ul.sub-menu {
	background-color: #F2F2F2;
	background-image: url(img/megamenu.png);
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	position: absolute;
	max-width: 100%;
	top: 190px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: left;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 101;
}

#menu-hoofdmenu>li.megamenu>ul>li {
	display: table-cell;
	float: none;
}

#menu-hoofdmenu>li.megamenu>ul.sub-menu a {
	padding: 20px 40px;
}

.megamenu .mega-menu-wrapper {
	max-width: 1400px;
	margin: 0 auto;
	min-height: 20px;
	box-sizing: border-box;
	padding: 55px 0 0 0;
	margin: 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	min-height: 475px;
	z-index: 1000;
}

/*
.megamenu .mega-menu-wrapper:before,
.megamenu .mega-menu-wrapper:after {
	background-color: #134095;
    content: '';
    position: absolute;
    top: 0;
    display: block;
    width: 50%;
    height: 100%;
    z-index: -1;
    right: -325px;
}
*/
.megamenu .mega-menu-wrapper:before {
	right: unset;
	left: -325px;
}

.nav #menu-hoofdmenu ul li.menu-item-has-children ul {
	top: 0px;
	position: relative;
	width: 100%;
}

.nav #menu-hoofdmenu ul li.menu-item-has-children .mega-menu-wrapper {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	min-height: unset;
	padding-top: 0px;
}

.nav #menu-hoofdmenu ul li.menu-item-has-children .mega-menu-wrapper:before,
.nav #menu-hoofdmenu ul li.menu-item-has-children .mega-menu-wrapper:after {
	content: none;
}

.nav #menu-hoofdmenu ul .mega-menu-wrapper li,
.nav #menu-hoofdmenu ul li.menu-item-has-children .mega-menu-wrapper li {
	height: unset;
	line-height: unset;
}

.nav #menu-hoofdmenu ul .mega-menu-wrapper li a,
.nav #menu-hoofdmenu ul li.menu-item-has-children .mega-menu-wrapper li a {
	font-family: 'Arvo', serif;
	margin-bottom: 20px;
	height: unset;
	line-height: unset;
	padding: 10px 40px;
	text-align: left;
	color: #333;
	text-transform: unset;
	font-size: 20px;
	font-weight: 700;
}

.nav #menu-hoofdmenu ul .mega-menu-wrapper li.menu-item-has-children li a {
	font-family: 'Open Sans', sans-serif;
	text-transform: unset;
	font-weight: 400;
	padding-top: inherit;
	color: #333;
	font-size: 15px;
	margin-bottom: 0px;
}

.nav #menu-hoofdmenu ul .mega-menu-wrapper li.menu-item-has-children li.more-item a {
	margin-top: 15px;
	color: #333;
	font-weight: 700;
}

.nav #menu-hoofdmenu ul .mega-menu-wrapper li.menu-item-has-children li.more-item a {
	position: relative;
	padding-left: 40px;
}

.nav #menu-hoofdmenu ul .mega-menu-wrapper li.menu-item-has-children li.more-item a:before {
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: 0px;
	margin-right: 5px;
	left: 0;
	content: '\f105' !important;
	font-size: 14px;
	color: #E20612;
	width: 20px;
}

.nav #menu-hoofdmenu ul .mega-menu-wrapper li a:hover,
.nav #menu-hoofdmenu ul .mega-menu-wrapper li.menu-item-has-children li a:hover {
	color: #E20612 !important;
	background: none;
}

.hide-in-menu>a {
	cursor: unset;
	color: #E20612 !important;
}

.nav #menu-hoofdmenu ul .mega-menu-wrapper li.hide-in-menu a:hover,
.hide-in-menu>a:hover {
	color: #E20612 !important;
}

.nav #menu-hoofdmenu ul li.menu-item-has-children ul {
	display: block;
	top: 0px;
	position: relative;
	width: 100%;
}

.nav #menu-hoofdmenu ul li.menu-item-has-children .mega-menu-wrapper {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	min-height: unset;
	padding-top: 0px;
}

.megamenu.megamenu-img .mega-menu-wrapper {
	justify-content: flex-start;
	padding: 25px 0 0 0;
}

#menu-hoofdmenu>li.megamenu.megamenu-img>ul.sub-menu a {
	font-size: 14px;
	text-align: left;
	margin-bottom: 5px;
}

.nav>ul li .sub-menu li a span {
	margin-top: 0;
}

#menu-hoofdmenu>li.megamenu .sub-menu a.menu-image-title-after span {
	width: 90%;
	display: inline-block;
}

.down .nav ul li ul li ul,
.down .nav ul li ul {
	top: 67px;
}

.down .nav ul li a:link,
.down .nav ul li a:visited,
.down .nav ul li a:active {
	padding: 0px;
	max-height: 50px;
}

.menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title{
	padding-left: 0;
}

/**
* New main-mega-menu
*/
nav.main-mega-menu > div > ul {
display: flex !important; 
justify-content: space-between !important;
}
nav.main-mega-menu > div > ul .mega-menu-item img {
object-fit: cover;
width:100%;
height:100px !important
}
nav.main-mega-menu > div > ul >li > ul.mega-sub-menu {
    background-image: url(/wp-content/uploads/2022/03/raster-bg.png) !important;
	overflow: hidden !important;
	background-position: center right !important;
	background-repeat: no-repeat  !important;
	-webkit-background-size: cover  !important;
	-moz-background-size: cover  !important;
	-o-background-size: cover  !important;
	background-size: cover !important;
    background-position: 300px 0px !important;
}
.down nav.main-mega-menu .mega-icon-top > a.mega-menu-link:before {
	max-height: 0px !important;
}
nav.main-mega-menu > div > ul > li > a.mega-menu-link {
transition: 0.3s !important;
}

.down nav.main-mega-menu > div > ul > li > a.mega-menu-link {
	height:60px !important;
	transition: 0.3s !important;
}
/*------------------------------------*\
    END MEGAMENU
\*------------------------------------*/

/**
* Cookiemelding overwrites
*/
#wt-cli-settings-btn,
#wt-cli-accept-btn,
#wt-cli-accept-all-btn {
transition: 0.3s;
}
#wt-cli-settings-btn:hover,
#wt-cli-accept-btn:hover {
	text-decoration:underline !important;
	opacity:0.8 !important;
}
#wt-cli-accept-all-btn:hover {
opacity:0.8
}
#cookie-law-info-bar {
border-top: 1px solid #ccc !important;
}
.cli-plugin-button,
.cli-bar-btn_container a,
.cli-bar-actions .btn_container a{
margin: 10px 0px !important;
width:100% !important;
text-align:center !important;
display:inline-block !important;
}
.cli-style-v3 .cli-bar-btn_container {
	width:100%
}
.wt-cli-category-widget {
	display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}
@media only screen and (max-width:550px) {
		.wt-cli-category-widget {
		grid-template-columns: 1fr !important;
	}
}

/*------------------------------------*\
    START FLAGSMENU
\*------------------------------------*/
.wpml-wrap {
	border-left: 1px solid #786F65;
    padding-left: 24px;
}

.wpml-ls-legacy-dropdown {
	width: 36px;
}
.wpml-ls-legacy-dropdown a {
	font-size: 14px;
	color:#786F65;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	padding-right: 0px;
	padding-left: 0px;
}
.wpml-ls-legacy-dropdown >ul>li> a {
    border: none;
	padding-top: 0px;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
	background: transparent;
}
.wpml-ls-legacy-dropdown>ul>li:first-child>a {
	background: transparent;
	padding-bottom: 0px;
}
.wpml-ls-legacy-dropdown>ul>li:before {
	content: '';
}
.wpml-ls-legacy-dropdown >ul>li>ul>li>a, 
.wpml-ls-legacy-dropdown >ul>li>ul>li>a {
	background: #786F65;
	border:none;
	color:#fff;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border-top:none;
}
.wpml-ls-legacy-dropdown >ul>li>ul>li>a:focus, 
.wpml-ls-legacy-dropdown >ul>li>ul>li>a:hover {
 background: #fff;
 color:#333;

}
ul.wpml-ls-sub-menu li:before {
	content: '';
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    margin: 0 0 0 8px;
    position: absolute;
    bottom: 3px;
	border:none;
	top:3px;
	right:0px; 
}
.astm-search-menu svg {
	width: 16px;
    height: 16px;
    position: relative;
	top: 1px;
}
/* 
.flags {
	position: relative;
}

.language-select {
	cursor: pointer;
	margin-top: -4px;
	width: 55px;
}

.flags a span {
	position: relative;
	padding-left: 10px;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
}

.flags img {
	max-width: 19px;
}

a.current span:after {
	content: '\f107';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-style: normal;
	font-size: 13px;
	margin: 0 0 0 8px;
	position: absolute;
	bottom: -1px;
}

.dropdown-menu:before {
	content: "";
	position: absolute;
	display: inline-block;
	top: -7px;
	right: 7px;
	border-bottom: 7px solid #333;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

.dropdown-menu {
	overflow: inherit !important;
	visibility: hidden;
	opacity: 0;
	float: left;
	min-width: 70px;
	list-style: none;
	margin: 2px 0 0 0;
	background: #333;
	position: absolute;
	top: 20px;
	right: -5px;
	z-index: 1000;
	width: 70px;
	background-clip: padding-box;
}

.dropdown-menu.off-screen {
	max-height: unset;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 900ms;
}

.dropdown-menu li {
	cursor: pointer;
	height: 30px;
	padding: 5px 10px 8px 10px !important;
	margin-bottom: 5px;
}

.dropdown-menu li:hover {
	background-color: #F2F2F2;
}

.dropdown-menu li:hover a span {
	color: #333;
}

.dropdown-menu li:last-child {
	margin-bottom: 0px;
} */

/*------------------------------------*\
    END FLAGSMENU
\*------------------------------------*/



/*------------------------------------*\
    START SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/

.social-icons {
	float: right;
	padding-top: 22px;
}

ul.social-media-icons,
ul.social-media-icons li {
	margin-bottom: 0px;
}

ul.social-media-icons li {
	padding-right: 16px;
}

.social-media-icons a {
	color: #fff;
	text-decoration: none !important;
}
.social-media-icons a i {
	border: 1px solid;
    border-radius: 999px;
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
}

.social-media-icons a:hover {
	color: #333;
}

.addtoany_shortcode {
	display: inline-block;
	  float: left;
}
.addtoany_shortcode  .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
	background-color: transparent !important;
	align-items: center;
	display: flex;
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span path {
	fill: #333 !important;
}
.addtoany_shortcode svg {
    height: 23px !important;
}
.share-button-wrap {
	    display: flex;
	    margin-top: 10px;
	    align-items: center;
}
.insta-link {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    margin-left: 10px;
    float: left;
    padding-top: 2px;
}
.insta-link:hover svg path {
	fill:#555
}

a.a2a_button_facebook svg {

}
/*------------------------------------*\
    END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/


/*------------------------------------*\
	START ICON LINK CONTENT CSS
\*------------------------------------*/
.blokken-icoon-titel-tekst-2 {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(2, 1fr);
}
.blokken-icoon-titel-tekst-3 {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(3, 1fr);
}
.blokken-icoon-titel-tekst-4 {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(4, 1fr);
}
.blokken-icoon-titel-tekst-5 {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(5, 1fr);
}
.blokken-icoon-titel-tekst-6 {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(6, 1fr);
}

.single-blok-icoon-titel-tekst {
	float: left;
	/* width: calc(33.333%);
	padding-right: 20px;
	padding-left: 20px; */
	opacity: 1;
	transition: 0.3s;
	padding-bottom:7px;
}

.bg-dk .single-blok-icoon-titel-tekst  {
 	background-color: #fff;
	padding: 24px 24px 36px;
	position: relative;
}
.bg-dk .single-blok-icoon-titel-tekst a.read-more {
	position: absolute;
    left: 24px;
    bottom: 24px;
}

.blok-icoon  img{
	height: 56px;
	margin-bottom: 24px;
	object-fit: contain;
}
.blok-titel h2,
.blok-titel h3,
.blok-titel h4 {
	font-weight: 700
}
.blok-image {
	overflow: hidden;
}
.blok-image img {
	aspect-ratio: 1;
	object-fit: cover;
}
.blok-icoon img {
	width: 70px;
	max-width: 70px;
	min-width: 70px;
}
.no-icon .blok-titel {
	width: 100%;
}

/*------------------------------------*\
	START ICON LINK CONTENT CSS
\*------------------------------------*/


/*------------------------------------*\
	START TITEL 2x CONTENT + BUTTONS CSS
\*------------------------------------*/
.titel-content-buttons-content-links {
	columns: 2;
	gap: 32px;
}

.titel-content-buttons-content-outer {
	gap: 32px;
}

.body-titel-content-buttons-section img {
	height:auto
}


/*------------------------------------*\
	END TITEL 2x CONTENT + BUTTONS CSS
\*------------------------------------*/


/*------------------------------------*\
	START REVIEW SLIDER CSS
\*------------------------------------*/

.section-review-slider .trustpilot-widget {
	width: 251px;
    left: -15px;
}

.recensie-slider .owl-stage {
	display: flex;
}

.recensie-slider .owl-item {
	background: #fff;
	padding: 60px 45px 55px 45px;
}

.recensie-slider .owl-item {
	color: #333;
}

.recensie-slider .owl-item h2,
.recensie-slider .owl-item h3 {
	color: #333;
	font-size: 20px;
	margin-bottom: 4px;
}

.recensie-slider .owl-nav {
	bottom: -120px;
	right: -251px;
}
.section-review-slider .review-header-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.section-review-slider .recensie-slider {
	overflow: hidden;
	padding-bottom: 48px;
}

.section-review-slider .swiper-slide {
	height: auto;
	display: flex;
}

.section-review-slider .swiper-wrapper {
	padding-bottom: 48px;
}

.section-review-slider .single-review {
	height: 100%;
	width:100%;
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 24px;
}
.section-review-slider .review-content {
	flex-grow: 1; 
}

.section-review-slider .single-review h2,
.section-review-slider .single-review h3,
.section-review-slider .single-review h4 {
	font-size: 21px;
	font-weight: 700;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: none !important
}

.swiper-button-next,
.swiper-button-prev {
	width: 48px !important;
	height: 48px  !important;
	top: auto  !important;
	bottom: 0px  !important;
	padding: 12px  !important;
	border: 1px solid #000 !important;
	border-radius: 8px  !important;
	background-color: #fff;;
}

.projects-carousel-section .swiper-button-next,
.projects-carousel-section .swiper-button-prev {
	top: 50%  !important;
	border: 0px !important;
}

.projects-carousel-section .swiper-button-next {
	right: 88px;
}
.projects-carousel-section .swiper-button-prev {
	left: 88px;
}
.projects-carousel-section {
	position: relative;
	overflow: hidden;
}
.section-intro {
	margin-bottom: 32px;
	margin-left: auto;
	margin-right: auto;
}
.projects-swiper-container {
	position: relative;
	margin-bottom: 40px;
}
.projects-label {
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 10;
	background: #fff;
	display: block;
	padding: 8px 16px
}
.project-card {
	background: #fff;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.project-image {
	height: 460px;
	overflow: hidden;
	position: relative;
}
.project-image img {
	transition: transform 0.3s ease;
	width: 100%;
	height: 100%;
}
.project-card:hover .project-image img {
	transform: scale(1.05);
}
.project-content .no-image {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
	color: #999;
}
.project-content {
	position: absolute;
	bottom: 24px;
	left: 24px;
	color: #fff;
	z-index: 20;
	width: calc(100% - 48px);
}
.project-content h3 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.swiper-button-next svg,
.swiper-button-prev svg {
	width: 14px !important
}

.recensie-slider .swiper-button-next {
	right: calc(50% - 96px);
	left: auto;
}

.recensie-slider .swiper-button-prev {
	left: calc(50% - 96px);
	right: auto ;
}

.section-review-slider .swiper-pagination {
	bottom: 16px !important;
}

.section-review-slider .recensie-slider .swiper-pagination-bullet {
	background: #333;
	opacity: 0.3;
}

.section-review-slider .recensie-slider .swiper-pagination-bullet-active {
	opacity: 1;
}
.bg-red * {
	color: #fff;
}
.bg-red * .check li:before {
	color: #fff;
}
.bg-red a:hover {
	background: #e9ecef;
	border-color: #e9ecef;
	color: #000 !important
}
.intervalling_content .image-col {
    display: flex;
    align-items: center;
}
.intervalling_content .image-col img {
    max-height: 250px; /* adjust as needed */
    width: 100%;
    object-fit: cover;
}

/* Individual Stars Styling */
.stars-container {
	display: flex;
	gap: 4px;
	/* White spacing between stars */
	margin-bottom: 16px;
	align-items: center;
}

/* Individual star styling */
.star {
	width: 18px;
	height: 18px;
	background-color: #00b67a;
	/* Green background for each star */
	/* Rounded corners for each star */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

/* Star icon inside each green box */
.star-filled::before {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url('img/star.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: brightness(0) invert(1);
	/* Makes the star white */
}

/* Empty star styling (optional) */
.star-empty {
	background-color: #e9ecef;
	/* Light gray for empty stars */
}

.star-empty::before {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url('img/star.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: brightness(0) invert(1);
	opacity: 0.3;
	/* Semi-transparent white for empty stars */
}


.review-content p {
	margin-bottom: 9px;
}

.review-naam {
	font-size: 12px;
	font-style: italic;
}

/*------------------------------------*\
	END REVIEW SLIDER CSS
\*------------------------------------*/


/*------------------------------------*\
	START TIJDLIJN CSS
\*------------------------------------*/
.tijdlijn-grid-outer {
	position: relative;
	height: 600px;
	margin-bottom: 20px;
}
.tijdlijn-grid-outer.big-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3,1fr);
	height: auto;
}
.tijdlijn-grid-outer.big-grid .single-foto-grid {
	position:relative;
	overflow:hidden;
}
.timeline-text {
	padding: 4px 8px;
    font-size: 12px;
    text-align: center;
    width: 100%;
    display: block;
}
.titel-boven-tijdlijn h2 {
	margin-bottom: 10px;
}

.single-foto-grid img {
	object-fit: cover;
	width:100%;
	height:300px;
}
.
.single-foto-grid {
	position: absolute;
}

.single-foto-grid.foto-normal {
	position: relative;
	float: left;
	width: calc(100%/3 - 14px);
	margin-right: 21px;
	margin-bottom: 20px;
}

.single-foto-grid.foto-normal:nth-child(3n+3) {
	margin-right: 0px;
}

.foto-nr-1 {
	width: 440px;
	height: 265px;
	left: 0px;
	top: 0px;
}

.foto-nr-1 img {
	width: 440px;
	height: 265px;
}

.foto-nr-2 {
	width: 350px;
	height: 210px;
	top: 200px;
	left: 250px;
	z-index: 3;
}

.foto-nr-2 img {
	width: 350px;
	height: 210px;
}

.foto-nr-3 {
	width: 635px;
	height: 375px;
	top: 70px;
	left: 480px;
}

.foto-nr-3 img {
	width: 635px;
	height: 375px;
}

.foto-nr-4 {
	width: 350px;
	height: 210px;
	left: 800px;
	top: 0px;
}

.foto-nr-4 img {
	width: 350px;
	height: 210px;
}

.foto-nr-5 {
	width: 350px;
	height: 210px;
	right: 0px;
	bottom: 0px;
}

.foto-nr-4 img {
	width: 350px;
	height: 210px;
}

.tijdlijn-jaar {
	position: absolute;
	top: 0px;
	color: #000;
	background: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 40px;
}

.tijdlijn-jaar h2,
.tijdlijn-jaar h3 {
	margin-bottom: 0px;
}

/*------------------------------------*\
	END TIJDLIJN CSS
\*------------------------------------*/

/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/

/*------------------------------------*\
    START CTA FOOTER
	\*------------------------------------*/
#footer-cta img {
	height:250px;
	object-fit: cover;
}
#footer-cta .image-block {
	position: absolute;
	bottom:-50px;
}

#footer-cta .image-block .d-block{
	padding-left: 25px;
}

/*------------------------------------*\
		START WATERMERK IN FOOTER CSS
	\*------------------------------------*/
.watermerk-logo-footer {
	width: 700px;
	position: absolute;
	top: 0px;
	height: 540px;
	left: unset;
	right: 450px;
	z-index: 10;
}

/*------------------------------------*\
		END WATERMERK IN FOOTER CSS
	\*------------------------------------*/

footer {
	position: relative;
}

footer,
.bottom-footer a,
.top-footer a,
footer a {
	font-weight: 300;
}

.footer{
	background-color: #fff;
}

.footer .widgetBar {
	display: grid;
	gap: 32px;
	grid-template-columns: 197px 2.5fr 3fr 3fr;
 }
 
 .footer .widgetBar > div {
	flex-direction: column;
 }

 .footer .widgetBar {
 	font-size: 14px; 
}

 .footer .logo-img {
	width: 132px;
	height: auto;
 }

a.font-700 {
	font-weight: 700;
}

.top-footer {
	position: relative;
	padding: 80px 0px 80px 0px;
	/* padding: 100px 0px 100px 0px; */
	background-position: center 50%;
	background-size: cover;
	overflow: hidden;
	background-color: #fff;
	/* background-color: #333; */
	color: #333;
	/* color: #fff; */
}

.logo-social-media-footer,
.bottom-footer {
	color: #333;
}

.top-footer h3 {
	margin-bottom: 16px;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	min-height: 20px;
}

.bottom-footer a,
.top-footer a {
	color: #333;
	text-decoration: underline;
}

.bottom-footer a:hover,
.top-footer a:hover {
	color: #E20612;
	text-decoration: underline;
}

.top-footer ul.arrow li:before {
	color: #E20612;
}

.top-footer .widget {
	/* float: left;
	width: calc(100% / 3);
	margin-right: 0%;
	padding: 0px 20px 0 0;
	z-index: 11; */
}

.bottom-footer {
	position: relative;
	z-index:10;
	
}
.bottom-footer .wrap {
	padding: 16px 0px;
}

.bottom-footer p {
	margin-bottom: 0px;
}

.colophon-grid {
	display: grid;
	grid-template-columns: max-content 1fr;
}

ul#menu-footer-menu,
ul.social-media-list-footer {
	margin-bottom: 0px;
}

.social-media-list-footer li {
	float: left;
	width: 30px;
	margin-right: 10px;
}

.social-media-list-footer li.facebook {
	margin-right: 6px;
}

.social-media-list-footer li .fab {
	font-size: 24px;
}

.social-media-list-footer a {
	position: relative;
	top: 0px;
	-webkit-transition: top .5s ease-in-out;
	-moz-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out;
}

.social-media-list-footer a:hover {
	top: -3px;
	left: 0px;
}

#menu-colophon li:before {
	content: none
}
#menu-colophon {
	display: flex;
}
.bottom-footer {
	font-size: 14px;
}
#menu-colophon li {
	margin-bottom: 0px;
}

ul#menu-footer-menu {
	float: left;
}

ul#menu-footer-menu li {
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	margin-bottom: 0px;
}

ul#menu-footer-menu li a {
	color: #333;
	/* color: #fff; */
	font-weight: 300;
}

ul#menu-footer-menu li:before {
	content: none;
}

ul#menu-footer-menu li:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #333;
	/* color: #fff; */
	left: unset;
	right: -1px;
	font-size: 7px;
	top: 5px;
	position: absolute;
	content: '\f715';
	-webkit-transform: rotate(52deg);
	-moz-transform: rotate(52deg);
	-ms-transform: rotate(52deg);
	-o-transform: rotate(52deg);
	transform: rotate(52deg);
}

ul#menu-footer-menu li:last-child:after {
	content: none;
}

.bottom-footer a,
.copyright {
	color: #333;
	/* color: #fff; */
}

.copyright a {
	font-weight: 700;
}

/* .footer:after{
	z-index: 1;
	content: '';
	background-image: url('/wp-content/uploads/2022/03/raster-bg.png');
	background-repeat: no-repeat;
	width: 350px;
	height: 100%;
	position: absolute;
	left: 0px;
	bottom: 0;
	-webkit-transform: rotate(180deg) scale(1.2);
    -ms-transform: rotate(180deg) scale(1.2);
    transform: rotate(180deg) scale(1.2);
} */

.footer-logo,
.footer-social-media {
	z-index: 100;
}

.footer-logo {
	/* margin-left: 210px; */
	/* width: 160px;
	height: 180px;
	background: #E20612; */
}

.footer-logo-inner img {
	width: 120px;
	max-width: 120px;
}

.footer-social-media .social-media-icons a:hover {
	color: #E20612;
}

.footer-logo-inner{
	position: relative;
}
.footer-logo-inner .footer-extra-content{
	position: absolute;
    left: 200px;
    top: 65px;
}
.footer-logo-inner .footer-extra-content span,
.footer-extra-content-mob span {
	font-size: 24px;
	font-weight: 600;
}

/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
		START RIJ 1 HOMEPAGE CSS
	\*------------------------------------*/
.blokken-rij-1-fp {
	float: left;
	width: 33.33333333%;
	padding-top: 110px;
}

.blokken-rij-1-fp.blok-links {
	padding: 110px 80px 110px 0px;
}

.blokken-rij-1-fp.blok-midden {
	position: relative;
	padding-left: 42px;
	padding-right: 42px;
}

.blokken-rij-1-fp.blok-midden:after {
	content: '';
	border-right: 2px solid #d3d3d3;
	position: absolute;
	height: calc(100% - 120px);
	right: 0px;
	top: 120px;
}

.blokken-rij-1-fp.blok-rechts {
	padding-left: 60px;
}

/*------------------------------------*\
			START RIJ 1 INFORMATIEVE LP CSS
		\*------------------------------------*/
.section-row-1-lp-informatief .blokken-rij-1-fp {
	width: 25%;
	margin-right: 100px;
}

.section-row-1-lp-informatief .blokken-rij-1-fp.blok-links {
	padding: 70px 80px 110px 0px;
}

.sidebar-blok-lp-informatief-rechs {
	float: left;
	width: calc(75% - 100px);
}

.sidebar-long {
	margin-bottom: 50px;
}

#menu-sidebar-system-menu li {
	font-weight: 700;
	color: #333;
	font-size: 15px;
	text-transform: uppercase;
	padding-left: 0px;
	margin-bottom: 60px;
}

#menu-sidebar-system-menu li.menu-item-has-children ul.sub-menu {
	display: none;
}

#menu-sidebar-system-menu li.menu-item-has-children.current-menu-parent ul.sub-menu {
	display: block;
}

#menu-sidebar-system-menu li.menu-item-has-children.current-menu-parent>a {
	margin-bottom: 25px;
	display: inline-block;
}

#menu-sidebar-system-menu li.menu-item-has-children>a:after,
#menu-sidebar-system-menu li ul.sub-menu li>a:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	font-size: 17px;
	margin: 0 0 0 15px;
	color: #999999;
	top: 0px;
	position: relative;
	right: 0px;
}

#menu-sidebar-system-menu li.menu-item-has-children.current-menu-parent>a:after {
	content: '\f107';
}

#menu-sidebar-system-menu li:before {
	content: none;
}

#menu-sidebar-system-menu li ul.sub-menu li {
	font-weight: 300;
	text-transform: initial;
	margin-bottom: 20px;
}

#menu-sidebar-system-menu li ul.sub-menu li>a:before {
	right: unset;
	left: 0px;
	color: #E20612;
	margin: 0 15px 0 0;
	font-size: 17px;
	top: 2px;
}

/*------------------------------------*\
			END RIJ 1 INFORMATIEVE LP CSS
		\*------------------------------------*/

/*------------------------------------*\
		END RIJ 1 HOMEPAGE CSS
	\*------------------------------------*/

/*------------------------------------*\
		START RIJ 2 HOMEPAGE CSS
	\*------------------------------------*/
.section-row-2-fp {
	background-color: #C0C4B9
}

.section-row-2-fp .eigen-productie {
	height:100%
}


.blokken-rij-2-fp.blokken-rij-2-fp-rechts {
	padding-left: 140px;
}

.blokken-rij-2-fp.blokken-rij-2-fp-rechts .svg-locations {
	background-color: #fff;
}

.blokken-rij-2-fp.blokken-rij-2-fp-rechts .svg-locations svg {
	width: 100%;
	height: auto;
	padding: 12px;
}

/*------------------------------------*\
		END RIJ 2 HOMEPAGE CSS
	\*------------------------------------*/


/*------------------------------------*\
		START RIJ VIDEO + TEKST CSS
	\*------------------------------------*/

.gr-blok-video {
	background: #F2F2F2;
	width: 620px;
	height: 380px;
	z-index: -1;
	float: revert;
	position: absolute;
	right: 60px;
	top: 60px;
}

.video-grijs-tekst-blok-single-left-inner {
	position: relative;
}

.video-grijs-tekst-blok-single-right-outer {
	columns: 2;
	gap: 32px;
	margin-bottom: 32px
}

.section-row-video-fp {
	background: linear-gradient(180deg, #DADDDA 50%, #FFF 50.01%);
}

.video-url {
	text-align: center;
	position: absolute;
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* .video-url a {
	color: #d00713;
	font-size: 30px;
	border-radius: 95px;
	padding-top: 18px;
	width: 95px;
	height: 95px;
	text-align: center;
	display: inline-block;
	border: 4px solid #d00713;
} */

.video-url a:hover {
	color: #fff;
	border-color: #fff;
}

.video-url .fas {
	font-size: 50px;
	color: #d00713;
}

.video-url a:hover .fas {
	color: #fff;
}
.post-type-archive-vimeo-video .image-border {
	border: 1px solid #dcdcdc;
}
.post-type-archive-vimeo-video a.has-linkedin:after,
.post-type-archive-vimeo-video a.has-image-link:after {
	bottom: 1px;
    right: 1px;
}
.vimeo-video-template-default iframe {
	border: 1px solid #dcdcdc;
}
/*------------------------------------*\
		END RIJ VIDEO + TEKST CSS
	\*------------------------------------*/

/*------------------------------------*\
    START PROJECT TEMPLATE CSS
\*------------------------------------*/
.slide-image-project,
.header-project,
.slider.slider-project {
	height:600px;
}
.projecten .loop-image {
	height: 100%;
	max-height: 200px;
}
.projecten .loop-image img {
	height: 100%
}

.project-slider .owl-nav,
.project-slider .owl-dots {
	display: none;
}
.single-project .sidebar-list .sidebar-content ul li:nth-child(2n+2):before {
	content:''
}

.slider-project {
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#section-row-2-lp-project{
	position: relative;
	overflow: hidden;
}
#section-row-2-lp-project:after{
z-index: -1;
    content: '';
    background-image: url(/wp-content/uploads/2022/03/raster-bg.png);
    width: 1019px;
    height: 926px;
    position: absolute;
    right: 0px;
    top: 11%;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.4);
    background-repeat: no-repeat;
    background-position: right;
}

/*------------------------------------*\
    END PROJECT TEMPLATE CSS
\*------------------------------------*/



/*------------------------------------*\
		START CAROUSEL COLUMN CSS
	\*------------------------------------*/
.carousel-column,
.carousel-column .owl-stage-outer,
.carousel-column .owl-stage,
.carousel-column .owl-item,
.carousel-column .slider,
.carousel-column .slide-image {
	height: 100%;
}

.carousel-column {
	position: relative;
}

.carousel-column .button {
	width: 80%;
	margin-left: 10%;
	text-align: center;
	margin-bottom: 125px;
}

/*------------------------------------*\
		END CAROUSEL COLUMN CSS
	\*------------------------------------*/

/*------------------------------------*\
		START ICON LINK PIJL CSS
	\*------------------------------------*/
.icon-link-arrow-icon {
	width: 70px;
}

.icon-link-arrow-icon img {
	width: 45px;
	max-width: 45px;
	min-width: 45px;
	margin-bottom: 10px;
}

.icon-link-arrow-title-link {
	width: calc(100% - 70px);
}

.blok-titel h3,
.icon-link-arrow-title h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

/*------------------------------------*\
		END ICON LINK PIJL CSS
	\*------------------------------------*/

/*------------------------------------*\
		START LOGO BOVEN FOOTER CSS
	\*------------------------------------*/
.single-logo {
	text-align: center;
}
.single-logo img {
	max-height: 88px;
	height: auto;
}
.logo-slider-footer .owl-stage {
	display: flex;
	align-items: center;
}
.logo-slider-footer .owl-item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo-slider-footer .single-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

/*------------------------------------*\
		END LOGO BOVEN FOOTER CSS
	\*------------------------------------*/

.section-bg-dubbel {
	background-position: 700px 0px;
}

.post-intro-fp {
	margin-bottom: 30px;
}

.post-container-fp {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 38px;
	background: #fff;
	position: relative;
}

.post-container-fp h3 {
	font-size: 15px;
	line-height: 25px;
	font-weight: 600;
}

.post-container-fp-lees-meer-container {
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0;
}

.post-container-fp a.read-more,
.post-container-fp a.read-more:after {
	font-weight: semi-bold;
	color: #E20612;
	left: 30px;
}

.post-container-fp a.read-more:after {
	left: 3px;
}

.post-container-fp a.read-more:hover,
.post-container-fp a.read-more:hover:after {
	color: #333;
	left: 33px;
}

.post-container-fp a.read-more:hover:after {
	left: 6px;
}

.post-container-fp:nth-child(3) {
	margin-right: 0%;
}

.post-container-inner-fp {
	padding: 40px 30px 80px 30px;
}

.post-date-fp {
	color: #E20612;
	margin-bottom: 3px;
}

.gradient-half {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 50%;
	background-color: rgba(0, 0, 0, 0.8);
}

.gradient-half-left {
	right: unset;
	left: 0px;
}

/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/



/*------------------------------------*\
    START SEARCH PAGE CSS
\*------------------------------------*/
.header-lp-sidebar {
 	height:200px;
 	background-position: center;
}
/*------------------------------------*\
    END SEARCH PAGE CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
.template-sidebar-content {
	padding-right: 65px;
}

.sidebar-lp {
	background-color: #f6f6f6;
	padding: 65px 50px;
	margin-top: 0px;
	margin-bottom:10px;
}

.sidebar-lp h2,
.sidebar-lp h3 {
	color: #E20612;
	margin-bottom: 1em;
}
.sidebar-lp ul {
		margin-bottom: 1.75em;
}
.sidebar-lp,
.sidebar-lp a {
	color: #333;
}

.sidebar-lp a {
	font-weight: 400;
}

.sidebar-lp a:hover {
	color: #333;
	left: 3px;
}

/*------------------------------------*\
    END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/


/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
.template-sidebar-news article {
	padding: 25px 0px;
	border-bottom: 1px solid #f1f1f1;
}

.template-sidebar-news article h2 {
	font-size: 1.4em;
	margin: 0 0 10px 0;
}

.news-overzicht-container {
	display: flex;
	flex-flow: row wrap;
}

.foto-news {
	float: left;
	width: 150px;
	margin-right: 40px;
}

.foto-news img {
	height: 100px;
	width: 100%;
	object-fit: cover;
}

.content-news {
	float: left;
	width: calc(100% - 190px);
	margin-bottom: 0px;
}

.template-sidebar-news article a.read-more {
	font-weight: 400;
	color: #777;
	font-size: 15px;

}

.template-sidebar-news article a.read-more:after {
	color: #333;
	font-size: 19px;
	top: 2px;
}

.template-sidebar-news article a.read-more:hover {
	left: 3px;
	color: #E20612;
}

.template-sidebar-news article a.read-more:hover:after {
	color: #E20612;
}

/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/


/*------------------------------------*\
    START SINGLE NEWS TEMPLATE CSS
\*------------------------------------*/

.single-post .sidebar-lp {
	margin-top: 0px;
}

.single-news-template .has-post-thumbnail img {
	max-height: 250px;
	object-fit: cover;
	width: 100%;
	margin-bottom: 25px;
}

.date ul {
	margin-bottom: 0px;
}

.date ul li {
	padding-left: 20px;
}

.single-news-template .alignnone {
	margin: 0px;
}


/*------------------------------------*\
    END SINGLE NEWS TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START VLOERAFWERKING TEMPLATE CSS
\*------------------------------------*/
.breadcrumb-margin {
	margin-top: 240px;
}
.breadcrumb-margin-small {
	margin-top: 225px;
}

.table-wrap,
.afwerking-tabel-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}

.afwerking-tabel-intro {
	margin-bottom: 40px;
}

.content-intro {
	margin-top: 50px;
}

.content-blokken .afwerking-tabel-filter {
	margin: 40px 0;
}

.content-blokken .content-blok-single {
	width: 48%;
	float: left;
	display: inline-block;
}

.content-blokken .content-blok-single:nth-child(odd) {
	margin-right: 2%;
}

.content-blokken .content-blok-single:nth-child(even) {
	margin-left: 2%;
}

.content-blok-single .content-blok-single-head {
	width: 100%;
	height: auto;
	display: block;
	overflow: auto;
}

.content-blok-single .content-blok-single-head .content-blok-single-head-icon {
	width: 50px;
	float: left;
}

.content-blok-single .content-blok-single-head .content-blok-single-head-title {
	width: auto;
	float: left;
	padding: 10px;
	font-size: 18px;
}

.content-blok-single .content-blok-single-head .content-blok-single-head-title p {
	margin-bottom: 0;
}

.filter-vloerafwerking,
.filter-cpt {
	list-style: none;
	padding: 0;
	overflow: auto
}
.filter-cpt {
	overflow:unset
}
ul.filter-cpt {
	justify-content: center;
	text-align: center;
}
.filter-cpt li:before {
 display: none;
}
.filter-vloerafwerking li, 
.filter-cpt li {
	display: inline-block;
	width: auto;
	padding: 15px 20px 15px 30px;
	border: 1px solid #000;
	font-weight: 600;
	margin: 0px 15px 15px 0;
	cursor: pointer;
	transition: 0.3s;
	border-radius: 8px;
}
.filter-cpt li {
	padding: 15px 20px 15px 20px;
}
.filter-vloerafwerking li:before {
	color: #000;
	content: '\f067';
	position: absolute;
	top: 15px;
	left: 12px;
	width: auto;
	font-size: 10px;
}

.filter-vloerafwerking li:hover {
	cursor: pointer
}
ul li.filterSelected a {
	color:#fff;
}

.afwerking-tabel-row .intro-tabel {
	width: 300px;
}

.afwerking-tabel-row .item-tabel {
	width: 16%;
}

.section-repeater-list .icon {
	height: 100px;
	display: flex;
	background: #E20612;
	width: 100px;
	margin: auto;
	margin-top: -50px;
	position: relative;
	border-radius: 50px;
	padding: 5px;
}
.bullet-list .icon {
	height: 100px;
	display: flex;
	background: #E20612;
	width: 100px;
	margin: auto;
	margin-top: -110px;
	position: relative;
	border-radius: 50px;
	padding: 5px;
	top:-10px;
}

.bullet-list .bullet-row {
	padding: 8px 10px 10px 80px;
	font-weight: 600;
	position: relative;
	margin-bottom: 15px;
	border-bottom: 2px solid #333222;
	background-color: #fff;
}
.bullet-list .bullet-row p {
	margin-bottom: 0px; 
}
.bullet-list .bullet-row span {
	padding: 10px 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #E20612;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	height: 100%;
	text-align: right;
}

.section-text-text .bullet-list {
	background-color: #F2F2F2;
	padding: 70px 30px 30px;
}
.bullet-list .bullet-row span {
    min-width: 70px;
}


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

	.afwerking-tabel-row .item-tabel,
	.afwerking-tabel-row .intro-tabel {
		width: 22%;
	}
	
}

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

	.afwerking-tabel-row .item-tabel,
	.afwerking-tabel-row .intro-tabel {
		width: 30%;
	}
	.wpml-ls-legacy-dropdown >ul>li> a {
 	   border: none;
	}
	/* .down .header-flex-left:before {
		top:0px;
	} */
	.page-template-template-content .breadcrumb-margin-small,
	.page-template-template-informatie.breadcrumb-margin-small	{
		margin-top: 195px;
	}
	h1.heading-bar {
	background:transparent !important
	}
	
}

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

	.afwerking-tabel-row .item-tabel,
	.afwerking-tabel-row .intro-tabel {
		width: 48%;
	}

	.afwerking-tabel-row .intro-tabel {
		font-size: 10px;
	}
}

.afwerking-tabel-row .intro-tabel,
.afwerking-tabel-row .item-tabel {
	margin-bottom: 20px;
}

.afwerking-tabel-row .intro-tabel div,
.afwerking-tabel-row .item-tabel div {
	height: 40px;
}

.afwerking-tabel-row .intro-tabel div:nth-of-type(2n+1) {
	background: #F1F1F1;
}

.afwerking-tabel-row .intro-tabel div:first-child {
	background: #fff;
}

.afwerking-tabel-row .intro-tabel div {
	padding: 10px 15px;
	font-weight: 700;
}

.afwerking-tabel-row .item-tabel div:nth-of-type(2n+1) {
	background: #F1F1F1;
}

.afwerking-tabel-row .item-tabel div:first-child {
	background: #fff;
}

.afwerking-tabel-row .item-tabel div {
	display: inline-block;
	width: 100%;
	padding: 10px 15px;
}

.afwerking-tabel-row .item-tabel .fa-star,
.afwerking-tabel-row .item-tabel .fa-euro-sign {
	color: #ddd;
	width: 15px;
}

.afwerking-tabel-row .item-tabel .fa-star.red-star,
.afwerking-tabel-row .item-tabel .fa-euro-sign.red-euro {
	color: #E20612;
}

.afwerking-tabel-row .item-tabel .title {
	font-weight: 800;
	font-size: 18px;
}

.afwerking-tabel-row .item-tabel .functie,
.afwerking-tabel-row .item-tabel .floortype {
	font-size: 14px;
}

.afwerking-tabel-row .item-tabel .title,
.afwerking-tabel-row .item-tabel .functie,
.afwerking-tabel-row .item-tabel .floortype {
	padding: 10px 0;
}

.afwerking-tabel-row .intro-tabel {
	margin-right: 1.2%;
}

.afwerking-tabel-row .item-tabel {
	margin: 0 1.2%;
}

.afwerking-tabel-row .item-tabel.item-3,
.afwerking-tabel-row .item-tabel.item-7,
.afwerking-tabel-row .item-tabel.item-11,
.afwerking-tabel-row .item-tabel.item-15 {
	margin-right: 0;
}

.functie {
    height: 75px !important;
    max-height: 100%;
    display: flex !important;
    padding: 10px !important;
}
.intro-tabel-functie {
	height: 75px !important;
    display: flex;
}

.hide-vloerafwerking {
	display: none;
}
.hide-vloerafwerking {
	opacity: 0;
}
.show-vloerafwerking {
	opacity: 1;
}

.filterSelected {
	background-color: #000;
	color: #fff;
}

.filter-vloerafwerking li.filterSelected:before {
	color: #fff;
}

.bg-grey {
	background: #F2F2F2;
}
.bg-red {
	background: #E20612;
}

.sidebar-custom {
	padding: 60px 20px 60px 0;
}

.bg-grey.sidebar-custom:before {
	content: '';
	position: absolute;
	background: #F2F2F2;
	left: -260px;
	top: 0px;
	z-index: -1;
	width: 260px;
	height: 100%;
}

.sidebar-list {
	margin-bottom: 40px;
}

.sidebar-list:last-child {
	margin-bottom: 0px;
}

.sidebar-list .sidebar-head {
	font-weight: 800;
	margin-bottom: 13px;
}

.sidebar-list .sidebar-head:after {
	content: '\f054';
	color: #999999;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
	margin: 0 0 0 8px;
}

.sidebar-list .sidebar-head:hover {
	cursor: pointer;
}

.sidebar-list.open-list .sidebar-head:after {
	content: '\f107';
	font-size: 15px;
}

.sidebar-list .sidebar-content {
	display: none;
}

.sidebar-list.open-list .sidebar-content {
	display: block;
}

.sidebar-list .sidebar-content ul {
	margin-bottom: 0;
}

.sidebar-list .sidebar-content ul li {
	padding-left: 10px;
}

.sidebar-list .sidebar-content ul li:before {
	content: '\f054';
	width: auto;
	font-size: 10px;
	top: 5px;
}



/*------------------------------------*
    END VLOERAFWERKING TEMPLATE CSS
\*------------------------------------*/

/* Custom Niels */
#section-banner{
	background-size: 100%;
	background-position: center center;
	object-fit: contain;
	background-repeat: no-repeat;
}

.vertical-center{
	align-items: center;
}

#section-tijdlijn .tijdlijn-grid-outer{
	margin-top: 80px;
}

#section-review-slider{
	position: relative;
}
#section-review-slider:before{
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: #D1CFD7;
}

.openingstijden .dag{
	width:40px;
	float: left;
	display: inline-block;
}

.col9 .medewerker-contact{
	padding-right: 40px;
}

#intro-vacatures #sidebar h3,
.sidebar-widget h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 16px;
}

#sidebar ul.contact-list{
	margin-bottom: 1.75em;
}

#sidebar ul.contact-list li{
margin-bottom: 0;
line-height: 1.75em;
}

#sidebar ul.contact-list li:before{
	color: #E20612;
}

/* medewerker-row-vert */
.medewerker-row-vert .medewerker-single{
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	overflow: auto;
}

.medewerker-row-horz .medewerker-single .medewerker-info,
.medewerker-row-vert .medewerker-single .medewerker-info{
	width: 60%;
	float: left;
	display: inline-block;
	padding-right: 30px;
}

.medewerker-row-horz .medewerker-single .medewerker-info h4,
.medewerker-row-vert .medewerker-single .medewerker-info h4{
	text-transform: none;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 35px;
}

.medewerker-row-horz .medewerker-single .medewerker-image,
.medewerker-row-vert .medewerker-single .medewerker-image{
	width: 40%;
	float: left;
	display: inline-block;
}

.medewerker-row-horz .medewerker-single .medewerker-image a,
.medewerker-row-vert .medewerker-single .medewerker-image a{
	width: 100%;
	height: 100%;
	display: inline-block;
}

.medewerker-row-horz .medewerker-single .medewerker-image a img,
.medewerker-row-vert .medewerker-single .medewerker-image a img{
	width: 100%;
	height: auto;
}

a.has-linkedin {
	position: relative;
	display: inline-block;
}

a.has-image-link:hover {
	opacity: 0.8;
	cursor: pointer;
}

a.has-linkedin:after,
a.has-image-link:after {
	display: inline-block;
	background: url(img/arrow-right.svg) no-repeat center;
	background-size: 50%;
	bottom: 0;
	right: 0;
	content: '';
	position: absolute;
	transition: left ease 0.5s;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #ffff;
	padding: 25px;
}
a.has-linkedin:before{
	content: 'in';
	position: absolute;
    top: 5px;
    right: 5px;
	padding: 5px 8px;
	background:#eee;
	font-weight: 800;
}

/* medewerker-row-vert */
.medewerker-row-horz{
	display: flex;
	flex-flow: row wrap;
}
.medewerker-row-horz .medewerker-single{
	width:50%;
	padding:40px 20px;
}

.medewerker-row-horz .medewerker-single{
	border: 1px solid transparent;
}

.sidebar-content{
	margin-top: 25px;
}
.medewerker-row-horz .medewerker-single:nth-child(1){
	border-right: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
}
.medewerker-row-horz .medewerker-single:nth-child(2){
	border-bottom: 1px solid #F2F2F2;
}
.medewerker-row-horz .medewerker-single:nth-child(3){
	border-right: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
}
.medewerker-row-horz .medewerker-single:nth-child(4){
	border-bottom: 1px solid #F2F2F2;
}
.medewerker-row-horz .medewerker-single:nth-child(5){
	border-right: 1px solid #F2F2F2;
}
.medewerker-row-horz .medewerker-single:nth-child(6){

}

.medewerker-row-horz .medewerker-single:nth-child(1),
.medewerker-row-horz .medewerker-single:nth-child(3),
.medewerker-row-horz .medewerker-single:nth-child(5){
	padding-left: 0;
}
.medewerker-row-horz .medewerker-single:nth-child(2),
.medewerker-row-horz .medewerker-single:nth-child(4),
.medewerker-row-horz .medewerker-single:nth-child(6){
	padding-right: 0;
}
.medewerker-info .medewerker-phone,
.medewerker-info .medewerker-mail{
	position: relative;
	padding-left: 20px;
}
.medewerker-info .medewerker-phone:before,
.medewerker-info .medewerker-mail:before{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	left: 0;
	top: 3px;
	color: #E20612;
	font-size: 12px;	
}
.medewerker-info .medewerker-phone:before{
	content: '\f095';
	transform: rotate(90deg);
}
.medewerker-info .medewerker-mail:before{
	content: '\f2b6';
}

#contact-locations {
	margin-bottom: 40px;
}

.locatie-rij{
	width: 100%;
	background: #F2F2F2;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.locatie-rij > div{
	width:calc(100% / 3);
}
.locatie-rij img{
	width: 100%;
	height:auto;
	min-height: 400px;
	max-height: 400px;
}
.map-blok p{
	margin-bottom:0px;
	line-height: 0;
}
.map-blok {
	position: relative;
}
.map-blok iframe {
	height:100%;
	position: absolute;
}
.mapsvg a {
	color: #e32012;
}
.mapsvg h4 {
	margin-bottom:10px
}
.locatie-rij .contact-info-blok{
	padding: 40px;
	/* align-items: center;
	display: flex; */
}
.locatie-rij .contact-info-blok h3{
	font-size: 16px;
	text-transform:uppercase;
	margin-bottom: 20px;
}
.locatie-rij .contact-info-blok h4{
	font-size: 15px;
	margin-bottom: 0px;
}

.locatie-rij .contact-info-blok p{
	margin-bottom: 0;
}

.locatie-rij .contact-info-blok .contact-details,
.locatie-rij .contact-info-blok .contact-us{
	margin-bottom: 30px;
}

.image-slider{
	position: relative;
}

.slider-blok .owl-nav.disabled{
	display: none;
}
.slider-blok .owl-nav .owl-next.disabled .nav-btn{
	background: url(img/arrow-right-gr.svg) no-repeat center;
}
.slider-blok .owl-nav .owl-prev.disabled .nav-btn{
	background: url(img/arrow-left-gr.svg) no-repeat center;
}
.slider-blok .owl-nav .owl-next.disabled:hover,
.slider-blok .owl-nav .owl-prev.disabled:hover{
	cursor:default;
}

.slider-blok .image-slider,
.slider-blok .image-slider .owl-stage-outer,
.slider-blok .image-slider .owl-stage-outer .owl-stage,
.slider-blok .image-slider .owl-stage-outer .owl-stage .owl-item,
.slider-blok .image-slider .owl-stage-outer .owl-stage .owl-item>div,
.slider-blok .image-slider .owl-stage-outer .owl-stage .owl-item img {
	height:100%;
	min-height: 100%;
	object-fit: cover;
}
.slider-blok .image-slider {
	height: 100%;
}
.slider-blok .image-slider .owl-stage-outer {
	height: 100%;
}

.openingstijden .day{
	width: 120px;
	display: inline-block;
}

.content-contact h2,
.medewerker-contact h2 {
	font-size: 28px;
	margin-bottom: 20px;
}
.content-contact .round-image {
    border-radius: 9999px;
    height: 150px;
    width: 150px;
    object-fit: cover;
    margin: auto;
    text-align: center;
    display: flex;
	margin-bottom:10px; 
}

.route-image{
	width: 100%;
	height: auto;
	width: calc(100% - 40px);
	height: auto;
	box-shadow: 40px 40px 0px #eee;
}

.contact-field{
	background: #F2F2F2;
	padding: 10px;
	margin-bottom: 10px;
	overflow: auto;
}

.contact-field .label{
	font-weight: 600;
    float: left;
    display: inline-block;
		height:40px;
		line-height: 40px;
}

.contact-field input,
.contact-field textarea{
	padding: 0;
	margin: 0;
	display:inline-block;
	background: #F2F2F2;
	
	border: none;
	max-width: 90%;
}
.contact-field .wpcf7-form-control-wrap{
	display: inline-block;
	float: left;
	line-height: 40px;
}

.contact-field span:before{
	display: inline-block;
	float: left;
	
}

.contact-field .your-name:before{
	content: "Naam | ";
	font-weight: 800;
	width: 15%;
	min-width: 100px;
}
.contact-field .your-name input{
	width: 85%;

}
.contact-field .your-email:before{
	content: "E-mailadres | ";
	font-weight: 800;
	width: 25%;
	min-width: 100px;
}
.contact-field .your-email input{
	width: 75%;

}
.contact-field .tel-172:before{
	content: "Telefoonnummer | ";
	font-weight: 800;
	width: 35%;
	min-width: 150px;
}
.contact-field .tel-172 input{
	width: 65%;

}
.contact-field .your-message{
	position: relative;
}
.contact-field .your-message:before{
	content: "Vraag of opmerking |";
	font-weight: 800;
	width: 100%;
}
.contact-field .your-message input{
	width: 85%;
}

#wpcf7-f10-o1 .wpcf7-submit{
	background-color: #00b300;
	border-color: #00b300;
	width: 240px;
	margin-top: 20px;
}

.-m-t-40{
	margin-top: -40px;
}

.adres-footer{
	margin-bottom: 50px;
}
.footer ul{
	margin-bottom: 0;
}

.trustpilot-outer{
	padding:10px;
	background: #eef1f6;
}
.trustpilot-outer .trustpilot-inner{
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fff;
	padding:40px;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.download-item a img {
    height: 100%;
    object-position: top;
    min-height: 263px;
}
.download-item a svg {
	
	position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 7px;
    background: #fff;
    fill: #E20612;
} 
.archive .download-item .blok-titel {
	padding-right:0px !important;
}
.archive  .download-item .blok-titel {
	font-size:12px !important;
	padding:12px !important;
	background: #F2F2F2 !important;
	margin-bottom:0px;
	min-height:85px;
	font-weight:700;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}
.downloads-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:16px;
}


/* START Partner Page - filter */
.nav-filter {
	list-style: none;
	padding: 0;
	overflow: auto
}
.nav-filter {
	overflow:unset;
	margin-bottom:20px;
}
#container-async {
	flex-direction: column;
}
#container-async .status {
	margin-bottom: 10px; 
}
#container-async .content {
    display: grid;	
}
.content.home-partners {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.home-partners .pagination {
	display: none;
}
.buttons {
    position: absolute;
    bottom: -60px;
}
.nav-filter li:before {
 display: none;
}

.nav-filter li {
	display: inline-block;
	width: auto;
	padding: 15px 30px 15px 30px;
	border: 1px solid #000;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0px 15px 15px 0;
	cursor: pointer;
	transition: 0.3s;;
}
.nav-filter li:hover,
.nav-filter li.active {
	background-color: #000;

}
.nav-filter li:hover a,
.nav-filter li.active a {
	color: #fff
}

.partner-item {
	padding: 30px 45px 90px;
	transition: 0.3s;
}
.partner-item h3 {
	font-size: 20px;
}
.partner-item a.premium-partner h3:hover {
	color:#E20612;
}
.partner-item svg {
	height:12px;
	fill:#E20612;
}
.partner-item.type-Premium-partner:hover {
	background-color:#d2d2d2;
}
.partner-terms {
	text-align: right;
}
.partner-terms span {
    background: #000;
    color: #fff;
    padding: 4px 7px;
    margin-left: 4px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
}
.partner-item .buttons svg {
	fill: #E20612;
}
#container-async ul.pagination {
	list-style: none;
	display: flex;
	margin-top:10px
}
#container-async ul.pagination li .current {
	color: #E20612
}
#container-async ul.pagination li:before {
	display: none;
}
.header-lp-slogan {
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.header-lp-slogan h2 {
	color: #fff;
	font-weight: 500;
}
.partner-footer-block .partner-block {
	padding:45px 45px 115px 45px;
	position: relative;
}
.partner-footer-block .partner-block .button {
	position: absolute;
	bottom:45px;
	text-align: center;
	width: calc(100% - 90px);
}
.partner-footer-block .partner-block-outer {
	display: grid;
    grid-template-columns: repeat(3,1fr);
	gap: 20px;
}
.partner-image-gallery {
	display: grid;
    grid-template-columns: repeat(4,1fr);
	gap: 20px;
}
.partner-image-gallery .image-wrap {
	height:308px
}
.partner-image-gallery .image-wrap img {
transition: 0.3s;
}
.partner-image-gallery .image-wrap:hover img {
	opacity: 0.8;
}
.partner-image-gallery .image-counter {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
li.icon-globe:before {
	content: '\f0ac';
	font-size: 12px;
}
li.icon-phone:before {
	content: '\f095';
    font-size: 12px;
    transform: rotate(90deg);
    right: 15px;
    position: absolute;
    left: -3px;
    top: 10px;
}
li.icon-mail:before {
	content: '\f0e0';
	font-size: 12px;
}
li.icon-location:before {
	content: '\f3c5';
	font-size: 12px;
}
.location-thumb {
	object-fit: contain;
    width: auto;
    max-height: 42px;
    max-width: 200px;
}

.body-logo-slider-section .wrap,
.bottom-footer .wrap {
	border-top: 1px solid #F2F2F2
}

/* END Partner Page - filter */

.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}

.projects-carousel-section {
	position: relative;
	overflow: hidden;
}
.section-intro {
	margin-bottom: 32px;
	margin-left: auto;
	margin-right: auto;
}
.projects-swiper-container {
	position: relative;
	margin-bottom: 40px;
}
.projects-label {
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 10;
	background: #fff;
	display: block;
	padding: 8px 16px
}
.project-card {
	background: #fff;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.project-image {
	height: 460px;
	overflow: hidden;
	position: relative;
}
.project-image img {
	transition: transform 0.3s ease;
	width: 100%;
	height: 100%;
}
.project-card:hover .project-image img {
	transform: scale(1.05);
}
.project-content .no-image {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
	color: #999;
}
.project-content {
	position: absolute;
	bottom: 24px;
	left: 24px;
	color: #fff;
	z-index: 20;
	width: calc(100% - 48px);
}
.project-content h3 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:1600px) {
	.wrap {
		max-width: 1250px;
		min-height: 20px;
		box-sizing: border-box;
	}

	.wrap-xl {
		max-width: 1400px;
	}

	.wrap-small {
		max-width: 50%;
	}

	.wrap.wrap-full {
		max-width: 100%;
	}
}

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

	.wrap,
	.wrap-xl {

		max-width: calc(100% - 200px);
		margin: 0 100px;
	}
	.wrap-small {
		max-width: 800px;
		width:100%;
		justify-content: center;
		display: flex;
		margin:auto;
	}
	.wrap.wrap-full {
		max-width: 100%;
		margin: 0 auto;
	}
}

@media only screen and (max-width:1550px) {
	.nav>ul li a img {
		height: 35px !important;
		transition: all 0.3s ease-in-out;
	}

	.nav ul li a:link,
	.nav ul li a:visited,
	.nav ul li a:active {
		font-size: 14px;
		padding: 33px 0px 28px 0px;
		transition: all 0.3s ease-in-out;
	}

	.header .nav ul li {
		padding: 0px 0px;
	}

	.nav>ul li a span {
		font-size: 12px;
		margin-top: 40px;
	}
}

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

/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/
	.font-24px-1450 h2,
	.font-24px-1450 h3,
	.font-24px-1450 p,
	p.font-24px-1450,
	.font-28px-1450 h2,
	.font-28px-1450 h3,
	.font-28px-1450 p,
	p.font-28px-1450 {
		font-size: 28px;
	}

	.font-24px-1450 h2,
	.font-24px-1450 h3,
	.font-24px-1450 p,
	p.font-24px-1450 {
		font-size: 24px;
	}

	.font-22px-1450 h2,
	.font-22px-1450 h3,
	.font-22px-1450 p,
	p.font-22px-1450 {
		font-size: 22px;
	}

	.font-20px-1450 h2,
	.font-20px-1450 h3,
	.font-20px-1450 p,
	p.font-20px-1450 {
		font-size: 20px;
	}

/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/

/*------------------------------------*\
    START SLIDER CSS
\*------------------------------------*/
	.home-slider .owl-item,
	.home-slider .slide-image,
	.home-slider .slider {
		height: 700px;
	}

	/* .slider-content {
		margin-top: 315px;
	} */

	/* .slider-content h2 {
		font-size: 40px;
		color: #fff;
	} */

	.watermerk-logo {
		width: 500px;
		bottom: -42px;
		height: 382px;
	}

/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/

/*------------------------------------*\
    START HEADER CSS
\*------------------------------------*/

	/* .header-flex-left {
		width: 155px;
		position: relative;
	} */

	.header-flex-right {
		width: calc(100% - 87px);
	}
	.down .header-flex-right {
		width: calc(100% - 66px);
	}
	.header-flex-right-top {
		height: 36px;
	}
	/* .header-flex-left .logo img {
		max-width: 100px;
		width: 100px;
	} */

	.megamenu .mega-menu-wrapper {
		flex-flow: row wrap;
		justify-content: flex-start;
		min-height: 675px;
	}

	.nav #menu-hoofdmenu ul .mega-menu-wrapper li {
		width: 33.333%;
		margin-bottom: 30px;
	}

	.nav #menu-hoofdmenu ul .mega-menu-wrapper li ul li {
		width: 100%;
		margin-bottom: 0px;
	}


/*------------------------------------*\
    END HEADER CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
		START RIJ VIDEO + TEKST CSS
	\*------------------------------------*/

	.gr-blok-video {
		right: 130px;
	}

/*------------------------------------*\
		END RIJ VIDEO + TEKST CSS
	\*------------------------------------*/

/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/

}

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

	/* .wrap{
		max-width: calc(100% - 300px);
		margin: 0 auto;
	} */
	.wrap.wrap-full {
		max-width: 100%;
	}

/*------------------------------------*\
	START TIJDLIJN CSS
\*------------------------------------*/
	.tijdlijn-grid-outer {
		position: relative;
		height: 750px;
	}

	.foto-nr-2 {
		top: 115px;
		left: 60%;
	}

	.foto-nr-3 {
		top: 200px;
		left: 280px;
	}

	.foto-nr-3 img {
		width: 635px;
		height: 375px;
	}

	.foto-nr-4 {
		left: 0px;
		border: 100px;
		top: unset;
		bottom: 100px;
	}

/*------------------------------------*\
	END TIJDLIJN CSS
\*------------------------------------*/

}

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

/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-1300 {
		display: none;
	}

	.show-1300 {
		display: block;
	}

/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.header .wrap-xl {
		max-width: calc(100% - 0px);
		margin: 0 20px;
	}
	.share-button-wrap {
		display: block;
	}
	.share-button-wrap strong {
		margin-bottom: 15px;
	}
	.share-button-wrap-inner {
		position: relative;
		left: -10px;
	}
	/* .header-flex-left:before {
		width: 110px;
		left: -70px;
		max-height: 180px;
	} */


}

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

/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-1200 {
		display: none;
	}

	.show-1200 {
		display: block;
	}

/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/

/*------------------------------------*\
    START HEADER
\*------------------------------------*/

	.nav ul li a:link,
	.nav ul li a:visited,
	.nav ul li a:active {
		font-size: 12px;
		padding: 6px 0 0 0;
	}

	.header-flex-right-top-search {
		width: 40%;
	}

	.header-flex-right-top-info {
		width: 60%;
	}

	.watermerk-logo {
		width: 250px;
		bottom: -31px;
		height: 267px;
	}

/*------------------------------------*\
    END HEADER
\*------------------------------------*/

/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
		START RIJ 1 HOMEPAGE CSS
	\*------------------------------------*/
	.blokken-rij-1-fp,
	.sidebar-blok-lp-informatief-rechs
	{
		width: 50%;
		padding-top: 50px;
	}
	
	.section-row-1-lp-informatief .blokken-rij-1-fp {
		width: 30%;
		padding-top: 50px;
	}

	.blokken-rij-1-fp.blok-links {
		padding: 110px 40px 60px 0px;
	}

	.blokken-rij-1-fp.blok-midden {
		padding-left: 42px;
		padding-right: 0px;
	}

	.blokken-rij-1-fp.blok-rechts {
		width: 100%;
		padding-left: 0px;
	}

	.blokken-rij-1-fp.blok-midden:after {
		display: none;
	}
	.nav>ul li a span {
		margin-top: 35px;
	}
/*------------------------------------*\
		END RIJ 1 HOMEPAGE CSS
	\*------------------------------------*/


/*------------------------------------*\
		START RIJ VIDEO + TEKST CSS
	\*------------------------------------*/


	.gr-blok-video {
		width: 570px;
		height: 320px;
		right: 30px;
		top: 35px;
	}
	/* .header-flex-left:before {
		max-height: 159px;
	} */
	.down .nav>ul li a span {
		margin-top:15px;
	}
/*------------------------------------*\
		END RIJ VIDEO + TEKST CSS
	\*------------------------------------*/



/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/


/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
	


/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/

}

@media only screen and (max-width:1150px) {
	.hide-1150 {
		display: none;
	}

	.show-1150 {
		display: block;
	}

	.watermerk-logo.watermerk-logo-home {
		bottom: 5px;
	}
	.menu-header .button {
		font-size: 10px;
	}
	#mega-menu-wrap-main-mega-menu #mega-menu-main-mega-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link {
		font-size: 14px;
	}
}

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

/*------------------------------------*\
		START HEADER
	\*------------------------------------*/
	.header .nav ul li {
		padding: 0px 0px;
	}

	.nav ul li a:link,
	.nav ul li a:visited,
	.nav ul li a:active {
		text-transform: unset;
	}
	nav.main-mega-menu > div > ul > li > a.mega-menu-link span {
		text-transform: initial;
	}
/*------------------------------------*\
		END HEADER
	\*------------------------------------*/

}

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

/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-1024 {
		display: none;
	}

	.show-1024 {
		display: block;
	}
	.order-1-1024 {
		order:1;
	}
	.order-2-1024 {
		order:2;
	}

/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/

/*------------------------------------*\
    START HEADER
\*------------------------------------*/
	.header-flex-right {
		top: 0px;
	}
	.header-flex {
		height: 118px;
	}
	.down .header-flex,
	.down .header-flex-left .logo img {
		height:87px
	}
	.down .header {
		max-height: 122px;
	}
	
	/* .header-flex-left:before {
		height: 118px;
	} */

	.menu-header {
		height:80px
	}
	.down .header,
	.down .header:after {
		height: 170px;
	}

	.nav ul ul li.menu-item-has-children>a span:after,
	.nav ul li.menu-item-has-children>a span:after {
		margin: 2px 0 0 8px;
	}

	
/*------------------------------------*\
		START LOGO IN HEADER
	\*------------------------------------*/


/*------------------------------------*\
		END LOGO IN HEADER
	\*------------------------------------*/

	/* .header-flex-left .logo img {
		max-width: 115px;
		width: 75px;
	} */

/*------------------------------------*\
		START SEARCH IN HEADER
	\*------------------------------------*/
	.header-flex-right-top-search,
	.header-flex-right-top-info {
		width: 100%;
	}

	/* .header-flex-right::after {
		right: -3%;
	} */
	/* .header-flex-right::after {
		width: 100px;
	} */

/*------------------------------------*\
		END SEARCH IN HEADER
	\*------------------------------------*/

/*------------------------------------*\
		START INFO RECHTS IN HEADER
	\*------------------------------------*/

/*------------------------------------*\
		END INFO RECHTS IN HEADER
	\*------------------------------------*/

/*------------------------------------*\
		START MENU IN HEADER
	\*------------------------------------*/

/*------------------------------------*\
		END MENU IN HEADER
	\*------------------------------------*/

/*------------------------------------*\
    END HEADER
\*------------------------------------*/



/*------------------------------------*\
    START RESPONSIVE MENU
\*------------------------------------*/
	.btn-stroke:hover.c-hamburger--htx.is-active span {
		background: none;
	}

	[id*="menu-mobile-menu"]  {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	[id*="menu-mobile-menu"]  li {
		line-height: 1.8em;
		margin-bottom: 10px;
		padding: 4px 0px 4px 15px;
		position: initial;
		float: left;
		clear: both;
		display: inline-block;
	}

	[id*="menu-mobile-menu"]  li:before {
		content: none;
	}

	[id*="menu-mobile-menu"]  li .sub-menu a,
	[id*="menu-mobile-menu"]  li a {
		font-size: 18px;
		color: #333;
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		cursor: pointer;
		text-align: left;
		min-height: inherit !important;
	}

	[id*="menu-mobile-menu"]  li .sub-menu a {
		font-weight: 300;
		text-transform: unset;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children .sub-menu .menu-item-has-children a:after,
	[id*="menu-mobile-menu"]  .menu-item-has-children a:after,
	[id*="menu-mobile-menu"]  li.haschild>a:after {
		content: '\f105';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-style: normal;
		font-size: 17px;
		margin: 0 0 0 15px;
		color: #999999;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children .sub-menu .menu-item-has-children a:after {
		display: none;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children .sub-menu .menu-item-has-children a:before {
		content: '\f105';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-style: normal;
		font-size: 17px;
		margin: 0 10px 0 0px;
		color: #E20612;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children .sub-menu .menu-item-has-children li a:before {
		display: none;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children ul li a:after {
		display: none;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children ul li.menu-item-has-children a:after {
		display: block;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children ul li.menu-item-has-children li a:after {
		display: none;
	}

	[id*="menu-mobile-menu"]  li a:hover {
		/*color:#999;*/
	}

	[id*="menu-mobile-menu"]  li.current>a {
		color: #e21a22;
	}

	[id*="menu-mobile-menu"]  .sub-menu,
	[id*="menu-mobile-menu"]  .child {
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children.active .sub-menu,
	[id*="menu-mobile-menu"]  .haschild.active .child {
		display: block;

	}

	[id*="menu-mobile-menu"]  .menu-item-has-children.active .sub-menu ul.sub-menu,
	[id*="menu-mobile-menu"]  .haschild.active .child ul.child {
		display: none;

	}

	[id*="menu-mobile-menu"]  .menu-item-has-children.active .sub-menu li.active ul.sub-menu,
	[id*="menu-mobile-menu"]  .haschild.active .child .active ul.child {
		display: block;

	}

	[id*="menu-mobile-menu"]  .menu-item-has-children,
	[id*="menu-mobile-menu"]  .haschild {
		ttop: 0%;
		ooverflow-x: hidden;
		ooverflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		list-style: none !important;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children.active,
	[id*="menu-mobile-menu"]  .haschild.active {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0;
		margin: 0;
		background-color: #F2F2F2;
		border-bottom: 0;
		padding-top: 0px;
		z-index: 2;
		line-height: 1.5em;
		height: auto;
		display: inline-block;
		float: left;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children.active>a,
	[id*="menu-mobile-menu"]  .haschild.active>a {
		padding-left: 15px !important;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children.active>a:before,
	[id*="menu-mobile-menu"]  .haschild.active>a:before {
		display: none;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children.active .mobile-close,
	[id*="menu-mobile-menu"]  .first-child .mobile-exit,
	[id*="menu-mobile-menu"]  .haschild.active .mobile-close {
		position: absolute;
		z-index: 2;
		cursor: pointer;
		float: right;
		font-size: 17px;
		background: #F2F2F2;
		top: 6px;
		right: 0px;
		line-height: 30px;
		text-align: center;
		color: #999999 !important;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children.active .sub-menu .mobile-close,
	[id*="menu-mobile-menu"]  .first-child .sub-menu .mobile-exit,
	[id*="menu-mobile-menu"]  .haschild.active .sub-menu .mobile-close {
		right: -16px;
	}

	[id*="menu-mobile-menu"]  .mobile-exit .c-hamburger {
		margin-left: 3px;
		margin-top: 2px;
	}

	[id*="menu-mobile-menu"]  .mobile-exit .c-hamburger span::before,
	[id*="menu-mobile-menu"]  .mobile-exit .c-hamburger span::after {
		background-color: #ffffff;
	}

	[id*="menu-mobile-menu"]  .menu-item-has-children .mobile-close i,
	[id*="menu-mobile-menu"]  .haschild.active .mobile-close i {
		pointer-events: None;
	}

	.mobile-menu-container .logo-lt {
		max-width: 200px;
	}

	.mobile-menu-container .wpml-ls-menu-item .wpml-ls-flag {
		width: 30px;
		height: 30px;
	}

	.mobile-menu-container .icon-mail,
	.mobile-menu-container .icon-phone {
		float: left;
		width: 100%;
		margin: 0 0 1.5em 0;
	}

	.c-hamburger span::before {
		top: -8px;
	}

	.c-hamburger span::after {
		bottom: -8px;
	}

	.c-hamburger--htx span {
		transition: background 0s all .3s ease-in-out;
	}

	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
		transition-duration: all .3s ease-in-out, all .3s ease-in-out;
		transition-delay: all .3s ease-in-out, 0s;
	}

	.c-hamburger--htx span::before {
		transition-property: top, transform;
	}

	.c-hamburger--htx span::after {
		transition-property: bottom, transform;
	}

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {}

	.c-hamburger--htx.is-active > span {
		background: none;
	}
	.c-hamburger--htx.is-active > span svg,
	.c-hamburger--htx.is-active > span > span {
		opacity: 0;
	}

	.c-hamburger--htx.is-active > span::before {
		top: 0;
		transform: rotate(45deg);
	}

	.c-hamburger--htx.is-active > span::after {
		bottom: 0;
		transform: rotate(-45deg);
	}

	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
		transition-delay: 0s, all .3s ease-in-out;
	}

	.mobile-menu {
		position: relative;
		right: 0px;
		margin-left: 30px;
		z-index: 100;
		top: 0px;
		display: flex;
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
		color: #000;
		font-size: 11px;
	}

	.is-sticky .mobile-menu {
		top: -24px;
	}

	.c-hamburger {
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
        width: 33px !important;
        height: 28px;
		/* font-size: 0;
		text-indent: -9999px; */
		appearance: none;
		box-shadow: none;
		border-radius: none;
		cursor: pointer;
		background: none;
		border: 0;
		bbackground: #fff;
		margin: 0px;
		border-radius: 0px;
		/* transition: background all .3s ease-in-out; */
	}

	.down .c-hamburger {
		background: none;
	}

	.c-hamburger span {
		display: block;
		/* background: url(img/open-menu.svg) no-repeat 50%; */
		background-size: cover;
		cursor: pointer;
		height: 28px;
		margin-left: 0px;
		opacity: 1;
		-webkit-transition: .3s ease-out;
		-o-transition: .3s ease-out;
		transition: .3s ease-out;
		width: 35px;
	}

	.c-hamburger--htx.is-active span {
		background: url(img/xmark-solid-full.svg) no-repeat;
        position: relative;
        left: 4px;
		width:35px;
	}

	/*
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 16px;
		left: 0px;
		right: 0px;
		background: #fff;
		width: 60%;
		margin-left: 38%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.c-hamburger span::before,
	.c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background-color: #fff;
		content: "";
	}
	*/
	.btn-stroke:hover.c-hamburger span,
	.btn-stroke:hover.c-hamburger span::before,
	.btn-stroke:hover.c-hamburger span::after {
		background-color: #A72072
	}

	.down .c-hamburger span,
	.down .c-hamburger span::before,
	.down .c-hamburger span::after {
		background-color: @#000000;

	}

	.btn-stroke:hover.c-hamburger--htx.is-active span {
		background: none;
	}

	.mobile-menu-container .logo-lt {
		max-width: 260px;
		padding-left: 16px;
	}

	.container-wrapper {
		-webkit-transition: -webkit-transform all .3s ease-in-out ease;
		-moz-transition: -moz-transform all .3s ease-in-out ease;
		-o-transition: -o-transform all .3s ease-in-out ease;
		transition: transform all .3s ease-in-out ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		/* ease-in-out */

	}

	.mobile-menu-container {
		background-color: #F2F2F2;
		padding: 10px 0 20px 0px;
		position: fixed;
		top: 0px;
		left: -75%;
		bottom: 0;
		z-index: 100000;
		display: block !important;
		width: 75% !important;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition: .3s ease-in-out ;
		-webkit-transition: .3s ease-in-out ;
		transition: .3s ease-in-out ;

		/* ease-in-out */
	}

	.down .mobile-menu-container {
		top: 0px;
	}

	.off-screen {
		left: 0;
	}

	.off-screen+* {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 5;
		width: 100%;
		overflow: hidden;
		-webkit-transition: -webkit-transform .3s ease;
		-moz-transition: -moz-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		transition: transform .3s ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-delay: 0.1s;
		/* Safari */
		transition-delay: 0.1s;
	}

	.logo-mobile img {
		max-width: 100px;
		padding: 15px 0px 15px 15px;
	}

	.contact-mobile-menu .contact-block-mobile-menu {
		padding-left: 16px;
		margin-top: 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
		padding-bottom: 10px;
	}

	.contact-mobile-menu,
	.contact-mobile-menu a,
	.contact-mobile-menu h2,
	.contact-mobile-menu h3 {
		color: #fff;
	}

	.contact-mobile-menu h3 {
		font-weight: 400;
	}

	.contact-mobile-menu li {
		padding-left: 0px;
	}

	.contact-mobile-menu li:before {
		content: none;
	}

	.contact-mobile-menu .wpml-ls-legacy-list-horizontal {
		padding: 0px;
		padding-left: 0px;
		border: none;
	}

	.contact-mobile-menu .wpml-ls-legacy-list-horizontal a {
		padding-left: 0px;
	}

	.mobile-cta .fixed-cta {
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
		position: relative;
		padding: 0px 20px;
		width: 100%;
		height: unset;
		top: 0px;
		right: 0px;
		background: unset;
		border-bottom: 1px solid #d3d3d3;
		width: calc(100% - 40px);
		margin-left: 20px;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}

/*------------------------------------*\
    END RESPONSIVE MENU
\*------------------------------------*/


/*------------------------------------*\
	START CUSTOM CSS
\*------------------------------------*/
	p#breadcrumbs {
		margin-bottom:10px;	
	}
.bg-gr-before-full:after{
		content: '';
		position: absolute;
		background: #F2F2F2;
		right: -252px;
		top: 0px;
		z-index: -1;
		width: 252px;
		height: 100%;
	}
	#intro-vacatures{
		overflow:hidden;
	}
	.wrap {
		max-width: 90%;
		margin: 0px auto;
	}

	.content-blokken .content-blok-single {
		width: 100%;
	}

	.content-blokken .content-blok-single:nth-child(even) {
		margin-left: 0;
	}

	.header-flex-right {
		padding-left: 0px
	}
	.masonry .cell:nth-child(2) {
		padding: 50px 0px 50px 100px;
	}
	#intro-vacatures .vacature-item .col6 {
		margin-left: 0px;
		margin-right:20px;
    	margin-bottom: 25px;
		width:calc(50% - 40px);
	}
	/* #intro-vacatures a {
		display: block;
	} */
	#intro-vacatures .read-more {
		position: relative;
		left: 0px;
	}
	
/*------------------------------------*\
	END CUSTOM CSS
\*------------------------------------*/

/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
		START TITEL 2x CONTENT + BUTTONS CSS
	\*------------------------------------*/
	.titel-content-buttons-content-links,
	.titel-content-buttons-content-rechts {
		width: 100%;
	}

/*------------------------------------*\
		END TITEL 2x CONTENT + BUTTONS CSS
	\*------------------------------------*/

/*------------------------------------*\
		START RIJ 2 HOMEPAGE CSS
	\*------------------------------------*/
	.blokken-rij-2-fp {
		width: calc(50% - 20px);
		margin-right: 40px;
	}

/*------------------------------------*\
		END RIJ 2 HOMEPAGE CSS
	\*------------------------------------*/


/*------------------------------------*\
		START RIJ VIDEO + TEKST CSS
	\*------------------------------------*/


	.video-grijs-tekst-blok-single-left {
		max-width: 100%;
		width: 100%;
	}

	.video-grijs-tekst-blok-single-left-inner img {
		object-fit: cover;
		width: 100%;
	}

	.gr-blok-video {
		display: none;
		width: 100%;
		height: 420px;
		right: 0px;
		top: 8px;
	}

/*------------------------------------*\
		END RIJ VIDEO + TEKST CSS
	\*------------------------------------*/

/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
	.template-sidebar-content {
		padding-right: 0px;
	}

	.sidebar-lp {
		padding: 25px;
	}

	.sidebar-widget {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

/*------------------------------------*\
    END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/

	.partner-item {
		padding: 30px 45px;
	}
	.partner-item .buttons {
	position: relative;
	bottom: unset;
	}
	.partner-footer-block .partner-block-outer {
	grid-template-columns: repeat(1,1fr);
	}
	.partner-image-gallery {
	grid-template-columns: repeat(2,1fr);
	}
	.section-review-slider .review-header-grid {
		grid-template-columns: 1fr;
	}
	
}

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

/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-900 {
		display: none;
	}

	.show-900 {
		display: block;
	}

/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/

/*------------------------------------*\
    START HEADER
\*------------------------------------*/
	.header-flex-left {
		width: 140px;
	}

	.header-flex-left .logo img {
		max-width: 85px;
		width: 85px;
	}

	.header-flex-right {
		width: calc(100% - 140px);
	}

/*------------------------------------*\
    END HEADER
\*------------------------------------*/

/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
		START ICON LINK CONTENT CSS
	\*------------------------------------*/
	/* .single-blok-icoon-titel-tekst {
		width: 100%;
		margin-right: 0px;
		padding-right: 0px;
		padding-left: 0px;
	} */

	
	.blokken-icoon-titel-tekst-2,
	.blokken-icoon-titel-tekst-3,
	.blokken-icoon-titel-tekst-4,
	.blokken-icoon-titel-tekst-5,
	.blokken-icoon-titel-tekst-6 {
		grid-template-columns: repeat(2, 1fr);
	}
/*------------------------------------*\
		START ICON LINK CONTENT CSS
	\*------------------------------------*/
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
	START TIJDLIJN CSS
\*------------------------------------*/
	.tijdlijn-grid-outer {
		margin-top: 60px;
		height: unset;
	}

	.single-foto-grid {
		position: relative;
		float: left;
		width: calc(50% - 10px);
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.big-grid {
		grid-template-columns: repeat(2,1fr) !important;
	}
	.big-grid .single-foto-grid {
		width:auto;
		margin:0px;
		float:none
	}

	.single-foto-grid:nth-child(2n+2) {
		margin-right: 0px;
	}

	.foto-nr-1 img,
	.foto-nr-2 img,
	.foto-nr-3 img,
	.foto-nr-4 img,
	.foto-nr-5 img {
		width: 100%;
		height: 200px;
	}

	.foto-nr-1,
	.foto-nr-2,
	.foto-nr-3,
	.foto-nr-4,
	.foto-nr-5 {
		height: unset;
		left: unset;
		top: unset;
		right: unset;
		bottom: unset;
	}

	.single-foto-grid.foto-nr-5 {
		width: 100%;
		margin-right: 0px;
	}

	.foto-nr-5 img {
		height: 300px;
	}

/*------------------------------------*\
	END TIJDLIJN CSS
\*------------------------------------*/

/*------------------------------------*\
	START MAP CSS
\*------------------------------------*/

	.map-blok iframe {
		position: relative;
		height: 400px;
	}

/*------------------------------------*\
	END MAP CSS
\*------------------------------------*/

/*------------------------------------*\
	START FOOTER CSS
\*------------------------------------*/
	.top-footer .widget {
		width: 33%;
	}

	.top-footer .widget.widget-last {
		width: 100%;
		padding: 0px 0px 0px 30px;
	}
	.colophon-grid {
		display: flex;
		flex-direction: column;
		gap:8px;
		text-align: center;
	}
	.home-slider .owl-item h1, .home-slider .owl-item h2 {
		font-size: 42px;
	}


/*------------------------------------*\
	END FOOTER CSS
\*------------------------------------*/

}

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

/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-800 {
		display: none;
	}

	.show-800 {
		display: block;
	}

/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/

	.locatie-rij > div{
		width: 100%;
		padding: 0 40px;
	}
	.locatie-rij > div:last-child{
		padding: 40px;
	}
	.locatie-rij img{
		mmin-height: 0;
		max-height: auto;
	}
	.footer .widgetBar {
		grid-template-columns: 1fr 1fr;
	}

}

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

/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-768 {
		display: none;
	}

	.show-768 {
		display: block;
	}

/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/

	/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/

	h1 {
		font-size: 2.4em;
	}

	h2 {
		font-size: 2.1em;
	}

	/* .home h1,
	.home h2 {
		font-size: 24px;
	} */

	h1.big,
	h2.big {
		font-size: 40px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 20px;
	}

	.sidebar-custom {
		padding: 30px 20px 30px 0;
	}



	.medewerker-row-horz .medewerker-single{
		width: 100%;
		border: none;
		border-right: none!important;
		border-bottom: 1px solid #F2F2F2;
		padding: 40px 0!important;
	}
	.medewerker-row-horz .medewerker-single:last-child{
		border-bottom: none;
	}
	#section-banner {
		min-height: 125px;
		height:auto;
		margin-bottom: 60px;
	}
	#section-banner img {
		height: 100%;
		object-fit: cover;
	}



	/*------------------------------------*\
   CUSTOM CSS
\*------------------------------------*/
.section-bg-dubbel {
	background-position: 200px 0px;
}

.titel-boven-tijdlijn h2{
	font-size: 1.6em;
}

.p-l-0-768{
	padding-left: 0;
}

.p-r-0-768{
	padding-right: 0;
}

.p-t-0-768{
 padding-top: 0;
}
.p-b-0-768{
 padding-bottom: 0;
}
.p-l-20-768{
	padding-left: 20;
}

.p-r-20-768{
	padding-right: 20;
}

.p-t-20-768{
 padding-top: 20;
}
.p-b-20-768{
 padding-bottom: 20;
}
.order-1-768{
	order: 1;
}
.order-2-768{
	order: 2;
}

.medewerker-contact{
	padding-right: 0;
}

.route-image{
		width: calc(100% - 10px);
    box-shadow: 10px 10px 0px #eee;
}


.col9 .medewerker-contact {
	padding-right: 0px;
}
	.page-template-template-content .breadcrumb-margin-small,
	.page-template-template-informatie.breadcrumb-margin-small	{
		margin-top: 160px;
	}
	/*------------------------------------*\
    START SLIDER CSS
\*------------------------------------*/
	.body-slider .owl-item,
	.body-slider .slider,
	.body-slider .slide-image,
	.body-slider .slide-image.slider-small,
	.lp-informatief-slider .owl-item,
	.lp-informatief-slider .slider,
	.lp-informatief-slider .slide-image {
		height: 300px;
	}

	.watermerk-logo {
		width: 100%;
		position: absolute;
		bottom: 0px;
		height: auto;
		left: 0px;
		z-index: 10;
		max-width: 100%;
		padding-top: 67%;
	}

	/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/

	/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/

	/*------------------------------------*\
		START RIJ 1 HOMEPAGE CSS
	\*------------------------------------*/
	.blokken-rij-1-fp, 
	.section-row-1-lp-informatief .blokken-rij-1-fp,
	.sidebar-blok-lp-informatief-rechs {
		width: 100%;
		padding-top: 50px;
	}

	.blokken-rij-1-fp.blok-links {
		padding: 60px 0px 60px 0px;
	}

	.blokken-rij-1-fp.blok-midden {
		width: 50%;
		padding-left: 0px;
		padding-right: 40px;
	}

	.carousel-column,
	.carousel-column .owl-stage-outer,
	.carousel-column .owl-stage,
	.carousel-column .owl-item,
	.carousel-column .slider,
	.carousel-column .slide-image {
		height: 400px;
	}

	.blokken-rij-1-fp.blok-midden:after {
		content: '';
		border-right: 2px solid #d3d3d3;
		position: absolute;
		height: calc(100% - 60px);
		right: 0px;
		top: 60px;
		display: block;
	}

	.blokken-rij-1-fp.blok-rechts {
		width: 50%;
		padding-left: 40px;
	}

	.blok-titel h3,
	.icon-link-arrow-title h3 {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.icon-link-arrow-icon {
		width: 50px;
	}

	.icon-link-arrow-icon img {
		width: 35px;
		max-width: 35px;
		min-width: 35px;
		margin-bottom: 5px;
	}

	.icon-link-arrow-title-link {
		width: calc(100% - 50px);
	}

	/*------------------------------------*\
		END RIJ 1 HOMEPAGE CSS
	\*------------------------------------*/

	/*------------------------------------*\
		START RIJ 2 HOMEPAGE CSS
	\*------------------------------------*/
	.blokken-rij-2-fp {
		float: left;
		width: 100%;
		margin-right: 0px;
	}

	.blokken-rij-2-fp.blokken-rij-2-fp-rechts {
		margin-top: 20px;
		margin-right: 0px;
	}
	.header-usps .wrap-usps {
	    flex-direction: column;
    	justify-content: center;
	}
	.header-usps .header-trustpilot {
		height: 32px;
		right: 0px;
		order: 1 ;
		width: auto;
		justify-content: center;
	}
	.header-usps .wrap-usps span {
		order: 2;
        text-align: center;
	}
	.header .wrap-xl {
		margin: 0 5px;
	}
	.header-usps .wrap-usps span {
		display: none;
	}
	.titel-content-buttons-content-links,
	.video-grijs-tekst-blok-single-right-outer {
		columns: 1
	}
	.section-row-video-fp {
		background: linear-gradient(180deg, #DADDDA 75%, #FFF 50.01%);
	}
	.header-holder {
		height: 150px;
	}

	.grid-gallery-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-gallery-4 {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-gallery-5 {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-gallery-6 {
		grid-template-columns: repeat(2, 1fr);
	}
	/*------------------------------------*\
		END RIJ 2 HOMEPAGE CSS
	\*------------------------------------*/

	/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/

}

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

	/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-670 {
		display: none;
	}

	.show-670 {
		display: block;
	}
	.downloads-grid {
		grid-template-columns: repeat(2,1fr);
	}

	/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/

	/*------------------------------------*\
    START HEADER
\*------------------------------------*/
	.header-flex-right {
		padding-left: 16px;
	}

	.top-menu li {
		padding-right: 16px;
	}

	.top-menu li:last-child {
		padding-right: 10px;
	}

	.mobile-menu {
		margin-left: 20px;
	}

	.slider-content {
		width: 100%;
	}

	/*------------------------------------*\
    END HEADER
\*------------------------------------*/


	/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/
	.font-24px-670 h2,
	.font-24px-670 h3,
	.font-24px-670 p,
	p.font-24px-670,
	.font-28px-670 h2,
	.font-28px-670 h3,
	.font-28px-670 p,
	p.font-28px-670 {
		font-size: 28px;
	}

	.font-24px-670 h2,
	.font-24px-670 h3,
	.font-24px-670 p,
	p.font-24px-670 {
		font-size: 24px;
	}

	.font-22px-670 h2,
	.font-22px-670 h3,
	.font-22px-670 p,
	p.font-22px-670 {
		font-size: 22px;
	}

	.font-20px-670 h2,
	.font-20px-670 h3,
	.font-20px-670 p,
	p.font-20px-670 {
		font-size: 20px;
	}

	.font-18px-670 h2,
	.font-18px-670 h3,
	.font-18px-670 p,
	p.font-18px-670 {
		font-size: 18px;
	}

	.font-16px-670 h2,
	.font-16px-670 h3,
	.font-16px-670 p,
	p.font-16px-670 {
		font-size: 16px;
	}
	.masonry {
		    grid-gap: 20px 0;
		    grid-template-columns: repeat(1, 1fr);
			grid-template-rows: repeat(5, 1fr);
	}
	.masonry .cell:nth-child(2) {
		padding:0px;
	}
	p#breadcrumbs,
	.page-template-default p#breadcrumbs,
	.page-template-archive-systeem p#breadcrumbs,
	.page-template-archive-systeem p#breadcrumbs,
	.page-template-archive-referenties p#breadcrumbs,
	.page-template-archive-vacatures p#breadcrumbs,
	.page-template-archive-team p#breadcrumbs,
	.page-template-archive-project p#breadcrumbs,
	.error404 p#breadcrumbs,
	.single p#breadcrumbs {
    	margin-bottom: 10px;
	}	
	.breadcrumb .bg-gr,
	.breadcrumb .bg-gr-before,
	.breadcrumb .bg-gr-before:before,
	.breadcrumb .bg-gr-before:after,
	.breadcrumb .bg-gr-before-full  {
		background:transparent !important
	}
	#intro-vacatures .vacature-item .col6 {
    	width: 100%;
	}
	.wrap-usps span:nth-child(2) {
		display: none;
	}
	.header-usps {
		padding: 0px;
	}
	.grid-gallery-2 {
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-gallery-3 {
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-gallery-4 {
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-gallery-5 {
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-gallery-6 {
		grid-template-columns: repeat(1, 1fr);
	}
	.intervalling_content .image-col img {
		width: revert-layer;
		height: auto;
	}

	/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/

	.position-unset-670 {
		position: unset;
	}
	/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	/*------------------------------------*\
		START ICON LINK CONTENT CSS
	\*------------------------------------*/

	.blok-icoon,
	.blok-icoon img {
		padding-bottom: 10px;
	}

	.blok-titel {

		width: 100%;
	}
	.partner-terms {
		text-align: left;
    	margin-bottom: 10px;
	}
	.partner-terms span {
		margin-left: 0px;
	}
	/*------------------------------------*\
		START ICON LINK CONTENT CSS
	\*------------------------------------*/
	/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

	/*------------------------------------*\
	START FOOTER CSS
\*------------------------------------*/
	.top-footer {
		padding: 50px 0px 10px 0px;
	}

	.footer-logo {
		margin-left: 0px;
	}

	.top-footer .widget,
	.top-footer .widget.widget-last {
		width: 50%;
		padding: 0px;
	}

	.blok-icoon img {
		height: auto;
	}
	.projects-carousel-section {
		padding-left: 5%;
		padding-right: 5%;
	}
	.projects-carousel-section .swiper-button-next {
		right: -10px
	}
	.projects-carousel-section .swiper-button-prev {
		left: -10px
	}

	/*------------------------------------*\
	END FOOTER CSS
\*------------------------------------*/

}

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

	/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-550,
	a.button.hide-550 {
		display: none;
	}

	.show-550 {
		display: block;
	}
	.text-center-550 {
		text-align: center;
	}
	/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/

	/*------------------------------------*\
    START HEADER
\*------------------------------------*/

	.down .header,
	.down .header:after,
	.down .header-flex,
	.header-flex {
		height: 80px;
	}

	.down .header,
	.down .header:after {
		height: 115px;
	}

	.header-flex-left {
		width: 80px;
		height: 80px;
	}

	.header-logo {
		padding-right:0px
	}

	.down .header-flex-left .logo img,
	.header-flex-left .logo img {
		max-width: 60px;
		width: 60px;
	}
	.header-flex-right-top-search form button {
		    right: 8px;
    border-radius: 50px !important;
	}
	.header-flex-right {
		width: calc(100% - 80px);
		padding-left: 0px;
	}
	.header-flex-right-top-search input[type="search"] {
		padding: 10px 20px;
	}

	.header-flex-right-top-search {
		width: calc(100% - 60px);
		margin-right: 20px;
	}

	.header-flex-right-top-info {
		width: 40px;
	}
	.menu-header .menu-buttons {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.menu-header .button {
		font-size: 16px;
		padding: 12px;
		width: auto;
	}

	.down .mobile-menu-container {
		top: 0px;
	}
	.slide-image-project,
	.header-project,
	.slider.slider-project {
		height: 480px;
	}
	.mobile-menu-container {
		left: -82%;
		width: 82% !important;
	}
	.off-screen {
		left: 0;
	}
	/*------------------------------------*\
    END HEADER
\*------------------------------------*/

	/*------------------------------------*\
    START SLIDER CSS
\*------------------------------------*/
	.home-slider .owl-item,
	.default-slider .owl-item,
	.slider,
	.slide-image-lp,
	.slide-image,
	.home-slider .slider {
		height: auto;
	}
	.home-slider .slide-image,
	.home-slider .bg-gradient, .home-slider .bg-gradient-2 {
		height: 190px;
		position: unset;
	}
	.slider-content h5, .slider-content h4, .slider-content h3, .slider-content h2, .slider-content h1, .slider-content p, .slider-content {
		color: #000
	}
	.slider-content {
		padding: 16px 0;
	}
	.slider-content p strong {
		color: #786F65;
	}
	.slider-content a.button-white, 
	.slider-content .button-white, 
	.slider-content span.button-white {
		border: 1px solid #000;
		color: #333;
	}

	.body-slider .owl-item,
	.body-slider .slider,
	.body-slider .slide-image,
	.lp-informatief-slider .owl-item,
	.lp-informatief-slider .slider,
	.lp-informatief-slider .slide-image {
		height: 200px;
	}

	

	.owl-nav {
		height: 40px;
		width: 90px;
	}

	.owl-nav button {
		width: 45px;
	}

	.nav-btn {
		width: 15px;
	}

	.nav-btn.next-slide {
		right: 0px;
	}

	.owl-nav button.owl-prev {
		padding-left: 16px;
	}

	.owl-nav button.owl-next {
		padding-right: 16px;
    	padding-left: 16px;
	}

	.body-slider .slide-image.slider-small{
		height: 200px;
	}

	/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/

	/*------------------------------------*\
    START CUSTOM CSS
\*------------------------------------*/
	a.button,
	.button,
	span.button,
	a.button-white,
	.button-white,
	span.button-white,
	a.button-outline,
	.button-outline,
	span.button-outline,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	#wpcf7-f10-o1 .wpcf7-submit {
		/* width: 100%; */
		text-align: center;
		padding: 12px;
		font-size: 16px;
		width: 100%;
		margin-right: 0px;
		/* max-width:100%; */
	}

	.text-center .gewonen_buttons a.button-outline {
		margin-right: 0px;
	}

	.gewonen_buttons .button {
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.filter-vloerafwerking li {
		width: 100%;
		padding: 10px 20px 10px 30px;
        text-wrap: nowrap;
	}
	.filter-vloerafwerking {
		display: flex;
		margin-right: -30px;
		overflow: hidden;
	}
	.titel-boven-tijdlijn h2{
		font-size: 1.4em;
	}
	#footer-cta .image-block {
		position: relative;
	}
	.text-left-550 {
		text-align: left;
	}
	.w-100-550 {
		width:100% !important
	}
	.medewerker-row-horz .medewerker-single .medewerker-info,
	.medewerker-row-vert .medewerker-single .medewerker-info,
	.medewerker-row-horz .medewerker-single .medewerker-image,
	.medewerker-row-vert .medewerker-single .medewerker-image {
		width:100%
	}
	.medewerker-row-horz .medewerker-single .medewerker-info,
	.medewerker-row-vert .medewerker-single .medewerker-info,
	.medewerker-row-horz .medewerker-single .medewerker-info h4,
	.medewerker-row-vert .medewerker-single .medewerker-info h4 {
		margin-bottom: 20px;
	}

	.page-template-template-content .breadcrumb-margin-small,
	.page-template-template-informatie.breadcrumb-margin-small	{
		margin-top: 90px;
	}
	#footer-cta img {
		width: 100vw;
	}
	#footer-cta .image-block .d-block {
		padding-left:0px;
	}
	.header-flex-right {
		padding-top: 0px;
	}
	.wrap-usps span:nth-child(3) {
		display: none;
	}
	.bg-gr-before:after {
		content: '';
		position: absolute;
		background: #F2F2F2;
		right: -252px;
		top: 0px;
		z-index: -1;
		width: 252px;
		height: 100%;
		opacity: 1;;
	}
	ul#menu-footer-menu {
		display: flex;
	    justify-content: center;
    	width: 100%;
	}
	.copyright-block-100 {
		float: none;
	}
	h1.big, h2.big {
    	font-size: 36px;
	}
	#contact-locations, #intro-vacatures {
		margin-bottom: 0px;
	}

	.afwerking-tabel-row .item-tabel div:nth-of-type(2n+1) {
		display: block;
	}
	.afwerking-tabel-row .item-tabel div {
		display: block;
	}
	.afwerking-tabel-row .item-tabel .title, .afwerking-tabel-row .item-tabel .functie,
	.afwerking-tabel-row .item-tabel .title, .afwerking-tabel-row .item-tabel .floortype {
		white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
	.hero-tags {
		display: grid;
		gap: 10px;
		margin-bottom: 10px;
		padding:0px;
		
	}
	.big-grid .single-foto-grid img {
		height:200px
	}
	.tijdlijn-jaar h2, .tijdlijn-jaar h3 {
		font-size: 18px;
	}
	.footer .widgetBar {
		grid-template-columns: 1fr;
	}
	
	.body-logo-slider-section .wrap {
		max-width:100%;
	}
	#menu-colophon {
		display: block;
	}
	.home-slider .owl-item h1, .home-slider .owl-item h2 {
		font-size: 30px;
	}
	.slider-content {
		padding-bottom: 32px;
	}
	.slider-content p {
		margin-bottom: 8px;
	}
	.blok-icoon img {
		margin-bottom: 0px;
	}
	.header-holder {
		height: 112px;
	}
	/*------------------------------------*\
    END CUSTOM CSS
\*------------------------------------*/


	/*------------------------------------*\
	START TIJDLIJN CSS
\*------------------------------------*/
	.tijdlijn-grid-outer {
		margin-top: 60px;
		height: unset;
	}

	.single-foto-grid {
		width: 100%;
		margin-right: 0px;
	}

	.single-foto-grid:nth-child(2n+2) {
		margin-right: 0px;
	}

	.foto-nr-1 img,
	.foto-nr-2 img,
	.foto-nr-3 img,
	.foto-nr-4 img,
	.foto-nr-5 img {
		width: 100%;
		height: 200px;
	}

	/*------------------------------------*\
	END TIJDLIJN CSS
\*------------------------------------*/

	/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/

	/*------------------------------------*\
		START RIJ 1 HOMEPAGE CSS
	\*------------------------------------*/
	.blokken-rij-1-fp,
	.section-row-1-lp-informatief .blokken-rij-1-fp {
		width: 100%;
		padding-top: 50px;
	}

	.blokken-rij-1-fp.blok-midden {
		width: 100%;
		padding-right: 0px;
	}

	.carousel-column,
	.carousel-column .owl-stage-outer,
	.carousel-column .owl-stage,
	.carousel-column .owl-item,
	.carousel-column .slider,
	.carousel-column .slide-image {
		height: 400px;
	}

	.carousel-column .button {
		margin-bottom: 60px;
	}

	.blokken-rij-1-fp.blok-midden:after {
		display: none;
	}

	.blokken-rij-1-fp.blok-rechts {
		width: 100%;
		padding-left: 0px;
	}
	.section-row-1-lp-informatief .blokken-rij-1-fp.blok-links {
		padding: 50px 80px 60px 0px;
	}
	h1, h2, h3, h4, h5, h6 {
		word-wrap: break-word;
		font-size: 28px;
	}
	.blokken-icoon-titel-tekst-2,
	.blokken-icoon-titel-tekst-3,
	.blokken-icoon-titel-tekst-4,
	.blokken-icoon-titel-tekst-5,
	.blokken-icoon-titel-tekst-6 {
		grid-template-columns: repeat(1, 1fr);
	}

	/*------------------------------------*\
		END RIJ 1 HOMEPAGE CSS
	\*------------------------------------*/

	/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/

	/*------------------------------------*\
    START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/

	.header-flex-left .logo img {
		height: 80px;
	}
	/*------------------------------------*\
    END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/

/*------------------------------------*\
    START FOOTER
\*------------------------------------*/
.trustpilot-outer .trustpilot-inner {
	padding: 40px 0px;
}
#tp-widget-wrapper {
	min-width:100% !important
}

/*------------------------------------*\
    END FOOTER
\*------------------------------------*/



}

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

	/*------------------------------------*\
    START SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/
	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	.wrap-full h1,
	.wrap-full h2,
	.wrap-full h3,
	.wrap-full h4,
	.wrap-full h5 {
			font-size: 28px;
		/* max-width: 90%;
		margin-left: auto;
    	margin-right: auto; */
	}

	/*------------------------------------*\
    END SHOW HIDE RESPONSIVE CSS
\*------------------------------------*/

	/*------------------------------------*\
	START FOOTER CSS
\*------------------------------------*/
	.top-footer .widget,
	.top-footer .widget.widget-last {
		width: 100%;
	}

	/*------------------------------------*\
	END FOOTER CSS
\*------------------------------------*/

	.openingstijden .day{
		width: auto;
	}
}

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

	/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
	.foto-news {
		width: 100%;
		margin-right: 0px;
	}

	.content-news {
		width: 100%;
	}

	.foto-news img {
		height: 200px;
		margin-bottom: 20px;
	}

	/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
	/*------------------------------------*\
    START CUSTOM CSS
\*------------------------------------*/
	a.button,
	.button,
	span.button,
	a.button-white,
	.button-white,
	span.button-white,
	a.button-outline,
	.button-outline,
	span.button-outline,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		width: 100%;
	}

	.titel-boven-tijdlijn h2{
		font-size: 1.2em;
	}
		h1, h2, h3, h4, h5, h6 {
		word-wrap: break-word;
	    overflow-wrap: break-word;
		word-break: break-word;
	}

	/*------------------------------------*\
    END CUSTOM CSS
\*------------------------------------*/
}

/*------------------------------------*\
	START FOOTER CSS
\*------------------------------------*/
	.gsection_title {
		margin-top:0px
	}
    .gform_wrapper.gravity-theme .gsection {
        border-bottom-color: #ececec;
    }
    .gform_wrapper.gravity-theme .gform_previous_button.button,
    .gform_wrapper.gravity-theme .gform_save_link.button {
        color: #e21a22 !important
    }
	.gform_wrapper.gravity-theme .gform_previous_button.button {
		background-color: #ececec !important;
	}
    .gform_wrapper.gravity-theme .gform_previous_button.button:hover,
    .gform_wrapper.gravity-theme .gform_save_link.button:hover {
        background-color: #e21a22 !important;
        color: #fff !important;
        border-color: #e21a22 !important
    }
    .gform_wrapper.gravity-theme .ginput_container_date input {
        width:100%
    }
	.gform_next_button {
		background-color: #00B67A;
		border: 1px solid #00B67A !important;
		color: #fff;
		margin-left: 0px !important 
	}
	.gfield_required {
		display: none !important;
	}
	.gform_wrapper.gravity-theme .gfield_label {
		font-size: 16px !important;
		display: block !important	;
	}
	#field_4_1 .gfield_label {
		font-size: 24px !important;
		margin-bottom: 24px !important;
	}
	.gform-field-label {
		font-size: 16px !important;
		line-height: 28px !important;
	}
	.ginput_container.ginput_container_radio .gfield_radio {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.gform_wrapper.gravity-theme .gform_previous_button.button, 
	.gform_wrapper.gravity-theme .gform_save_link.button {
		color: #000 !important;
    	line-height: 1;
    	justify-content: center;
    	display: inline-flex;
    	align-items: center;
	}
	.gform_wrapper.gravity-theme .gform_save_link.button svg path {
		fill: #000
	}
	.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
		display: flex;
	}
	.gform_wrapper.gravity-theme .gf_page_steps {
		border: none !important;
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px !important;
	}
	.gform_wrapper.gravity-theme .gf_step {
		display: flex !important;
		flex-direction: column !important;
    	justify-content: center !important;
    	text-align: center !important;
		margin:0px !important;
		position: relative  !important;
		background: #fff !important;
		max-width: 56px !important;
	}
	.gform_wrapper.gravity-theme .gf_step_number {
		margin: auto !important;
		display: flex !important;
		justify-content: center !important;
		margin-bottom: 8px !important;
		align-items: center !important;
		color: #000 !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		background: #E6E6E6 !important;
		border: 0px !important;
		height: 32px !important;
		width: 32px !important;
		position: relative !important
	}
	.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
		background: #E20612 !important;
		color: #fff !important
	}
	.gform_wrapper.gravity-theme .gf_step_label {
		padding-left: 0px !important;
		justify-content: center !important;
 		display: flex !important;
	}
	/* line to the next step */
	.gf_step:not(.gf_step_last)::after {
		content: "";
		position: absolute;
		top: 16px;
		left: 100%;
		transform: translateY(-50%);
		height: 8px;
		width: 100vw; /* length of the line */
		background-color: #ccc;
		margin-left: 8px; /* gap between number and line */
	}
	.gform_wrapper {
		overflow: hidden
	}
	.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
		margin-top: 48px !important;
		position: relative;
	}
	.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
		background: #00B67A !important;
    	border: 0px !important;
        height: 32px !important;
    	left: 0px !important;
		top: 0px !important; 
    	width: 32px !important;
	}
	.gform_wrapper.gravity-theme .gsection {
		border-bottom: 0px !important;
	}
	.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
		border-radius: 200px;
		padding: 8px 30px !important;
	}
	.show-as-row .gfield_radio {
		flex-direction: row !important;
	}
	.gform_wrapper.gravity-theme .ginput_complex .ginput_full {
		    flex: 0 0 50% !important;
	}
	/* legend.gfield_label.gform-field-label.gfield_label_before_complex {
		display: none !important;
	} */
	 .gform_page {
		max-width: 840px;
	 }
	.ginput_complex label {
		font-weight: 700
	}
	.gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 24px !important;
		grid-column-gap: 48px !important;
	}
	.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(1),
	.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(4),
	.gform_wrapper.gravity-theme .ginput_container_name span:nth-child(1),
	.gform_wrapper.gravity-theme .ginput_container_name span:nth-child(4) {
		padding-right: 24px !important;
	}
	.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(2),
	.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(5),
	.gform_wrapper.gravity-theme .ginput_container_name span:nth-child(2),
	.gform_wrapper.gravity-theme .ginput_container_name span:nth-child(5) {
		padding-left: 24px !important;
	}
	.gform_wrapper.gravity-theme .ginput_container_date input {
		width: 100% !important
	}
	.gform_wrapper.gravity-theme .gform_drop_area,
	.gform_wrapper.gravity-theme textarea {
		border-radius: 32px !important;
	}
	.gfield .easygf-tooltip {
		border-bottom: 0px !important;
		text-decoration: none !important;
	}
	.gform_wrapper.gravity-theme fieldset {
	    display: flex;
    	align-items: center;
	}
	.gform_wrapper.gravity-theme fieldset.gfield--type-name {
		display: block
	}
	.gform_wrapper.gravity-theme .gform-loader {
		position: absolute !important;
    	top: -10px;
	}
	button[data-submission-type="save-continue"] {
		margin-left:0px !important;  
	}
	.gform_wrapper.gravity-theme .gfield--type-address legend.gfield_label {
		display: none !important
	}
	input[data-submission-type="submit"],
	input[data-submission-type="next"] {
		background: #00B67A !important;
		margin-left: 0px !important;
		color: #fff !important	
	}
	@media (max-width: 640px) {
		.gform_wrapper.gravity-theme .gform_fields {
			grid-column-gap: 0 !important;
		}
		.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
			margin-top: 48px !important;
			display: grid !important;
			grid-template-columns: 1fr 1fr !important;
			gap: 16px;
		}
		.gform_wrapper.gravity-theme .gform_previous_button.button,
		.gform_wrapper.gravity-theme .gform_button {
			margin-left: 0px !important;			
		} 
		
		.gform_wrapper.gravity-theme .gform_save_link.button {
			grid-column: 1 / span 2;
			margin-left: 0px;
		}
		.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium {
			width: 100% !important
		}
		.gform_wrapper.gravity-theme .ginput_complex .ginput_full {
    		flex: 0 0 100% !important;
		}
		.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(2),
		.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(5),
		.gform_wrapper.gravity-theme .ginput_container_name span:nth-child(2),
		.gform_wrapper.gravity-theme .ginput_container_name span:nth-child(5) {
			padding-left: .9804% !important;
		}
		.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(1), 
		.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(4),
		.gform_wrapper.gravity-theme .ginput_container_name span:nth-child(1),
		.gform_wrapper.gravity-theme .ginput_container_name span:nth-child(4) {
    		padding-right: .9804% !important;
		}
		
	}


	#wpsl-result-list #wpsl-stores, 
	#wpsl-result-list #wpsl-direction-details, 
	#wpsl-result-list #wpsl-gmap {
		height: auto !important;
	}
	#wpsl-wrap #wpsl-result-list li {
		border-bottom: 0px !important
	}
	#wpsl-wrap.wpsl-store-below #wpsl-result-list li {
		padding: 0px !important
	}
	#wpsl-wrap li:before {
		display: none;
	}
	#wpsl-wrap li {
		padding-left: 0px;
	}
	#wpsl-search-wrap form {
    	display: grid;
    	grid-template-columns: 25% 1fr 25%;
    	gap: 16px;
	}
	.wpsl-search {
		padding-bottom: 12px; 
	}
	#wpsl-search-wrap .wpsl-input, 
	#wpsl-search-wrap .wpsl-select-wrap,
	#wpsl-search-wrap div, 
	#wpsl-search-btn,
	#wpsl-search-wrap .wpsl-input label, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-btn {
		display: block;
		float: none;
		margin: 0px; 
		width: 100%;
    	border-radius: 99px;
	}
	.wpsl-input label, #wpsl-radius label, #wpsl-category label {
		width: auto !important;
	}
	#wpsl-search-wrap div label {
		float: none;
		font-weight: 700 !important;
    	font-size: 14px !important;
	}
	.wpsl-dropdown {
		width: auto !important
	}
	#wpsl-search-wrap .wpsl-select-wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}
	#wpsl-search-btn {
		line-height: 1em !important;
		display: inline-block !important;
		padding: 12px !important;
		text-decoration: none !important;
		cursor: pointer !important;
		margin-bottom: 0.4em !important;
		border: 1px solid #786F65 !important;
		-webkit-transition: all .5s ease-in-out !important;
		-moz-transition: all .5s ease-in-out !important;
		transition: all .5s ease-in-out !important;
		text-shadow: none !important;
		box-sizing: border-box !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		border-radius: 8px !important;
		-webkit-border-radius: 0px !important;
		position: relative !important;
		margin-right: 10px !important;
		-webkit-appearance: none !important;
		background-image: none !important;
		box-shadow: none !important;
		border-radius: 12px !important;
		border: 1px solid #E30612 !important;
		color: #E30612 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0px !important; 
	}
	.wpsl-search-btn-wrap {
		grid-column: 1 / span 3;
	}
	@media (max-width: 768px) {
		#wpsl-search-wrap form {
			display: block;
			
		}
		#wpsl-search-btn {
		    margin-top: 16px !important;
		}
	}

/*------------------------------------*\
	END FOOTER CSS
\*------------------------------------*/