/*
Theme Name: OT Design 2020
Theme URI: http://www.excellutions.nl
Author: C.P.M. Bastiaansen
Author URI: http://www.excellutions.nl/
Description: Thema ontworpen en gerealiseerd door EXCELLUTIONS | C.P.M. Bastiaansen
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: OTDesign

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* ---- FONTS ---- */
@font-face {
	font-family: 'Graphik Light';
	src: url('fonts/Graphik/Graphik-Light.eot'); /* IE9 Compat Modes */
 	src: url('fonts/Graphik/Graphik-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/Graphik/Graphik-Light.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/Graphik/Graphik-Light.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/Graphik/Graphik-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('fonts/Graphik/Graphik-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Graphik Regular';
	src: url('fonts/Graphik/Graphik-Regular.eot'); /* IE9 Compat Modes */
 	src: url('fonts/Graphik/Graphik-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/Graphik/Graphik-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/Graphik/Graphik-Regular.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/Graphik/Graphik-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('fonts/Graphik/Graphik-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Graphik Medium';
	src: url('fonts/Graphik/Graphik-Medium.eot'); /* IE9 Compat Modes */
 	src: url('fonts/Graphik/Graphik-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/Graphik/Graphik-Medium.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/Graphik/Graphik-Medium.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/Graphik/Graphik-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('fonts/Graphik/Graphik-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Graphik SemiBold';
	src: url('fonts/Graphik/Graphik-Semibold.eot'); /* IE9 Compat Modes */
 	src: url('fonts/Graphik/Graphik-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/Graphik/Graphik-Semibold.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/Graphik/Graphik-Semibold.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/Graphik/Graphik-Semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('fonts/Graphik/Graphik-Semibold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

#popup {
	position: fixed;
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba( 51, 51, 51, .8);
	z-index: -1;
	opacity: 0;
}

#popup.show {
	opacity: 1;
	z-index: 250000; 
	/* z-index: -1; */
}

#popup #popup-content-wrapper {
	background-color: #ffffff;
	color: #555555;
}

#popup #popup-content-wrapper #popup-main-image-wrapper {
	position: relative;
	width: 33%;
	background-color: #ffffff;
}

#popup #popup-content-wrapper #popup-main-image-wrapper.portrait:before {
	display: block;
	content: '';
	padding-bottom: 170%;
}

#popup #popup-content-wrapper #popup-main-image-wrapper.squares:before {
	display: block;
	content: '';
	padding-bottom: 100%;
}

#popup #popup-content-wrapper #popup-main-image-wrapper.landscape {
	width: 50%;
}

#popup #popup-content-wrapper #popup-main-image-wrapper.landscape:before {
	display: block;
	content: '';
	padding-bottom: 60%;
}

#popup #popup-content-wrapper #popup-main-image-wrapper .popup-main-image-container {
	position: absolute;
    display: flex;
    top: 0;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

#popup #popup-content-wrapper #popup-content-wrapper {
	width: 33%;
	background-color: #F7F4EF;
}

#popup #popup-content-wrapper #popup-content-wrapper.landscape {
	width: 100%;
}

#popup #popup-content-wrapper #popup-content-wrapper .popup-content-container {
	font-family: 'Open Sans';
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	padding: 70px 50px;
}
#popup #popup-content-wrapper #popup-content-wrapper .popup-content-container p:last-of-type {
	margin-bottom: 0;
}

#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container {
	padding: 0;
}


#popup #popup-content-wrapper #popup-content-wrapper .popup-content-container .popup-content-title {
	font-weight: 400;
	margin-bottom: 20px;
}

#popup #popup-content-wrapper #popup-content-wrapper .popup-content-container .popup-content-additional-info {
	margin-bottom: 20px;
}

#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container .popup-content-title-and-info {
	position: relative;
	float: left;
	width: 50%;
	padding: 50px;
}

#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container .popup-content-title-and-info .popup-content-title {
	margin-bottom: 0;
}

#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container .popup-content-title-and-info .popup-content-additional-info {
	margin-bottom: 0;
}

#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container .popup-content-content {
	position: relative;
	float: left;
	width: 50%;
	padding: 50px;
}

#popup #popup-content-wrapper .popup-images-container {
	width: 33%;
	padding: 70px 50px;
	background-color: #E7E2D9;
}

#popup #popup-content-wrapper .popup-images-container.landscape {
	position: relative;
	width: 50%;
	padding: 0;
}

#popup #popup-content-wrapper .popup-images-container.landscape:before {
	display: block;
	content: '';
	padding-bottom: 60%;
}

#popup #popup-content-wrapper .popup-images-container .popup-images-content-container {
	display: flex;
	height: 100%;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}

#popup #popup-content-wrapper .popup-images-container.landscape .popup-images-content-container {
	position: absolute;
	top: 0;
	left: 0;
	flex-direction: row;
	height: 100%;
	width: 100%;
	padding: 70px 50px;
}

#popup #popup-content-wrapper .popup-images-container .popup-images-single-image-container {
	position: relative;
	width: 100%;
}

#popup #popup-content-wrapper .popup-images-container.landscape .popup-images-single-image-container {
	width: 50%;
}

#popup #popup-content-wrapper .popup-images-container .popup-images-single-image-container:before {
	display: block;
	content: '';
	padding-bottom: 100%;
}

#popup #popup-content-wrapper .popup-images-container .popup-images-single-image-container img {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}

#popup #popup-content-wrapper .popup-images-container .popup-close-icon {
	position: absolute;
	content: '';
	height: 20px;
	width: 20px;
	top: 15px;
	right: 25px;
	background-image: url('images/icons/OT-Design - PopUp Close.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#popup #popup-content-wrapper .popup-images-container .popup-close-icon:hover,
#popup #popup-content-wrapper .popup-images-container .popup-close-icon:focus {
	cursor: pointer;
	text-decoration: none;
	border: 0 none;
}



/* ---- ANIMATIONS ---- */
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
  
/* Optional Delays, change values here  */
.one { animation-delay: 0.2s; }
.two { animation-delay: .6s; }
.three { animation-delay: 1s; }
.four { animation-delay: 1.4s; }
  
/* Animations start here  */
  
/* FADE IN  */
@keyframes fadeIn {
	from { 
		opacity: 0.7; 
	}
	to { 
		opacity: 1; 
	}
}
.fadeIn { 
	animation-name: fadeIn; 
}

@keyframes fadeInUp {
	from { 
		opacity: 0.7; 
		bottom: -50px;
	}
	to { 
		opacity: 1; 
		bottom: 0;
	}
}
.fadeInUp { 
	animation-name: fadeInUp; 
}

@keyframes fpImageSizeLeft {
	from {
		left: 0;
	}
	to {
		left: -30px;
	}
}
.fpImageSizeLeft { 
	animation-name: fpImageSizeLeft; 
}

@keyframes fpImageSizeRight {
	from {
		/* right: 0; */
		width: 30px;
	}
	to {
		/* right: -30px; */
		width: 0;
	}
}
.fpImageSizeRight { 
	animation-name: fpImageSizeRight; 
}

@keyframes fpImageSizeRight {
	from {
		/* right: 0; */
		width: 30px;
	}
	to {
		/* right: -30px; */
		width: 0;
	}
}
.fpImageSizeRight { 
	animation-name: fpImageSizeRight; 
}


@keyframes fpImageSizeRight2 {
	from {
		/* right: 0; */
		width: 95%;
	}
	to {
		/* right: -30px; */
		width: 100%;
	}
}
.fpImageSizeRight2 { 
	animation-name: fpImageSizeRight2; 
}

@keyframes fpImageSizeRight3 {
	from {
		right: 0;
	}
	to {
		right: -30px;
	}
}
.fpImageSizeRight3 { 
	animation-name: fpImageSizeRight3; 
}

@keyframes autoHeight {
	from {
		height: 300px;
	}
	to {
		height: auto;
	}
}
.autoHeight { 
	animation-name: autoHeight; 
}
  
  
  
  /* @end standaard animaties  */
  


#homepage-header-wrapper .in-view,
.fade-in-image.in-view {
	animation: fadeIn 2s;
}


.in-view .right-image::before,
.fp-projects-single-project-image-container.right.in-view::before,
.sizing-image.in-view::before {
	animation: fpImageSizeRight 2s;	
}

.in-view .left-image::before,
.fp-projects-single-project-image-container.left.in-view::before {
	animation: fpImageSizeRight 2s;	
}

.fade-in-up-text.in-view {
	animation: fadeInUp 2s;
}

.in-view .growing-div {
	animation: fpImageSizeRight2 2s;
}

.in-view .vertical-line {
	animation: fpImageSizeRight3 2s;
}

.growing-div {
	width: 100%;
}








/* ---- BLOCKS -- ANIMATION ---- */
#otd-custom-block-images-4950-wrapper img.right-image {
	position: relative;
}

 .right-image::before {
	position: absolute;
	display: block;
	content: '';
	/* left: -30px; */
	right: 0; /* -30px; */
	height: 100%;
	width: 0; /* 30px; */
	background-color: #ffffff;
}

.left-image::before {
	position: absolute;
	display: block;
	content: '';
	right: 0; /* -30px; */
	height: 100%;
	width: 0; /* 30px; */
	background-color: #ffffff;
}

.sizing-image::before {
	position: absolute;
	display: block;
	content: '';
	right: 0; /* -30px; */
	height: 100%;
	width: 0; /* 30px; */
	background-color: #ffffff;
}
  

/* ---- CHANGE CONTAINER WIDTH BASED ON SCREEN WIDTH ---- */
@media (min-width: 1260px) {
	.container {
		width: 1260px!important;
	}
}

html {
	position: relative;
	margin: 0;
	padding: 0;
	height: auto;
	min-height: 100%;
	width: 100%;
}

body {
	position: relative;
	display: inherit;
	font-family: 'Open Sans';
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	color: #000000;
  	height: 100%;
	width: 100%;
	overflow-x: auto;
}

* {
	box-sizing: border-box;
}

h1, h2, h3, .h1, .h2, .h3 {
	font-family: 'Graphik Light', sans-serif;
	color: #000000;
	
}

h4, h5, h6, .h4, .h5, .h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000000;
	
}

h1 {
	font-size: 45px;
	line-height: 56px;
	margin-bottom: 45px;
}

h2 {
	font-size: 45px;
	line-height: 70px;
	margin-bottom: 45px;
}

h3 {
	font-size: 22px;
	margin-bottom: 0;
}

h4 {
	font-weight: 400;
	font-size: 24px;
	line-height: 38px;
	margin-bottom: 0;
}

p {
	margin-bottom: 24px;
}

p:last-of-type {
	margin-bottom: 0;
}

strong {
	font-weight: 400;
}



a {
	color: #000000;
	padding-bottom: 7px;
	border-bottom: 2px solid #DBCEBA;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

a:hover, 
a:focus {
	color: #000000;
	text-decoration: none;
	border-bottom: 2px solid  #000000;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

a:focus {
	outline: 0 none;
}

a:hover:before,
a:hover:after {
	text-decoration: none!important;
}

a#protocollen {
	position: relative;
	top: -100px;
}

blockquote {
	border-left: 0 none!important;
	margin-left: 0;
	padding: 15px 0!important
}

blockquote p {
	font-size: 32px!important;
	color: #009cc4!important;
	font-weight: 600!important;
	font-style: italic!important;
}

img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
	/* margin-bottom: 24px; */
}

img.image-margin-top {
	margin-top: 10px;
}

img.alignright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

img.alignleft {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.wp-block-image figcaption {
	position: relative;
	top: -20px;
	color: #999999;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 24px;
}



/* ---- VIDEO FULL WIDTH ---- */
.wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}



/* ---- MAIN-MENU ---- */



/* ---- MAIN-MENU ---- */
#main-menu-wrapper {
	position: fixed;
	top: 0;
	right: -102%;
	color: #ffffff;
	/* background-color: #333333; */
	background: rgba( 51, 51, 51, 0.9);
	z-index: 500000;
	height: 100vh;
	width: 100vw;
}

#main-menu-wrapper #main-menu-header-wrapper {
	height: 100px; /* 150px; */
}

#main-menu-wrapper #main-menu-header-wrapper a {
	border-bottom: 0 none;
}

#main-menu-wrapper #main-menu-header-wrapper .main-menu-header-logo-container {
	position: relative;
	display: inline-block;
	height: 100px; /* 150px; */
	width: 100%;
	background-image: url('images/logos/ot-design/Logo - OT-Design - White - v2.0.svg');
	background-size: 255px auto; /* auto 60px; */
	background-position: center; /* 30px center; */
	background-repeat: no-repeat;
	z-index: 1000;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

#main-menu-wrapper #main-menu-header-wrapper #main-menu-header-pancake-icon-wrapper {
	height: 100px; /* 150px; */
	width: 100%;
	background-image: url('images/icons/OT-Design - Pancake Close - White.svg');
	background-size: 30px auto;
	background-repeat: no-repeat;
	background-position: right 30px center;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}


#main-menu-wrapper #main-menu-header-wrapper #main-menu-header-pancake-icon-wrapper:hover,
#main-menu-wrapper #main-menu-header-wrapper #main-menu-header-pancake-icon-wrapper:focus {
	cursor: pointer;
}

#main-menu-wrapper #otd-main-menu-wrapper {
	height: 100vh;
	width: 100vw;
	text-align: right;
	padding: 50px;
}

#main-menu-wrapper #otd-main-menu-wrapper ul {
	position: relative;
	float: right;
	list-style: none;
}

#main-menu-wrapper #otd-main-menu-wrapper ul li a {
	font-family: 'Graphik Light';
	font-size: 38px; /* 42px; */
	line-height: 70px;
	color: #ffffff;
	border: 0 none;
}

#main-menu-wrapper #otd-main-menu-wrapper ul li.wpml-ls-item a {
	font-size: 24px;
	margin-top: 15px;
}




/* ---- HEADER ---- */
#header-wrapper {
	position: fixed;
	height: 100px;
	width: 100%;
	background-color: #ffffff;
	z-index: 250000;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

		#header-wrapper .header-container {
			position: relative;
			height: 100px;
			width: 100%;
			z-index: 100000;
		}

/* ---- HEADER --> LOGO ---- */
#header-wrapper .header-logo-container {
	position: relative;
	display: inline-block;
	height: 100px;
	width: 100%;
	/* background-image: url('images/logos/ot-design/OT-Design-Beeldmerk-Wit.svg'); */
	background-image: url('images/logos/ot-design/Logo - OT-Design - Black - v2.0.svg');
	background-size: 255px auto; /* auto 60px; */
	background-position: center; /* 30px center; */
	background-repeat: no-repeat;
	z-index: 1000;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

#header-wrapper.white-background .header-logo-container {
	/* background-image: url('images/logos/ot-design/OT-Design-Beeldmerk-Black.svg'); */
	background-image: url('images/logos/ot-design/Logo - OT-Design - Black - v2.0.svg');
}

#header-wrapper a {
	border: 0 none;
}



/* ---- HEADER SHADOW ---- */
#header-wrapper.drop-shadow {
    display: block;
	position: fixed;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}




/* ---- HEADER --> PANCAKE ---- */
#header-breadcrumb-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	height: 100px;
	width: 100%;
	font-family: 'Open Sans';
	font-size: 16px;
	z-index: 2900003;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

#header-breadcrumb-wrapper p#breadcrumbs {
	margin-bottom: 0;
}

#header-breadcrumb-wrapper p#breadcrumbs  {
	position: relative;
	top: -1px;
	font-size: 14px;
}

#header-breadcrumb-wrapper p#breadcrumbs i.fa-chevron-right:before {
	font-family: 'Open Sans';
	font-size: 16px;
    font-weight: 400;
	content: '>';
	margin: 0 5px;
}

#header-breadcrumb-wrapper p#breadcrumbs span span span i:last-of-type {
	display: none;
}

#header-breadcrumb-wrapper p#breadcrumbs span span span .breadcrumb_last {
	display: none;
}

/* 
#header-wrapper.colored-background #header-breadcrumb-wrapper {
	display: none;
}
*/


/* ---- HEADER --> PANCAKE ---- */
#header-pancake-icon-wrapper {
	height: 100px;
	width: 100%;
	background-image: url('images/icons/OT-Design - Pancake - Black.svg');
	/* background-image: url('images/icons/OT-Design - Pancake - White.svg'); */
	background-size: 30px auto;
	background-repeat: no-repeat;
	background-position: right 30px center;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

#header-wrapper.white-background #header-pancake-icon-wrapper {
	background-image: url('images/icons/OT-Design - Pancake - Black.svg');
}

#header-pancake-icon-wrapper:hover,
#header-pancake-icon-wrapper:focus {
	cursor: pointer;
}



/* ---- SLIDING-HEADER --- */
#sliding-header-wrapper {
	display: none;
	height: 70px;
	width: 100%;
	background-color: #ffffff;
	z-index: 3000000;
}

#sliding-header-wrapper.sliding-fixed {
    display: block;
	position: fixed;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}


/* ---- SLIDING-HEADER --> LOGO ---- */
#sliding-header-wrapper a.sliding-header-logo-link-container {
	border: 0 none;
}

#sliding-header-wrapper .sliding-header-logo-container {
	position: relative;
	display: inline-block;
	height: 70px;
	width: 100%;
	background-image: url('images/logos/ot-design/OT-Design-Beeldmerk-Black.svg');
	background-size: auto 40px;
	background-position: 30px center;
	background-repeat: no-repeat;
	z-index: 1000;
}

#sliding-header-wrapper .sliding-header-logo-container {
	background-image: url('images/logos/ot-design/OT-Design-Beeldmerk-Black.svg');
}



/* ---- SLIDING-HEADER --> PANCAKE ---- */
#sliding-header-breadcrumb-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	height: 70px;
	width: 100%;
	font-family: 'Open Sans';
	font-size: 16px;
	z-index: 2900003;
}

#sliding-header-breadcrumb-wrapper p#breadcrumbs {
	margin-bottom: 0;
}

#sliding-header-breadcrumb-wrapper p#breadcrumbs a {
	border: 0 none;
	padding-bottom: 4px;
}

#sliding-header-breadcrumb-wrapper p#breadcrumbs a:hover,
#sliding-header-breadcrumb-wrapper p#breadcrumbs a:focus {
	border-bottom: 2px solid #DBCEBA;
}

#sliding-header-breadcrumb-wrapper p#breadcrumbs i {
	position: relative;
	top: -1px;
	font-size: 10px;
}



/* ---- SLIDING-HEADER --> PANCAKE ---- */
#sliding-header-pancake-icon-wrapper {
	height: 70px;
	width: 100%;
	background-image: url('images/icons/OT-Design - Pancake - Black.svg');
	background-size: 30px auto;
	background-repeat: no-repeat;
	background-position: right 30px center;
}

#sliding-header-pancake-icon-wrapper:hover,
#sliding-header-pancake-icon-wrapper:focus {
	cursor: pointer;
}




/* ---- START SITE ---- */
#site-wrapper {
	padding-top: 100px; /* 150px; */
	/*padding-bottom: 70px; */
}

#site-wrapper .wp-block-image {
	margin-bottom: inherit;
}

#site-wrapper .wp-block-image.size-large {
	height: 80vh;
	width: 100%;
}

#site-wrapper .wp-block-image.size-large img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}



/* ---- SLIDESHOW ---- */
#slideshow-wrapper {
	position: relative;
}

#slideshow-wrapper .carousel {
	position: relative;
}

#slideshow-wrapper .carousel .carousel-inner {
	position: relative;
	width: 100%; 
	height: 80vh;
	overflow: hidden;
}

#slideshow-wrapper .carousel-inner .carousel-item {
	width: 100%;
	height: 80vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#slideshow-wrapper ol.carousel-indicators:hover,
#slideshow-wrapper ol.carousel-indicators:focus {
	cursor: pointer;
}

.carousel-indicators li {
	margin: 0 5px;
}

.carousel-indicators.rounds li {
	margin: 10px 5px;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	border: 0 none;
}


#homepage-header-left-wrapper {
	position: relative;
}
#homepage-header-left-wrapper #slideshow-wrapper .carousel-inner .carousel-item {
	height: 100%;
}

#homepage-header-left-wrapper .homepage-header-left-content-container.slider {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	z-index: 50000;
}




/* ---- FRONTPAGE ---- */
#homepage-header-wrapper {
	position: relative;
	height: auto;
	padding-bottom: 35px;
	overflow: hidden;
}

#homepage-header-left-wrapper {
	position: relative;
	clear: both;
	float: left;
	width: 50%;
}

#homepage-header-left-wrapper .homepage-header-left-container {
	position: relative;
	height: 0;
	padding-bottom: 130%;
}

#homepage-header-left-wrapper .homepage-header-left-container.incl-background {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#homepage-header-left-wrapper .homepage-header-left-container .homepage-header-left-content-container .content_block {
	position: relative;
	padding: 60px;
}

#homepage-header-left-wrapper .homepage-header-left-container .homepage-header-left-content-container .content_block h2 {
	font-family: 'Graphik Light';
	font-size: 56px;
	line-height: 68px;
	color: #CDB4A7;
	margin-top: 0;
}

#homepage-header-left-wrapper .homepage-header-left-container .homepage-header-left-content-container .content_block a {
	position: absolute;
	bottom: 60px;
	color: #ffffff;
}

#homepage-header-right-wrapper {
	position: relative;
	float: left;
	width: 50%;
}

#homepage-header-right-wrapper .homepage-header-right-top-container {
	position: relative;
	height: 0;
	padding-bottom: 70%;
}

#homepage-header-right-wrapper .homepage-header-right-top-container.incl-background {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#homepage-header-right-wrapper .homepage-header-right-top-container .homepage-header-right-top-content-container .content_block {
	position: relative;
	padding: 60px;
}

#homepage-header-right-wrapper .homepage-header-right-top-container .homepage-header-right-top-content-container .content_block h2 {
	font-family: 'Graphik Light';
	font-size: 56px;
	line-height: 68px;
	color: #CDB4A7;
	margin-top: 0;
}

#homepage-header-right-wrapper .homepage-header-right-top-container .homepage-header-right-top-content-container .content_block a {
	position: absolute;
	bottom: 60px;
	color: #ffffff;
}

#homepage-header-right-wrapper .homepage-header-right-bottom-container {
	position: relative;
	height: 0;
	padding-bottom: 70%;
}

#homepage-header-right-wrapper .homepage-header-right-bottom-container.incl-background {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container {
	position: relative;
}

#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block {
	position: relative;
	padding: 60px;
}

#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block h2 {
	font-family: 'Graphik Light';
	font-size: 45px; /* 56px; */
	line-height: 56px; /* 68px; */
	color: #CDB4A7;
	margin-top: 0;
}

#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block a {
	position: absolute;
	bottom: 60px;
	color: #ffffff;
}


/* ---- FRONTPAGE --> PROJECT CATEGORIEEN ---- */
#fp-project-categories-wrapper {
	position: relative;
    height: auto;
	overflow: hidden;
	padding: 0 8px;
}

#fp-project-categories-wrapper #fp-project-categories-single-item-wrapper {
	position: relative;
	float: left;
	width: calc( 33.33333% - 16px ); 
	/* margin-bottom: 30px; */
	margin: 8px;
}

#fp-project-categories-wrapper #fp-project-categories-single-item-wrapper:after {
	display: block;
	content: '';
	padding-bottom: 100%;
	background-color: #e8e2d9;
}

#fp-project-categories-wrapper #fp-project-categories-single-item-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#fp-project-categories-wrapper #fp-project-categories-single-item-wrapper .fp-project-categories-single-item-content-container {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	font-family: 'Open Sans';
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}



/* ---- FRONTPAGE --> ONZE PRODUCTEN ---- */
#fp-our-products-wrapper {
	height: auto;
	min-height: 400px;
	background-color: #E0D2CD;
	margin: 35px 0;
}



/* ---- FRONTPAGE --> PROJECTEN OVERZICHT ---- */
#fp-projects-wrapper {
	padding: 75px 0; /* 35px 0; */
}

#fp-projects-wrapper #fp-projects-single-wrapper {
	height: 100%;
	overflow: hidden;
	padding: 0; /*  50px 0; */
	background-color: #F7F4EF;
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container {
	position: relative;
	display: flex;
	height: 100%;
	padding: 0; /* 60px 0; */
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 40px;
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container.left {
	position: relative;
	/* left: -10%; */
	padding: 60px 0;
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container h3.fp-projects-single-project-content-title {
	font-size: 38px; /* 45px; */
	line-height: 38px; /* 45px; */
	margin: 0 0 7px 0;
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content-location {
	font-family: 'Graphik Light';
	font-size: 20px; /* 22px; */
	line-height: 30px; /* 32px; */
	margin-bottom: 50px;
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-readmore-link-container {
	position: relative;
	margin-top: 60px;
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-image-container {
	position: relative;
	height: 0;
	width: calc( 100% + 15px ); /* calc( 100% + 7% ); */
	padding-bottom: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-image-container.right {
	position: relative;
	left: -15px; /* -7%; */
	width: calc( 100% + 15px );
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-image-container.right::before {
	position: absolute;
	display: block;
	content: '';
	/* left: -30px; */
	right: 0px;
	height: 100%;
	width: 0;
	background-color: #ffffff;
}

#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-image-container.left::before {
	position: absolute;
	display: block;
	content: '';
	right: 0; /* -30px; */
	height: 100%;
	width: 0; /* 30px; */
	background-color: #F7F4EF; /* #ffffff; */
}

#fp-projects-wrapper .fp-projects-to-all-projects-link-container {
	text-align: center;
	padding: 35px 0;
}



/* ---- PAGES --> OVER ONS --> ONS TEAM ---- */
#out-team-wrapper {
	padding: 35px 0;
}

#our-team-wrapper #our-team-single-item-wrapper {
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	margin-bottom: 70px;
}

#our-team-wrapper .our-team-single-item-picture-container {
	position: relative;
	height: 0;
	padding-bottom: 150%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 40px;
}

#our-team-wrapper #our-team-single-item-wrapper h4.our-team-single-item-name-content-container {
	font-size: 20px;
	line-height: 28px;
	/* font-weight: inherit; */
	margin: 0;
}

#our-team-wrapper #our-team-single-item-wrapper {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
	margin-bottom: 70px;
}


/* ---- PAGES --> CONTACT ---- */
#page-contact-info-wrapper h4 {
	font-size: 20px;
	line-height: 32px;
}

#page-contact-outrotext-wrapper {
	padding: 100px 0;
}



/* ---- PAGES --> CONTACT ---- */
#page-materials-wrapper {
	padding: 100px 0;
	background-color: #E8E2D9;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container {
	position: relative;
	float: right;
	width: 50%;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container:before {
	display: block;
	content: '';
	padding-bottom: 100%;
	background-color: #ffffff;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container .page-materials-image {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container.left {
	float: left;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container .carousel-inner {
	height: 100%;
	width: 100%;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container .carousel-inner .carousel-item {
	height: 0;
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container .carousel-indicators li {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #000000;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container {
	position: relative;
	float: left;
	width: 50%;	
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container.right {
	float: right;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container .page-materials-content-content {
	padding: 100px 70px;
}

#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container .page-materials-content-content h3 {
	font-family: 'Graphik Light';
	font-size: 42px;
	line-height: 42px;
	margin-bottom: 30px;
}


/* ---- PAGES --> OVER ONS --> REFERENTIES ---- */
#references-wrapper #references-single-items-wrapper {
	position: relative;
	padding: 35px 0;
}

#references-wrapper #references-single-items-wrapper #references-single-item-wrapper {
	position: relative;
	float: left;
	width: 20%;
	margin-bottom: 45px;
}

#references-wrapper #references-single-items-wrapper #references-single-item-wrapper .references-single-item-logo-container {
	position: relative;
	height: 0;
	padding: 25%;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}



/* ---- CATEGORIES --> PROJECTEN ---- */
#category-projects-wrapper {
	padding: 70px 0 0 0;
}

#category-projects-wrapper .category-projects-introtext-container {
	padding-bottom: 35px;
}

#category-wrapper {
	padding: 70px 0;
}

#category-wrapper #introtext-wrapper {
	/* padding: 35px 0; */
	padding-bottom: 35px;
}

#category-wrapper #category-all-projects-wrapper {
	padding: 35px 0;
	height: auto;
    overflow: hidden;
}

@media (min-width: 1260px) {
	#category-wrapper #category-all-projects-wrapper .container {
		width: calc( 1260px + 4.16667% )!important;
		max-width: 100%;
	}
}

#category-wrapper #category-all-projects-wrapper a {
	display: block;
	color: #000000;
	width: 50%;
	border-bottom: 0 none;
}

#category-wrapper .category-category-filter-container {
	margin-bottom: 40px;
}

#category-wrapper .category-category-filter-container li {
	display: inline-block;
	list-style: none;
}

#category-wrapper .category-category-filter-container li:after {
	content: '.';
	margin: 0 7px;
}

#category-wrapper .category-category-filter-container li:last-child:after {
	content: inherit;
	margin: 0;
}

#category-wrapper .category-category-filter-container li.current-cat a {
	border-bottom: 2px solid #DBCEBA;
}

#category-wrapper .category-category-filter-container li a {
	font-size: 20px;
	border: 0 none;
}

#category-wrapper #category-all-projects-wrapper #ajax-load-more {
	width: 100%;
}

#category-wrapper #category-all-projects-wrapper #category-single-project-wrapper {
	position: relative;
	float: left;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	padding: 0 15px; /* 0 30px; */
	width: 100%; /* 50%; */
}

#category-wrapper #category-all-projects-wrapper a:nth-of-type(odd) #category-single-project-wrapper {
	padding-left: 0;
}

#category-wrapper #category-all-projects-wrapper a:nth-of-type(even) #category-single-project-wrapper {
	padding-right: 0;
}

#category-wrapper #category-all-projects-wrapper #category-single-project-wrapper .category-single-project-image {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 66.66667%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#category-wrapper #category-all-projects-wrapper #category-single-project-wrapper .category-single-project-content-container {
	height: auto;
	min-height: 120px;
	padding: 30px 0;
}

#category-wrapper #category-all-projects-wrapper #category-single-project-wrapper .category-single-project-content-container .category-single-project-content-title {
	font-weight: normal;
}



/* ---- CATEGORIES --> PROJECTEN ---- */
#category-projects-wrapper #category-projects-all-projects-wrapper {
	padding: 35px 0;
}

@media (min-width: 1260px) {
	#category-projects-wrapper #category-projects-all-projects-wrapper .container {
		width: calc( 1260px + 4.16667% )!important;
		max-width: 100%;
	}
}

#category-projects-wrapper #category-projects-all-projects-wrapper a {
	color: #000000;
}

#category-projects-wrapper .category-projects-category-filter-container {
	margin-bottom: 40px;
}

#category-projects-wrapper .category-projects-category-filter-container li {
	display: inline-block;
	list-style: none;
}

#category-projects-wrapper .category-projects-category-filter-container li:after {
	content: '.';
	margin: 0 7px;
}

#category-projects-wrapper .category-projects-category-filter-container li:last-child:after {
	content: inherit;
	margin: 0;
}

#category-projects-wrapper .category-projects-category-filter-container li.current-cat a {
	border-bottom: 2px solid #DBCEBA;
}

#category-projects-wrapper .category-projects-category-filter-container li a {
	font-size: 20px;
	border: 0 none;
}

#category-projects-wrapper #category-projects-all-projects-wrapper #ajax-load-more {
	width: 100%;
}

#category-projects-wrapper #category-projects-all-projects-wrapper #category-projects-single-project-wrapper {
	position: relative;
	float: left;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	padding: 0 15px; /* 0 30px; */
	width: 50%;
}

#category-projects-wrapper #category-projects-all-projects-wrapper a:nth-of-type(odd) #category-projects-single-project-wrapper {
	padding-left: 0;
}

#category-projects-wrapper #category-projects-all-projects-wrapper a:nth-of-type(even) #category-projects-single-project-wrapper {
	padding-right: 0;
}

#category-projects-wrapper #category-projects-all-projects-wrapper #category-projects-single-project-wrapper .category-projects-single-project-image {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 66.66667%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#category-projects-wrapper #category-projects-all-projects-wrapper #category-projects-single-project-wrapper .category-project-single-project-content-container {
	height: auto;
	min-height: 120px;
	padding: 30px 0;
}

#category-projects-wrapper #category-projects-all-projects-wrapper #category-projects-single-project-wrapper .category-project-single-project-content-container .category-projects-single-project-content-title {
	font-weight: normal;
}



/* ---- CATEGORIES --> PROJECTEN --> LOAD MORE ---- */
#category-projects-wrapper .category-projects-content-container  .alm-btn-wrap button {
	position: relative;
	display: block;
	font-family: 'Graphik Regular';
	font-size: 20px;
	color: #000000; /* #DBCEBA; */
	height: 50px;
	line-height: 50px;
	border: 2px solid #DBCEBA;
	text-align: center;
	margin: 0 auto;
	background-color: transparent;
	border-radius: 0;
}

#category-projects-wrapper .category-projects-content-container  .alm-btn-wrap button:hover,
#category-projects-wrapper .category-projects-content-container  .alm-btn-wrap button:focus {
	background-color: #DBCEBA;
	color: #000000
}



/* ---- CATEGORIES --> PROJECTEN --> REFERENTIELIJST ---- */
#category-projects-wrapper .category-projects-references-container {
	background-color: #E8E2D9;
	padding: 70px 0;
}

#category-projects-wrapper .category-projects-references-container h2.category-projects-references-title {
	font-family: 'Graphik Light';
	font-size: 45px;
	line-height: 70px;
}
#category-projects-wrapper .category-projects-references-container #category-projects-reference-list-wrapper {
	position: relative;
	overflow: hidden;
	height: 300px;
	transition: height .3s linear;
	-webkit-transition: height .3s linear;
	-moz-transition: height .3s linear;
	-ms-transition: height .3s linear;
	-o-transition: height .3s linear;
}

#category-projects-wrapper .category-projects-references-container #category-projects-reference-list-wrapper.show-all {
	transition: height .3s linear;
	-webkit-transition: height .3s linear;
	-moz-transition: height .3s linear;
	-ms-transition: height .3s linear;
	-o-transition: height .3s linear;
}

#category-projects-wrapper .category-projects-references-container #category-projects-reference-list-wrapper .category-projects-reference-list-overlay {
	position: absolute;
	display: block;
	bottom: 0;
	height: 200px;
	width: 100%;
	bottom: 0;
	left: 0;
	content: '';
	background-image: linear-gradient( to top, #E8E2D9, #E8E2D900);
	transition: height .3s linear;
	-webkit-transition: height .3s linear;
	-moz-transition: height .3s linear;
	-ms-transition: height .3s linear;
	-o-transition: height .3s linear;
}

#category-projects-wrapper .category-projects-references-container ul {
	margin: 0;
	padding: 0;
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
}

#category-projects-wrapper .category-projects-references-container ul li {
	display: inline-block;
	width: 100%;
}

#category-projects-wrapper .category-projects-references-container ul li {
	font-family: 'Open Sans';
	font-size: 20px;
	line-height: 28px;
	font-weight: 300;
}


#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container {
	width: 100%;
	text-align: center;
	padding: 70px 0 0 0;
}

#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button {
	position: relative;
	display: block;
	font-family: 'Graphik Regular';
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	width: 150px;
	border: 2px solid #DBCEBA;
	text-align: center;
	margin: 0 auto;
}

#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button:hover,
#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button:focus {
	cursor: pointer;
}

#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button .category-projects-reference-list-show-hide-button-content-show {
	position: absolute;
	display: block;
	height: 50px;
	width: 150px;
	text-align: center;
	opacity: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button .category-projects-reference-list-show-hide-button-content-show.active {
	opacity: 1;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button .category-projects-reference-list-show-hide-button-content-hide {
	position: absolute;
	display: block;
	height: 50px;
	width: 150px;
	text-align: center;
	opacity: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button .category-projects-reference-list-show-hide-button-content-hide.active {
	opacity: 1;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}



/* ---- CATEGORIES --> COLLECTIE ---- */
#category-collection-wrapper {
	padding: 70px 0;
}

#category-collection-wrapper .category-collection-overview-outrotext-content-container {
	padding: 70px 0 0 0;
}

/* ---- CATEGORIES --> COLLECTIE --> OVERVIEW---- */
#category-collection-overview-wrapper {
	display: block;
	height: auto;
	overflow: hidden;
}

#category-collection-wrapper #category-collection-overview-all-categories-wrapper {
	padding: 70px 8px 0 8px;
}

#category-collection-wrapper #category-collection-overview-single-item-wrapper {
	position: relative;
	float: left;
	width: calc( 33.3333% - 16px );
	margin: 8px;
}

#category-collection-wrapper .category-collection-overview-single-item-container {
	position: relative;
	background-color: #E7E2D9;
	/* margin-bottom: 30px; */
}

#category-collection-wrapper .category-collection-overview-single-item-container:after {
	display: block;
	content: '';
	padding-bottom: 100%;
}

#category-collection-wrapper .category-collection-overview-single-item-container img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#category-collection-wrapper .category-collection-overview-single-item-container .category-collection-overview-single-item-content-container {
	position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    
    text-align: center;
}

#category-collection-wrapper .category-collection-overview-single-item-container .category-collection-overview-single-item-title {
	position: relative;
	font-family: 'Open Sans';
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/* ---- CATEGORIES --> COLLECTIE --> SINGLE CATEGORIE---- */
#category-collection-wrapper #category-all-collection-items-wrapper {
	height: auto;
    overflow: hidden;
}

#category-collection-wrapper #category-all-collection-items-wrapper h1.category-collection-title {
	margin-bottom: 0;
}

#category-collection-wrapper #category-all-collection-items-wrapper a {
	color: #CEB6A9;
}

/*
#category-collection-wrapper .category-category-filter-container {
	margin-bottom: 40px;
}
*/

#category-collection-wrapper .category-category-filter-container li {
	display: inline-block;
	list-style: none;
}

#category-collection-wrapper .category-category-filter-container li:after {
	content: '.';
	margin: 0 4px;
	color: #CEB6A9;
}

#category-collection-wrapper .category-category-filter-container li:last-child:after {
	content: inherit;
	margin: 0;
}

#category-collection-wrapper .category-category-filter-container li a {
	font-size: 16px;
	border: 0 none;
	color: #CEB6A9;
	padding-bottom: 4px;
}

#category-collection-wrapper .category-category-filter-container li.current-cat a {
	border-bottom: 2px solid #DBCEBA;
}

#category-collection-wrapper #category-collection-collection-group-wrapper {
	padding-bottom: 70px;
}

#category-collection-wrapper #category-collection-collection-group-wrapper h3.category-collection-category-group-title {
	font-family: 'Open Sans';
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 40px;
	padding-top: 50px;
}

#category-collection-wrapper #category-collection-collection-group-wrapper #category-collection-single-items-wrapper {
	position: relative;
	left: -8.33333%;
	width: calc( 100% + 8.33333%);
}

#category-collection-wrapper #category-collection-single-item-image-wrapper {
	margin-bottom: 30px;
}

#category-collection-wrapper #category-collection-single-item-image-wrapper:hover,
#category-collection-wrapper #category-collection-single-item-image-wrapper:focus {
	cursor: pointer;
	text-decoration: none;
	border: 0 none;
}

#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container.square:before {
	display: block;
	content: '';
	padding-top: 100%;
}

#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container.landscape:before {
	display: block;
	content: '';
	padding-top: 56.25%;
}

#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container.portrait:before {
	display: block;
	content: '';
	padding-top: 175%;
}

#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-title-container h4 {
	position: relative;
	width: 100%;
	font-size: 16px;
	line-height: 40px;
	font-weight: 300;
	text-align: center;
	border-top: 2px solid #CAB5A9;
}



#pop-up {
	position: fixed;
	top: 0;
	left: 0;
}










/* ---- FOOTER ---- */
#footer-wrapper {
	position: relative;
	height: auto;
	min-height: 200px;
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	color: #DBCEBA;
	background-color: #1D262D;
	padding: 50px 0;
}

#footer-wrapper p {
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	color: #DBCEBA;
}

#footer-wrapper h4 {
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	color: #DBCEBA;
	margin-bottom: 30px;
	margin-top: 0;
}

#footer-wrapper a {
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	color: #DBCEBA;
	border: 0 none;
}

#footer-wrapper ul {
	list-style: none;
	padding-left: 0;
}

#footer-wrapper .footer-first-row-container {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 30px 0;
}

#footer-wrapper .footer-second-row-container {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 30px 0;
}


#footer-wrapper .footer-second-row-container #footer-position-6-left-logo-wrapper img,
#footer-wrapper .footer-second-row-container #footer-position-6-right-logo-wrapper img {
	position: relative;
	float: left;
	display: block;
	width: auto;
	min-width: inherit;
	height: 100px;
	margin-right: 50px;
	opacity: 0.7;
}

#footer-wrapper .footer-second-row-container #footer-position-6-right-logo-wrapper img {
	margin-right: 0;
}




/* ---- FOOTER --> COPYRIGHT ---- */
#footer-wrapper .footer-copyright-content-container {
	line-height: 100px;
	padding: 35px 0;
	text-align: right;
}

#footer-wrapper .footer-copyright-content-container .footer-copyright-content {
	font-size: 14px;
}



/* ---- FORMULIER ---- */
body img.gform_ajax_spinner {
	display: none !important;
}


body .gform_wrapper {
	position: relative;
	left: -15px;
	width: calc( 100% + 15px );
	max-width: calc( 100% + 15px );
}

body .gform_wrapper ul.gform_fields li.gfield {
	position: relative;
	clear: inherit;
	float: left;
	padding-right: 0;
}

body .gform_wrapper ul.gform_fields li.gfield input[type="text"] {
	height: 50px;
	line-height: 50px;
	padding: 0 10px!important;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
}

body .gform_wrapper ul.gform_fields li.gfield textarea {
	padding: 10px!important;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
}

body .gform_wrapper input[type="submit"] {
	position: relative;
	left: 15px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 15px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

body .gform_wrapper input[type="submit"]:hover,
body .gform_wrapper input[type="submit"]:focus {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}



#single-page-content-wrapper .single-page-social-share-container {
	padding: 30px 0;
}

#single-page-content-wrapper .single-page-social-share-container .single-page-social-share-title {
	font-size: 15px;
	color: #666666;
}

#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat {
	background-color: #f3f0ea;
	border-right: 1px solid #f7941d;
}

#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:last-of-type {
	border-right: 0 none;
}

#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:hover,
#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:focus {
	background-color: #f7941d!important;
	color: #ffffff!important;
}

#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat i {
	color: #f7941d;
}

#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:hover i,
#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:focus i {
	color: #ffffff!important;
}






@media(max-width: 767px) {
								html {
									position: relative;
									margin: 0;
									padding: 0;
									height: auto;
									min-height: 100vh;
									width: 100vw;
								}
								
	body {
		font-size: 18px; /* 20px; */
		line-height: 24px; /* 32px; */
	}
								
	h1 {
		font-size: 36px; /* 45px; */
		line-height: 45px; /* 56px; */
	}
								
	h2 {
		font-size: 36px; /* 45px; */
		line-height: 56px; /* 70px; */
	}
								
	h3 {
		font-size: 20px;
	}
								
	h4 {
		font-size: 22px; /* 24px; */
		line-height: 34px; /* 38px; */
	}
								
	p {
		margin-bottom: 20px; /* 24px; */
	}
								
								
								a {
									color: #000000;
									padding-bottom: 7px;
									border-bottom: 2px solid #DBCEBA;
									transition: all .2s ease-in-out;
									-webkit-transition: all .2s ease-in-out;
									-moz-transition: all .2s ease-in-out;
									-ms-transition: all .2s ease-in-out;
									-o-transition: all .2s ease-in-out;
								}
								
								a:hover, 
								a:focus {
									color: #000000;
									text-decoration: none;
									border-bottom: 2px solid  #000000;
									transition: all .2s ease-in-out;
									-webkit-transition: all .2s ease-in-out;
									-moz-transition: all .2s ease-in-out;
									-ms-transition: all .2s ease-in-out;
									-o-transition: all .2s ease-in-out;
								}
								
								a:focus {
									outline: 0 none;
								}
								
								a:hover:before,
								a:hover:after {
									text-decoration: none!important;
								}
								
								a#protocollen {
									position: relative;
									top: -100px;
								}
								
								blockquote {
									border-left: 0 none!important;
									margin-left: 0;
									padding: 15px 0!important
								}
								
								blockquote p {
									font-size: 32px!important;
									color: #009cc4!important;
									font-weight: 600!important;
									font-style: italic!important;
								}
								
								img {
									min-width: 100%;
									max-width: 100%;
									height: auto;
									/* margin-bottom: 24px; */
								}
								
								img.image-margin-top {
									margin-top: 10px;
								}
								
								img.alignright {
									float: right;
									margin-bottom: 10px;
									margin-left: 10px;
								}
								
								img.alignleft {
									float: left;
									margin-bottom: 10px;
									margin-right: 10px;
								}
								
								.wp-block-image figcaption {
									position: relative;
									top: -20px;
									color: #999999;
									font-size: 14px;
									font-style: italic;
									margin-bottom: 24px;
								}
								
								
								
								/* ---- VIDEO FULL WIDTH ---- */
								.wp-block-embed__wrapper {
									position: relative;
									width: 100%;
									height: 0;
									padding-bottom: 56.25%;
								}
								
								.wp-block-embed__wrapper iframe {
									position: absolute;
									top: 0;
									height: 100%;
									width: 100%;
								}



	/* ---- POPUP ---- */
				#popup {
					position: fixed;
					display: flex;
					flex-grow: 1;
					align-items: center;
					justify-content: center;
					height: 100%;
					width: 100%;
					top: 0;
					left: 0;
					background: rgba( 51, 51, 51, .8);
					z-index: -1;
					opacity: 0;
				}
				
				#popup.show {
					opacity: 1;
					z-index: 250000; 
					/* z-index: -1; */
				}
				
				#popup #popup-content-wrapper {
					background-color: #ffffff;
					color: #555555;
				}
				
	#popup #popup-content-wrapper #popup-main-image-wrapper {
		display: none;
		width: 100%;
	}
				
				#popup #popup-content-wrapper #popup-main-image-wrapper.portrait:before {
					display: block;
					content: '';
					padding-bottom: 170%;
				}
				
				#popup #popup-content-wrapper #popup-main-image-wrapper.squares:before {
					display: block;
					content: '';
					padding-bottom: 100%;
				}
				
				#popup #popup-content-wrapper #popup-main-image-wrapper.landscape {
					width: 50%;
				}
				
				#popup #popup-content-wrapper #popup-main-image-wrapper.landscape:before {
					display: block;
					content: '';
					padding-bottom: 60%;
				}
				
				#popup #popup-content-wrapper #popup-main-image-wrapper .popup-main-image-container {
					position: absolute;
					display: flex;
					top: 0;
					flex-direction: column;
					height: 100%;
					justify-content: center;
				}
				
	#popup #popup-content-wrapper #popup-content-wrapper {
		width: 100%;
	}
				
				#popup #popup-content-wrapper #popup-content-wrapper.landscape {
					width: 100%;
				}
				
	#popup #popup-content-wrapper #popup-content-wrapper .popup-content-container {
		font-family: 'Open Sans';
		font-size: 16px;
		line-height: 22px;
		font-weight: 300;
		padding: 30px 15px;
	}

				#popup #popup-content-wrapper #popup-content-wrapper .popup-content-container p:last-of-type {
					margin-bottom: 0;
				}
				
				#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container {
					padding: 0;
				}
				
				
				#popup #popup-content-wrapper #popup-content-wrapper .popup-content-container .popup-content-title {
					font-weight: 400;
					margin-bottom: 20px;
				}
				
				#popup #popup-content-wrapper #popup-content-wrapper .popup-content-container .popup-content-additional-info {
					margin-bottom: 20px;
				}
				
	#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container .popup-content-title-and-info {
		width: 100%;
		padding: 30px 15px 15px 15px;
	}
				
				#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container .popup-content-title-and-info .popup-content-title {
					margin-bottom: 0;
				}
				
				#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container .popup-content-title-and-info .popup-content-additional-info {
					margin-bottom: 0;
				}
				
	#popup #popup-content-wrapper #popup-content-wrapper.landscape .popup-content-container .popup-content-content {
		width: 100%;
		padding: 15px 15px 30px;
	}
				
	#popup #popup-content-wrapper .popup-images-container {
		width: 100%;
		padding: 50px 15px;
	}
				
	#popup #popup-content-wrapper .popup-images-container.landscape {
		width: 100%;
	}
				
				#popup #popup-content-wrapper .popup-images-container.landscape:before {
					display: block;
					content: '';
					padding-bottom: 60%;
				}
				
				#popup #popup-content-wrapper .popup-images-container .popup-images-content-container {
					display: flex;
					height: 100%;
					flex-direction: column;
					align-items: center;
					justify-content: center;
				}
				
				#popup #popup-content-wrapper .popup-images-container.landscape .popup-images-content-container {
					position: absolute;
					top: 0;
					left: 0;
					flex-direction: row;
					height: 100%;
					width: 100%;
					padding: 70px 50px;
				}
				
				#popup #popup-content-wrapper .popup-images-container .popup-images-single-image-container {
					position: relative;
					width: 100%;
				}
				
				#popup #popup-content-wrapper .popup-images-container.landscape .popup-images-single-image-container {
					width: 50%;
				}
				
				#popup #popup-content-wrapper .popup-images-container .popup-images-single-image-container:before {
					display: block;
					content: '';
					padding-bottom: 100%;
				}
				
				#popup #popup-content-wrapper .popup-images-container .popup-images-single-image-container img {
					position: absolute;
					top: 0;
					height: 100%;
					width: 100%;
					object-fit: contain;
					object-position: center;
				}
				
				#popup #popup-content-wrapper .popup-images-container .popup-close-icon {
					position: absolute;
					content: '';
					height: 20px;
					width: 20px;
					top: 15px;
					right: 25px;
					background-image: url('images/icons/OT-Design - PopUp Close.svg');
					background-position: center;
					background-size: contain;
					background-repeat: no-repeat;
				}
				
				#popup #popup-content-wrapper .popup-images-container .popup-close-icon:hover,
				#popup #popup-content-wrapper .popup-images-container .popup-close-icon:focus {
					cursor: pointer;
					text-decoration: none;
					border: 0 none;
				}
								
								
								
	/* ---- MAIN-MENU ---- */
	
	
	
	/* ---- MAIN-MENU ---- */				
	#main-menu-wrapper #main-menu-header-wrapper .main-menu-header-logo-container {
		background-size: 190px auto!important;
		background-position: center;
	}
								
	#main-menu-wrapper #main-menu-header-wrapper #main-menu-header-pancake-icon-wrapper {
		background-position: right center;
	}
																
	#main-menu-wrapper #otd-main-menu-wrapper {
		padding: 25px 50px;
	}
																
	#main-menu-wrapper #otd-main-menu-wrapper ul li a {
		font-size: 32px; /* 38px; */
		line-height: 50px; /* 70px; */
	}
								
	#main-menu-wrapper #otd-main-menu-wrapper ul li.wpml-ls-item a {
		font-size: 20px;
		margin-top: 15px;
	}
								
								
								
								
	/* ---- HEADER ---- */
								
	/* ---- HEADER --> LOGO ---- */
	#header-wrapper .header-logo-container {
		background-size: 190px auto!important;
		background-position: center;
	}
						
								
	/* ---- HEADER --> PANCAKE ---- */
	#header-pancake-icon-wrapper {
		background-position: right center;
	}
								
								
								
								
								
								
								
								/* ---- START SITE ---- */
								#site-wrapper {
									padding-top: 100px; /* 150px; */
									/*padding-bottom: 70px; */
								}
								
								#site-wrapper .wp-block-image {
									margin-bottom: inherit;
								}
								
								#site-wrapper .wp-block-image.size-large {
									height: 80vh;
									width: 100%;
								}
								
								#site-wrapper .wp-block-image.size-large img {
									height: 100%;
									width: 100%;
									object-fit: cover;
									object-position: center;
								}
								
								
								
	/* ---- SLIDESHOW ---- */
								#slideshow-wrapper {
									position: relative;
								}
								
								#slideshow-wrapper .carousel {
									position: relative;
								}

	#slideshow-wrapper .carousel .carousel-inner {
		height: 40vh!important;
	}
								
	#slideshow-wrapper .carousel-inner .carousel-item {
		height: 40vh!important;
	}
	
								
								#slideshow-wrapper ol.carousel-indicators:hover,
								#slideshow-wrapper ol.carousel-indicators:focus {
									cursor: pointer;
								}
								
								.carousel-indicators li {
									margin: 0 5px;
								}
								
								.carousel-indicators.rounds li {
									margin: 10px 5px;
									height: 10px;
									width: 10px;
									border-radius: 5px;
									border: 0 none;
								}
								
								
								#homepage-header-left-wrapper {
									position: relative;
								}
								#homepage-header-left-wrapper #slideshow-wrapper .carousel-inner .carousel-item {
									height: 100%;
								}
								
	#homepage-header-left-wrapper .homepage-header-left-content-container.slider {
		height: 40vh!important; /* 100%; */
	}
								
								
								
								
	/* ---- FRONTPAGE ---- */
								#homepage-header-wrapper {
									position: relative;
									height: auto;
									padding-bottom: 35px;
									overflow: hidden;
								}
								
	#homepage-header-left-wrapper {
		width: 100%;
	}
								
	#homepage-header-left-wrapper .homepage-header-left-container {
		height: 40vh;
		padding-bottom: inherit;
	}
								
								#homepage-header-left-wrapper .homepage-header-left-container.incl-background {
									background-size: cover;
									background-position: center;
									background-repeat: no-repeat;
								}
								
	#homepage-header-left-wrapper .homepage-header-left-container .homepage-header-left-content-container .content_block {
		position: relative;
		height: 40vh!important;
		padding: 30px;
	}
								
								#homepage-header-left-wrapper .homepage-header-left-container .homepage-header-left-content-container .content_block h2 {
									font-family: 'Graphik Light';
									font-size: 56px;
									line-height: 68px;
									color: #CDB4A7;
									margin-top: 0;
								}
								
								#homepage-header-left-wrapper .homepage-header-left-container .homepage-header-left-content-container .content_block a {
									position: absolute;
									bottom: 60px;
									color: #ffffff;
								}
								
	#homepage-header-right-wrapper {
		width: 100%;
	}
								
								#homepage-header-right-wrapper .homepage-header-right-top-container {
									position: relative;
									height: 0;
									padding-bottom: 70%;
								}
								
								#homepage-header-right-wrapper .homepage-header-right-top-container.incl-background {
									background-size: cover;
									background-position: center;
									background-repeat: no-repeat;
								}
								
	#homepage-header-right-wrapper .homepage-header-right-top-container .homepage-header-right-top-content-container .content_block {
		position: relative;
		padding: 30px;
	}
								
								#homepage-header-right-wrapper .homepage-header-right-top-container .homepage-header-right-top-content-container .content_block h2 {
									font-family: 'Graphik Light';
									font-size: 56px;
									line-height: 68px;
									color: #CDB4A7;
									margin-top: 0;
								}
								
								#homepage-header-right-wrapper .homepage-header-right-top-container .homepage-header-right-top-content-container .content_block a {
									position: absolute;
									bottom: 60px;
									color: #ffffff;
								}
								
	#homepage-header-right-wrapper .homepage-header-right-bottom-container {
		position: relative;
		height: auto; /* 0;*/
		padding-bottom: inherit; /* 70%; */
	}
								
								#homepage-header-right-wrapper .homepage-header-right-bottom-container.incl-background {
									background-size: cover;
									background-position: center;
									background-repeat: no-repeat;
								}
								
								#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container {
									position: relative;
								}
								
	#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block {
		position: relative;
		height: auto!important;
		padding: 30px 30px 125px 30px;
	}
								
	#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block h2 {
		font-size: 36px; /* 45px; */
		line-height: 43px; /* 56px; */
		margin-bottom: 30px;
	}
								
								#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block a {
									position: absolute;
									bottom: 60px;
									color: #ffffff;
								}
								
								
	/* ---- FRONTPAGE --> PROJECT CATEGORIEEN ---- */
	#fp-project-categories-wrapper #fp-project-categories-single-item-wrapper {
		width: calc( 50% - 16px ); /* calc( 33.33333% - 16px ); */
		margin: 8px;
	}
								
								
								
								
								
								/* ---- FRONTPAGE --> ONZE PRODUCTEN ---- */
								#fp-our-products-wrapper {
									height: auto;
									min-height: 400px;
									background-color: #E0D2CD;
									margin: 35px 0;
								}
								
								
								
	/* ---- FRONTPAGE --> PROJECTEN OVERZICHT ---- */
	#fp-projects-wrapper {
		padding: 50px 0; /* 75px 0; */
	}
								
								#fp-projects-wrapper #fp-projects-single-wrapper {
									height: 100%;
									overflow: hidden;
									padding: 0; /*  50px 0; */
									background-color: #F7F4EF;
								}
								
								#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container {
									position: relative;
									display: flex;
									height: 100%;
									padding: 0; /* 60px 0; */
								}
								
	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content-content {
		padding: 40px; /* 0 40px; */
	}
								
	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container.left {
		padding: 0; /* 60px 0; */
	}
								
								#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container h3.fp-projects-single-project-content-title {
									font-size: 38px; /* 45px; */
									line-height: 38px; /* 45px; */
									margin: 0 0 7px 0;
								}
								
								#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content-location {
									font-family: 'Graphik Light';
									font-size: 20px; /* 22px; */
									line-height: 30px; /* 32px; */
									margin-bottom: 50px;
								}
								
	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-readmore-link-container {
		margin-top: 60px;
	}
								
								#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-image-container {
									position: relative;
									height: 0;
									width: calc( 100% + 15px ); /* calc( 100% + 7% ); */
									padding-bottom: 100%;
									background-position: center;
									background-size: cover;
									background-repeat: no-repeat;
									overflow: hidden;
								}
								
								#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-image-container.right {
									position: relative;
									left: -15px; /* -7%; */
									width: calc( 100% + 15px );
								}
								
								#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-image-container.right::before {
									position: absolute;
									display: block;
									content: '';
									/* left: -30px; */
									right: 0px;
									height: 100%;
									width: 0;
									background-color: #ffffff;
								}
								
								#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-image-container.left::before {
									position: absolute;
									display: block;
									content: '';
									right: 0; /* -30px; */
									height: 100%;
									width: 0; /* 30px; */
									background-color: #F7F4EF; /* #ffffff; */
								}
								
								#fp-projects-wrapper .fp-projects-to-all-projects-link-container {
									text-align: center;
									padding: 35px 0;
								}
								
								
								
								/* ---- PAGES --> OVER ONS --> ONS TEAM ---- */
								#out-team-wrapper {
									padding: 35px 0;
								}
								
								#our-team-wrapper #our-team-single-item-wrapper {
									font-family: 'Open Sans';
									font-size: 18px;
									line-height: 28px;
									font-weight: 300;
									margin-bottom: 70px;
								}
								
	#our-team-wrapper .our-team-single-item-picture-container {
		margin-bottom: 20px;
	}
								
								#our-team-wrapper #our-team-single-item-wrapper h4.our-team-single-item-name-content-container {
									font-size: 20px;
									line-height: 28px;
									/* font-weight: inherit; */
									margin: 0;
								}
								
	#our-team-wrapper #our-team-single-item-wrapper {
		margin-bottom: 40px;
	}

	#our-team-wrapper #our-team-single-item-wrapper p:last-of-type {
		font-size: 14px;
		line-height: normal;
	}
								
								
	/* ---- PAGES --> CONTACT ---- */
								#page-contact-info-wrapper h4 {
									font-size: 20px;
									line-height: 32px;
								}

	#page-contact-info-wrapper .page-contact-info-single-contact-info {
		margin-bottom: 50px;
	}
								
								#page-contact-outrotext-wrapper {
									padding: 100px 0;
								}
								
								
								
	/* ---- PAGES --> MATERIALEN ---- */
	#page-materials-wrapper {
		padding: 70px 0;
	}
								
	#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container {
		width: 100%;
	}
								
								#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container:before {
									display: block;
									content: '';
									padding-bottom: 100%;
									background-color: #ffffff;
								}
								
								#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container .page-materials-image {
									position: absolute;
									top: 0;
									left: 0;
									height: 100%;
									width: 100%;
								}
								
								#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container.left {
									float: left;
								}
								
								#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container .carousel-inner {
									height: 100%;
									width: 100%;
								}
								
								#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container .carousel-inner .carousel-item {
									height: 0;
									width: 100%;
									padding-bottom: 100%;
									background-size: cover;
									background-position: center;
									background-repeat: no-repeat;
								}
								
								#page-materials-wrapper #page-materials-content-wrapper .page-materials-image-container .carousel-indicators li {
									height: 10px;
									width: 10px;
									border-radius: 50%;
									-webkit-border-radius: 50%;
									-moz-border-radius: 50%;
									-ms-border-radius: 50%;
									-o-border-radius: 50%;
									background-color: #000000;
								}
								
	#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container {
		width: 100%;	
	}
								
								#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container.right {
									float: right;
								}
								
	#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container .page-materials-content-content {
		padding: 70px 40px;
	}
								
								#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container .page-materials-content-content h3 {
									font-family: 'Graphik Light';
									font-size: 42px;
									line-height: 42px;
									margin-bottom: 30px;
								}
								
								
								/* ---- PAGES --> OVER ONS --> REFERENTIES ---- */
								#references-wrapper #references-single-items-wrapper {
									position: relative;
									padding: 35px 0;
								}
								
								#references-wrapper #references-single-items-wrapper #references-single-item-wrapper {
									position: relative;
									float: left;
									width: 20%;
									margin-bottom: 45px;
								}
								
								#references-wrapper #references-single-items-wrapper #references-single-item-wrapper .references-single-item-logo-container {
									position: relative;
									height: 0;
									padding: 25%;
									background-size: 100%;
									background-position: center;
									background-repeat: no-repeat;
								}
								
								
								
	/* ---- CATEGORIES --> PROJECTEN ---- */
								#category-projects-wrapper {
									padding: 70px 0 0 0;
								}
								
								#category-projects-wrapper .category-projects-introtext-container {
									padding-bottom: 35px;
								}
								
								#category-wrapper {
									padding: 70px 0;
								}
								
								#category-wrapper #introtext-wrapper {
									/* padding: 35px 0; */
									padding-bottom: 35px;
								}
								
								#category-wrapper #category-all-projects-wrapper {
									padding: 35px 0;
									height: auto;
									overflow: hidden;
								}
								
								@media (min-width: 1260px) {
									#category-wrapper #category-all-projects-wrapper .container {
										width: calc( 1260px + 4.16667% )!important;
										max-width: 100%;
									}
								}
								
	#category-wrapper #category-all-projects-wrapper a {
		width: 100%;
		border-bottom: 0 none;
	}
								
	#category-wrapper .category-category-filter-container {
		text-align: center;
	}
								
	#category-wrapper .category-category-filter-container li {
		line-height: 40px;
	}
								
								#category-wrapper .category-category-filter-container li:after {
									content: '.';
									margin: 0 7px;
								}
								
								#category-wrapper .category-category-filter-container li:last-child:after {
									content: inherit;
									margin: 0;
								}
								
	#category-wrapper .category-category-filter-container li.current-cat a {
		padding-bottom: 4px;
	}
								
								#category-wrapper .category-category-filter-container li a {
									font-size: 20px;
									border: 0 none;
								}
								
								#category-wrapper #category-all-projects-wrapper #ajax-load-more {
									width: 100%;
								}
								
	#category-wrapper #category-all-projects-wrapper #category-single-project-wrapper {
		margin-bottom: 30px;
	}
								
	#category-wrapper #category-all-projects-wrapper a:nth-of-type(odd) #category-single-project-wrapper {
		padding-left: 15px;
	}
	
	#category-wrapper #category-all-projects-wrapper a:nth-of-type(even) #category-single-project-wrapper {
		padding-right: 15px;
	}
								
								#category-wrapper #category-all-projects-wrapper #category-single-project-wrapper .category-single-project-image {
									position: relative;
									height: 0;
									width: 100%;
									padding-bottom: 66.66667%;
									background-size: cover;
									background-position: center;
									background-repeat: no-repeat;
								}
								
								#category-wrapper #category-all-projects-wrapper #category-single-project-wrapper .category-single-project-content-container {
									height: auto;
									min-height: 120px;
									padding: 30px 0;
								}
								
								#category-wrapper #category-all-projects-wrapper #category-single-project-wrapper .category-single-project-content-container .category-single-project-content-title {
									font-weight: normal;
								}
								
								
								
	/* ---- CATEGORIES --> PROJECTEN ---- */
								#category-projects-wrapper #category-projects-all-projects-wrapper {
									padding: 35px 0;
								}
								
								@media (min-width: 1260px) {
									#category-projects-wrapper #category-projects-all-projects-wrapper .container {
										width: calc( 1260px + 4.16667% )!important;
										max-width: 100%;
									}
								}
								
								#category-projects-wrapper #category-projects-all-projects-wrapper a {
									color: #000000;
								}
								
	#category-projects-wrapper .category-projects-category-filter-container {
		text-align: center;
	}
								
	#category-projects-wrapper .category-projects-category-filter-container li {
		line-height: 40px;
	}
								
								#category-projects-wrapper .category-projects-category-filter-container li:after {
									content: '.';
									margin: 0 7px;
								}
								
								#category-projects-wrapper .category-projects-category-filter-container li:last-child:after {
									content: inherit;
									margin: 0;
								}
								
	#category-projects-wrapper .category-projects-category-filter-container li.current-cat a {
		padding-bottom: 4px;
	}
								
								#category-projects-wrapper .category-projects-category-filter-container li a {
									font-size: 20px;
									border: 0 none;
								}
								
								#category-projects-wrapper #category-projects-all-projects-wrapper #ajax-load-more {
									width: 100%;
								}
								
	#category-projects-wrapper #category-projects-all-projects-wrapper #category-projects-single-project-wrapper {
		width: 100%;
		margin-bottom: 30px;
	}
								
	#category-projects-wrapper #category-projects-all-projects-wrapper a:nth-of-type(odd) #category-projects-single-project-wrapper {
		padding-left: 15px;
	}
	
	#category-projects-wrapper #category-projects-all-projects-wrapper a:nth-of-type(even) #category-projects-single-project-wrapper {
		padding-right: 15px;
	}
								
	#category-projects-wrapper #category-projects-all-projects-wrapper #category-projects-single-project-wrapper .category-projects-single-project-image {
		position: relative;
		height: 0;
		width: 100%;
		padding-bottom: 66.66667%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
								
								#category-projects-wrapper #category-projects-all-projects-wrapper #category-projects-single-project-wrapper .category-project-single-project-content-container {
									height: auto;
									min-height: 120px;
									padding: 30px 0;
								}
								
								#category-projects-wrapper #category-projects-all-projects-wrapper #category-projects-single-project-wrapper .category-project-single-project-content-container .category-projects-single-project-content-title {
									font-weight: normal;
								}
								
								
								
								/* ---- CATEGORIES --> PROJECTEN --> LOAD MORE ---- */
								#category-projects-wrapper .category-projects-content-container  .alm-btn-wrap button {
									position: relative;
									display: block;
									font-family: 'Graphik Regular';
									font-size: 20px;
									color: #000000; /* #DBCEBA; */
									height: 50px;
									line-height: 50px;
									border: 2px solid #DBCEBA;
									text-align: center;
									margin: 0 auto;
									background-color: transparent;
									border-radius: 0;
								}
								
								#category-projects-wrapper .category-projects-content-container  .alm-btn-wrap button:hover,
								#category-projects-wrapper .category-projects-content-container  .alm-btn-wrap button:focus {
									background-color: #DBCEBA;
									color: #000000
								}
								
								
								
	/* ---- CATEGORIES --> PROJECTEN --> REFERENTIELIJST ---- */
								#category-projects-wrapper .category-projects-references-container {
									background-color: #E8E2D9;
									padding: 70px 0;
								}
								
								#category-projects-wrapper .category-projects-references-container h2.category-projects-references-title {
									font-family: 'Graphik Light';
									font-size: 45px;
									line-height: 70px;
								}
								#category-projects-wrapper .category-projects-references-container #category-projects-reference-list-wrapper {
									position: relative;
									overflow: hidden;
									height: 300px;
									transition: height .3s linear;
									-webkit-transition: height .3s linear;
									-moz-transition: height .3s linear;
									-ms-transition: height .3s linear;
									-o-transition: height .3s linear;
								}
								
								#category-projects-wrapper .category-projects-references-container #category-projects-reference-list-wrapper.show-all {
									transition: height .3s linear;
									-webkit-transition: height .3s linear;
									-moz-transition: height .3s linear;
									-ms-transition: height .3s linear;
									-o-transition: height .3s linear;
								}
								
								#category-projects-wrapper .category-projects-references-container #category-projects-reference-list-wrapper .category-projects-reference-list-overlay {
									position: absolute;
									display: block;
									bottom: 0;
									height: 200px;
									width: 100%;
									bottom: 0;
									left: 0;
									content: '';
									background-image: linear-gradient( to top, #E8E2D9, #E8E2D900);
									transition: height .3s linear;
									-webkit-transition: height .3s linear;
									-moz-transition: height .3s linear;
									-ms-transition: height .3s linear;
									-o-transition: height .3s linear;
								}
								
	#category-projects-wrapper .category-projects-references-container ul {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		-o-column-count: 1;
	}
								
								#category-projects-wrapper .category-projects-references-container ul li {
									display: inline-block;
									width: 100%;
								}
								
	#category-projects-wrapper .category-projects-references-container ul li {
		font-family: 'Open Sans';
		font-size: 18px; /* 20px; */
		line-height: 26px; /* 28px; */
	}
								
								
								#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container {
									width: 100%;
									text-align: center;
									padding: 70px 0 0 0;
								}
								
								#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button {
									position: relative;
									display: block;
									font-family: 'Graphik Regular';
									font-size: 20px;
									height: 50px;
									line-height: 50px;
									width: 150px;
									border: 2px solid #DBCEBA;
									text-align: center;
									margin: 0 auto;
								}
								
								#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button:hover,
								#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button:focus {
									cursor: pointer;
								}
								
								#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button .category-projects-reference-list-show-hide-button-content-show {
									position: absolute;
									display: block;
									height: 50px;
									width: 150px;
									text-align: center;
									opacity: 0;
									transition: all .3s ease-in-out;
									-webkit-transition: all .3s ease-in-out;
									-moz-transition: all .3s ease-in-out;
									-ms-transition: all .3s ease-in-out;
									-o-transition: all .3s ease-in-out;
								}
								
								#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button .category-projects-reference-list-show-hide-button-content-show.active {
									opacity: 1;
									transition: all .3s ease-in-out;
									-webkit-transition: all .3s ease-in-out;
									-moz-transition: all .3s ease-in-out;
									-ms-transition: all .3s ease-in-out;
									-o-transition: all .3s ease-in-out;
								}
								
								#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button .category-projects-reference-list-show-hide-button-content-hide {
									position: absolute;
									display: block;
									height: 50px;
									width: 150px;
									text-align: center;
									opacity: 0;
									transition: all .3s ease-in-out;
									-webkit-transition: all .3s ease-in-out;
									-moz-transition: all .3s ease-in-out;
									-ms-transition: all .3s ease-in-out;
									-o-transition: all .3s ease-in-out;
								}
								
								#category-projects-wrapper .category-projects-references-container .category-projects-reference-list-show-hide-button-container .category-projects-reference-list-show-hide-button .category-projects-reference-list-show-hide-button-content-hide.active {
									opacity: 1;
									transition: all .3s ease-in-out;
									-webkit-transition: all .3s ease-in-out;
									-moz-transition: all .3s ease-in-out;
									-ms-transition: all .3s ease-in-out;
									-o-transition: all .3s ease-in-out;
								}
								
								
								
	/* ---- CATEGORIES --> COLLECTIE ---- */
								#category-collection-wrapper {
									padding: 70px 0;
								}
								
								#category-collection-wrapper .category-collection-overview-outrotext-content-container {
									padding: 70px 0 0 0;
								}
								
								/* ---- CATEGORIES --> COLLECTIE --> OVERVIEW---- */
								#category-collection-overview-wrapper {
									display: block;
									height: auto;
									overflow: hidden;
								}
								
								#category-collection-wrapper #category-collection-overview-all-categories-wrapper {
									padding: 70px 8px 0 8px;
								}
								
	#category-collection-wrapper #category-collection-overview-single-item-wrapper {
		width: calc( 50% - 16px ); /* calc( 33.3333% - 16px ); */
	}
								
								#category-collection-wrapper .category-collection-overview-single-item-container {
									position: relative;
									background-color: #E7E2D9;
									/* margin-bottom: 30px; */
								}
								
								#category-collection-wrapper .category-collection-overview-single-item-container:after {
									display: block;
									content: '';
									padding-bottom: 100%;
								}
								
								#category-collection-wrapper .category-collection-overview-single-item-container img {
									position: absolute;
									top: 0;
									left: 0;
									height: 100%;
									width: 100%;
									object-fit: cover;
									object-position: center;
								}
								
								#category-collection-wrapper .category-collection-overview-single-item-container .category-collection-overview-single-item-content-container {
									position: absolute;
									bottom: 15px;
									left: 0;
									width: 100%;
									
									text-align: center;
								}
								
	#category-collection-wrapper .category-collection-overview-single-item-container .category-collection-overview-single-item-title {
		font-size: 14px;
	}
								
								
	/* ---- CATEGORIES --> COLLECTIE --> SINGLE CATEGORIE---- */
								#category-collection-wrapper #category-all-collection-items-wrapper {
									height: auto;
									overflow: hidden;
								}
								
								#category-collection-wrapper #category-all-collection-items-wrapper h1.category-collection-title {
									margin-bottom: 0;
								}
								
								#category-collection-wrapper #category-all-collection-items-wrapper a {
									color: #CEB6A9;
								}
								
	#category-collection-wrapper .category-category-filter-container {
		text-align: center;
	}
								
	#category-collection-wrapper .category-category-filter-container li {
		line-height: 30px;
	}
								
								#category-collection-wrapper .category-category-filter-container li:after {
									content: '.';
									margin: 0 4px;
									color: #CEB6A9;
								}
								
								#category-collection-wrapper .category-category-filter-container li:last-child:after {
									content: inherit;
									margin: 0;
								}
								
								#category-collection-wrapper .category-category-filter-container li a {
									font-size: 16px;
									border: 0 none;
									color: #CEB6A9;
									padding-bottom: 4px;
								}
								
	#category-collection-wrapper .category-category-filter-container li.current-cat a {
		padding-bottom: 2px;
	}
								
								#category-collection-wrapper #category-collection-collection-group-wrapper {
									padding-bottom: 70px;
								}
								
								#category-collection-wrapper #category-collection-collection-group-wrapper h3.category-collection-category-group-title {
									font-family: 'Open Sans';
									font-size: 20px;
									font-weight: normal;
									margin-bottom: 40px;
									padding-top: 50px;
								}
								
	#category-collection-wrapper #category-collection-collection-group-wrapper #category-collection-single-items-wrapper {
		left: inherit;
		width: 100%;
	}
								
								#category-collection-wrapper #category-collection-single-item-image-wrapper {
									margin-bottom: 30px;
								}
								
								#category-collection-wrapper #category-collection-single-item-image-wrapper:hover,
								#category-collection-wrapper #category-collection-single-item-image-wrapper:focus {
									cursor: pointer;
									text-decoration: none;
									border: 0 none;
								}
								
								#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container {
									position: relative;
									width: 100%;
									overflow: hidden;
								}
								
								#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container.square:before {
									display: block;
									content: '';
									padding-top: 100%;
								}
								
								#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container.landscape:before {
									display: block;
									content: '';
									padding-top: 56.25%;
								}
								
								#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container.portrait:before {
									display: block;
									content: '';
									padding-top: 175%;
								}
								
								#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-image-container img {
									position: absolute;
									top: 0;
									left: 0;
									height: 100%;
									width: 100%;
									object-fit: cover;
									object-position: center;
								}
								
								#category-collection-wrapper #category-collection-collection-group-wrapper .category-collection-single-item-title-container h4 {
									position: relative;
									width: 100%;
									font-size: 16px;
									line-height: 40px;
									font-weight: 300;
									text-align: center;
									border-top: 2px solid #CAB5A9;
								}
								
								
								
								#pop-up {
									position: fixed;
									top: 0;
									left: 0;
								}
								
								
								
								
								
								
								
								
								
								
	/* ---- FOOTER ---- */
								#footer-wrapper {
									position: relative;
									height: auto;
									min-height: 200px;
									font-family: 'Open Sans';
									font-size: 18px;
									line-height: 30px;
									font-weight: 300;
									color: #DBCEBA;
									background-color: #1D262D;
									padding: 50px 0;
								}

	#footer-wrapper .footer-position-1-content-container,
	#footer-wrapper .footer-position-2-content-container,
	#footer-wrapper .footer-position-3-content-container,
	#footer-wrapper .footer-position-4-content-container {
		margin-bottom: 60px;
	}
								
								#footer-wrapper p {
									font-family: 'Open Sans';
									font-size: 18px;
									line-height: 30px;
									font-weight: 300;
									color: #DBCEBA;
								}
								
	#footer-wrapper h4 {
		margin-bottom: 15px;
	}
								
								#footer-wrapper a {
									font-family: 'Open Sans';
									font-size: 18px;
									line-height: 30px;
									font-weight: 300;
									color: #DBCEBA;
									border: 0 none;
								}
								
								#footer-wrapper ul {
									list-style: none;
									padding-left: 0;
								}
								
								#footer-wrapper .footer-first-row-container {
									display: block;
									height: auto;
									overflow: hidden;
									padding: 30px 0;
								}
								
								#footer-wrapper .footer-second-row-container {
									display: block;
									height: auto;
									overflow: hidden;
									padding: 30px 0;
								}
								
								
								#footer-wrapper .footer-second-row-container #footer-position-6-left-logo-wrapper img,
								#footer-wrapper .footer-second-row-container #footer-position-6-right-logo-wrapper img {
									position: relative;
									float: left;
									display: block;
									width: auto;
									min-width: inherit;
									height: 100px;
									margin-right: 50px;
									opacity: 0.7;
								}
								
								#footer-wrapper .footer-second-row-container #footer-position-6-right-logo-wrapper img {
									margin-right: 0;
								}
								
								
								
								
	/* ---- FOOTER --> COPYRIGHT ---- */
	#footer-wrapper .footer-copyright-content-container {
		text-align: center;
	}
								
								#footer-wrapper .footer-copyright-content-container .footer-copyright-content {
									font-size: 14px;
								}
								
								
								
								/* ---- FORMULIER ---- */
								body img.gform_ajax_spinner {
									display: none !important;
								}
								
								
								body .gform_wrapper {
									position: relative;
									left: -15px;
									width: calc( 100% + 15px );
									max-width: calc( 100% + 15px );
								}
								
								body .gform_wrapper ul.gform_fields li.gfield {
									position: relative;
									clear: inherit;
									float: left;
									padding-right: 0;
								}
								
								body .gform_wrapper ul.gform_fields li.gfield input[type="text"] {
									height: 50px;
									line-height: 50px;
									padding: 0 10px!important;
									border-radius: 7px;
									-webkit-border-radius: 7px;
									-moz-border-radius: 7px;
									-ms-border-radius: 7px;
									-o-border-radius: 7px;
								}
								
								body .gform_wrapper ul.gform_fields li.gfield textarea {
									padding: 10px!important;
									border-radius: 7px;
									-webkit-border-radius: 7px;
									-moz-border-radius: 7px;
									-ms-border-radius: 7px;
									-o-border-radius: 7px;
								}
								
								body .gform_wrapper input[type="submit"] {
									position: relative;
									left: 15px;
									height: 50px;
									line-height: 50px;
									font-weight: bold;
									text-transform: uppercase;
									padding: 0 15px;
									border-radius: 7px;
									-webkit-border-radius: 7px;
									-moz-border-radius: 7px;
									-ms-border-radius: 7px;
									-o-border-radius: 7px;
									transition: all .2s ease-in-out;
									-webkit-transition: all .2s ease-in-out;
									-moz-transition: all .2s ease-in-out;
									-ms-transition: all .2s ease-in-out;
									-o-transition: all .2s ease-in-out;
								}
								
								body .gform_wrapper input[type="submit"]:hover,
								body .gform_wrapper input[type="submit"]:focus {
									transition: all .2s ease-in-out;
									-webkit-transition: all .2s ease-in-out;
									-moz-transition: all .2s ease-in-out;
									-ms-transition: all .2s ease-in-out;
									-o-transition: all .2s ease-in-out;
								}
								
								
								
								#single-page-content-wrapper .single-page-social-share-container {
									padding: 30px 0;
								}
								
								#single-page-content-wrapper .single-page-social-share-container .single-page-social-share-title {
									font-size: 15px;
									color: #666666;
								}
								
								#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat {
									background-color: #f3f0ea;
									border-right: 1px solid #f7941d;
								}
								
								#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:last-of-type {
									border-right: 0 none;
								}
								
								#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:hover,
								#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:focus {
									background-color: #f7941d!important;
									color: #ffffff!important;
								}
								
								#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat i {
									color: #f7941d;
								}
								
								#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:hover i,
								#single-page-content-wrapper .single-page-social-share-container .supsystic-social-sharing .sharer-flat:focus i {
									color: #ffffff!important;
								}


	
}


/* ---- CHANGE BREAKPOINT ---- */
@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}

	.navbar-left,
	.navbar-right {
		float: non!important;
	}
	
	.navbar-toggle {
		display: block;
	}
	
	.navbar-collapse.collapse {
		display: none!important;
	}
	
	.navbar-nav>li {
		float: none;
	}
	
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.collapse.in {
		display: block!important; 
	}
  }


 
@media only screen
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
	body {
		font-size: 18px;
		line-height: 30px;
	}

	#header-wrapper .header-logo-container {
		background-size: 200px auto!important;
	}

	#header-pancake-icon-wrapper {
		background-position: right center;
	}

	#header-breadcrumb-wrapper p#breadcrumbs {
		font-size: 12px;
		line-height: normal;
	}

	#slideshow-wrapper .carousel .carousel-inner,
	#slideshow-wrapper .carousel-inner .carousel-item {
		height: 40vh;
	}

	#homepage-header-left-wrapper #fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content-content {
		padding: unset;
	}

	#homepage-header-right-wrapper .homepage-header-right-top-container .homepage-header-right-top-content-container .content_block {
		padding: 30px;
	}

	#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block {
		font-size: 16px;
		line-height: 22px;
		padding: 30px;
	}

	#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block span {
		display: none;
	}

	#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block h2 {
		font-size: 32px;
		line-height: 43px;
		margin-bottom: 30px;
	}

	/* 
	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content-content {
		padding: 40px!important;
	}
	*/

	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container h3.fp-projects-single-project-content-title {
		font-size: 32px;
		line-height: 32px;
	}

	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content {
		display: none;
	}

	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-readmore-link-container {
		margin-top: 0;
	}

	#category-projects-wrapper .category-projects-category-filter-container {
		text-align: center;
	}
	#category-projects-wrapper .category-projects-category-filter-container li {
		line-height: 40px;
	}

	#category-projects-wrapper .category-projects-category-filter-container li.current-cat a {
		padding-bottom: 3px;
	}

	#category-projects-wrapper .category-projects-references-container ul li {
		font-size: 18px;
		line-height: 26px;
	}

	#category-collection-wrapper #category-collection-collection-group-wrapper #category-collection-single-items-wrapper {
		position: relative;
		left: 0;
		width: 100%;
	}

	#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container .page-materials-content-content h3 {
		margin-bottom: 15px;
	}

	#page-materials-wrapper #page-materials-content-wrapper .page-materials-content-container .page-materials-content-content {
		padding: 30px;
	}

	#page-contact-info-wrapper h4 {
		font-size: 18px;
	}

	#page-contact-info-wrapper p {
		font-size: 16px;
	}


	#footer-wrapper h4 {
		font-size: 16px;
		line-height: 28px;
	}

	#footer-wrapper p {
		font-size: 16px;
		line-height: 24px;
	}
	
}



@media only screen
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
	#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block {
		font-size: 16px;
		line-height: 22px;
		padding: 30px;
	}

	#homepage-header-right-wrapper .homepage-header-right-bottom-container .homepage-header-right-bottom-content-container .content_block h2 {
		font-size: 32px;
		line-height: 43px;
		margin-bottom: 30px;
	}

	#category-collection-wrapper #category-collection-collection-group-wrapper #category-collection-single-items-wrapper {
		position: relative;
		left: 0;
		width: 100%;
	}

	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container h3.fp-projects-single-project-content-title {
		font-size: 32px;
		line-height: 34px;
	}

	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content-location {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-content {
		font-size: 18px;
		line-height: 28px;
	}

	#fp-projects-wrapper #fp-projects-single-wrapper .fp-projects-single-project-content-container .fp-projects-single-project-readmore-link-container a {
		font-size: 18px;
	}

}