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

html{ font-size: 62.5%; }

body { font: normal 1.7rem/2 'NeueHelvetica', Arial, Helvetica, Verdana, sans-serif; color: #1a1a1a; background: #fff; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
h1, .h1 { font-size: 6rem; }
h2, .h2 { font-size: 4rem; }
h3, .h3 { font-size: 3.2rem; }
h4, .h4 { font-size: 2.4rem; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { margin: 0 0 2rem; line-height: 1.2; color: #1a1a1a; font-weight: 700; }
.h1, .h2, .h3, .h4 { display: block; }

.title-xl{ font-size: 10rem; font-weight: 600; line-height: 1; margin-bottom: 2rem; }
.title-l{ font-size: 8rem; font-weight: 600; line-height: 1; margin-bottom: 2rem;}
.title-m{ font-size: 3.2rem; font-weight: 600; line-height: 1; margin-bottom: 2rem;}
.subtitle{ display: block; margin-bottom: 2rem; font-size: 1.6rem; font-weight: 700; line-height: 1; color: #c4281a; }

.color-white{ color: #fff; }
.color-blue{ color: #c4281a; }

.poppins{ font-family: 'Poppins', sans-serif; }

ul, li { margin: 0; padding: 0; }
li { list-style: none; }
em { font-style: italic; }
strong { font-weight: bold; }
p { margin: 0 0 5rem; }

a { color: #1a1a1a; }
a { text-decoration: none; }

blockquote {color: #c4281a; margin: 2.5rem 7rem; text-align: center; }

article{ padding-top: 6rem; }
article ul,
article ol { margin: 0 21px 2.5rem 21px; }
article li { list-style: disc; }
article p{ margin-bottom: 2.5rem; }
article .flex-content-text a:not(.btn):not(.button){ color: #c4281a; }
.nieuws__main article{ margin-top: 4rem;}
.contact__main article{ padding-top: 0;}

.pager { width: 100%; clear: both; text-align: center; padding: 0 0 .5em; }
.pager span,
.pager a { display: inline-block; *zoom: 1; *display: inline; background-color: #e5e5e5; padding: .05em .5em 0.1em; font-size: 16px; color: #070a4f; border-radius: 2px; text-decoration: none; }
.pager a {
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.pager span,
.pager a:hover { background-color: #070a4f; color: #fff; }

.table { width: 100%; table-layout: fixed; display: table; }
.table-cell { display: table-cell; vertical-align: middle; }
.table-row { display: table-row; vertical-align: middle; }

.clear { clear: both; }
.inline { display: inline; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.alignleft { float: left; margin: 14px 14px 14px 0; }
.alignright { float: right; margin: 14px 0 14px 14px; }
.aligncenter { clear: both; display: block; margin: 14px auto; }
.alignnone { clear: both; display: block; margin: 14px 0; }

img { max-width: 100%; height: auto; }

/* - Band - */

.band { width: 100%; }
.container { max-width: 1230px; margin-left: auto; margin-right: auto; *zoom: 1; }
.container:before,
.container:after { content: " "; display: table; }
.container:after { clear: both; }

.container--small { max-width: 960px; }

/* - Buttons - */

a.btn, .button { line-height: 1; display: inline-block; *zoom: 1; *display: inline; padding: 1.4em 2.3em; border: 1px solid #c4281a;  border-radius: 0px; color: #fff; font-size: 1.6rem; font-weight: 600; background-color: #c4281a; white-space: nowrap;}
a.btn--black, .button--black { background-color: #151515; color: #fff; border-color: #151515; }

.header .button { border: 1px solid #05b902; background-color: #05b902; }
.header a.btn--phone { border: 1px solid #c4281a; background: #c4281a; border-right: 2px solid #fff; }

.header-image .btn-offerte, .header-image .btn { border: 1px solid #05b902; background-color: #05b902; }
.header-video .btn-offerte, .header-video .btn { border: 1px solid #05b902; background-color: #05b902; }
.header-cta .btn-offerte, .header-cta .btn { border: 1px solid #05b902; background-color: #05b902; }

a.btn, .button {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
a.btn:hover, .button:hover {
	background-color: #151515;
	border-color: #151515;
}
a.btn--black:hover, .button--black:hover {
	background-color: #373737;
	border-color: #373737;
}
a.btn:visited, .button:visited { color: #fff; }

a.btn-offerte { line-height: 1; display: inline-block; *zoom: 1; *display: inline; padding: 1.4em 2.3em; border: 1px solid #c4281a;  border-radius: 0px; color: #fff; font-size: 1.6rem; font-weight: 600; background-color: #c4281a; white-space: nowrap;}

a.btn-offerte {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
a.btn-offerte:hover {
	background-color: #151515;
	border-color: #151515;
}
a.btn-offerte:visited { color: #fff; }

/* - Forms - */

form textarea,
form input[type="password"],
form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="number"] { width: 100%; border-radius: 0; -webkit-appearance: none; border: 0;  border-bottom: 2px solid transparent; padding: 1.2em 1em; background: #ededed; color: #1a1a1a; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

form textarea:disabled, form textarea[readonly],
form input[type="password"]:disabled, form input[type="password"][readonly],
form input[type="text"]:disabled, form input[type="text"][readonly]
form input[type="tel"]:disabled, form input[type="tel"][readonly]
form input[type="email"]:disabled, form input[type="email"][readonly]
form input[type="number"]:disabled, form input[type="number"][readonly] {
	background-color: #999;
}

form textarea:hover, form textarea:focus,
form input[type="password"]:hover, form input[type="password"]:focus,
form input[type="text"]:hover, form input[type="text"]:focus,
form input[type="tel"]:hover, form input[type="tel"]:focus,
form input[type="email"]:hover, form input[type="email"]:focus,
form input[type="number"]:hover, form input[type="number"]:focus { border-color: #000000; }

form input[type="submit"], form button[type="submit"] { width: 100%; border-radius: 2px; -webkit-appearance: none; color: #fff; background: #c4281a; border: 0; border-radius: 0; font-size: 1.6rem; font-weight: 700; padding: 1.3em 1em; }
form input[type="submit"]:hover, form button[type="submit"]:hover { background-color: #151515; }

::-webkit-input-placeholder { color: #1a1a1a; opacity: .5; }
:-moz-placeholder { color: #1a1a1a; opacity: .5; }
::-moz-placeholder { color: #1a1a1a; opacity: .5; }
:-ms-input-placeholder { color: #1a1a1a; opacity: .5; }

/* - Gravity forms - */
.gform_fields{ padding: 0; margin: 0; }
.gfield_label{ font-size: 1.4rem; font-weight: 700;}
.gfield{ list-style: none; padding: 0; margin: 0; font-size: 1.5rem; margin-bottom: 3.5rem; }

.validation_error, .validation_message{ color: #de0000;}
form .gfield_error textarea, form .gfield_error input[type="password"], form .gfield_error input[type="text"], form .gfield_error input[type="tel"], form .gfield_error input[type="email"]{ border-color: #de0000;}

.gf_custom_radio .gfield_radio{ margin: 0;}
.gf_custom_radio .gfield_radio li{ display: inline-block; margin-right: 20px;}
.gf_custom_radio .gfield_radio li{ position: relative; }
.gf_custom_radio .gfield_radio label{ display: inline-block; position: relative; cursor: pointer; padding-left: 28px }
.gf_custom_radio .gfield_radio label:before{ content: ''; position: absolute; left: 0; top: 6%; display: inline-block; text-align: center; border-radius: 100%; width: 20px; height: 20px; background-color: #ededed; background-color: #dfdfdf; vertical-align: middle; cursor: pointer; border: 6px #dfdfdf solid; }
.gf_custom_radio .gfield_radio input[type="radio"]{ position: absolute; opacity: 0.011; position: absolute; width: 100%; height: 22px; z-index: 999; cursor: pointer;}
.gf_custom_radio .gfield_radio input[type="radio"]:checked + label:before{ background-color: #1a1a1a; box-shadow: 0 0 0 2px #1a1a1a; }

.gf_hide_label .gfield_label{ display: none;}

/* - Slick slider - */
.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}


.image-slider .slick-track { display: flex !important; }

.image-slider .slick-slide img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* - Header - */
.header{ background-color: #fff;}
.header__inner{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.header__left{ display: flex; align-items: center; }
.header__center{ text-align: center; flex: 0.9; padding: 10px 0; display: none; }
.header__logo { padding-left: 2.4rem; }
.header__logo img{ display: block; margin: 0 auto;}
.header__right{ flex: 2; text-align: right; }

.header__search-icon{ margin-right: 1.8rem; vertical-align: sub; cursor: pointer;}
a.header__right__btn{ line-height: 1.6; background-color: #05b902; border: 1px solid #05b902; color: #fff; font-weight: 700; font-size: 1.6rem; padding: 3.15rem 2.4rem; }

/* - Header menu - */
.header{ position: fixed; z-index: 9999;}
.header-menu{ display: inline-block; }
.header__left .header-menu{ margin-left: 40px;}
.header-menu__item{ line-height: 1; display: inline-block; margin-right: 2.2rem; }
.header-menu__item:hover > a{ text-decoration: underline;}
.header-menu__item i{ margin-left: 8px; font-size: .6em; }
.header-menu__item span:hover{ cursor: pointer;}
.header-menu__item.active span i, .header-menu__item:hover i{ color: #c4441a;}
.header-menu__item a.external span { display: flex; align-items: center; }
.header-menu__item a.external i{ color: #1a1a1a; font-size: 1.2em; }
.header-menu__item a i{ color: #1a1a1a; font-size: 1.2em; }
.header__left .header-menu .header-menu__item:last-of-type{ margin-right: 0; }

.dim{ background-color: #000; visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
body.nav-visible .dim{ visibility: visible; opacity: 0.5;}

.body-container{ overflow-x: hidden;}
.body-container.nav-visible .dim{ visibility: visible; opacity: .5;}
@media ( max-width: 1000px ){
	.body-container.nav-visible{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; overflow: hidden; }
}

.archive article, .search article, .page-template-tpl-contact article, .single-team article { border-top: 1px solid #e6e6e6; }

/* - Megamenu - */
.megamenu{ display: none; position: absolute; z-index: 99999; top: 90px; left: 0; width: 100%; background-color: #fff; border-top: 1px solid #e6e6e6;}

/* - Megamenu submenu - */
.submenu{ display: flex; flex-direction: row; position: relative;  }

.submenu__tab-links{ flex: 1; }
.submenu__tab-links__btn{ display: block; padding: 30px 40px; font-size: 1.6rem; }
.submenu__tab-links__btn:hover,
.submenu__tab-links__btn.active{ background-color: #ededed;  }
.submenu__tab-links__btn i{ margin-left: 20px; font-size: .6em; }

.submenu__tab-content{ flex: 3; background-color: #ededed; min-height: 480px; overflow: hidden;}
.submenu__tab-content__tab { display: none; height: 100%;}
.submenu__tab-content__inner{ display: flex; flex-direction: row; position: relative; height: 100%; }
.submenu__tab-content__tab.active { display: block;}

.submenu__tab-content__text{ width: 50%; display: flex; flex-direction: column;  padding: 6% 6.5%; line-height: 2.25; font-size: 1.6rem;}
.submenu__tab-content__text .h3{ font-size: 2.8rem; }
.submenu__tab-content__text p{ flex: 1;}
.submenu__tab-content__text a.btn{ padding: 1.1em 1.8em; }

.submenu__tab-content__image{ width: 50%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* - Megamenu about - */
.about-menu{ display: flex; flex-direction: row; position: relative;  }

.about-image{ width: 50%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }

.about-menu__right{ display: flex; flex-direction: row; position: relative; width: 50%; text-align: left; padding: 5% 6%; }

.header__search-icon:hover{ color: #05b902;}

.about-submenu{ width: 65%; padding-right: 5%;}
a.about-submenu__title{ display: block; color: #383838; font-size: 2.2rem; font-weight: 700; line-height: 1; margin-bottom: 3.5rem; }
a.about-submenu__item{ display: inline-block; width: 50%; font-size: 1.8rem; line-height: 1.5; margin-bottom: 3rem; vertical-align: top;}
a.about-submenu__item:nth-of-type(odd){ padding-right: 2%; }
a.about-submenu__item:hover{ color: #c4281a;}
.about-contact-block{ width: 35%; }
.about-contact-block__title{ display: block; color: #383838; font-size: 2.2rem; font-weight: 700; line-height: 1; margin-bottom: 2.5rem;}
.about-contact-block__phone{ display: block; color: #c4281a; line-height: 1; font-size: 2rem; font-weight: 700; line-height: 1; margin-bottom: 2.5rem;}
.about-contact-block__phone i{ font-size: .8em; margin-right: 10px; }
.about-contact-block__text{ display: block; font-size: 1.4rem; line-height: 1; margin-bottom: 2.5rem; white-space: nowrap; }

/* Search menu */
.header__search{ border-top: 1px solid #e6e6e6; padding: 50px 20px; display: none; }

/* - Resp menu - */
.header__resp{ display: none; flex: 2;  }
.header__resp__nav-icon { margin-left: 10px; width: 26px; height: 17px; position:relative; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer; z-index:99999;}
.header__resp__nav-icon span { display:block; position:absolute; height: 3px; width:100%; background: #1a1a1a; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; }
.header__resp__nav-icon span:nth-child(1) { top:0px; }
.header__resp__nav-icon span:nth-child(2),.header__resp__nav-icon span:nth-child(3) { top: 7px; }
.header__resp__nav-icon span:nth-child(4) { top:14px; }
.header__resp__nav-icon.on span { background: #1a1a1a; }
.header__resp__nav-icon.on span:nth-child(1) { width:0%; left:50%; }
.header__resp__nav-icon.on span:nth-child(2) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.header__resp__nav-icon.on span:nth-child(3) { -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.header__resp__nav-icon.on span:nth-child(4) { top: 10px; width: 0%; left: 50%; }

.resp-menu{ display: none; position: fixed; top: 50px; right: 0; bottom: 0; left: 0; border-top: 1px solid #e6e6e6; background-color: #fff;  height: 100%;}
.resp-menu__inner{ position: absolute; top: 0; right: 0; bottom: 102px; left: 0; overflow-y: auto;}
.resp-menu__buttons{ position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 52px;}

.resp-menu__item__text{ display: block; font-size: 16px; padding: 20px 25px; }
.resp-menu__item__text:hover{ cursor: pointer; }
.resp-menu__item i{ font-size: .6em; margin-top: 10px; float: right; }
.resp-menu__item.active i{ color: #05b902; margin-top: 0; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); }
.resp-menu__submenu{ display: none; background-color: #ededed;  }
.resp-menu__submenu__item{ display: block; font-size: 15px; padding: 15px 30px; }

.resp-menu__bottom-btn{ width: 50%; text-align: center;}
.resp-menu__bottom-btn i{ display: inline-block;font-size: .8em; margin-right: 10px; vertical-align: middle;}

/* - Header image - */
.header-image{ position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 40%; min-height: 320px; max-height: 750px; text-align: center; }
.header-image.header-image--has-contact{ margin-bottom: 9rem; }
.header-image:after{ content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1)}
.header-image__inner{ z-index: 9; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1000px;}
.header-image__breadcrumbs{ position: relative; z-index: 99;}
.header-image__breadcrumbs, .header-image__breadcrumbs a{ color: #fff; font-size: 1.4rem; }
.header-image__breadcrumbs .breadcrumb_last{ font-size: 1.3rem; }

/* - Header video - */
.header-video{ position: relative; height: calc(100vh - 90px - 9rem); min-height: 600px;  background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 19rem;}
.header-video:after{ content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); }
.header-video__inner{ padding: 0 20px; text-align: center; z-index: 9; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1300px; }
.header-video__embed{ height: 100%;}

.contact-block{ position: absolute; bottom: -9rem; right: 8%; z-index: 99; background-color: #c4281a; color: #fff; padding: 4rem 5rem 5rem 5rem; width: calc(75.782% / 3); min-width: 300px; text-align: left; }
.contact-block__title{ display: block; color: #fff; line-height: 1; margin-bottom: 3.5rem; }
.contact-block__phone{ display: block; color: #fff; line-height: 1; margin-bottom: 3.5rem; font-size: 2rem; font-weight: 700;}
.contact-block__phone:hover{ opacity: 0.7;}
.contact-block__phone i{ font-size: .8em; margin-right: 10px; }
.contact-block__text{ display: block; color: #fff; line-height: 1; font-size: 1.5rem; }

/* - Header block - */
.header-block{ display: flex; flex-direction: row; position: relative;  margin-bottom: 10rem;}
.header-block__image{ width: 50%; position: relative; padding-top: 35%; min-height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.header-block__text{ width: 50%; background-color: #ededed; margin-bottom: 9rem;}
.header-block__text__inner{ padding: 11% 15%; }
.header-block__breadcrumbs{ position: relative; margin-bottom: 2rem; line-height: 1;}
.header-block__breadcrumbs{ color: #222222; opacity: 0.5; font-size: 1.4rem; }
.single-project .header-block__breadcrumbs span a:last-of-type{ font-size: 1.3rem; }
.header-block__breadcrumbs .breadcrumb_last{ font-size: 1.3rem; }
.single-project .header-block__breadcrumbs .breadcrumb_last,
.single-project .header-block__breadcrumbs span[rel="v:child"] .breadcrumb-divider{ display: none; }
.header-block__scroll-down{ background-color: #151515; color: #fff; z-index: 99; display: inline-block; position: absolute; cursor: pointer; width: 9rem; height: 9rem; bottom: 0; }
.header-block__scroll-down i{ line-height: 1; font-size: .8em; position: absolute; top: 50%; left: 49%; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.header-block--404, .header-block--404 .header-block__text{ margin-bottom: 0;}

/* - Header block. inline - */
.header-block-inline__heading{ background-color: #ededed; padding-top: 10rem; padding-bottom: 32rem;}
.header-block-inline__image{ margin-top: -30rem;}

/* - Header slider block - */
.header-slider-block{ display: flex; flex-direction: row; position: relative; background-color: #c4281a;}
.header-slider-block__text{ width: 50%; background-color: #ededed; margin-bottom: 9rem;}
.header-slider-block__text__inner{ padding: 11% 15%; }
.header-slider-block__breadcrumbs{ position: relative; margin-bottom: 2rem; line-height: 1;}
.header-slider-block__breadcrumbs{ color: #222222; opacity: 0.5; font-size: 1.4rem; }
.header-slider-block__breadcrumbs .breadcrumb_last{ font-size: 1.3rem; }
.header-slider-block__gallery{ width: 50%; position: relative; padding-top: 30%; min-height: 300px; align-items: flex-start; }
.header-slider-block__gallery__inner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.header-slider-block__gallery .simple-carousel__nav{ bottom: 0;}

/* - Footer cta - */
.cta-footer{ background-color: #c4281a; padding-top: 10rem; padding-bottom: 10rem; }
.cta-footer--white{ background-color: #fff; color: #1a1a1a; }
.cta-footer__inner{ text-align: center; }
.cta-footer__title{ font-size: 5.4rem; color: #fff; font-weight: 700; line-height: 1; margin-bottom: 3rem; }
.cta-footer--white .cta-footer__title{ color: #1a1a1a; }
.cta-footer--white .btn{ background-color: #c4281a; border-color: #c4281a;}

/* - Footer - */
.footer{ background-color: #151515;}
.footer__inner{ max-width: 1380px; width: 100%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 10rem 20px; }
.footer__item{  }
.footer__item__title{ color: #fff; display: block; font-size: 2.4rem; font-weight: 700; line-height: 1; margin-bottom: 3.5rem;}
.footer__item li{ line-height: 1; margin-bottom: 2.5rem; }
.footer__item li a, .footer__item li span{ color: #fff; }
.footer__item li a:hover{ text-decoration: underline;}
.footer__item li.phonenumber a{ color: #c4281a; }

.footer-bottom{ background-color: #151515;}
.footer-bottom__inner{ width: 100%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center;  padding: 5rem 2.5%; position: relative;}
.footer-bottom__social{flex: 2; text-align: center;}
.footer-bottom__copy{ color: #fff; font-size: 1.4rem; flex: 1;}
.footer-bottom__social__btn{ display: inline-block; color: #fff; margin-right: 2.5rem; }
.footer-bottom__social__btn:last-of-type{ margin-right: 0;}
.footer-bottom__social__btn:hover{ opacity: 0.7;}
.footer-bottom__social__btn i{ font-size: 1.4em;}
.footer-bottom__menu{ flex: 1;}
.footer-bottom__menu li{ display: inline-block; font-size: 1.4rem; margin-left: 2.5rem; }
.footer-bottom__menu li a{ color: #fff;}
.footer-bottom__menu li a:hover{ text-decoration: underline; }

.footer-resp-btns{ display: none;}

/* - Post slider - */
.post-slider { max-width: 100%; padding: 0 8% 10rem 8%; margin: 0 -40px; overflow: hidden; }
.post-slider__inner { position: relative; }
.post-slider__content { width: 33.33%; width: calc( 100%/3 ); background-color: #fff; position: absolute; top: 0; bottom: 0; left: 0; z-index: 10; padding: 10px 40px 0; }
.post-slider__overlay { position: absolute; top: 0; bottom: 0; right: 100%; background-color: rgba(255,255,255,.8); width: 1000px; }
.post-slider__title{ font-size: 5rem; font-weight: 700; line-height: 1;}
.post-slider__item { margin: 0 40px; position: relative; }

.post-slider .slick-list { overflow: visible; }

.post-slider__buttons { position: absolute; bottom: 0; left: auto; }
.post-slider__nav{ background-color: #c4281a; color: #fff; z-index: 99; display: inline-block; position: relative; cursor: pointer; width: 6rem; height: 6rem; float: left; }
.post-slider__nav:hover{ opacity: 0.7;}
.post-slider__nav i{ line-height: 1; font-size: .8em; position: absolute; top: 50%; left: 49%; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.post-slider__nav.right i{ left: 54%; }
.post-slider__nav.left{ left: 0; }
.post-slider__nav.right{ right: 0; }
.post-slider__nav.right:before{ content:''; width: 1px; background-color: #fff; position: absolute; left: 0; top: 1rem; bottom: 1rem;}

@media ( max-width: 1600px ){
	.post-slider { margin: 0 -30px; }
	.post-slider__item { margin: 0 30px; }
	.post-slider__content{ padding-left: 30px; padding-right: 30px; }
}
@media ( max-width: 1300px ){
	.post-slider { margin: 0 -20px; }
	.post-slider__item { margin: 0 20px; }
	.post-slider__item .featured-project__bottom{ padding-left: 20px; padding-right: 20px; padding-top: 20px; }

	.submenu__tab-content{ min-height: 400px; }

	.contact-block{ padding-left: 3rem; padding-right: 3rem; }
}
@media ( max-width: 1024px ){
	/* 	.post-slider__content{  width: 50%; width: calc( 100%/2 ); padding-left: 20px; padding-right: 20px; } */
}
@media ( max-width: 800px ){
	.post-slider{ padding: 0 30px 4rem;}
	.post-slider__item { margin: 0 10px; }
	.post-slider__content{ position: relative; width: 100%; padding: 0; padding-left: 20px; margin-bottom: 3rem;}
	.post-slider__buttons{ display: none;}
}

/* - Flex content - */
.flex-content-text{ margin-bottom: 5rem; }
.flex-content-text p:last-of-type{ margin-bottom: 0;}
.flex-content-button{ margin-bottom: 5rem;}

/* - Content block - */
.content-block{ display: flex; flex-direction: row; position: relative;  margin-bottom: 10rem;}
.content-block--reversed{ flex-direction: row-reverse; }
.content-block__gallery{ width: 50%; position: relative; padding-top: 45%; min-height: 280px; align-items: flex-start; }
.content-block__gallery--full{ padding-top: 37%; }
.content-block__gallery__inner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.gallery__item__image{ position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
.content-block__text{ width: 50%; background-color: #ededed; margin-bottom: 8rem;}
.content-block__text__inner{ padding: 14%; }
.content-block--full .content-block__text__inner{ padding: 10% 16%;}
.content-block__read-more{ border-bottom: solid 2px #1a1a1a;}
.content-block__read-more:hover{ opacity: 0.7; }

.content-block__text--blue{ }
.content-block__text--blue{ background-color: #c4281a; color: #fff; }
.content-block__text--blue .subtitle{ color: #151515; }
.content-block__text--blue h2{ color: #fff; }
.content-block__text--blue .btn{ background-color: #151515; color: #fff; }

.content-block__text--black{ background-color: #151515; color: #fff; }
.content-block__text--black .subtitle{ color: #c4281a; }
.content-block__text--black h2{ color: #fff; }

/* - simple carousel - */
.simple-carousel .slick-list, .simple-carousel .slick-track{ height: 100%; }
.simple-carousel__nav{ background-color: #151515; color: #fff; z-index: 99; display: inline-block; position: absolute; cursor: pointer; width: 9rem; height: 9rem; left: 0; bottom: 8rem; }
.simple-carousel__nav:hover{ background-color: #2c2c2c; }
.content-block--reversed .simple-carousel__nav{ right: 0; left: auto; }
.simple-carousel__nav i{ line-height: 1; font-size: .8em; position: absolute; top: 53%; left: 49%; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.simple-carousel__nav.right i{ left: 54%;}
.simple-carousel__nav.right{ left: 9rem;}
.content-block--reversed .simple-carousel__nav.left{ right: 9rem;}
.content-block--reversed .simple-carousel__nav.right{ left: auto; right: 0;}
.simple-carousel__nav.right:before{ content:''; width: 2px; background-color: #fff; position: absolute; left: 0; top: 2.5rem; bottom: 2.5rem;}

/* - Simple slider - */
.image-slider{ overflow: hidden; position: relative;  margin-top: 5rem; margin-bottom: 10rem; }
.image-slider__inner{ max-width: 960px; margin: 0 auto; }
.simple-slider .slick-list{ overflow: visible; margin: 0 -40px; }
.image-slider__item{ outline: none; /* width: 100%; max-width: 560px; */ margin: 0 40px; height: auto; position: relative; }
.image-slider__item__caption{ position: absolute; bottom: 4.5rem; left: 4.5rem; display: block; font-size: 2.1rem; font-weight: 700; line-height: 1;}
.simple-slider__nav{ background-color: #151515; color: #fff; z-index: 99; display: inline-block; position: absolute; cursor: pointer; width: 9rem; height: 9rem; top: 50%; -ms-transform: translate(0,-50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%);  }
.simple-slider__nav i{ line-height: 1; font-size: .8em; position: absolute; top: 50%; left: 49%; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.simple-slider__nav.right i{ left: 54%; }
.simple-slider__nav.left{ left: 0; }
.simple-slider__nav.right{ right: 0; }


@media ( max-width: 1300px ){
	.simple-slider .slick-list{ margin-left: -30px; margin-right: -30px; }
	.image-slider__item{ margin-left: 30px; margin-right: 30px; }
}
@media ( max-width: 1024px ){
	.image-slider__inner{ margin-left: 100px; margin-right: 100px;}
	.simple-slider .slick-list{ margin-left: -20px; margin-right: -20px; }
	.image-slider__item{ margin-left: 20px; margin-right: 20px; }
}
@media ( max-width: 800px ){
	.image-slider__inner{ margin-left: 30px; margin-right: 30px;}
}
@media ( max-width: 640px ){
	.image-slider__inner{ margin-left: 20px; margin-right: 20px;}
}
/*
@media ( max-width: 1024px ){
	.post-slider__content{  width: 50%; width: calc( 100%/2 ); padding-left: 20px; padding-right: 20px; }
}
@media ( max-width: 800px ){
	.post-slider{ padding: 0 30px 4rem;}
	.post-slider__item { margin: 0 10px; }
	.post-slider__content{ position: relative; width: 100%; padding: 0; padding-left: 20px; margin-bottom: 3rem;}
	.post-slider__buttons{ display: none;}
}
*/

/* - Content video - */
.content-video{ margin-bottom: 5rem; }
.content-video__thumb{display: block; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding-top: 56%; position: relative; }
.content-video__icon{ width: 10rem; height: 8rem; text-align: center; line-height: 8rem; background-color: #c4281a; z-index: 10; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.5em;}
.content-video__icon i:before{ vertical-align: middle;}

/* - content images - */
.content-images{}
.content-images__inner{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-bottom: calc(8rem - 4%);}
.content-images__item{ width: 48%; position: relative; margin-bottom: 4%;}
.content-images__item:nth-of-type(odd){ margin-right: 4% }
.content-images__item img{ width: 100%; }
.content-images__item__caption{ position: absolute; bottom: 4.5rem; left: 4.5rem; display: block; font-size: 2.1rem; font-weight: 700; line-height: 1;}

/* - Content image + text - */
.content-image-text{ display: flex; flex-direction: row; position: relative; margin-bottom: 30px; }
.content-image-text--reversed{ flex-direction: row-reverse; }
.content-image-text__text{ width: 50%; flex: 1; background-color: #c4281a; color: #fff; }
.content-image-text--reversed .content-image-text__text{ background-color: #151515;}
.content-image-text__text__inner{ padding: 18% 20px; margin: 0 auto; width: 100%; max-width: 500px; }
.content-image-text__text__inner h2{ color: #fff; }
.content-image-text__image{ width: 50%; min-height: 280px; flex: 1; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* - logos - */
.logos{ display: flex; flex-direction: row; position: relative; margin-top: 16rem; margin-bottom: 9rem; }
.logos__text{ width: 32%; padding-right: 5%; }
.logos__text__btn{ border-bottom: solid 2px #1a1a1a; font-size: 1.6rem; line-height: 1; }
.logos__text__btn:hover{ opacity: 0.7; }
.logos__text__btn.logos__text__btn--resp{ display: none; }
.logos__images{ width: 68%; display: flex; flex-direction: row; position: relative; flex-wrap: wrap; }
.logos__images__item{ /* background-color: #f6f6f6; */ width: calc((99% - 7rem) / 3); margin: 0 3.5rem 3.5rem 0; position: relative; display: block; }
.logos__images__item:after{ content: ''; display: block; height: 0; padding-top: 100%;}
.logos__images__item:nth-of-type(3n+3){ margin-right: 0; }
.logos__images__item img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); vertical-align: middle; width: 50%; display: inline-block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.logos__images__item:before{ content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.03); z-index: 9; }
.logos__images__item:hover > img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }

/* - related employee - */
.related-employee{ background-color: #ededed; padding: 5rem 7.5rem 8rem; position: relative; margin-bottom: 10rem;}
.related-employee__inner{ display: flex; flex-direction: row; position: relative; align-items: center; margin-bottom: 2rem;}
.related-employee__image{ max-width: 150px; }
.related-employee__info{ padding-left: 4.5rem;}
.related-employee__info .name{ display: block; font-weight: 700; font-size: 1.8rem; line-height: 1; margin-bottom: 1.5rem; }
.related-employee__info .function{ display: block; font-size: 1.6rem; line-height: 1; margin-bottom: 2rem; }
.related-employee__info .phonenumber{ display: inline-block; font-size: 1.5rem; line-height: 1;}
.related-employee__info .email{ display: inline-block; font-size: 1.5rem; line-height: 1; margin-right: 2rem; }
.related-employee__info a i{ color: #c4281a; vertical-align: text-top; font-size: 2rem; margin-right: 1rem; }
.related-employee__btn{ position: absolute; right: 0; bottom: 0; }

/* - Team single - */
.team-single { display: block; border-top: 1px solid #e6e6e6; padding: 0rem 0 11rem; }
.team-single__image { object-fit: cover; object-position: center top; display: block; padding-top: 2rem; width: 100%; height: auto; min-height: 40rem; }
.team-single__contact-info { position: relative; top: -7rem; display: block; padding: 4rem 2rem; text-align: left; color: #fff; background-color: #c4281a; }
.team-single__contact-info h3 { color: #fff; }
.team-single .team-single__contact-info a:not( .btn ):not( .button ) { color: #fff; font-size: 1.7rem; line-height: 1.75; }
.team-single__contact-info i { margin-right: .5rem; }
a.team-single__button { margin-top: 3rem; line-height: 1; }
.team-single__title { margin-bottom: 3rem; font-size: 2.6rem; }
.team-single .team-single__title + .team-single__subtitle { margin-top: -3rem; margin-bottom: 3rem; }

.team-single__list { background-color: #ededed; padding: 4.5rem; margin-top: 4rem; padding-bottom: 4rem; }
.team-single__list h3 { font-size: 2.6rem; }
.team-single__list ul { margin-left: 2.5rem; margin-bottom: 0; }
.team-single__list li { position: relative; list-style-type: none; line-height: 1.7; margin-bottom: 1rem; }
.team-single__list li:before { position: absolute; top: 0.8rem; left: -2.5rem; content: ''; width: 7px; height: 7px; background: #000; border-radius: 100%; }

@media( min-width: 480px ) {
	.team-single__contact-info { margin: 0 4%; padding: 5rem; }
}

@media( min-width: 576px ) {
	.team-single__contact-info { margin: 0 8%; padding: 7rem 7.5rem; }
}

/* - Social share - */
.social-share{ margin-bottom: 5rem;}
.social-share__inner{  padding: 3.2rem 0;}
.social-share:before{ content:''; display: block; background-color: #1a1a1a; height: 4px; width: 50px; }
.social-share__text{ line-height: 1; font-weight: 700; display: inline-block; margin-right: 2.5rem; }
.social-share__btns{ display: inline-block; }
.social-share__btns__item{ line-height: 1; display: inline-block; color: #151515; margin-right: 2.5rem;}
.social-share__btns__item i{ font-size: 1em;}

/* - Content banner - */
.content-banner{ margin-bottom: 5rem;}
.content-banner__image{ position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding-top: 40%; min-height: 280px; max-height: 750px; text-align: center; }
.content-banner__image:after{ content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1)}
.content-banner__inner{ z-index: 9; position: absolute; width: 100%; padding-left: 20px; padding-right: 20px;top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.content-banner__text{ position: relative; z-index: 99; background-color: #c4281a; max-width: 960px; margin: 0 auto; margin-top: -7rem; padding: 4% 5%; color: #fff;}
.content-banner__text p{ margin-bottom: 0;}

/* - Layout - */
.row-x{ display: flex; flex-direction: row; flex-wrap: wrap;  }
.row-y{ display: flex; flex-direction: column; }
.column{ padding: 2.4%; }
.column--3{ width: calc(100%/3); }

/* - Related projects - */
.related-projects__heading{ margin-bottom: 8rem; }
.related-projects__heading h2{ float: left; margin-bottom: 0; }
.related-projects__heading__btn{ float: right; line-height: 1; margin-top: 1.7rem; border-bottom: 2px solid #1a1a1a;}
.related-projects__wrap{ max-width: 1680px; margin: 0 auto; margin-bottom: 10rem; }

/* - Featured project - */
.featured-project{ position: relative; display: flex; flex-direction: column; cursor: pointer;}
.featured-project__top{ overflow: hidden; position: relative; }
.featured-project__image{ backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 95.455%; min-height: 250px; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}

.featured-project__bottom{ position: relative; background-color: #151515; color: #fff; padding: 3.5rem 4.5rem 1rem 4.5rem;  -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.featured-project__label{ display: block; background-color: #c4281a; color: #fff; font-size: 12px; font-weight: 700; position: absolute; line-height: 1; padding: 10px 20px; top: 0; right: 0; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.featured-project__bottom h4{ flex: 1; color: #fff; }
.featured-project__subtitle{ color: #fff; font-size: 1.4rem; font-weight: 700; visibility: hidden; opacity: 0; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.featured-project:hover .featured-project__subtitle{ visibility: visible; opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.featured-project:hover .featured-project__bottom{ background-color: #c4281a; margin-top: -25px; /* -ms-transform: translateY(-25px); -webkit-transform: translateY(-25px); transform: translateY(-25px); */ padding-bottom: 3.5rem; }
.featured-project:hover .featured-project__image { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.featured-project__image--team { padding-top: 87%; }

/* - FILTER - */
.archive__filter__form{ display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 7.5rem;}

.filter-searchbox{ flex: 1; position: relative; border-bottom: 2px #151515 solid; padding: 0 2.5rem; margin: 0 10px 10px 0; }
.filter-searchbox__input[type="text"] { width: 90%; border: 0px; height: 50px; line-height: 1;  outline: 0; background-color: #fff;  }
.filter-searchbox__icon{ position: absolute; top: 14px; right: 2.5rem; cursor: pointer; font-size: 1em;}

.filter{ flex: 1; position: relative; display: inline-block; margin: 0 10px 10px 0; }
.filter:last-of-type{ margin-right: 0;}
.filter .select { background-color: #ededed; padding: 19px 0px 18px 30px; text-align: left; color: #1a1a1a; position: relative; z-index: 99; border-bottom: 2px solid #ededed; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.filter:not(.open) .select:hover { border-color: #1a1a1a; }
.filter .select:active { border-color: #ededed; }
.filter.open{ z-index: 999; }
.filter .select span { display: block; font-size: 1.6rem; line-height: 1; }
.filter .select i { position: absolute; right: 24px; top: 56%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: .8em; vertical-align: middle; color: #1a1a1a;  display: inline-block; }
.filter .select:hover,
.filter .select:active { cursor: pointer; }
.filter.open .select{ }
.filter .options { border-right: 2px solid #1a1a1a; opacity: 0; visibility: hidden; position: absolute; top: calc(100% - 1px); z-index: 9; background-color: #ededed; width: 100%; font-size: 14px; line-height: 2.8; color: #343434; text-align: left; overflow: hidden; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.filter .options.scroll { max-height: 200px; overflow-y: scroll; }
.filter .options select { display: none; }
.filter .options .option {  display: block; font-size: 1.6rem; padding: 10px 32px; line-height: 1.5; color: #1c1c1c;}
.filter .options .option.hide { display: none; }
.filter .options .option.selected,
.filter .options .option:hover,
.filter .options .option:active { color: #343434; background-color: #fff; cursor: pointer; }
.filter.open .options { opacity: 1; visibility: visible; }

.filter-viewer{ width: 55px; height: 55px; text-align: center; background-color: #ededed; padding: 17px; line-height: 1.8; position: relative; }
.filter-viewer:last-of-type{ margin-left: 10px; }
.filter-viewer i{ opacity: 1; color: #1a1a1a; vertical-align: middle;}
.filter-viewer.inactive i{ opacity: 0.2;}
.filter-viewer.inactive .filter-viewer__label:hover i{ opacity: 0.2; cursor: pointer; }
.filter-viewer.inactive .filter-viewer__label:hover{ cursor: pointer; }
.filter-viewer .icon-blocks { display: block; height: 21px; width: 21px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.filter-viewer .icon-blocks span { opacity: 1; display: block; height: 5px; width: 5px; background: #1a1a1a; margin: 1px; float: left; }
.filter-viewer.inactive .icon-blocks span{ opacity: 0.2;}
.filter-viewer.inactive .filter-viewer__label:hover .icon-blocks span,
.filter-viewer.inactive .filter-viewer__label:active .icon-blocks span{ opacity: 1; }
.filter-viewer input { display: none; }
.filter-viewer__label{ position: absolute; width: 55px; height: 55px; top:0; left: 0; line-height: 60px; }

/* - Archive heading - */
.archive__breadcrumbs{ position: relative; margin-bottom: 1.5rem; line-height: 1; margin-top: 4rem;}
.archive__breadcrumbs, .archive__breadcrumbs a{ color: #222222; opacity: 0.5; font-size: 1.4rem; }
.archive__breadcrumbs .breadcrumb_last{ font-size: 1.3rem; }
.archive__overview{ max-width: 1680px; margin: 0 auto; margin-bottom: 10rem; }
.archive__intro-text { width: 600px; max-width: 100%; }

/* - Archive map - */
#project-map{ width: 100%; min-height: 600px;  height: 80vh;}
.maps-popup{ position: relative; }
.maps-popup:before{ content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #151515; position: absolute; left: -8px; bottom: 50px; }
.maps-popup__image{ display: block; height: 100%; max-height: 220px; width: 100%; max-width: 250px;  }
.maps-popup__bottom{ position: relative; padding: 2rem 2.5rem; background-color: #151515; }
.maps-popup__label{ background-color: #c4281a; color: #fff; font-size: 12px; font-weight: 700; position: absolute; line-height: 1; padding: 1rem 2rem; top: 0; right: 0; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.maps-popup__bottom p{ color: #fff; font-size: 1.6rem; font-weight: 700;}

/* - Downloads voor architecten - */
.archit__categories { margin: 0 0 2.5em 0;}
.archit__categories .archit__category { background: #c4441a; list-style-type: none; height: 82px; overflow: hidden; position: relative; border: 2px solid #c4441a; margin-bottom: -2px; transition: all 300ms ease; }
.archit__categories .archit__category:hover { background-color: #151515; border-color: #151515;}
.archit__categories .archit__category h3 { padding: 20px 30px; margin: 0; font-weight: 300; color: #fff; font-size: 1.3em; line-height: 1.9em; min-height: 82px; cursor: pointer; }
.archit__categories .archit__category i { position: absolute; right: 20px; top: 25px; color: #fff; transition: 0.1s; pointer-events: none;}
.archit__categories .archit__category p { margin-bottom: 0;}
.archit__categories .archit__category.active { height: auto; }
.archit__categories .archit__category.active i { transform: rotate(90deg); right: 27px; top: 20px; }
.archit__categories .archit__category.active i, .archit__categories .archit__category.active h3 { color: #fff; }
.archit__categories .archit__category .archit__item--columns { display: flex; padding: 10px 30px; background: #ededed; }
.archit__categories .archit__category .archit__item--columns .archit__item--columns--first { width: 75%; }
.archit__categories .archit__category .archit__item--columns .archit__item--columns--last { width: 25%; }
.archit__categories .archit__category .archit__item--columns p { width: 100%; font-weight: bold; font-size: 1.3em; }
.archit__categories .archit__item { display: flex; padding: 20px 30px 30px 30px; }
.archit__categories .archit__item .archit__item--content { width: 75%; float: left; }
.archit__categories .archit__item .archit__item--files { width: 25%; display: flex; }
.archit__categories .archit__item .archit__item--files .archit__item--file { position: relative; display: flex; margin-right: 12%;}
/* .archit__categories .archit__item .archit__item--files .archit__item--file a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } */
.archit__categories .archit__item .archit__item--files img { height: 68px; border-radius: 0; box-shadow: none; transition: none; margin-right: 20%; }
.archit__categories .archit__item .archit__item--columns--mobile { display: none; font-weight: bold; font-size: 1.3em; }
.archit__categories .archit__item:nth-child(odd) { background: #ededed; }
.archit__categories .archit__item:nth-child(even) { background: #dddddd; }

/* - Contact info block - */
.contact-info-block__inner{ display: flex; flex-direction: row; position: relative; justify-content: space-between; }
.contact-info-block__left{ width: 50%; background-color: #ededed; padding-top: 10rem; display: flex; flex-direction: column;}
.contact-info-block__right{ width: 50%; background-color: #fff; padding-top: 10rem;}

.contact-info-block__text{ width: 100%; max-width: 500px; margin: 4rem auto; padding: 0 20px;}
.contact-info-block__breadcrumbs{ position: relative; margin-bottom: 2rem; line-height: 1;}
.contact-info-block__breadcrumbs{ color: #222222; opacity: 0.5; font-size: 1.4rem; }
.contact-info-block__breadcrumbs .breadcrumb_last{ font-size: 1.3rem; }

.contact-info{ width: 100%; max-width: 500px; margin: 4rem auto 14rem auto; padding: 0 20px; }
.contact-info__inner{ display: flex; flex-direction: row; position: relative;}
.contact-info__left, .contact-info__right{ width: 50%;}
.contact-info ul, .contact-info li{ margin: 0; padding: 0; }
.contact-info li{ line-height: 1; margin-bottom: 2rem; list-style: none; font-size: 1.8rem; }
.contact-info li a:hover{ text-decoration: underline;}
.contact-info li.route a{ border-bottom: 1px solid #fff;}
.contact-info li.route a:hover{ opacity: 0.7; text-decoration: none;}

.contact-employee{ position: relative; background-color: #c4281a; padding: 8rem 0 11rem 0; flex: 1;}
.contact-employee h3{ width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; padding: 0 20px; color: #fff; }
.contact-employee__inner{ display: flex; flex-direction: row; position: relative; align-items: center; width: 100%; max-width: 500px; margin: 4rem auto; padding: 0 20px;}
.contact-employee__image{ max-width: 150px; }
.contact-employee__image img{ display: block;}
.contact-employee__info{ padding-left: 4.5rem; color: #fff; }
.contact-employee__info .name{ display: block; font-weight: 700; font-size: 1.8rem; line-height: 1; margin-bottom: 1.5rem; }
.contact-employee__info .phonenumber{ display: block; color: #fff; font-size: 1.5rem; line-height: 1; }
.contact-employee__info .email{ display: block; color: #fff; font-size: 1.5rem; line-height: 1; margin-right: 2rem; margin-bottom: 1.5rem;}
.contact-employee__info a i{ color: #fff; vertical-align: text-top; font-size: 1em; margin-right: 1rem; vertical-align: middle;}
.contact-employee__btn{ position: absolute; right: 0; bottom: 0; }
.contact-employee__info a:hover{ opacity: 0.7; }

.contact-form{ max-width: 690px; margin: 8rem auto; padding: 0 40px; }
.contact-form.contact-form--resp{ display: none; }

/* - Search - */
.search__results{ padding-bottom: 5rem;}
.search__results__count{ margin-bottom: 3rem;}
.search-result{ background-color: #ededed; padding: 4rem 6rem; margin-bottom: 3rem;}
.search-result .found_in{ color: #c4441a; }

/* - Pagination - */
.frks-pagination{ text-align: center; position: relative; margin-top: 3rem; margin-bottom: 5rem;}
.frks-pagination .page-numbers i{ vertical-align: middle; color: #fff; background-color: #c4281a; position: relative; width: 50px; height: 50px; display: inline-block;}
.frks-pagination .page-numbers i:before{ position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.frks-pagination .page-numbers.prev i{ margin-right: 14px;}
.frks-pagination .page-numbers.next i{ margin-left: 14px;}
.frks-pagination .page-numbers.prev{ position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.frks-pagination .page-numbers.next{ position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.frks-pagination .select-label{ line-height: 1; padding: 0 6px; display: inline-block; position: relative; border-bottom: 2px solid #1a1a1a;}
.frks-pagination .select-label:after{ right: 6px; position: absolute; content: '\61'; color: #1a1a1a; font-size: 12px; top: 0px; font-family: "de-vries-trappen" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.frks-pagination select{ display: inline-block; line-height: 1; color: #1a1a1a; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; letter-spacing: .1em; display: inline-block; background: transparent; margin-top: -9px; border: 0; padding: 0px 20px 0px 0; height: auto; }
.frks-pagination select:hover{ cursor: pointer;}


/* - Slider home - */

.two-images-wrapper {
	margin: 0 20px;
	flex-direction: column;
	display: flex !important;

}

.logo-wrapper {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	white-space: nowrap;
	background: #f2f2f2;
	vertical-align: middle;
	margin: 0 2.5rem 3.5rem 0;
}

.logo-wrapper::after {
	content: '';
	height: 0;
	display: block;
	padding-top: 100%;
	pointer-events: none;
}

.logo-wrapper::before {
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.03);
	pointer-events: none;

}

.logo-wrapper img {
	top: 0;
	bottom: 0;
	left: 12.5%;
	width: 75%;
	margin: auto;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
}

.logos__images .fas {
	top: 43%;
	font-size: 40px;
	display: block;
	color: #848484;
	position: absolute;
}

.slick-arrow-left {
	left: -50px;
}

.slick-arrow-right {
	right: -43px;
}

@media ( max-width: 1650px ){
	.post-slider__title{ font-size: 4rem;}
	a.header__right__btn { padding: 3.15rem 2.2rem; }
}
@media ( max-width: 1550px ){
	.header-menu__item{ font-size: 1.4rem; margin-right: 1.4rem;}
}
@media ( max-width: 1500px ){
	.content-block.content-block--full h2{ font-size: 3rem; }
	a.header__right__btn { padding: 3.15rem 2.2rem; }

	.team-single__right { padding: 5% 7%; }
}
@media ( max-width: 1450px ){
	.title-xl{ font-size: 7rem;}
	.title-l{ font-size: 5.6rem; }

	.header__inner{ height: 70px; }
	.header__center{ padding: 7px 0; }
	.header__logo img{ width: 140px; }
	a.header__right__btn{ padding: 1.4em 1.7em; }
	.header__search-icon{ margin-right: 1.7rem; }

	.header-video{ height: calc(100vh - 70px - 9rem); }

	.megamenu{ top: 70px;}

	.post-slider__title{ font-size: 3rem;}

	.container:not(.container--small){ margin-left: 56px; margin-right: 56px; }

	.footer__inner{ padding-left: 40px; padding-right: 40px;}

}

@media ( max-width: 1230px ){
	.post-slider__title{ font-size: 3rem;}

	.post-slider__nav{ width: 4rem; height: 4rem; }
	.post-slider__nav i{ font-size: .6em;}

	.header__search-icon { margin-right: 0.7rem;}
	.header__center {text-align: center; flex: .61;}
	a.header__right__btn{ padding: 1.4em 0.7em}
}

@media ( max-width: 1330px ){
	a.header__right__btn{ padding: 1.4em 0.7em}

	.about-image{ width: 30%; }
	.about-menu__right{ width: 70%; }

	.header__left .header-menu{ margin-left: 10px; }
	.submenu__tab-links__btn{ padding: 30px 20px;}

	.post-slider__item h4{ font-size: 1.5rem;}

	.header__search-icon { margin-right: 0.7rem;}
	.header__center {text-align: center; flex: .61;}

	.header-menu__item{ margin-right: 1rem;}
}

@media ( max-width: 1024px ){
	html{ font-size: 60%; }

	.container:not(.container--small),
	.container{ margin-left: 60px; margin-right: 60px; }

	.content-block.content-block--full h2{ font-size: 2.5rem; }

	.footer__item__title{ font-size: 2.2rem;}

	.header__search-icon { margin-right: 0.8rem;}
	.header__center {text-align: center; flex: .51;}
	a.header__right__btn{ padding: 1.4em 0.6em}
}

@media ( max-width: 1210px ){
	.header__inner{ height: 50px;}
	.header__logo img{ width: 120px; }
	.header__left, .header-menu{ display: none; }
	a.header__right__btn{ display: inline-block; height: 50px; padding: .9em 2.3em; }

	.header__resp{ display: block; }
	.header__center{ flex: 2; display: flex; }
	.header__search-icon{ font-size: 17px; display: inline-block; margin-top: 10px;}

	.header-video{ height: calc(100vh - 50px - 9rem); }

	.post-slider__title{ font-size: 2.4rem;}
}

@media ( max-width: 900px ){
	.title-xl{ font-size: 4.35rem; }
	.title-l{ font-size: 4rem; }

	.team-single__left { width: 100%; margin-bottom: 0; }
	.team-single__right { width: 100%; padding: 5%; margin-bottom: 0; padding-left: 30px; padding-right: 30px; }
}

@media ( max-width: 800px ){
	html{ font-size: 52%; }

	.logos__images .fas {
		font-size: 16px;
	}

	.slick-arrow-left {
		left: -10px;
	}

	.slick-arrow-right {
		right: -5px;
	}

	h1, .h1{ font-size: 4.6rem; }
	h2, .h2{ font-size: 3.4rem; }
	h3, .h3{ font-size: 2.65rem; }
	h4, .h4{ font-size: 2rem;}
	.subtitle{ font-size: 1.7rem; }

	p{ margin: 0 0 3rem; }
	.btn, .button{ font-size: 1.7rem; }
	article{ padding-top: 3rem;}
	blockquote{ margin: 2.5rem 5rem; }

	.container:not(.container--small),
	.container{ margin-left: 30px; margin-right: 30px; }

	.content-block.content-block--full h2{ font-size: 3.4rem; }

	a.header__right__btn{ padding: 1.1em 2.3em; margin-right: -1px;}

	.header-video{ min-height: 580px; height: 100%; margin-bottom: 20rem;}
	.contact-block{ bottom: -16rem; width: auto;}

	.header-image.header-image--has-contact{ margin-bottom: 19rem; }
	.header-image__inner{ width: 100%; padding-left: 20px; padding-right: 20px; }

	.header-block-inline__heading{ padding-top: 7rem; }

	.content-block{ margin-bottom: 5rem;}
	.content-block, .content-block--reversed{ flex-direction: column-reverse;}
	.content-block--nieuws{ flex-direction: column; max-width: 540px; margin: 0 auto 20px auto!important; padding: 0 20px;}
	.content-block__text__inner{ padding: 5rem; }
	.content-block__text{ width: 100%; margin-bottom: 0;}
	.content-block__gallery{ width: 100%; }
	.content-block .simple-carousel__nav{ bottom: 0; width: 7rem; height: 7rem;}
	.content-block .simple-carousel__nav.right, .content-block--reversed .simple-carousel__nav.right{ left: auto; right: 0; }
	.content-block .simple-carousel__nav.left, .content-block--reversed .simple-carousel__nav.left{ left: auto; right: 7rem; }
	.content-block .simple-carousel__nav.right:before{ top: 1.25rem; bottom: 1.25rem; width: 1px;  }

	.image-slider{ margin-top: 6rem; margin-bottom: 6rem;}

	.simple-slider__nav{ width: 7rem; height: 7rem;}

	.related-projects__heading{ margin-bottom: 6rem;}
	.featured-project__bottom{ padding-left: 20px; padding-right: 20px; padding-top: 20px;}

	/*
        .featured-project .featured-project__subtitle{ visibility: visible; opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
        .featured-project .featured-project__bottom{ background-color: #c4281a; margin-top: -25px; padding-bottom: 3.5rem; }
    */

	.logos{ margin-top: 7rem; margin-bottom: 7rem; }

	.content-banner__text{ margin: 0 20px; padding: 20px 30px; }

	.content-images__inner{ margin-bottom: calc(5rem - 4%); }

	.archive__filter__form{ margin-bottom: 7rem;}

	.cta-footer__title{ font-size: 4.8rem;}

	.frks-pagination a{ font-size: 0;}
	.frks-pagination a i{ font-size: 1.7rem;}

	.footer__inner{ padding-left: 25px; padding-right: 25px;}

	.post-slider__item h4{ font-size: 2rem;}

	.post-slider__title{ font-size: 3rem;}

	/* 	.contact-info-block{ padding-top: 5rem; padding-bottom: 5rem;} */
	.contact-info-block__inner{ flex-direction: column; }
	.contact-info-block__left{ order: 1; }
	.contact-info-block__left, .contact-info-block__right{ width: 100%; }
	.contact-employee, .contact-info{ width: 100%; }

	.contact-info-block__right{ padding-top: 5rem; }
	.contact-form{ margin-top: 4rem;}
	/* 	.contact-form.contact-form--resp{ display: block; background-color: #fff; width: 100%; max-width: 100%; padding: 8rem 20px; margin: 0; } */

}

@media ( max-width: 700px ){
	.footer__inner{ flex-direction: column; padding: 35px 25px;}
	.footer__item.item-1, .footer__item.item-3{ display: none; }
	.footer__item.footer__item--contact{ order: -1; }
	.footer__item__title{ font-size: 2.65rem; }
	.footer__item li{ font-size: 16px; }
	.footer__item li.phonenumber a{ font-size: 2.9rem; }

	.footer-resp-btns{ display: block; width: 100%; margin-top: 25px; }
	.footer-resp-btns .btn{ display: block; margin-bottom: 10px; text-align: center; font-size: 15px; }

	.footer-bottom__inner{ flex-direction: column; padding-top: 10px; }
	.footer-bottom__social{ order: -1; margin-bottom: 10px; }
	.footer-bottom__social__btn:last-of-type{ margin-right: 0;}
	.footer-bottom__social__btn i{ font-size: 1.8em; }
	.footer-bottom__copy{ margin-bottom: 10px; }
}

@media ( max-width: 640px ){

	.slick-arrow-left {
		left: 0;
	}

	.slick-arrow-right {
		right: 0;
	}

	.container:not(.container--small),
	.container{ margin-left: 20px; margin-right: 20px; }

	blockquote{ margin: 2.5rem 3rem; }

	a.header__right__btn{ display: none;}

	.header-video{ min-height: 380px; height: 100%; margin-bottom: 20rem;}
	.contact-block{ right: 20px; left: 20px; bottom: -16rem; width: calc(100% - 40px);}

	.header-block{ flex-direction: column;}
	.header-block__image, .header-block__text{ width: 100%; }
	.header-block__text{ margin-bottom: 7rem; }
	.header-block__text__inner{ padding: 2.5rem;}
	.header-block__scroll-down{ left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 7rem; height: 7rem;}

	.header-block-inline__heading{ padding-top: 5rem; }

	.header-slider-block{ flex-direction: column-reverse;}
	.header-slider-block__text, .header-slider-block__gallery{ width: 100%;}
	.simple-carousel__nav{ bottom: 0; width: 7rem; height: 7rem;}
	.simple-carousel__nav.right, .simple-carousel__nav.right{ left: auto; right: 0; }
	.simple-carousel__nav.left, .simple-carousel__nav.left{ left: auto; right: 7rem; }
	.simple-carousel__nav.right:before{ top: 1.25rem; bottom: 1.25rem; width: 1px;  }

	.content-block{ margin-bottom: 3rem; }
	.content-block__text__inner{ padding: 4rem; }
	.content-block--full .content-block__text__inner{ padding: 35px 25px;}
	.content-images__item{ width: 100%; margin-right: 0;}
	.content-images__item:nth-of-type(odd){ margin-right: 0;}

	.image-slider{ margin-top: 3rem; margin-bottom: 3rem;}

	.logos{ flex-direction: column; margin-top: 25px; margin-bottom: 25px; }
	.logos__text{ width: 100%; padding-right: 0; margin-bottom: 15px;}
	.logos__text__btn{ display: none;}
	.logos__text__btn.logos__text__btn--resp{ display: inline-block; margin: 15px auto; font-weight: 700;  }
	.logos__images{ width: 100%; }
	.logos__images__item{ width: calc((100% - 2.5rem) / 2); margin: 0 2.5rem 2.5rem 0; }
	.logos__images__item:nth-of-type(3n+3){ margin-right: 2.5rem; }
	.logos__images__item:nth-of-type(2n+2){ margin-right: 0; }

	.related-projects__heading h2, .related-projects__heading__btn{ float: none;}
	.related-projects__heading{ margin-bottom: 3rem;}

	.row-x{ flex-direction: column; }
	.column--3{ flex: auto; width: 100%;}

	.featured-project:not(.post-slider__item){ max-width: 480px; margin: 0 auto; padding: 20px;}

	.content-image-text{ flex-direction: column-reverse; }
	.content-image-text__text{ width: 100%; }
	.content-image-text__image{ width: 100%; }
	.content-image-text__text__inner{ padding: 20px;}

	.flex-content-text{ margin-bottom: 3rem;}

	.content-images__inner{ margin-bottom: calc(3rem - 4%); }

	.archive__filter__form{ margin-bottom: 3rem;}
	.archive__filter__form{ flex-wrap: wrap; justify-content: flex-start;}
	.filter-searchbox, .filter{ flex: auto; width: 100%; margin-right: 0;}

	.cta-footer{ padding-top: 5rem; padding-bottom: 6rem;}
	.cta-footer__title{ font-size: 3.6rem;}

	.search-result{ padding: 2rem 3rem;}

	.header-slider-block__text{ margin-bottom: 0;}

	.team-single__right { padding-top: 40px; padding-bottom: 30px; }
	.team-single__image { min-height: 30rem; }

	.archit__categories .archit__category .archit__item--columns { display: block; }
	.archit__categories .archit__category .archit__item--columns { display: none; }
	.archit__categories .archit__category .archit__item--columns { background: #dddddd; }
	.archit__categories .archit__category .archit__item--columns p { width: 100%; }
	.archit__categories .archit__item { display: block; }
	.archit__categories .archit__item .archit__item--content { width: 100%; margin-bottom: 20px; }
	.archit__categories .archit__item .archit__item--files { width: 100%; display: flex; }
	.archit__categories .archit__item .archit__item--columns--mobile { display: block; width: 100%; }



}

@media ( max-width: 480px ){
	.related-employee{ padding-top: 20px; padding-left: 20px; padding-right: 20px;}
}

/* - Header CTA/Footer keurmerken - */

.header-cta { padding: 1rem 0 }

.footer-bottom__km img { vertical-align: middle; }
.footer-bottom__km img + img { margin-left: 1rem; }

.footer-bottom__km .smush-detected-img { border-radius: 0; box-shadow: none; }

.footer-bottom__fsc { max-width: 25px; }
.footer-bottom__komo { max-width: 35px; }
.footer-bottom__nen { max-width: 78px; }
.footer-bottom__vca { max-width: 67px; }

@media ( max-width: 700px ){
	.footer-bottom__km { margin-bottom: 4rem; }
}
