/* ====
Theme Name: Nieuw Ontwerp Theme for Dieseko
Theme URI: http://www.nieuwontwerp.com
Description: Zet ideeën om in succesvolle producten
Version: 2.0
Author: Team Nieuw Ontwerp
Tags: webdesign,nieuw,ontwerp,nieuwontwerp,wordpress

==== */

html {
  scroll-behavior: smooth;
}

*,
*:before,
*:after
{
	box-sizing: border-box;
	margin: 0;
	/* pointer-events: none; */
}

i.imp:before
{
	content: '';
	display: block;
	position: absolute;
	left: -15px;
	top: 10px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: black;
}

.global-grid-item i
{
	position: relative;
	display: block;	
}

p img
{
	display: block;
}

.icon-wrap p img,
.icon p img
{
	display: unset;
}

a
{
	color: #202020;
	transition: all 125ms ease-in-out;
	text-decoration: underline;
}

a:hover
{
	color: #DD1742;
	text-decoration: underline;
}

a:visited
{
	color: #202020;
	text-decoration: underline;
}

select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 16px;;
    padding: 10px 20px;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
	border: none;
	border-bottom: 2px solid black;
	margin-bottom: 20px;
}
select::-ms-expand {
    display: none;
}
select:hover {

}

select:focus {
    border: none;
	border-bottom: 2px solid black;
    box-shadow: none;
    color: #202020; 
    outline: none;
}

select option {
	background: #FFF;
    font-weight: 600;
}

section#news-loop
{
	padding-bottom: 100px;
}

.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea
{
	background: none !important;
	border: none !important;
	border-bottom: 2px solid #ADB2B7 !important;
}


.nf-form-content .list-select-wrap .nf-field-element>div:focus,
.nf-form-content input:not([type=button]):focus,
.nf-form-content textarea:focus
{
	border-bottom: 2px solid #202020 !important;
}



.delay-250ms
{
	animation-delay: 250ms;
}

.delay-125ms
{
	animation-delay: 125ms;
}

.white-row-50
{
	display: block;
	width: 100%;
	height: 50px;
}

p#breadcrumbs
{
	margin-top: 40px;
	margin-bottom: 40px;
	color: #626E79;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

li {
    line-height: 36px;
}


body > p#breadcrumbs
{
	margin-left: calc((100% - 1200px ) / 2);
	margin-right: calc((100% - 1200px ) / 2);
	margin-bottom: 40px;
}

p#breadcrumbs a
{
	color: #626E79;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
}

i.custom-home,
i.custom-arrow
{
	display: inline-block;
	height: 20px;
	width: 20px;
	position: relative;
}

i.custom-home
{
	transform: translateY(2px);
}

i.custom-arrow
{
	height: 12px;
	width: 12px;
	transform: translateY(1px);
}

i.custom-home:after,
i.custom-arrow:after
{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

i.custom-home:after { background-image: url('img/icon-home@2x.svg'); }
i.custom-arrow:after { background-image: url('img/btn-arrow-gray@2x.svg'); }

body
{
	font-size: 100%;
	line-height: 1.125em;
	color: #202020;
	background: #FFF;
	font-family: 'Open Sans', sans-serif;
	overflow: initial;
}

body.fullscreen
{
	overflow: hidden;
}

span.cont img
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.image
{
	background-size: cover;
	background-position: center
}

h1,h2
{
	font-weight: 800;
}

h3,h4,h5
{
	font-family: 'Open Sans', sans-serif;
}

h3
{
	color: #626E79;
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
}

h1.title-44
{
	font-size: 44px;
	line-height: 48px;
	text-transform: uppercase;
	margin-bottom: 40px;
	letter-spacing: 1px;
}

.contact-members h3.title-28
{
	color: #DD1742;	
}

.grid-x
{
	width: calc(100% + 1.875rem);
	margin: -.9375rem;
}

.kaart
{
	position: relative;
	align-content: flex-start;
}

.link
{
	position: absolute;
	bottom: 35px;
}

.apply-link
{
	margin-left: -20px;
}

.apply-link > p.arrowbutton
{
	display: inline-block;
	cursor: pointer;
	font-size: 16px !important;
    letter-spacing: 1px;
    font-weight: 700;
}

#video-overlay,
#searchbar
{
	max-height: 0px;
	height: 100%;
	width: 100%;
	opacity: 0;
	background: rgba(20,20,20,0.875);
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: white;
	pointer-events: none;
	display: table;
}

.apply-popup
{
	color: #202020;
	max-height: 0px;
	height: 100%;
	width: 100%;
	opacity: 0;
	background: rgba(20,20,20,0.875);
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: white;
	pointer-events: none;
	padding: 80px 40px;
}

.apply-popup > .close-popup
{
	color: #FFF;
	position: absolute;
	top: 40px;
	right: 80px;
	height: 40px;
	width: 40px;
	display: table;
	font-size: 20px;
	cursor: pointer;
}

.apply-popup > .close-popup > i
{
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.apply-popup.open,
#video-overlay.open,
#searchbar.open
{
	max-height: 100vh;
	opacity: 1;
	pointer-events: initial;
}

#video-overlay > #video-container,
#searchbar > .search-wrapper
{
	display: table-cell;
	text-align: center;
	height: 100%;
	padding: 40px;
	width: calc(100% - 80px);
	vertical-align: middle;
}

.apply-popup > .inner
{
	display: block;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	background: white;
	padding: 40px;
	height: 100%;
}

.apply-popup > .inner > .wrap
{
	display: block;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#video-container > #video
{
	height: 100%;
	width: 100%;
	max-height: 720px;
	max-width: 1280px;
	margin: 0 auto;
	background: olive;
}

#searchbar .top-search
{
	
	display: grid;
	grid-template-columns: 1fr 64px;
	grid-column-gap: 12px;
	align-items: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-left: calc((100% - 1200px) / 2 );
  	margin-right: calc((100% - 1200px) / 2 );
	border-bottom: 2px solid #FFFFFF;
}

.top-search.mobile
{
	display: grid;
	padding: 10px;
	grid-template-columns: 1fr 32px;
	grid-column-gap: 12px;
	border: 1px solid #202020;
	margin-top: 10px;
	margin-bottom: 10px;
}

.top-search.mobile input[type=text],
.top-search.mobile input[type=text]:focus
{
	background: none;
	border: none;
	outline: none;
	box-shadow: none;
	color: #202020;
	font-size: 16px;
	font-weight: 400;
}

.top-search.mobile input[type=text],
.top-search.mobile p,
#searchbar .top-search input[type=text],
#searchbar .top-search p { margin-bottom: 0; }

#searchbar .top-search input[type=text],
#searchbar .top-search input[type=text]:focus
{
	background: none;
	border: none;
	outline: none;
	box-shadow: none;
	color: white;
	font-size: 48px;
	font-weight: 800;
}

.top-search.mobile input[type=submit],
.top-search.mobile input[type=submit]:hover,
#searchbar .top-search input[type=submit],
#searchbar .top-search input[type=submit]:hover
{
	background: none;
	border: none;
	outline: none;
	box-shadow: none;
	color: white;
	cursor: pointer;
}

.top-search.mobile input[type=submit],
.top-search.mobile input[type=submit]:hover
{
	background: url('img/icon-search@2x.svg');
	background-size: 22px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
	outline: none;
	box-shadow: none;
}

nav
{
	display: block;
	width: calc(100% - 180px);
	margin-left: 120px;
	margin-right: 60px;
}

footer
{
	display: block;
	overflow: hidden;
	width: 100%;
	padding-left: calc((100% - 1200px ) / 2);
	padding-right: calc((100% - 1200px ) / 2);
}

.menu > ul > li
{
	text-align: left;
	list-style-type: none;
}

nav > .upper,
nav > .lower
{
	display: block;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
	position: relative;
	z-index: 40;
}

nav > .lower:after
{
	content: '';
	width: 100%;
	height: 0px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(21,21,21,0.975);
	z-index: -1;
}

nav > .lower.hovered:after
{
	height: 600px;
}

nav > .upper
{
	display: grid;
	height: 75px;
	line-height: 75px;
	grid-template-columns: 220px 1fr 250px 85px;
	grid-gap: 20px;
	grid-template-rows: 75px;
}

nav > .bar
{
	padding-left: 20px;
	padding-right: 20px;
	display: grid;
	height: 75px;
	line-height: 75px;
	grid-template-columns: 220px 1fr 36px;
	grid-template-rows: 75px 1fr;
}

nav > .bar.open
{
	height: 100vh;
}

nav > .bar > .toggle
{
	display: none;
	grid-column-start: 1;
	grid-column-end: span 3;
	overflow-Y: auto;
    overflow-X: hidden;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

nav > .bar > .toggle.open
{
	display: block;
}

.toggle > .language,
.toggle > .upper,
.toggle > .lower,
.toggle > .logos
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	border-top: 1px solid #F1F1F1;
}

.toggle > .language
{
	display: none;	
}

nav > .bar > .logo > a > img,
nav > .upper > .logo > a > img
{
	height: 24px;
	width: auto;
}

nav > .upper ul.menu
{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	justify-content: space-around;
}

nav > .upper .menu a
{
	color: #626E79;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 75px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

nav > .upper .menu a:hover
{
	color: #DD1742;
}

.toggle > .logos,
nav > .upper > .logos
{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.toggle > .logos
{
	padding-bottom: 50px;
}

.toggle > .logos > a,
nav > .upper > .logos > a
{
	width: 18.5%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	
}

.toggle > .logos > a
{
	height: 100px;
}

.toggle > .logos > .pve-link,
nav > .upper > .logos > .pve-link
{
	background-size: 55%;	
}

.toggle > .logos > .wolt-link,
nav > .upper > .logos > .wolt-link
{
	background-size: 65%;	
}

nav > .upper > .logos:before,
nav > .upper > .logos:after
{
	height: 44px;
	top: 15.5px;
	bottom: 15.5px;
	content: '';
	width: 1px;
	border: 1px solid #DDDCDD;
	position: absolute;
}

nav > .upper > .logos:before { left: -10px; }
nav > .upper > .logos:after { right: -10px; }

nav > .upper > .utilities
{
	display: flex;
	flex-wrap: wrap;
}

nav #language-switcher
{
	display: none;
	height: 100%;
	width: 30%;
	margin-left: 15px;
	margin-right: 15px;
}

nav #language-switcher img
{
	width: 20px;
	height: 15px;
	transform: translateY(-2px);
}

#language-switcher .language-button
{
	display: table;
	height: 100%;
	width: 100%;
}

.language-dropdown
{
	display: block;
	position: absolute;
	background: white;
	z-index: 75;
	width: 200px;
	right: 130px;
	top: 60px;
	max-height: 0px;
	overflow: hidden;
	padding: 0 10px;
	transition: all 0.1234s ease-in-out;
	box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.05);
}

.language-dropdown.open
{
	padding: 10px;
	max-height: 9999px;
	overflow: visible;
}

.language-button > p
{
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

nav #search-button
{
	display: table;
	cursor: pointer;
	width: 24px;
	height: 100%;
}

#video-close,
#search-close
{
	display: table;
	position: absolute;
	top: 60px;
	right: calc((100% - 1200px) / 2);
	width: 64px;
	height: 64px;
	cursor: pointer;
}

#search-close > i,
#video-close > i,
nav > .upper > .utilities > #search-button > i
{
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
}

#video-close > i,
#search-close > i
{
	font-size: 32px;
	transition: all 250ms ease-in-out;
}

#video-close:hover > i,
#video-close:hover > i
{
	color: #DC1842;
}

nav > .upper > .utilities > #search-button .dies.search { display: table-cell; }
nav > .upper > .utilities > #search-button.open .dies.search { display: none; }
nav > .upper > .utilities > #search-button .fa-times { display: none; }
nav > .upper > .utilities > #search-button.open .fa-times { display: table-cell; }

.dies.search:before
{
	content: "";
	background-image: url('img/icon-search@2x.svg');
	height: 100%;
    width: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
	transition: background-image 0.1234s ease-in-out;
}

.dies.search:hover:before
{
	background-image: url('img/icon-search-red@2x.svg');
}

nav > .lower
{
	height: 60px;
	background: #202020;
}

#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r
{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	justify-content: space-around;
}

ul.mega-sub-menu {
    padding-bottom: 20px !important;
}

@media screen and (min-width: 1450px)
{
	nav > .lower > ul.menu { margin-left: -30px; margin-right: -30px; }
}

#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r > li.mega-menu-item > a.mega-menu-link
{
	color: white;
	font-size: 13px;
	font-weight: 600;
	line-height: 60px;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
}


#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r > li.mega-menu-item.mega-toggle-on > a.mega-menu-link
{
	color: white;
	font-size: 13px;
	font-weight: 600;
	line-height: 60px;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: underline;
}

.dropdown.menu>li.is-dropdown-submenu-parent.is-active>a:before
{
	content: '';
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	border-bottom: 1px solid white;
	transform: translateY(-15px);
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after
{
	content: '';
    height: 8px;
    display: block;
    width: 12px;
    background-size: cover;
    background-position: center;
    background-image: url('img/btn-down-white@2x.svg');
    border: none;
    right: 4px;
    margin-top: -3px;
}

.accordion.menu>li.is-accordion-submenu-parent>a
{
	position: relative;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after
{
	content: '';
    height: 12px;
    display: block;
    width: 18px;
    background-size: cover;
    background-position: center;
    background-image: url(img/btn-down@2x.svg);
    border: none;
    position: absolute;
    right: 0px;
    bottom: 20px;
	transition: all 0.1234s ease-in-out;
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu
{
	border: none;
	z-index: 45;
	background: none;
	margin-left: 0;
}

.is-dropdown-submenu>li
{
	list-style-type: none;
}

.current_page_item a
{
	color: #DD1742 !important; 	
}

ul#menu-language ul.sub-menu {
    list-style-type: none;
    background-color: white;
    margin-inline-start: 0;
}

#hamburger
{
	display: inline-block;
	height: 36px;
	margin-top: 50%;
	width: 100%;
	position: relative;
	margin-bottom: 0;
	cursor: pointer;
}

#hamburger:before,
#hamburger:after
{
	content: '';
	height: 3px;
	display: block;
	position: absolute;
	right: 0;
	top: 8px;
	width: 100%;
	background: #202020;
	transition: all 0.1234s ease-in-out;
}

#hamburger:after
{
	top: auto;
	bottom: 8px;
	width: 75%;
}

#hamburger:hover:after
{
	width: 100%;	
}

#hamburger.open:before
{
	transform: translateY(8px) rotate(135deg);
}

#hamburger.open:after
{
	width: 100%;
	transform: translateY(-8px) rotate(-135deg);
}

.mobile.menu li
{
	display: block;
	width: 100%;
}

.mobile.menu#menu-mobile-menu a
{
	padding-top: 20px;
	padding-left: 0px;
	font-size: 16px;
	letter-spacing: 2.5px;
	padding-bottom: 20px;
	font-weight: bold;
	color: #202020;
}

.mobile.menu#menu-hoofdmenu-wit-1 a
{
	padding-top: 20px;
	padding-left: 0px;
	font-size: 12px;
	letter-spacing: 2px;
	padding-bottom: 20px;
	font-weight: bold;
	color: #626E79;
}

.language-chooser-both
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.language-chooser-both li
{
	margin: 0 40px 0 0 !important;
}

.language-chooser-both li a
{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #C7C7C7;
	font-weight: bold;
	text-decoration: none;
}

.language-chooser-both li.active a
{
	color: #202020;
	text-decoration: underline;
}

footer
{
	padding-top: 120px;
}

footer > .upper
{
	display: grid;
	grid-template-columns: 3fr 1fr;
}

footer > .upper > .menus
{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding-right: 110px;
}

footer > .upper > .menus > .expertise,
footer > .upper > .menus > .markets,
footer > .upper > .menus > .about
{
	width: 100%;
	max-width: 33%;
	margin-bottom: 40px;
}

footer > .upper > .menus > .productlinks
{
	width: 100%;
	margin-bottom: 40px;
}

footer > .upper > .menus > .productlinks > ul
{
	column-count: 3;
	column-gap: 0px;
	margin: 0;
}

footer > .upper > .menus > .mostvisited > ul
{
	column-count: 2;
	column-gap: 60px;
	margin: 0;
}

footer > .upper > .menus:after
{
	content: '';
	display: block;
	position: absolute;
	height: calc(100% + 240px);
	width: 1340px;
	background: #F1F1F1;
	z-index: -1;
	top: -120px;
	left: -140px;
}

footer > .upper > .menus h2.title-28
{
	color: #ADB2B7;
	font-size: 28px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

footer > .upper > .menus li
{
	list-style-type: none;
	text-indent: 18px;
}

footer > .upper > .menus li:before
{
	border-style: solid;
	border-width: 0.16em 0.16em 0 0;
	content: '';
	display: inline-block;
	height: 0.6em;
	left: -18px;
	position: relative;
	bottom: -12px;
	transform: rotate(45deg);
	vertical-align: top;
	width: 0.6em;
	font-variant-ligatures: none;
    box-sizing: border-box;
    transition: all 0.234s ease-in-out;
}

footer > .upper > .menus li:hover:before {
	left: -12px;	
}

section#marketsservices li,
section#marketsservices li a,
footer > .upper > .menus li,
footer > .upper > .menus li a
{
	font-size: 16px;
	font-weight: 600;
	line-height: 32px;
	color: #202020;
	text-decoration: none;
}

footer > .upper > .contact
{
	position: relative;
	color: white;
}

footer > .upper > .contact a
{
	margin-bottom: 40px;
	margin-left: -20px;
	display: inline-block;
	text-decoration: none;
}

footer > .upper > .contact:before
{
	content: '';
	display: block;
	position: absolute;
	left: -102px;
	bottom: -180px;
	height: 60px;
	width: 60px;
	background-color: white;
}

footer > .upper > .contact:after
{
	content: '';
	display: block;
	position: absolute;
	height: calc(100% + 240px);
	width: auto;
	background: #DD1742;
	z-index: -1;
	top: -60px;
	left: -100px;
	right: -120px;
}

footer > .upper > .contact > h3
{
	position: relative;
}

footer > .upper > .contact > h3:before
{
	content: '';
	left: -40px;
	bottom: 5px;
	display: block;
	position: absolute;
	height: 150px;
	border-left: 2px dotted #FFFFFF;
}



footer > .upper > .contact > p
{
	font-weight: 600;
	margin-bottom: 40px;
}
footer > .upper > .contact > p > span
{
	display: block;
}

footer > .upper > .contact > .socials
{
	display: flex;
	flex-wrap: wrap;
}

footer > .upper > .contact > .socials > a
{
	display: table;
	background: white;
	color: #202020;
	height: 50px;
	width: 50px;
	text-decoration: none;
	margin-right: 50px;
}

footer > .upper > .contact > .socials > a:hover,
footer > .upper > .contact > .socials > a:active
{
	background: #202020;
	color: white;
	text-decoration: none;
}

footer > .upper > .contact > .socials > a > i
{
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 24px;
}

footer > .lower
{
	padding-top: 140px;
	margin-top: 30px;
	padding-bottom: 40px;
	position: relative;
}

footer > .lower:after
{
	content: '';
	display: block;
	position: absolute;
	background-image: url('img/pattern-strokes-gray-45graden@2x.svg');
	background-size: cover;
	width: 440px;
	right: 30px;
	top: 90px;
	height: 100%;
	z-index: -1;
}

footer > .lower > p
{
	display: inline-block;
	margin-right: 10px;
	padding-right: 10px;
	color: #ADB2B7;
	font-size: 16px;
	font-weight: 600;
}

footer > .lower > p > a
{
	color: #ADB2B7;
	text-decoration: none;
}

footer > .lower > p > a:hover {
    text-decoration: underline;
}

footer > .lower > p:not(:last-child)
{
	border-right: 2px solid #DDDCDD;
}

section#front-photo,
section#front-slider
{
	display: block;
	position: relative;
	width: calc(100% - 60px);
	margin-right: 60px;
	z-index: 1;
}

section#front-slider:before
{
	content: '';
	display: block;
	position: absolute;
	height: 240px;
	width: 100%;
	max-width: 580px;
	background-image: url('img/pattern-strokes-gray-45graden@2x.svg');
	background-size: cover;
	bottom: 0px;
	left: calc(50% + 60px);
	z-index: 6;
	pointer-events: none;
	user-select: none;
	transform: translateX(50px);
	opacity: 0;  /* make things invisible upon start */
  	-webkit-animation:SlideIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  	-moz-animation:SlideIn ease-in 1;
  	animation:SlideIn ease-in 1;

  	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  	-moz-animation-fill-mode:forwards;
  	animation-fill-mode:forwards;

  	-webkit-animation-duration:650ms;
  	-moz-animation-duration:650ms;
  	animation-duration:650ms;	
	
	-webkit-animation-delay: 300ms;
   	-moz-animation-delay: 300ms;
  	animation-delay: 300ms;
}

section#front-photo:before
{
	content: '';
	display: block;
	position: absolute;
	height: 120px;
	width: 100%;
	max-width: 580px;
	background-image: url('img/pattern-strokes-gray-45graden@2x.svg');
	background-size: cover;
	bottom: 0px;
	left: calc(50% + 60px);
	z-index: 6;
	pointer-events: none;
	user-select: none;
	transform: translateX(50px);
	opacity: 0;  /* make things invisible upon start */
  	-webkit-animation:SlideIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  	-moz-animation:SlideIn ease-in 1;
  	animation:SlideIn ease-in 1;

  	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  	-moz-animation-fill-mode:forwards;
  	animation-fill-mode:forwards;

  	-webkit-animation-duration:650ms;
  	-moz-animation-duration:650ms;
  	animation-duration:650ms;	
	
	-webkit-animation-delay: 300ms;
   	-moz-animation-delay: 300ms;
  	animation-delay: 300ms;
}


section#front-photo.global:before
{
	bottom: -60px;
}

section#front-slider.product:before
{
	content: '';
	display: block;
	position: absolute;
	height: 120px;
	width: 100%;
	max-width: 580px;
	background-image: url('img/pattern-strokes-gray-45graden@2x.svg');
	background-size: cover;
	bottom: 0px;
	left: calc(50% + 60px);
	z-index: 6;
	pointer-events: none;
	user-select: none;
		transform: translateX(50px);
	opacity: 0;  /* make things invisible upon start */
  	-webkit-animation:SlideIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  	-moz-animation:SlideIn ease-in 1;
  	animation:SlideIn ease-in 1;

  	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  	-moz-animation-fill-mode:forwards;
  	animation-fill-mode:forwards;

  	-webkit-animation-duration:650ms;
  	-moz-animation-duration:650ms;
  	animation-duration:650ms;	
	
	-webkit-animation-delay: 300ms;
   	-moz-animation-delay: 300ms;
  	animation-delay: 300ms;
}


@keyframes SlideIn
{
	from { transform: translateX(50px); opacity: 0; }
	to { transform: translateX(0px); opacity: 1; }
}


section#front-photo:after,
section#front-slider:after
{
	display: block;
	content: '';
	width: calc(100% - 120px);
	height: calc(100% - 60px);
	position: absolute;
	top: 0;
	bottom: 60px;
	left: 120px;
	background: linear-gradient(to right, rgba(0,0,0,.1234), rgba(0,0,0,0) 50%);
	z-index: 4;
}

section#front-photo.global:after
{
	display: block;
	content: '';
	height: 60px;
	width: 60px;
	background: white;
	position: absolute;
	top: 100%;
	left: calc(50% + 60px);
	z-index: 7;
}

section#front-slider > .slider-wrap
{
	height: 680px;
	width: 100% !important;
}

section#front-photo > .image,
section#front-slider.product > .slider-wrap
{
	height: 460px;
}

section#front-photo.global > .image
{
	height: 680px;
}

.slick-list,
.slick-track
{
	height: 100%;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

section#front-photo > .text,
section#front-slider > .text
{
	position: absolute;
	display: block;
	left: 200px;
	bottom: 120px;
	padding-right: 60px;
	width: 100%;
	max-width: calc(50vw - 120px);
	z-index: 5;
	opacity: 0;  /* make things invisible upon start */
  	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  	-moz-animation:fadeIn ease-in 1;
  	animation:fadeIn ease-in 1;

  	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  	-moz-animation-fill-mode:forwards;
  	animation-fill-mode:forwards;

  	-webkit-animation-duration:0.6s;
  	-moz-animation-duration:0.6s;
  	animation-duration:0.6s;	
	
	-webkit-animation-delay: 350ms;
   	-moz-animation-delay: 350ms;
  	animation-delay: 350ms;
}

section#front-photo > .text p.ani,
section#front-slider > .text p.ani,
.ani
{
	font-size: 44px;
	width: 100%;
	font-weight: 800;
	line-height: 48px;
	padding-bottom: 15px;
	color: white;
	position: relative;
	z-index: 5;
}

section#front-photo > .text p.ani:before,
section#front-slider > .text p.ani:before
{
	content: '';
	left: -38px;
	top: -90%;
	display: block;
	position: absolute;
	height: 150px;
	border-left: 2px dotted #FFFFFF;
}

section#front-photo > .text p.ani:before
{
	top: -99px;
	height: calc(100% + 173px);
}

section#front-slider.product > .text p:before
{
	content: '';
	left: -38px;
	top: -60px;
	display: block;
	position: absolute;
	height: calc(100% + 134px);
	border-left: 2px dotted #FFFFFF;
}

section#front-slider > .text #video-open
{
	margin-left: -20px;
	cursor: pointer;
}

section#front-photo .multiply-background,
section#front-slider .multiply-background
{
	display: block;
	position: absolute;
	position: absolute;
	display: block;
	left: 60px;
	bottom: 60px;
	background: #DD1742;
	mix-blend-mode: multiply;
	z-index: 1;
}

section#front-photo.project > .text:after
{
	top: 0px;
}

section#front-photo > .fake-control div
{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	width: 60px;
	background: #FFF;
	z-index: 9;
}

section#front-photo > .fake-control,
section#front-slider > .slider-controls
{
	height: 60px;
	background: #DD1742;
	margin-left: 120px;
    width: 100%;
    max-width: 50%;
	position: relative;
	z-index: 5;
	
	opacity: 0;  /* make things invisible upon start */
  	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  	-moz-animation:fadeIn ease-in 1;
  	animation:fadeIn ease-in 1;

  	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  	-moz-animation-fill-mode:forwards;
  	animation-fill-mode:forwards;

  	-webkit-animation-duration:450ms;
  	-moz-animation-duration:450ms;
  	animation-duration:450ms;	
	
	-webkit-animation-delay: 550ms;
   	-moz-animation-delay: 550ms;
  	animation-delay: 550ms;
}

section#front-photo > .fake-control:before,
section#front-slider > .slider-controls:before
{
	content: '';
	left: 42px;
	top: 0px;
	display: block;
	position: absolute;
	height: 100%;
	border-left: 2px dotted #FFFFFF;	
}

section#front-photo > .fake-control:after,
section#front-slider > .slider-controls:after
{
	content: '';
	left: 42px;
	top: 60px;
	display: block;
	position: absolute;
	height: 375px;
	border-left: 2px dotted #DDDCDD;	
}

.slick-prev, .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: auto;
    bottom: -90px;
    display: block;
    width: 60px;
    height: 60px;
    left: 50%;
    padding: 0;
    cursor: pointer;
    color: #202020;
    border: none;
    z-index: 12;
	border-radius: 0;
    outline: none;
    background: #FFF;
}

.slick-prev:before
{
	color: #202020;
	display: block;
	height: 100%;
	width: 100%;
	content: '';
	background-size: 17px 17px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('img/btn-arrow@2x.svg');
	transform: rotate(180deg);
}

.slick-next:before
{
	color: #202020;
	display: block;
	height: 100%;
	width: 100%;
	content: '';
	background-size: 17px 17px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('img/btn-arrow@2x.svg');
}

.slick-next
{
	background: #F1F1F1;
	left: calc(50% + 60px)
}

.slick-prev:hover,
.slick-next:hover
{
	background: #E2E2E2;
}

section#single-newsheader > .strong {
    width: 100%;
    max-width: 800px;
    margin-bottom: 100px;
}

section#single-newsheader > .strong, section#project-firstcontent > .text > .strong, section#product-firstcontent > .text > .strong, section#front-content > .text > .strong {
    margin-top: 40px;
    font-size: 28px;
    font-weight: bold;
    line-height: 48px;
}

section#search-results, section#custom-search,
section#front-content
{
	padding-top: 40px;
	padding-bottom: 60px;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
}

section#expertises
{
	padding-top: 60px;
	padding-bottom: 0px;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
}


section#front-content { display: flex; flex-wrap: wrap; margin-top: 100px; z-index: 2; }

section#front-content > .text,
section#front-content > .images
{
	width: 50%;
}

section#project-firstcontent > .text > .strong,
section#product-firstcontent > .text > .strong,
section#front-content > .text > .strong
{
	margin-top: 40px;
	font-size: 28px;
	font-weight: bold;
	line-height: 48px;
}

section#project-firstcontent > .text > .strong,
section#product-firstcontent > .text > .strong
{
	margin-top: 0;
}

section#project-firstcontent > .text > .content,
section#product-firstcontent > .text > .content,
section#front-content > .text > .content
{
	margin-top: 30px;
	padding-left: 75px;
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
}

section#project-firstcontent > .text > .content > p,
section#product-firstcontent > .text > .content > p,
section#front-content > .text > .content > p
{
	line-height: 36px;
	margin-bottom: 30px;
}

section#front-content > .images
{
	position: relative;
}

section#front-content > .images > div
{
	position: absolute;
}

section#front-content > .images > .one
{
	top: -40px;
	left: 120px;
	width: 380px;
	height: 240px;
}

section#front-content > .images > .mask
{
	background-color: rgba(255,255,255,.34);
	top: 142px;
	left: 220px;
	height: 60px;
	width: 280px;
}
section#front-content > .images > .two
{
	right: 0px;
	top: 142px;
	height: 428px;
	width: 380px;
}

section#content-loop
{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: calc((100% - 1200px ) / 2);
	margin-right: calc((100% - 1200px ) / 2);
}

.innovation.kaart,
.content.kaart,
.expertise.kaart
{
	height: 380px !important;
	display: table;
	padding: 20px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.innovation.kaart:hover,
.content.kaart:hover,
.expertise.kaart:hover
{
	text-decoration: none;
}

.kaart > .image
{
	display: block;
	width: 100%;
	height: 280px;
	position: relative;
	overflow: hidden;
}

.image-canvas
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;	
	overflow: hidden;
}

.content.kaart
{
	height: 240px !important;
}

.image-canvas > img
{
	transition: all 250ms ease-in-out;
	object-fit: cover;
	max-width: unset;
	width: 100%;
    height: 100%;
}

.kaart:hover .image-canvas > img
{
	transform: scale(1.05);
}

.innovation.kaart > p,
.content.kaart > p,
.expertise.kaart > p
{
	display: table-cell;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 80px;
	font-size: 28px;
	line-height: 28px;
	font-weight: 700;
	color: white;
	position: relative;
	z-index: 3;
}

section#marketsservices
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 150px;
	padding-top: 150px;
	padding-bottom: 130px;
	position: relative;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
}

section#marketsservices li,
section#marketsservices li a
{
	line-height: 16px;
	display: block;
	width: 200px;
	margin-bottom: 60px;
	font-weight: 700;
	list-style-type: none;
	position: relative;
}

section#marketsservices li:last-child,
section#marketsservices li:last-child a
{
	margin-bottom: 0px;
}

section#marketsservices li .arrowbutton
{
	padding-left: 20px;
	padding-right: 0px;
	transform: translateX(-20px);
}

section#marketsservices li .arrowbutton:after
{
	
}

section#marketsservices > .markets::before
{
	content: '';
	position: absolute;
	display: block;
	width: 56vw;
	left: 0px;
	top: -100px;
	bottom: 0px;
	background: #F1F1F1;
	z-index: -1;
}


section#marketsservices > .markets::after
{
	content: '';
	position: absolute;
	display: block;
	width: 280px;
	height: 440px;
	right: calc(42vw - 110px);
	bottom: 0px;
	background-image: url('img/pattern-strokes-gray-45graden@2x.svg');
	background-size: cover;
	z-index: -1;
}

section#marketsservices > .services::before
{
		content: '';
		position: absolute;
		display: block;
		width: 100%;
		max-width: calc(((100% - 1200px ) / 2) + 580px );
		right: 0;
		top: 90px;
		bottom: 60px;
		background-image: url('img/worldmap@2x.svg');
		background-blend-mode: soft-light;
		background-color: #202020;
		z-index: -1;
}

section#marketsservices > .services li,
section#marketsservices > .services li a,
section#marketsservices > .services,
section#marketsservices > .services h1
{
	color: white;
}

section#marketsservices > .markets > li a
{
	position: relative;
	color: #202020;
	letter-spacing: 1px;
	font-weight: 700;
}

section#marketsservices > .services > li a
{
	position: relative;
	color: white;
	letter-spacing: 1px;
	font-weight: 700;
}

section#brands
{
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
}

.single-product section#brands
{
	padding-bottom: 0;
}

.career.kaart,
.brand.kaart
{
	background: white;
	color: #202020;
	border-top: 2px solid #F1F1F1;
	height: 290px !important;
	padding: 20px 20px;
	text-decoration: none;
	box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.05);
}

.career.kaart:hover,
.brand.kaart:hover
{
	text-decoration: none;	
}

.career.kaart
{
	padding: 40px 20px;
	border: none;
	height: 250px !important;
}

.career.kaart > h3
{
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	color: #202020;
}

.career.kaart > p
{
	margin-top: 20px;
	letter-spacing: 2px;
	color: #626E79;
	font-weight: 800;
	font-size: 12px;
	text-transform: uppercase;
}

.brand.kaart > img
{
	margin-top: 20px;
	max-height: 50px;
	margin-bottom: 20px;
}

.brand.kaart > p
{
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

section#recentnews
{
	padding-top: 100px;
	padding-bottom: 115px;
	color: white;
	background: #202020;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
}

section#content-loop > .grid,
section#expertises > .grid,
section#brands > .grid,
section#recentnews > .grid
{
	display: grid;
	grid-gap: 1.875rem;
}

section#expertises > .grid,
section#brands > .grid { grid-template-columns: 1fr 1fr 1fr 1fr; }

@media screen and (max-width: 1100px)
{
	section#expertises > .grid,
	section#brands > .grid { grid-template-columns: 1fr 1fr; }
}

section#recentnews > .grid { grid-template-columns: 1fr 1fr 1fr; }


@media screen and (max-width: 1100px)
{
	section#recentnews > .grid { grid-template-columns: 1fr 1fr; }
	.recentnews.kaart:nth-child(3)
	{
		transform: translateX(calc((50vw - 0.9375rem ) - 50%));
	}
}

@media screen and (max-width: 680px)
{
	section#expertises > .grid,
	section#brands > .grid { grid-template-columns: 1fr; }
	
	section#recentnews > .grid { grid-template-columns: 1fr; }
	.recentnews.kaart:nth-child(3)
	{
		transform: translateX(0);
	}
}

.recentnews.kaart
{
	display: flex;
	flex-wrap: wrap;
	background: white;
	color: #202020;
	text-decoration: none;
}


.news.kaart,
.event.kaart
{
	display: flex;
	flex-wrap: wrap;
	background: white;
	color: #202020;
	box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.05);
	text-decoration: none;
}

.brochure.kaart
{
	display: flex;
	flex-wrap: wrap;
	background: white;
	color: #202020;
	box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.05);
	text-decoration: none;
}

.usedproduct.kaart
{
	display: flex;
	flex-wrap: wrap;
	background: white;
	color: #202020;
	box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.05);
	text-decoration: none;
}

.usedproduct.kaart:hover,
.recentnews.kaart:hover,
.news.kaart:hover,
.event.kaart:hover,
.brochure.kaart:hover
{
	text-decoration: none;
}

.news.kaart > .image,
.news.kaart > .text,
.event.kaart > .image,
.event.kaart > .text,
.recentnews.kaart > .image,
.recentnews.kaart > .text
{
	display: block;
	width: 100%;
}

.usedproduct.kaart > .category,
.brochure.kaart > .category,
.news.kaart > .category,
.event.kaart > .category,
.recentnews.kaart > .category
{
	display: flex;
	position: absolute;
	width: 100%;
	height: 60px;
	top: 220px;
}

.news.kaart > .multiply-layer,
.event.kaart > .multiply-layer,
.recentnews.kaart > .multiply-layer
{
	display: block;
	position: absolute;
	width: 210px;
	height: 60px;
	top: 220px;
	background: #DD1742;
	mix-blend-mode: multiply;
}

.usedproduct.kaart h3,
.news.kaart h3,
.event.kaart h3,
.recentnews.kaart h3
{
	color: #202020;
}

.brochure.kaart h3
{
	color: #202020 !important;;
    font-size: 20px !important;
    font-weight: bold !important;;
    line-height: 24px !important;;
}

.usedproduct.kaart > .category::before,
.brochure.kaart > .category::before,
.news.kaart > .category::before,
.event.kaart > .category::before,
.recentnews.kaart > .category::before
{
	content: '';
	height: 140px;
	width: 60px;
	background: url('img/pattern-strokes-white-45graden@2x.svg');
	background-size: 300px;
	display: block;
	position: absolute;
	left: 0;
	top: -140px;
}

.usedproduct.kaart > .category::after,
.brochure.kaart > .category::after,
.news.kaart > .category::after,
.event.kaart > .category::after,
.recentnews.kaart > .category::after
{
	content: '';
	height: 60px;
	width: 60px;
	background-image: url('img/pattern-strokes-darkgray-45graden@2x.svg');
	background-size: 300px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -60px;
}

.category > .icon
{
	height: 60px;
	width: 60px;
	display: table;
	background: white;
	color: #DD1742;
}

.icon > p
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.category > .catname
{
	height: 100%;
	width: 100%;
	max-width: 150px;
	display: table;
}

.catname > p
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: 700;
	color: white;
}

.kaart > .text
{
	width: 100%;
	padding: 40px 20px 120px 20px;
}

.kaart > .text > h3
{
	font-size: 28px;
	line-height: 28px;
	position: relative;
	font-weight: 700;
}

.usedproduct.kaart > .text > h4
{
	font-size: 22px;
	line-height: 24px;
	font-weight: 700;
	color: #DD1742;
	margin-bottom: 20px;
}

.usedproduct.kaart > .text li
{
	line-height: 1.5em;
}

p.date
{
	color: #626E79;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.kaart .link
{
	left: 0px;
	z-index: 4;
}

section#products
{
	margin-top: 100px;
	margin-bottom: 150px;
}

section#products > .productslider
{
	margin-top: 50px;
	height: 380px;
	position: relative;
	margin-bottom: 50px;
}

section#products > .productslider:before,
section#products > .productslider:after
{
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
}


section#products > .productslider:before
{
	transform: translateY(39px);
	border-top: 1px solid #DDDEDD;
}


section#products > .productslider:after
{
	transform: translateY(-39px);
	border-bottom: 1px solid #DDDEDD;
}

.productslide
{
	position: relative;
}

.productslide.slick-active ~ .slick-active ~ .slick-active > .link,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active > .link,
.productslide > .link
{
	display: block;
	position: absolute;
	top: 0;
	font-size: 28px;
	line-height: 28px;
	border-left: 1px solid #DDDEDD;
	border-right: 1px solid #DDDEDD;
	font-weight: 700;
	height: calc(100% - 80px);
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: rgba(255,255,255,.456);
	background-blend-mode: lighten;
	filter: grayscale(1);
	transition: all 0.1234s ease-in-out;
}

.productslide.slick-active ~ .slick-active > .link,
.productslide.slick-active ~ .slick-active ~ .slick-active:hover > .link,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active:hover > .link,
.productslide:hover > .link
{
	border-left: none;
	border-right: none;
	background-color: rgba(255,255,255,.0);
	filter: grayscale(0);
}


.productslide > .link > div
{
	display: table;
	height: 100%;
	width: 100%;
}

.productslide > .link > div > span
{
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 3;
}

.productslide.slick-active ~ .slick-active ~ .slick-active > .link > .multiply-layer,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active > .link > .multiply-layer,
.productslide > .link > .multiply-layer
{
	display: block;
	position: absolute;
	top: calc(100% + 80px);
	left: 40px;
	right: 40px;
	width: calc(100% - 80px);
	height: 0px;
	bottom: -40px;
	background: #DD1742;
	mix-blend-mode: multiply;
	transition: all 250ms ease-in-out;
}

.productslide.slick-active ~ .slick-active ~ .slick-active > .link .window,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active > .link .window,
.productslide > .link .window
{
	display: block;
	overflow: hidden;
	height: 32px;
	transition: height 250ms ease-in-out;
	transition-delay: 250ms;
}

.productslide.slick-active ~ .slick-active > .link .window,
.productslide.slick-active ~ .slick-active ~ .slick-active:hover > .link .window,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active:hover > .link .window,
.productslide:hover > .link .window
{
	height: 100px;
}

.productslide.slick-active ~ .slick-active > .link > .multiply-layer,
.productslide.slick-active ~ .slick-active ~ .slick-active:hover > .link > .multiply-layer,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active:hover > .link > .multiply-layer,
.productslide:hover > .link > .multiply-layer
{
	top: -40px;
	height: calc(100% + 80px);
}

.productslide.slick-active ~ .slick-active ~ .slick-active > .link > div p,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active > .link > div p,
.productslide > .link > div p
{
	color: #202020;
	transform: translateY(0px);
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 0;
	transition-timing-function: linear;
	transition-duration: 250ms;
	transition-property: color, transform;
	transition-delay: 125ms, 175ms;
}

.productslide.slick-active ~ .slick-active > .link > div p,
.productslide.slick-active ~ .slick-active ~ .slick-active:hover > .link > div p,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active:hover > .link > div p,
.productslide:hover > .link > div p
{
	color: white;
	transform: translateY(-15px);
}

.productslide.slick-active ~ .slick-active ~ .slick-active > .link > div .arrowbutton,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active > .link > div .arrowbutton,
.productslide > .link > div .arrowbutton
{
	padding-left: 20px;
	height: 0px;
	display: inline-block;
	font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;
	overflow: hidden;
	transform: translateY(0px);
	transition: all 250ms ease-in-out;
	top: -20px;
}

.productslide.slick-active ~ .slick-active > .link > div .arrowbutton,
.productslide.slick-active ~ .slick-active ~ .slick-active:hover > .link > div .arrowbutton,
.productslide.slick-active ~ .slick-active ~ .slick-active ~ .slick-active:hover > .link > div .arrowbutton,
.productslide:hover > .link > div .arrowbutton
{
	transform: translateY(25px);
	height: unset;
	overflow: visible;
}

section#products > h1,
section#products > a
{
	margin-left: calc((100% - 1200px ) / 2);
	margin-right: calc((100% - 1200px ) / 2);
}

section#products > h1
{
	margin-bottom: -25px;
}

section#products > a
{
	margin-left: calc(((100% - 1200px) / 2) + 180px );
}

section#products .slick-prev,
section#products .slick-next
{
	bottom: -130px;
	left: calc(( 100% - 1200px ) / 2);
}

section#products .slick-next
{
	left: calc((( 100% - 1200px ) / 2) + 60px);
}

body.page-template-page-global > h2,
section#global-grid,
section#page-header,
section#contentarchive-header,
section#single-newsheader,
section#single-newscontent,
section#brochure-downloads,
section#specifications-downloads,
section#used-products-grid
{
	display: block;
	padding-left: calc((100% - 1200px) / 2 );
	padding-right: calc((100% - 1200px) / 2 );
}

section#global-grid
{
	column-count: 3;
	column-rule: 2px dotted #F1F1F1;
	column-gap: 150px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.global-grid-item
{
	margin-bottom: 50px;
	break-inside: avoid-column;
}

.global-grid-item a
{
	color: #202020;
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
}

.cont
{
	margin-left: 70px;
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
	width: 100%;
	max-width: 720px;
	display: block;
	margin-bottom: 20px;
}

.cont > p
{
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
}

section#single-newsheader > .cat
{
	margin-top: 40px;
	display: flex;
	margin-bottom: 10px;
}

section#front-photo .cat
{
	display: flex;
	margin-bottom: 20px;
}


section#front-photo .cat > .icon
{
	background: #FFF;
}

section#front-photo .cat > .name > p
{
	color: #FFF;
}

section#single-newsheader > h1
{
	margin-bottom: 20px;
	text-transform: initial;
	width: 100%;
	max-width: 720px;
}

section#single-newsheader > h3
{
	color: #202020;
	font-size: 28px;
	line-height: 48px;
	text-transform: capitalize;
}

.cat > .icon
{
	display: table;
	height: 60px;
	width: 60px;
	background: #F1F1F1;	
}

.cat > .name
{
	display: table;
	height: 60px;
	width: 120px;
}

.cat > .icon > p,
.cat > .name > p
{
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
	letter-spacing: 3px;
	color: #DD1742;
	text-transform: uppercase;
}

#single-newsheader .cat > .name
{
	margin-left: 20px;
}

section#single-sliders
{
	display: block;
	width: 100%;
	max-width: 1600px;
	margin-top: -70px;
	margin-left: calc((100% - 1600px ) / 2 );
	margin-right: calc((100% - 1600px ) / 2 );
	position: relative;
	height: 880px;
	overflow: hidden;
	margin-bottom: -100px;
}

section#single-sliders .slick-prev,
section#single-sliders .slick-next
{
	bottom: -30px;
	left: calc(50% - 60px);
}

section#single-sliders .slick-next
{
	left: 50%;
}

section#single-sliders > #slider-left
{
	position: absolute;
	width: calc(65% + 60px);
	top: 80px;
	left: 0px;
	height: 640px;
}

section#single-sliders > #slider-right
{
	position: absolute;
	width: 35%;
	top: -20px;
	right: 0px;
	height: 640px;
}

section#single-sliders > #slider-right:after
{
	position: absolute;
	content: '';
	display: block;
	background: rgba(255,255,255,0.345);
	width: 60px;
	height: 540px;
	top: 100px;
	left: 0px;
}

section#single-newscontent
{
	width: 100%;
	max-width: 700px;
	box-sizing: content-box;
	padding-left: calc((100% - 1200px) /2 );
	padding-right: calc((100% - 1200px) /2 );
	padding-bottom: 50px;
}

section#single-newscontent p
{
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
}

section#contact-cta
{
	margin-top: 100px;
	margin-bottom: 100px;
	width: 100%;
	padding-top: 100px;
	border-top: 2px dotted #DDDEDD;
	max-width: 840px;
	box-sizing: content-box;
	padding-left: calc((100% - 1200px) /2 );
	padding-right: 25px;
}

section#contact-cta h3
{
	color: #DD1742;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 800;
	line-height: 28px;
}

.teammember
{
	display: flex;
	flex-wrap: wrap;
}

.teammember > .member-photo
{
	width: 80px;
	height: 80px;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
	border: 2px solid #F1F1F1;
}

.teammember > .member-info
{
	margin-top: 15px;
	padding-left: 30px;
	width: calc(100% - 80px);
}

.member-info > .strong
{
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 800;
}

.member-info > p:not(.strong)
{
	text-transform: uppercase;
	color: #626E79;
	font-weight: 800;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.member-contact
{
	margin-top: 10px;
	padding-left: 90px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}


.member-contact > span
{
	font-size: 16px;
	line-height: 28px;
	font-weight: 600;
	display: block;
	margin-left: 20px;
}

.member-contact > span:nth-child(4)
{
	margin-bottom: 20px;
}

.member-contact > a
{
	margin-right: 80px;
}

section#cta
{
	display: block;
	height: 280px;
	margin-left: calc((100% - 1200px ) / 2);
	margin-right: calc((100% - 1200px ) / 2);
	margin-bottom: 100px;
	margin-top: 100px;
	background-size: 50%;
    background-repeat: no-repeat;
    background-position: right center;
	color: white;
}

section#cta.gray
{
	color: #202020;
}

section#cta.salesservices
{
	background-blend-mode: soft-light;
    background-color: #202020;
}

section#cta.salesservices .inner a {
    margin-right: 70px;
}

section#cta > .inner
{
	display: block;
	height: 100%;
	width: 100%;
	padding: 60px 75px;
	background: linear-gradient(to right, rgba(21,21,21,1) 50%, rgba(21,21,21,0) 100%);
}

section#cta.gray > .inner
{
	background: linear-gradient(to right, rgba(251,251,251,1) 50%, rgba(251,251,251,0) 100%);
}

section#cta > .inner > h1
{
	margin-bottom: 20px;
}

section#cta > .inner > p
{
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 30px;
}

section#cta > .inner > a
{
	margin-left: -20px;
	margin-right: 80px;
}

section#careerarchive-header
{
	margin-top: 40px;
}

section#google-maps,
section#news-filter,
section#careerarchive-header,
section#career-loop,
section#events-loop,
section#news-loop,
section#downloads-content
{
	padding-left: calc((100% - 1200px ) / 2);
	padding-right: calc((100% - 1200px ) / 2);
}

section#downloads-content
{
	margin-bottom: 50px;
}

section#news-filter
{
	display: table;
	height: 40px;
}

section#news-filter > div
{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

section#news-filter > div:nth-child(1)
{
	padding-right: 20px;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 20px;
}

section#news-filter select
{
	box-sizing: content-box;
}

section#news-filter select option
{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
}

.grid.all-news,
section#career-loop .grid,
section#events-loop .grid,
section#news-loop .grid
{
	padding: 40px 0 0 0;

}

section#contact-firstcontent,
section#career-content,
section#project-firstcontent,
section#product-firstcontent
{
	margin-top: 100px;
	margin-bottom: 50px;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 150px;
}

section#contact-firstcontent,
section#career-content
{
	margin-top: 50px;
}

section#career-content > .text
{
	margin-left: 70px;
}


section#career-content > .text > span
{
	display: block;
	margin-bottom: 50px;
}

section#career-content > .text > span:nth-child(2)
{
	margin-bottom: 80px;
}

section#career-content > .text > span p,
section#career-content > .text > span li
{
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
}

section#career-content > .text > span li
{
	list-style-type: none;
	margin-left: 20px;
	position: relative;
}

section#career-content > .text > span li:before
{
	content: '';
	position: absolute;
	left: -38px;
	top: 8px;
	background: url('img/checkmark.svg');
	background-size: cover;
	background-position: center;
	height: 16px;
	width: 16px;
}

table tbody tr:nth-child(even),
section#career-content table > tbody
{
	border: none;
	background: none;
}

table tbody tr:nth-child(even),
table tbody tr
{
	border-bottom: 1px solid black;
}

table tbody tr td
{
	font-weight: 600;
	line-height: 32px;
	padding: 25px 0;
}

table tbody tr td p
{
	font-weight: 600;
	line-height: 32px !important;
	margin-bottom: 0;
}

section#contact-firstcontent .contact-members,
section#career-content .contact-members,
section#project-firstcontent .contact-members,
section#product-firstcontent .contact-members
{
	position: relative;
}

section#contact-firstcontent .contact-members:before,
section#career-content .contact-members:before,
section#project-firstcontent .contact-members:before,
section#product-firstcontent .contact-members:before
{
	position: absolute;
	content: '';
	width: 1px;
	left: -50px;
	top: 0px;
	height: calc(100% - 60px);
	border-left: 2px solid #F1F1F1;
	
}

.contact-members .member-contact a
{
	margin-right: 0;
	text-decoration: none;
	margin-bottom: 40px;
}

.contact-members .teammember
{
	margin-top: 30px;
	margin-bottom: 60px;
}

.contact-members .teammember.department > .member-info p:not(.strong),
.contact-members .teammember.department .member-photo
{
	display: none;
}

.contact-members .teammember.department > .member-info,
.contact-members .teammember.department .member-contact
{
	padding-left: 0;
	padding-right: 40px;
}

section#text-readmore,
section#product-secondcontent
{
	padding-left: calc(((100% - 1200px) / 2) + 72.5px );
	width: 100%;
	max-width: 720px;
	box-sizing: content-box;
}

li,
section#text-readmore > .above-readmore p,
section#text-readmore > .below-readmore p,
section#product-secondcontent > .above-readmore p,
section#product-secondcontent > .below-readmore p
{
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
}

section#text-readmore #readmore,
section#product-secondcontent #readmore,
.readmore
{
	display: inline-block;
	margin-top: 25px;
	margin-left: -20px;
	margin-bottom: 75px;
	position: relative;
	color: #DC1842;
	letter-spacing: 1px;
	font-weight: 700;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
}

section#text-readmore #readmore img,
section#product-secondcontent #readmore img,
.readmore img
{
	transform: translateX(20px);
	transition: all 0.1234s ease-in-out;
}

section#text-readmore #readmore.open img,
section#product-secondcontent #readmore.open img,
.readmore.open img
{
	transform: translateX(20px) rotate(180deg);
}

section#text-readmore #readmore::before,
section#product-secondcontent #readmore::before,
.readmore::before
{
	content: '';
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: -8.5px;
	height: 2px;
	background: #DC1842;
}

.below-readmore
{
	max-height: 0;
	overflow: hidden;
	transition: all 0.1234s ease-in-out;
}

.below-readmore.open
{
	max-height: 9999px;
}

section#text-video,
section#photo-quote,
section#benefits-downloads
{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: calc((100% - 1200px) / 2);
	margin-right: calc((100% - 1200px) / 2);
	display: grid;
	grid-template-columns: 2fr 3fr;
}

section#text-video,
section#photo-quote
{
	grid-template-columns: 3fr 2fr;
}

section#text-video .text,
section#photo-quote .text,
section#benefits-downloads .text
{
	position: relative;
	padding: 72.5px;
	background: rgba(98,110,121,0.9);
	color: white;
}

section#text-video .text,
section#photo-quote .text
{
	background: #F1F1F1;
	color: #ADB2B7;
	font-size: 28px;
	line-height: 48px;
	font-weight: bold;
	padding: 200px 75px 100px 100px;
	z-index: 4;
}

section#text-video .text
{
	padding: 100px 75px 100px 100px;
}

section#photo-quote .text:before
{
	content: '“';
    position: absolute;
    color: #DDDCDD;
    font-size: 180px;
    top: 150px;
    left: 40px;
    z-index: -1;
    font-family: Helvetica;
    font-weight: 800;
}

section#benefits-downloads .text h3
{
	font-size: 28px;
	color: white;
	font-weight: 700;
	line-height: 28px;
}

section#benefits-downloads .text ul
{
	line-height: 36px;
	margin-bottom: 50px;
}

.dl
{
	display: flex;
	flex-wrap: wrap;
	padding-top: 15px;
}

section#downloads-content .dl
{
	width: 100%;
	max-width: 720px;
	padding-bottom: 15px;
}

.dl > .icon-wrap
{
	display: table;
	height: 32px;
	width: 32px;
	background: #FFF;
}

.dl > .link-wrap > a,
.dl > .icon-wrap > .icon-inner
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.dl > .link-wrap
{
	display: table;
	height: 32px;
	width: calc(100% - 80px);
}

section#downloads-content .dl > .icon-wrap
{
	background: #F1F1F1;
}

.dl > .link-wrap > a
{
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 12px;
	line-height: 12px;	
}

section#downloads-content .dl > .link-wrap > a
{
	text-align: left;
	padding-left: 20px;
}
section#downloads-content .dl > .link-wrap > a
{
	color: #626E79;
}

section#benefits-downloads .text:after
{
	content: '';
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -60px;
	background: rgba(98,110,121,0.9);
	z-index: 2;
}

section#text-video .text:after,
section#photo-quote .text:after
{
	content: '';
	width: 60px;
	height: calc(100% - 60px);
	position: absolute;
	top: 0;
	bottom: 60px;
	left: -60px;
	background: rgba(240,240,240,0.34);
	z-index: 2;
}

section#text-video .video,
section#photo-quote .image,
section#benefits-downloads .image
{
	position: relative;
	transform: translateY(-60px);
}

section#text-video .video
{
	display: table;
	height: 100%;
	background-blend-mode: overlay;
	transition: all 250ms ease-in-out;
	background-size: cover;
	background-position: center center;
}

section#text-video .video span
{
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	color: white;
	cursor: pointer;
}

section#text-video .video span i
{
	font-size: 128px !important;
	opacity: 0.667;
	transition: all 250ms ease-in-out;
}

section#text-video .video:hover
{
	background-color: rgba(25,25,25,.135);
}

section#text-video .video:hover span i
{
	opacity: 1;
}

section#text-video .video:before,
section#photo-quote .image:before,
section#benefits-downloads .image:before
{
	height: 120px;
	width: 50%;
	left: 0px;
	bottom: -60px;
	content: '';
	position: absolute;
	background-image: url(img/pattern-strokes-gray-45graden@2x.svg);
    background-size: cover;
}

section#text-video .video:before,
section#photo-quote .image:before
{
	right: 00px;
	left: auto;
}

section#text-video .video:after,
section#photo-quote .image:after,
section#benefits-downloads .image:after
{
	height: 60px;
	width: 60px;
	left: 0px;
	bottom: -60px;
	content: '';
	position: absolute;
	background: #FFF;
}

section#text-video .video:after,
section#photo-quote .image:after
{
	right: 0px;
	left: auto;
}

section#project-specs
{
	padding-left: calc(((100% - 1200px) / 2) + 72.5px);
	width: 100%;
	max-width: 720px;
	box-sizing: content-box;
}

section#project-specs h3
{
	margin-bottom: 40px;
}

section#project-specs > a
{
	margin-left: -20px;
}

.spec
{
	display: grid;
	grid-template-columns: 1fr 3fr;
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.spec:nth-child(1),
.spec:nth-child(2),
.spec:nth-child(3),
.spec:nth-child(4)
{
	border-bottom: 1px solid #DDDCDD;
}

.spec > .strong
{
	font-weight: bold;
}

section#text-photo
{
	margin-top: 100px;
	margin-left: calc((100% - 1200px) / 2);
	margin-right: calc((100% - 1200px) / 2);
	margin-bottom: 50px;
	display: grid;
	grid-gap: 50px;
	grid-template-columns: 1fr 1fr;
}

section#text-photo .text,
section#text-photo .image-wrap
{
	display: grid;
	grid-template-rows: 350px 100px 0;
	overflow: hidden;
}

section#text-photo .text.open
{
	grid-template-rows: 350px auto 100px;
}

section#text-photo .text.open > .above-fold { order: 1;}
section#text-photo .text.open > .below-fold { order: 2;}
section#text-photo .text.open > .fold { order: 3;}

section#text-photo:nth-child(even) .text { order: 2}
section#text-photo:nth-child(even) .image-wrap { order: 1}

section#text-photo > .text
{
	margin-left: 72.5px;
}

section#plaintext > p,
section#text-photo .text p,
{
	line-height: 36px;
	font-weight: 600;
	font-size: 18px;
}

section#plaintext
{
	margin-top: 50px;
	margin-left: calc((100% - 1200px) / 2);
	padding-left: 72.5px;
	padding-right: 25px;
	width: 100%;
	max-width: 720px;
	box-sizing: content-box;
	margin-bottom: 50px;	
}

section#plaintext p
{
	font-size: 18px;
    font-weight: 600;
    line-height: 36px;	
}

.nf-before-form-content
{
	display: none;
}

.arrowbutton
{
	position: relative;
	color: #202020;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 700;
	padding-left: 20px;
	text-decoration: none;
	padding-right: 20px;
}

.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit]
{
	display: block;
	background: none !important;
	position: relative !important;
	color: #DC1842 !important;
	font-size: 16px !important;
	letter-spacing: 1px !important;
	font-weight: 700 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	cursor: pointer;
	border-bottom: 2px solid #DC1842 !important;
}

.arrowbutton.wit
{
	color: white;
}

.arrowbutton.grijs
{
	color: #ADB2B7;
}

.arrowbutton.rood
{
	color: #DC1842;
}

.arrowbutton::before
{
	content: '';
	right: 0px;
	position: absolute;
	left: 0px;
	bottom: -8.5px;
	height: 2px;
	background: #202020;
	transition: all 0.1234s ease-in-out;
}

.arrowbutton.wit::before
{
	background: white;
}

.arrowbutton.grijs::before
{
	background: #ADB2B7;
}

.arrowbutton.rood::before
{
	background: #DC1842;
}

.arrowbutton::after
{
	border-style: solid;
	border-width: 0.16em 0.16em 0 0;
	border-color: #202020;
	content: '';
	display: inline-block;
	height: 0.6em;
	right: -15px;
	position: absolute;
	bottom: -13px;
	transform: rotate(45deg);
	vertical-align: top;
	width: 0.6em;
	transition: all 0.1234s ease-in-out;
}

section#front-content .content .arrowbutton:after
{
	position: relative;
	right: -35px;
}

.arrowbutton.wit::after
{
	border-color: white;
}

.arrowbutton.grijs::after
{
	border-color: #ADB2B7;
}

.arrowbutton.rood::after
{
	border-color: #DC1842;
}

section#front-content > .text > .content .arrowbutton
{
	left: -20px;
	text-decoration: none;
}

section#front-content > .text > .content .arrowbutton::after
{
	bottom: -33px;
}


.arrowbutton:hover
{
	text-decoration: none;	
}

footer > .upper > .contact > a:hover::before,
.arrowbutton:hover::before
{
	animation-name: animateLine;
  	animation-duration: 500ms;
}

.video-overlay,
#video-overlay
{
	max-height: 0px;
	height: 100%;
	width: 100%;
	opacity: 0;
	background: rgba(20,20,20,0.875);
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: white;
	pointer-events: none;
	display: table;
}

#video-container {
    display: table-cell;
    text-align: center;
    height: 100%;
    padding: 40px;
    width: calc(100% - 80px);
    vertical-align: middle;
}

.video-overlay.open,
#video-overlay.open
{
	max-height: 100vh;
	opacity: 1;
	pointer-events: initial;
}

#inline-video-close,
#video-close {
    right: 50px;
    top: 50px;
    position: absolute;
	font-size: 30px;
	cursor: pointer;
}

#video-overlay > #video-container > .search-wrapper
{
	display: table-cell;
	text-align: center;
	height: 100%;
	padding: 40px;
	width: calc(100% - 80px);
	vertical-align: middle;
}

#video-container > #video
{
	height: 100%;
	width: 100%;
	max-height: 720px;
	max-width: 1280px;
	margin: 0 auto;
}


@keyframes animateLine
{
	0% { left: 0px; right: 0px; }
	50% { left: 100%; right: 0px; }
	52% { left: 0px; right: 100%; }
	100% { left: 0px; right: 0px; }
}

footer h3
{
	color: white;
}

nav#mobile
{
	display: none;
}

.search-result
{
	padding-top: 20px;
	border-bottom: 1px solid #F1F1F1;
	padding-bottom: 20px;
	margin-bottom: 20px;
	list-style-type: none;
	color: #626E79;
	font-size: 16px;
	font-weight: 600;
	line-height: 36px;
}

.search-result br {
    display: none;
}

.search-result a
{
	font-size: 22px;
	font-weight: bold;
	color: #202020;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.slick-prev:focus
{
	background: #FFF;
	color: unset;
}

.slick-next:focus
{
	background: #F1F1F1;
	color: unset;
}

section#google-maps
{
	margin-bottom: 50px;
}

section#google-maps .maps-wrapper
{
	margin-top: 70px;
}

.qtranxs_flag_and_text
{
	padding-left: 30px !important;
}

.qtranxs_flag_en,
.qtranxs_flag_nl
{
	background-size: 20px auto;
}

section#used-products-grid,
section#brochure-downloads
{
	padding-bottom: 100px;
}

section#used-products-grid > div.introduction
{
	padding-bottom: 50px;
	width: 100%;
	max-width: 720px;
}

section#specifications-downloads > .grid
{
	display: flex;
    flex-wrap: wrap;
	flex-direction: column;
	margin-top: -40px;
	margin-left: -40px;
	margin-right: -40px;
}

section#specifications-downloads > div.grid > div.specs-product-wrap
{
	padding: 40px;
}

section#specifications-downloads > div.grid > div.specs-product-wrap h3
{
	margin-bottom: 30px;
}

section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: -40px;
}

section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap
{
	padding: 40px;
	max-width: 33.34%;
	width: 100%;
}


section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap h5
{
	font-weight: 900;
	margin-bottom: 20px;
}

section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap ul
{
	padding-left: 0px;
	margin-left: 0px;
}

section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap li
{
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #ADB2B7;
	list-style-type: none;
}

section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap li:first-child
{
	border-top: none;
}

section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap li a
{
	text-decoration: none;	
}

section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap li a strong
{
	padding-right: 20px;
}


section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap li a strong img
{
	height: 18px;
	width: 18px;
}

div.fullscreen-image-wrapper
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: table;
	height: 100vh;
	width: 100vw;
	z-index: -9999;
	opacity: 0;
	pointer-events: none;
	user-select: none;
	background: #00000099;
}

div.fullscreen-image-wrapper.open
{
	z-index: 9999;
	opacity: 1;
	user-select: initial;
	pointer-events: initial;
}

div.fullscreen-image-wrapper > div.image-wrap
{
	display: table-cell;
	position: relative;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

div.fullscreen-image-wrapper > div.image-wrap > img
{
	width: auto;
	max-width: 80vw;
	height: 100%;
	max-height: 80vh;
	object-fit: contain;
	transform: scale(.8);
}

div.fullscreen-image-wrapper.open > div.image-wrap > img
{
	animation-name: imageReveal;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

@keyframes imageReveal
{
	0% { transform: scale(.8); }
	100% { transform: scale(1); }
}

p.open
{
	cursor: pointer;
}

div.fullscreen-image-wrapper > i.exit
{
	display: block;
	position: fixed;
	height: 40px;
	width: 40px;
	font-size: 40px;
	color: white;
	opacity: 0.9;
	top: 40px;
	cursor: pointer;
	right: 40px;
	transition: opacity 250ms ease-in-out;
}

div.fullscreen-image-wrapper > i.exit:hover
{
	opacity: 1;
}
div.usedproducts-wrapper h3
{
	margin-bottom: 20px;
}

div.usedproducts-wrapper div.usedproduct-grid
{
	margin-bottom: 60px;
}

div.cell.usedproduct.kaart a.text,
div.cell.usedproduct.kaart a.text:hover
{
	text-decoration: none;
	color: #202020;
}

/* === MEDIA QUERIES === */

/* Small only */
@media screen and (max-width: 39.9375em) {

}

/* Medium and up */
@media screen and (min-width: 40em) {

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}
/* Medium and down */
@media screen and (max-width: 63.9375em) {
}
/* Large and up */
@media screen and (min-width: 64em) {

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}

/* Between large and medium */
@media screen and (min-width: 64em) and (max-width: 80.625em) {

}

@media screen and (max-width: 1600px) {
	section#front-photo > .fake-control:after, section#front-slider > .slider-controls:after
	{
		content: none;
	}
	
}

@media screen and (min-width: 1480px) {
	#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r {
		left: -30px;	
	}	
}

@media screen and (max-width: 1480px)
{
	#mega-menu-wrap-top-bar-r ul.mega-sub-menu li.mega-menu-row
	{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}


@media screen and (max-width: 1250px)
{
	footer > .upper
	{
		grid-template-columns: 2fr 1fr;
	}
		
	footer > .upper > .contact:after
	{
		left: -50px;
	}
	
	footer > .upper > .contact:before
	{
		left: -50px;
	}
	
	footer > .lower:after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(img/pattern-strokes-gray-45graden@2x.svg);
    background-size: cover;
    width: 33%;
    right: 0px;
    top: -52px;
    height: 120px;
    z-index: -1;
}
}

@media screen and (max-width: 1240px)
{
	#video-close,
	#search-close
	{
		top: 20px;
		right: 20px;
	}
	
	.contact-members .member-contact a
	{
		margin-right: 60px;
	}
	
	#video-overlay > #video-container,
	#searchbar > .search-wrapper
	{
		padding: 100px 20px;
	}
	
	footer > .upper > .menus h2.title-28,
	h3
	{
		font-size: 24px;
		line-height: 28px;
	}
	
	nav
	{
		width: calc(100% - 90px);
		margin-left: 60px;
		margin-right: 30px;
	}
	
	nav > .lower > .menu a
	{
		letter-spacing: 1px;
		font-size: 12px;
	}
	
	section#front-photo,
	section#front-slider
	{
		width: calc(100% - 30px);
		margin-right: 30px;
		overflow: hidden;
	}
	
	section#front-photo:after,
	section#front-slider:after
	{
		left: 60px;
	}
	
	section#front-photo > .fake-control,
	section#front-slider > .slider-controls
	{
		margin-left: 60px;
	}
	
	section#front-photo > .text,
	section#front-slider > .text
	{
		    max-width: calc(50vw - 100px);
		left: 140px;
	}
	
	section#single-sliders,
	section#photo-quote,
	section#benefits-downloads,
	section#text-photo,
	section#cta,
	section#content-loop,
	section#text-video
	{
		box-sizing: content-box;
		max-width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
	
	section#contentarchive-header .cont
	{
		margin-left: 20px;
	}
	
	section#google-maps, section#news-filter, section#careerarchive-header, section#career-loop, section#events-loop, section#news-loop,
	section#google-maps, section#news-filter, section#careerarchive-header, section#career-loop, section#events-loop, section#news-loop,
	section#text-readmore, section#product-secondcontent,
	body.page-template-page-global > h2,
	section#contact-cta,
	section#global-grid,
	section#page-header,
	section#contentarchive-header,
	section#single-newsheader,
	section#single-newscontent,
	section#career-content,
	section#project-firstcontent,
	section#product-firstcontent,
	section#search-results,
	section#custom-search,
	section#front-content,
	section#expertises,
	section#marketsservices,
	section#brands,
	section#recentnews,
	footer > .upper > .contact,
	footer > .upper > .menus,
	section#contact-firstcontent,
	section#plaintext,
	section#brochure-downloads,
	section#specifications-downloads,
	section#used-products-grid
	{ box-sizing: content-box; max-width: calc(100% - 80px); padding: 40px; }
	
	section#plaintext
	{
		margin-left: 0;
	}
	
	section#careerarchive-header,
	section#events-loop,
	section#contentarchive-header, section#single-newsheader
	{
		padding: 0 40px 40px 40px;
	}
	
	section#project-specs
	{
		padding-left: 40px;
	}
	
	footer > .lower
	{
		box-sizing: content-box;
		padding: 40px 33% 40px 40px;
	}
	body > p#breadcrumbs,
	section#products > h1, section#products > a
	{
		margin-left: 40px;
		margin-right: 40px;
	}
		
	section#marketsservices > .services::before
	{
		top: 0px;
		bottom: 0px;
	}
	
	section#front-content > .images > .one
	{
		left: auto;
		right: 60px;
	}
	
	section#front-content > .images > .two
	{
		bottom: auto;
		top: 142px;
	}
	
	section#front-content > .images > .mask
	{
		left: auto;
		width: 320px;
		right: 60px;
	}
	
	section#contact-firstcontent,
	section#career-content, section#project-firstcontent, section#product-firstcontent
	{
		grid-template-columns: 1fr;
		grid-gap: 40px;
	}
	
	section#career-content > .text
	{
		margin-left: 0px;
	}
	
	section#single-sliders
	{
		height: 600px;
	}
	
	section#single-sliders > #slider-left,
	section#single-sliders > #slider-right
	{
		height: 360px;
	}
	
	section#single-sliders > #slider-right:after
	{
		height: 260px;
	}
	
	section#global-grid
	{
		column-count: 2;
		column-gap: 50px;
	}
	
}

@media screen and (max-width: 1200px)
{
	nav > .upper
	{
		grid-template-columns: 220px 1fr 0px 85px;
	}
	
	nav > .upper > .logos
	{
		overflow: hidden;
	}	
}

@media screen and (max-width: 960px)
{
	section#specifications-downloads > div.grid > div.specs-product-wrap > div.specs-product-tab-wrap > div.specs-product-tab-item-wrap
	{
		max-width: 50%;
	}
	
	.member-contact > a
	{
		margin-bottom: 40px;
	}
	
	section#front-photo > .fake-control,
	section#front-slider > .slider-controls,
	nav
	{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	section#front-photo > .fake-control:after,
	section#front-slider > .slider-controls:after,
	section#front-photo > .fake-control:before,
	section#front-slider > .slider-controls:before
	{
		left: 22px;
	}
	
	section#front-photo > .fake-control,
	section#front-slider > .slider-controls
	{
		background: white;
	}
	
	.slick-prev, .slick-next 
	{
		bottom: -90px;
		left: auto;
		right: 0px;
	}
	
	.slick-prev
	{
		right: 60px;
	}
	
	section#cta > .inner > a
	{
		margin-left: -20px;
		margin-bottom: 40px;
		display: inline-block;
	}
	
	section#front-photo:before,
	section#front-slider:before {
		content: '';
		display: block;
		position: absolute;
		height: 60px;
		width: 100%;
		max-width: calc(100% - 180px);
		background-image: url(img/pattern-strokes-gray-45graden@2x.svg);
		background-size: cover;
		bottom: 0px;
		left: 60px;
		z-index: 6;
		pointer-events: none;
		user-select: none;
	}
	
	section#front-photo > .text p.ani,
	section#front-slider > .text p.ani
	{
		font-size: 30px;
		line-height: 34px;
	}
	
	nav#desktop { display: none; }
	nav#mobile { display: block; box-shadow: 1px 5px 5px #eeee; }
	
	section#front-photo,
	section#front-slider
	{
		width: 100%;
		overflow: hidden;
		margin-right: 0;
	}
	
	section#front-photo:after,
	section#front-slider:after
	{
		content: none;
	}
	
	section#front-photo > .text,
	section#front-slider > .text
	{
		padding: 50px;
		max-width: 100%;
		width: 100%;
		left: 0;
		bottom: 60px;
	}
	
	section#front-photo .multiply-background,
	section#front-slider .multiply-background
	{
		left: 0px;
		right: 0px;
		max-width: 100%;
	}
	
	section#cta > .inner
	{
		padding: 40px 20px;
	}
	
	
	section#front-content
	{
		height: auto;
		margin-top: 40px;
	}
	
	section#front-content > .text, section#front-content > .images
	{
		width: 100%;
	}
	
	section#front-content > .images
	{
		display: none;
	}
	
	section#content-loop > .grid, section#expertises > .grid, section#brands > .grid, section#recentnews > .grid
	{
		margin-left: -20px;
		width: calc(100% + 40px);
		margin-right: -20px;
	}
	
	section#project-specs
	{
		padding-top: 70px;
		width: calc(100% - 80px);
		padding-right: 40px;
	}
	
	section#marketsservices
	{
		max-width: 100%;
		padding: 0px;
		grid-template-columns: 1fr;
		grid-gap: 0px;
	}
	
	section#marketsservices > .markets::before,
	section#marketsservices > .services::before
	{
		content: none;
	}
	
	section#marketsservices > .markets,
	section#marketsservices > .services
	{
		padding: 40px;
	}
	
	section#marketsservices > .markets
	{
		position: relative;
		background: #F1F1F1;
		padding-bottom: 100px;
	}
	
	section#marketsservices > .markets::after {
		width: calc(100% - 60px);
		height: 60px;
		right: 0px;
		bottom: 0px;
		background-image: url(img/pattern-strokes-gray-45graden@2x.svg);
		background-size: cover;
		z-index: 1;
	}
	
	section#marketsservices > .services
	{
		background-image: url(img/worldmap@2x.svg);
    	background-blend-mode: soft-light;
    	background-color: #202020;
	}
	
	
	section#products
	{
		margin-bottom: 0px;
	}
	
	h1.title-44 {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 20px;
	}
	
	section#project-firstcontent > .text > .strong, section#product-firstcontent > .text > .strong, section#front-content > .text > .strong,
	.content.kaart > p, .expertise.kaart > p,
	.kaart > .text > h3
	{
		font-size: 22px;
		line-height: 32px;
	}
	
	section#project-firstcontent > .text > .content, section#product-firstcontent > .text > .content, section#front-content > .text > .content
	{
		padding-left: 0px;
	}
	
	.grid-margin-x.small-up-1>.cell:not(.news.kaart)
	{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	footer > .upper > .menus
	{
		padding-top: 100px;
	}
	
	footer > .upper
	{
		grid-template-columns: 1fr;
	}
	
	footer > .upper > .menus li,
	footer p { font-size: 16px; }
	
	footer > .upper > .contact > .socials > a
	{
		height: 40px;
		width: 40px;
	}
	
	footer > .upper > .contact > .socials > a > i
	{
		font-size: 20px;
	}
	
	footer > .upper > .contact { order: 1; background: #DD1742;}
	footer > .upper > .menus { order: 2; background: #F1F1F1; }
	footer > .upper > .menus > .expertise, footer > .upper > .menus > .markets, footer > .upper > .menus > .about
	{
		max-width: 100%;
	}

	footer > .upper > .menus > .productlinks > ul
	{
		column-count: 1;
	}
	
	footer > .upper > .menus > .mostvisited > ul
	{
		column-count: 1;
	}
	
	footer > .upper > .contact > h3:before
	{
		left: -20px;	
	}
	
	footer > .lower:after,
	footer > .upper > .menus:after
	{
		content: none;
	}
	
	footer > .upper > .contact:after
	{
		content: '';
		display: block;
		position: absolute;
		background: none;
		background-image: url(img/pattern-strokes-gray-45graden@2x.svg);
		background-size: cover;
		width: 100%;
		width: 100%;
		right: 30px;
		left: 0px;
		top: calc(100% - 60px);
		height: 120px;
		z-index: 2;
	}
	
	footer > .upper > .contact:before {
	left: auto;
    right: 0px;
    top: calc(100% - 60px);
	z-index: 3;

    background-color: #F1F1F1;
}
	
	footer > .lower
	{
		margin-top: 0px;
	}
	
	footer > .lower > p
	{
		font-size: 14px;
	}
	
	footer > .lower > p:first-child,
	footer > .lower > p:last-child
	{
		display: block;
		border: none;
	}
	
	section#benefits-downloads,
	section#photo-quote,
	section#text-photo,
	section#text-video
	{
		grid-template-columns: 1fr;
	}
	
	section#benefits-downloads > .text,
	section#text-video > .text,
	section#text-photo > .text
	{
		margin-left: 0;
	}
	
	section#benefits-downloads > .image,
	section#text-video > .video,
	section#photo-quote > .image
	{
		height: 360px;
		transform: translateY(0);
	}
	
	section#benefits-downloads > .image
	{
		order: 0;
	}
	
	section#benefits-downloads > .text
	{
		order: 1;
		padding: 40px 20px;
	}
	
	section#text-photo > .image
	{
		height: 360px;
	}
	
	section#text-video .text:after,
	section#photo-quote .text:after,
	section#text-video > .text:after
	{
		left: 0px;
		top: -60px;
		width: 100%;
		height: 60px;
	}
	
	section#benefits-downloads .text:after
	{
		content: none;
	}
	
	section#cta
	{
		background-size: cover;
		background-position: center;
	}
	
	section#text-video .video:before,
	section#photo-quote .image:before, section#benefits-downloads .image:before
	{
		top: -60px;
		bottom: auto;
	}
	
	section#text-video .video:after,
	section#photo-quote .image:after, section#benefits-downloads .image:after
	{
		top: -60px;
		bottom: auto;
	}
	
	section#single-sliders
	{
		height: auto;
		overflow: visible;
		margin-bottom: 120px;
	}
	
	section#single-sliders > #slider-left,
	section#single-sliders > #slider-right
	{
		width: 100%;
		position: relative;
		height: 360px;
		padding-bottom: 40px;
	}
	
	section#single-sliders > #slider-right
	{
		top: 120px;
	}
	section#single-sliders > #slider-right:after
	{
		content: none;
	}
	
	section#global-grid
	{
		column-count: 1;
		column-gap: 0px;
	}
		
	section#contact-firstcontent, section#career-content, section#project-firstcontent, section#product-firstcontent
	{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	body > p#breadcrumbs
	{
		margin-bottom: 0px;
	}
	
	.contact-members .teammember
	{
		margin-bottom: 30px;
	}
	
}

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

#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-12 {
    margin-left: 45px;
}

#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12 {
    margin-right: 107px;
}

#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 {
    margin-left: 22px;
}

#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 {
    margin-left: 14px;
}

#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 {
    margin-left: 8px;
}

}

@media only screen and (min-width: 1240px) and (max-width: 1480px)
{
	
	#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8
	{
    	margin-left: 19px;
	}
	
	#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8
	{
    	margin-left: 30px;
	}
	
	#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12
	{
    	margin-right: 134px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1239px)
{
	#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-6
	{
		margin-left: -12px;
	}
	
	#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8
	{
    	margin-left: 25px;
	}
	
	#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12
	{
    	margin-right: 117px;
	}
}