/*
 Theme Name:   Glabbast
 Description:  brainstorm en concept basisthema
 Author:       brainstorm en concept
 Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--groen:#85A336;
	--blauw:#E7ECF0;
	--hex: polygon(22% 0%, 78% 0%, 100% 50%, 78% 100%, 22% 100%, 0% 50%);
}


body, html {
	width:100%;
	*overflow:auto;
	margin:0px auto;
	font-family: "Montserrat", sans-serif;
	zoom: unset;
}

@media screen and (max-width:767px) {
	section {
		width:100%;
		overflow-x:hidden;
		height:auto;
	}
}

.container {
	position:relative;
}

@media screen and (min-width:1300px) {
	.container {
		max-width:1240px;
	}
}

.padding-30 {
	padding:30px 0;
}

.padding-50 {
	padding:50px 0;
}

.padding-75 {
	padding:75px 0;
}

.padding-100 {
	padding:100px 0;
}

.padding-200 {
	padding:200px 0;
}

.padding-top-100 {
	padding-top:100px;
}

.padding-bottom-100 {
	padding-bottom:100px;
}


.padding-bottom-50 {
	padding-bottom:50px;
}

.margin-top {
	margin-top:100px;
}

.negative-margin-top {
	margin-top:-100px;
}

.double-negative-margin-top {
	margin-top:-200px;
}


@media screen and (max-width:576px) {
	.negative-margin-top {
		margin-top:0px;
	}
	.double-negative-margin-top {
		margin-top:-100px;
	}
}

.offgrid-padding-right {
	padding: 30px 135px 100px 30px;
	margin-right: -100px;
}
@media screen and (max-width:767px) {
	.offgrid-padding-right {
		padding: 30px;
		margin-right: 0px;
	}
}

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

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

	.mobile-margin-top-0 {
		margin-top:0;
	}

	.mobile-padding-0 {
		padding:0;
	}

	.mobile-padding-30 {
		padding:30px 0;
	}
}

.bg-black {
	background-color:#000000;
}

.bg-blue {
	background-color:var(--blauw);
}

.bg-groen {
	background-color:var(--groen);
}

.bg-black-white {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 400px, rgba(255,255,255,1) 400px, rgba(255,255,255,1) 100%);
}

.bg-blue-white {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, var(--blauw) 0%, var(--blauw) 400px, rgba(255,255,255,1) 400px, rgba(255,255,255,1) 100%);
}

.bg-black-white-ltr {
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}

.groenheaderblok {
	background-color:var(--groen);
	color:#ffffff;
	padding:30px 60px;
	background-repeat:no-repeat;
	background-image:url('img/Hexagons_GroenBlok.png');
	background-position:left bottom;
	background-size:contain;
}

@media screen and (max-width:767.99px) {
	.groenheaderblok {
		margin-bottom:20px;
	}
}

.text-white {
	color:#ffffff;
}

.hexagon-black {
	background-repeat:no-repeat;
	background-image:url('img/Hexagons_ZwartBlok.png');
	background-position:right top;
	background-size:auto 100%;
	padding:80px 80px 80px 0;
}


@media screen and (max-width:767.99px) {
	.hexagon-black {
		background-size:auto 100%;
		padding:80px;
	}
	.hexagon-black .col-12 {
		margin-left:-15px;
		margin-right:-15px;
	}
}


@media screen and (max-width:575.99px) {
	.hexagon-black {
		background-size:auto 100%;
		padding:15px;
	}

	.hexagon-black img {
		width:50%;
		margin-left:calc(25% - 15px);
		margin-top:25px;
	}
}

.hexagon-blue {
	background-repeat:no-repeat;
	background-image:url('img/Hexagons_LichtblauwBlok.png');
	background-position:left bottom;
	background-size:auto 100%;
}

@media screen and (max-width:767.99px) {
	.hexagon-blue {
		background-size:auto 100%;
		padding:80px 0px;
	}
}

@media screen and (min-width:768px) {
	.valign {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
}

@media screen and (max-width:767.99px) {
	.pl-5, .pr-5 {
		padding:0 !important;
	}
}


.imageeffect {
	opacity:0;
	margin-top:0px;
	transition:2s;
}

.imageeffect.swiftUp {
	opacity:1;
	margin-top:-40px;
}

@media screen and (max-width:1199px) {
	.imageeffect {
		margin-top:60px;
	}

	.imageeffect.swiftUp {
		margin-top:0px;
	}
}


h1 {
	font-weight:700;
	font-size:52px;
}

h2 {
	font-size:40px;
	font-weight:600;
	margin-bottom:30px;
}

h2.loeigroot {
	font-size:140px;
	line-height:110px;
}

h2.loeigroot.shiftup {
	margin-top:-30px;
}

@media screen and (max-width:1199px) {
	h2.loeigroot {
		font-size:100px;
		line-height:100px;
	}

	h2.loeigroot.shiftup {
		margin-top:-20px;
	}
	h2.loeigroot + h2.loeigroot {
		margin-top:-20px;
	}
}

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

	h2.loeigroot {
		font-size:50px;
		line-height:40px;
		text-align:left !important;
	}

}

h3 {
	font-size:24px;
	color:var(--groen);
}

p {
	margin-bottom:25px;
	line-height:20px;
}


.button {
	background-color:var(--groen);
	color:#ffffff;
	display:inline-block;
	padding:5px 60px 5px 30px;
	position:relative;
	line-height:40px;
	cursor: pointer;
}

.button:after {
	content: "→";
	position:absolute;
	right:25px;
	line-height:40px;
	transition:0.3s;
}

.button.down:after {
	*content: "↓";
	transform:rotate(90deg);
}

.button:hover {
	color:#ffffff;
}

.button:hover:after {
	right:20px;
	transition:0.3s;
}

.button.down:hover:after {
	line-height:50px;
	transition:0.3s;
	right:25px;
}

.button.fixed-width {
	width:190px;
	margin-bottom:20px;
	padding: 5px 40px 5px 10px;
	font-size:14px;
}

@media screen and (max-width:1299px) {
	.button.fixed-width {
		width:150px;
		font-size:12px;
		padding-right:25px;
	}

	.button.fixed-width:after {
		right: 10px;
	}

	.button.fixed-width:hover:after {
		transition:0.3s;
		right:10px;
	}
}

@media screen and (max-width:991px) {
	.button.fixed-width {
		width:170px;
		font-size:13px;
		padding-right:30px;
	}

	.button.fixed-width:after {
		right: 15px;
	}
}

@media screen and (max-width:767.99px) {
	.button {
		margin-bottom:20px;
	}

	.button.fixed-width {
		width:50%;
	}

}

@media screen and (max-width:576px) {
	.button {
		margin-bottom:20px;
	}

	.button.fixed-width {
		width:100%;
	}

}

.arrowlink {
	display:inline-block;
	width:100%;
	padding:30px 50px;
	border-top:1px solid black;
	position:relative;
	color:#000000;
	text-decoration:none;
	transition:0.3s;
}

.arrowlink:before {
	content:"";
	border-top:1px solid var(--groen);
	position:absolute;
	top:-1px;
	left:0;
	height:1px;
	width:0px;
	transition:1s;
}

.arrowlink:after {
	content: "→";
	position:absolute;
	right:25px;
	transition:0.3s;
}

.arrowlink:hover {
	color:var(--groen);
}

.arrowlink:hover:before {
	width:100%
}

.arrowlink:hover:after {
	color:var(--groen);
}

.og-images {
	position:relative;
	top:0;
	left:0;
}

.og-image {
	position:absolute;
}
@media screen and (max-width:767px) {
	.og-image {
		position:relative;
		right:unset;
		margin:0 auto;
	}
}

.pos-left {
	top:0;
	left:0;
}

.pos-right {
	top:0;
	right:0;
}

.one-third {
	width:35%;
}

.one-half {
	width:50%;
}

.z-minus {
	z-index:-1;
}

.z-plus {
	z-index:1;
}

.push-left {
	left:-100px;
}

.push-right {
	right:-100px;
}
header { margin-top:120px; }
header .header {
	width:100%;
	height:auto !important;
	position:relative;
	display:block;
	overflow:hidden;
	background-color:rgba(0,0,0,.15);
}
	header .header:after {
		content:" ";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: rgb(0,0,0);
		pointer-events:none;
 		background: linear-gradient(180deg, rgba(0,0,0,0.4660596660539216) 0%, rgba(255,255,255,0) 100%);
	}
	header .header.sub:after {
		background: rgb(0,0,0);
 		background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.4) 100%);

	}
	header .header .video {
		*background-color:black;
		width:100%;
		height:auto;
	}
		header .header .video video {
			width:100%;
			height:auto;
			margin-bottom:-10px;
			position:relative;
			z-index:-1;
			min-height:600px;
			max-height:calc(100vh - 100px);
			background-color:black;
			object-fit:cover;
			object-position:center;
		}

	header .header .text {
		width:100%;
		color:white;
		position:absolute;
		height:auto;
		text-shadow:0px 5px 10px rgba(0,0,0,.4);
		z-index:50;
	}

	@media screen and (max-width: 575.99px) {
	    header .header .text {
	        top: 50px;
	    }
	}

header h1 {
	font-weight:600;
}

header h2 {
	font-size:18px;
	font-weight:300;
}




header h3 {
	font-size:12px;
	color:#ffffff;
}
header p {
  font-size:18px;
  font-weight:300;
  line-height:22px;
  margin-top:30px;
}


.header.sub {
	aspect-ratio:3/1;
	width:100%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
}

@media screen and (max-width:1199.99px) {
	.header.sub {
		aspect-ratio:1/0.6;
	}
}

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

	header {
		margin-top:100px;
	}

	.header.sub {
		aspect-ratio:1/1;
	}
}


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

	header .header .text {
		top:120px;
	}

	header h1 {
		font-size:42px;
	}


	header h2 {
		font-size:15px;
	}

	.header.sub {
		aspect-ratio:1/1.2;
	}
}





@media screen and (min-width:576px) {
	.header.sub .valign {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

.scrolldown-container {
	display:inline-block;
	position:absolute;
	width:96px;
	height:80px;
	bottom: 120px;
	right: 0;
	left: 0;
	margin: 0 auto;
	cursor:pointer;
}

.scrolldown-hex {
	width:96px;
	height:80px;
	line-height:80px;
	text-align:center;
	display:block;
	position:relative;
	overflow:visible;
	text-transform:uppercase;
	transition:0.3s;
}

.scrolldown-container:hover .scrolldown-hex  {
	transform:scale(1.1);
}

.scrolldown-arrow {
	position:absolute;
	top:21px;
	left:35px;
	transition:0.3s;
}

.scrolldown-container:hover .scrolldown-arrow  {
	top:28px;
}

.scrolldown:hover {
	color:var(--root);
	text-decoration:none;
}
	.scrolldown:before {
		content:" ";
		top: 1px;
  		left: 1px;
		width:94px;
		height:78px;
		display:block;
		position:absolute;
		transition:.3s;

	}

	.scrolldown:hover:before {
		animation:scrolldown .4s 1;
		transform:scale(.92);
	}

@media screen and (max-width:991px) {
	.scrolldown-container {
		bottom: 60px;
	}
}

@media screen and (max-width:576.99px) {
	.scrolldown-container {
		bottom: 20px;
	}
}

@keyframes scrolldown {
	0% { background-position:50% 50%; }
	33% { background-position:calc(100% + 50px) 50%; }
	33.1% { background-position:calc(100% + 50px) 200%; }
	65.9% { background-position:calc(0% - 50px) 200%; }
	66% { background-position:calc(0% - 50px) 50%; }
	100% { background-position:50% 50%; }
}

nav.navigation {
	width:100%;
	height:100px;
	position:fixed;
	overflow:visible;
	top:0;
	left:0;
	transition:.3s;
	z-index:130;
	background-color:var(--groen);
}
nav.navigation.scrolling {
	height:80px;
	background-color:var(--groen);

}

@media screen and (max-width:1199px) {
	nav.navigation.scrolling {
		height:80px;
	}
}


@media screen and (max-width:767.99px) {
	nav.navigation .container {
		width:100%;
		max-width:100%;
	}
}

nav.navigation .contents {
	display:flex;
	height:calc(100% - 20px);
	margin:10px 0;
	gap:20px;
	justify-content: space-between;
}

nav.navigation .buttons {
	display:flex;
	justify-content: space-between;
	align-items:center;
}

nav.navigation .logo img{
	height:100%;
	width:auto;
	max-width:300px;
	transition:0.3s;
}


@media screen and (max-width:1199px) {
	nav.navigation .logo img{
		height:auto;
		max-width:150px;
		margin-top:16px;
	}

	nav.navigation.scrolling .logo img{
		margin-top:7px;
	}
}

			nav.navigation .burger	{
				background-color:white;
				color:black;
				height:30px;
				width:30px;
				display:flex;
				align-items:center;
				justify-content:center;
				font-size:20px;
				cursor:pointer;
				border-radius:15px;

			}

			nav.navigation .burger .ph-x {
				display:none;
			}

			nav.navigation.open .burger .ph-x {
				display:block;
			}

			nav.navigation .burger .ph-list {
				display:block;
			}

			nav.navigation.open .burger .ph-list {
				display:none;
			}

			nav.navigation .headerbutton {
				display:inline-block;
				height:30px;
				background-color: #ffffff;
				margin-right:10px;
				color:#000000;
				padding:0 10px;
				line-height:30px;
			}

			nav.navigation .wpml-ls {
				display:inline-block;
				height:30px;
				background-color: transparent;

				color:#ffffff;
				padding:0 10px;
				line-height:30px;
				width:150px;
			}

			.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
				transform:translateY(-100%);
				opacity:0;
				border-top:0;
				transition:.3s;
			}
			.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu[style="visibility: visible;"] {
				transform:translateY(0);
				opacity:1;
			}

			.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
			.wpml-ls-legacy-dropdown-click a {
				background-color:transparent;
				color:white;
				border-color:white;
				font-size:12px;
			}

			.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
			  color: white;
			  background-color:transparent;
			  text-decoration:none;
			}

 @media screen and (max-width:992px) {
	 nav.navigation .wpml-ls {
		 width:120px;

	 }

	.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
	.wpml-ls-legacy-dropdown-click a {
		font-size:10px;
	}
 }


@media screen and (max-width:767px) {
	nav.navigation.open {
		background-color: rgba(133,163,54,0.9);
		height:100vh;
		display:block;
		overflow-y:auto;
		overflow-x:hidden;
	backdrop-filter:blur(10px);
}
}
nav.navigation > .container {
	height:100%;
	max-height:100px;
}

@media screen and (max-width:992px) {
	nav.navigation > .container {
		max-width:100%;
	}

}

nav.navigation .mobile-menu{
	opacity:0;
	pointer-events:none;
	transition:.5s;
	display:block;
	height:auto;
}
nav.navigation.open .mobile-menu {
	opacity:1;
	pointer-events:auto;
}
	nav.navigation .mobile-menu .hoofdnavigatie {
		transform:translateY(-200px);
		transition:.5s .2s;
		opacity:0;
	}
	nav.navigation.open .mobile-menu .hoofdnavigatie {
		transform:translateY(0px);
		opacity:1;
	}

nav.navigation .mobile-menu ul {
	columns:2;
	list-style:none;
	column-gap: 10%;
	padding-left:0;
}

@media screen and (max-width:1199px) {
	nav.navigation .contents {
		margin:10px 0;
	}
	nav.navigation .mobile-menu ul {
		column-gap: 30px;
	}
}

@media screen and (max-width:575.99px) {
	nav.navigation .mobile-menu ul {
		columns:1;
	}
}

nav.navigation .mobile-menu ul li {
	transition:.3s;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	position:relative;
	overflow:visible;
	z-index:1;
	margin-bottom:-1px;
}
nav.navigation .mobile-menu ul li:before {
	content:" ";
	width:0%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:black;
	transition:.5s;
	z-index:-1;
	opacity:0;
}

nav.navigation .mobile-menu ul li.current_page_item:before,
nav.navigation .mobile-menu ul li.current-menu-parent:before,
nav.navigation .mobile-menu ul li:hover:before {
	width:100%;
	opacity:.5;
}

nav.navigation .mobile-menu ul li.current_page_item:after {
	content:"You are here";
	position:absolute;
	right:15px;
	top:calc(50% - 15px);
	height:30px;
	line-height:36px;
	font-weight:200;
	color:white;
	font-size:12px;
	text-transform:uppercase;
}
[lang="nl-NL"] nav.navigation .mobile-menu ul li.current_page_item:after {
	content:"Je bent hier";
}


nav.navigation .mobile-menu ul ul {
	padding-left:0;
}

nav.navigation .mobile-menu ul ul li {
	padding-left:40px;
}

nav.navigation .mobile-menu ul ul li.current_page_item {
	background:none;
}


nav.navigation .mobile-menu ul li:first-of-type {
	border-top:1px solid #ffffff;
}

nav.navigation .mobile-menu ul li a{
	padding:30px 15px;
	color:#ffffff;
	font-size:32px;
	font-weight:600;
	display:block;
	position:relative;
	overflow:visible;

}

nav.navigation .mobile-menu ul li a:hover {
	text-decoration:none;
}

nav.navigation .mobile-menu ul li a[target="_blank"]:before {
	content:' ';
	width:30px;
	height:30px;
	border-right:1px solid white;
	border-top:1px solid white;
	position:absolute;
	top:calc(50% - 15px);
	display:block;
	right:19px;
	transform:rotate(45deg);
}
nav.navigation .mobile-menu ul li a[target="_blank"]:after {
	content:" ";
	width:40px;
	height:1px;
	position:absolute;
	top:calc(50% - 0.5px);
	right:15px;
	background-color:white;
	display:block;
}
nav.navigation .mobile-menu ul li.menu-item-has-children {
	z-index:2;
}

nav.navigation .mobile-menu ul ul.sub-menu{
	columns:1;
	position:absolute;
	background-color: var(--groen);

	z-index:2;
	width:100%;
	border-bottom:1px solid white;
}

nav.navigation .mobile-menu ul ul li,
nav.navigation .mobile-menu ul ul li:first-of-type {
	border-bottom:0;
	border-top:0;
}

nav.navigation .mobile-menu ul ul li {
	opacity:0;
	pointer-events:none;
	transition:.3s;
	overflow:hidden;
}
	nav.navigation .mobile-menu ul:hover ul li {
		pointer-events:auto;
		opacity:1;

	}

nav.navigation .mobile-menu ul ul li {
	height:0;
	overflow:hidden;
	line-height:70px;
	transition:.3s;
}
	nav.navigation .mobile-menu ul li.expand ul li {
		height:70px;
	}
	nav.navigation .mobile-menu ul ul li a{
		font-size:20px;
		padding:0;
	}




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

	nav.navigation .mobile-menu ul li a[target="_blank"]:before {
		width:16px;
		height:16px;
		top: calc(50% - 8px);
	}

	nav.navigation .mobile-menu ul li a[target="_blank"]:after {
		right: 17px;
	}

	nav.navigation .mobile-menu ul li a{
		padding:15px;
		font-size:24px;
	}

	nav.navigation .mobile-menu ul ul li a{
		padding:15px 0;
		font-size:18px;
	}
}

@media screen and (max-width:575.99px) {
	nav.navigation .mobile-menu ul li a{
		font-size:16px;
	}

	nav.navigation .mobile-menu ul ul li a{
		font-size:14px;
		padding:5px 0;
	}
}

@media screen and (max-width:575.99px) {
	nav.navigation .buttons .wpml-ls {
		display:none;
	}
}

@media screen and (max-width:575.99px) {
	nav.navigation .wpml-ls {
		width:100%;
		padding:0;
		margin-bottom:100px;
	}
	nav.navigation .mobile-menu .wpml-ls li {
		padding-left:0;
		height:auto;
	}

	nav.navigation .mobile-menu .wpml-ls li a {
		padding:15px;
	}
}

.nav-bar ul {
  padding:0;
  margin:0;
  display:flex;
  justify-content: flex-end;
  align-items: center;
  height:100%;

}
.nav-bar ul li {
  list-style-type:none;
  margin:0;
  width:auto;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0px 12px;
  position:relative;
  height:100%;

 }




	nav ul li.menu-item-has-children > a:after {
			content:" ";
			width:7px;
			height:7px;
			border-bottom:1.5px solid #ffffff;
			border-right:1.5px solid #ffffff;
			display:inline-block;
			transform:rotate(45deg);
			margin:-3px 0px 3px 7px;
	}
  .nav-bar ul li a:before {
    content: " ";
    width:0;
    height:1.5px;
    position:absolute;
    top:calc(50% + 10px);
    left:0%;
    transition:.3s;
  }
    .nav-bar ul li a:hover:before, .nav-bar ul li.opened > a:before {
      width:100%;
      left:0px;
      background-color:#ffffff;
    }


  .nav-bar ul li a {
    padding:0;
    margin:0;
    font-size:12px;
    text-decoration:none;
    position:relative;
    display:block;
    transition:.3s;
    color:#ffffff;
		font-weight:500;
  }

  .nav-bar ul li a:hover {
  	color:#ffffff;
  }

  .nav-bar ul li .sub-menu {
    width:auto;
    position:absolute;
    top:100%;
    height:auto;
    display:block;
    background-color:var(--groen);
    left:50%;
    transform:translateX(-50%);
    margin-top: -1px;
    overflow:hidden;
    box-shadow:0px 10px 10px -5px rgba(0,0,0,.1);
	z-index:200;
  }

  .nav-bar ul li .sub-menu li {
  	padding:0px 25px;
    height:0px;
  	width:100%;
    transition:.3s;
    pointer-events:none;
    color:transparent;
    opacity:0;
		overflow:hidden;
		display:block;
  }
.nav-bar ul li.opened .sub-menu li
{
	height:35px;
	line-height:35px;
	opacity:1;
	color:white;
	pointer-events:auto;
	text-align:center;
}
.mobile-menu ul li.opened .sub-menu {

}

.mobile-menu ul li.opened .sub-menu li  {
	height:45px;
	line-height:35px;
	opacity:1;
	color:white;
	pointer-events:auto;
	text-align:left;
	padding-left:15px;
}


  .nav-bar ul li .sub-menu li a {
  	display:inline-block;
  	text-align:center;
  	white-space:nowrap;
  }

@media screen and (max-width:1199px) {
	.nav-bar ul li a {
		font-size:11px;
	}
}
@media screen and (max-width:992px) {
	.nav-bar ul li {
		 padding:0px 6px;
	}

	.nav-bar ul li a {

		font-size:10px;

	}
}

.secondary-menu-container {
	position:fixed;
	top:100px;
	width:100%;
	z-index: 120;
	transition: .3s;
}

.secondary-menu-container.scrolling {
	top:80px;

}

.secondary-menu-container ul {
	height: 40px;
	list-style:none;
	text-align:left;
	margin-bottom:0;
	line-height:40px;
	padding-left:0;
}

.secondary-menu-container ul#menu-secondary-menu {
	text-align:right;
}

.secondary-menu-container ul li {
	display:inline-block;
	padding:0 12px;

}

.secondary-menu-container a {
	font-size:12px;
	color:#000000;
}

.secondary-menu-container ul#menu-secondary-menu li a {
	color:#ffffff;
}


@media screen and (max-width:1199px) {
	.secondary-menu-container {
		top:100px;
	}

	.secondary-menu-container.scrolling {
		top:80px;
	}
}

@media screen and (max-width:991px) {
	.secondary-menu-container ul li, .secondary-menu-container a {
		padding:0 6px;
		font-size:10px;
	}
}

.ks_breadcrumb {
    list-style: none;
    *display: flex;
	margin-top:15px;
	padding-left:0;
}
.ks_breadcrumb li {
    margin-right:5px;
	font-size:12px;
	display:inline-block;
}
.ks_breadcrumb li a {
    text-decoration: none;
    color: var(--groen);
	font-size:12px;
}
.ks_breadcrumb li a:hover {
    text-decoration: underline;
}



.texteffect {

	margin-bottom:20px;
}

.texteffect p {
	opacity:0;
}

.texteffect span{
  display: inline-block;
  overflow: hidden;
  animation: .3s swift-up ease-in-out forwards;
}

.texteffect i{
  font-style: normal;
  position: relative;
  opacity:0;
  top: 24px;
  animation: .5s swift-up ease-in-out forwards;
}

@keyframes swift-up {
 	50% {
    	opacity:0;
  	}
  	100% {
    	top: 0;
    	opacity:1;
  	}
}

section#design-portal,
section#sample-shop {
	position: relative;
	z-index:10;
}

section#process {
	overflow:hidden;
	position:relative;
}
.process-slider-container {
    position: relative;
    overflow: visible;
     height: 440px;
     width: 100vw;
}
.process-slider {
    position: absolute;
    width: 100vw;

}

.slider-row {
	overflow:visible;
	position:relative;
}
.slider-overlay {
	height:auto;
	min-height:100%;
	position:absolute;
	z-index:2;
	pointer-events:none;
	width:450px;
	padding-right:100px;
	display: flex;
  flex-direction: column;
  justify-content: center;
}
	.slider-overlay a, .slider-overlay button {
		pointer-events:auto;
	}

	.slider-row .slick-list {	padding-left:470px;	}
	.slider-row .slick-dots { left:470px; }

@media screen and (max-width:1199px) {
	.slider-overlay 				{ width:380px; }
	.slider-row .slick-list {	padding-left:380px;	}
	.slider-row .slick-dots { left:380px; }
}

@media screen and (max-width:991.99px) {
	.slider-overlay 				{ width:100%; position:relative; pointer-events:auto; margin-bottom:20px; padding-right:0; }
	.slider-row .slick-list {	padding-left:0px;	}
	.slider-row .slick-dots { left:0px; }
}



section#striking-and-safe {
	overflow:hidden;
	position:relative;
}
.design-slider-container {
    position: relative;
    overflow: visible;
     height: 440px;
     width: 100vw;
}
.design-slider {
    position: absolute;
    width: 100vw;
	top: 50%;
  transform: translateY(-50%);
}


section#monuments {
	overflow:hidden;
	position:relative;
}
.monument-slider-container {
    position: relative;
    overflow: visible;
     height: 440px;
     width: 100vw;
}
.monument-slider {
    position: absolute;
    width: 100vw;

}

.process-slider .slide {
	width:350px;
	height:440px;
	background-size:cover;
	 margin: 0 20px;
	 position:relative;
	 background-position: center;
}

.process-slider .slide a {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}

section#sustainability {
	overflow:hidden;
	position:relative;
}

.design-slider .slide,
.monument-slider .slide {
	width:600px;
	height:350px;
	background-size:cover;
	 margin: 0 20px;
	 position:relative;
}

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

	.design-slider-container,
	.monument-slider-container	{
		height:300px;
	}

	.design-slider .slide,
	.monument-slider .slide {
		width:300px;
		height:165px;
	}

	.design-slider .slide h3,
	.monument-slider .slide h3 {
		bottom:30px;
		left:10px;
		font-size:18px;
	}
}


.slide {
	display:flex !important;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-end;
	padding:30px;
}
@media screen and (max-width:767px) {
	.slide {
		padding:15px;
	}
}
.slide h3 {
	font-size:20px;
	font-weight:600;
	color:#ffffff;
	*position:absolute;
	text-shadow: 0px 5px 10px rgba(0,0,0,.4);
}

.slide .tags {
	*position:absolute;
}

.slide .tag {
	font-size:12px;
	background-color:rgba(0,0,0,0.5);
	border-radius:10px;
	height:20px;
	line-height:20px;
	text-align:center;
	display:inline-block;
	margin-right:10px;
	padding:0 10px;

	color:#ffffff;
}

.process-slider .slick-dots {
	width:350px;
	text-align:center;
	padding-top:20px;
	bottom: -45px;
}

.design-slider .slick-dots,
.monument-slider .slick-dots {
	width:600px;
	text-align:center;
	padding-top:20px;
	bottom: -45px;
}

@media screen and (max-width:576px) {
	.process-slider .slick-dots,
	.design-slider .slick-dots,
	.monument-slider .slick-dots {
		width:calc(100% - 30px);
	}
}

.slick-dots li button:before {
	content:"⎔";
	font-size:30px;
}

.slick-dots li.slick-active button::before {
	content:"⬣";
}

.arrow-container {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#prevArrow {
	position:absolute;
	width:50px;
	height:50px;
	background-color:var(--groen);
	z-index:110;
	left:490px;
	top:calc(50% - 25px);
	cursor:pointer;
}

#prevArrow:before{
	content: "";
	color:#ffffff;
	z-index:251;
	position:absolute;
	border:0;
	transform:none;
	font-size:50px;
	top:14px;
	left:15px;

	padding:0;
	text-align:center;
	width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 11px 20px 11px 0;
   border-color: transparent #FFFFFF transparent transparent;
   transform: rotate(0deg);
}

#nextArrow {
	position:absolute;
	width:50px;
	height:50px;
	background-color:var(--groen);
	z-index:110;
	right:20px;
	top:calc(50% - 25px);
	cursor:pointer;
}


#nextArrow:before{
	content: "";
	color:#ffffff;
	z-index:251;
	position:absolute;
	border:0;
	transform:none;
	font-size:50px;
	top:14px;
	left:15px;

	padding:0;
	text-align:center;
	width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 11px 0px 11px 20px;
   border-color: transparent transparent transparent #FFFFFF ;
	padding:0;
	text-align:center;
	line-height:50px;
}
@media screen and (max-width:1199px) {
	#prevArrow {
		left:310px; 
	}
}
@media screen and (max-width:991px) {
	#prevArrow {
		left:15px;
	}

	#nextArrow {
		right:25px;
	}
}

@media screen and (max-width:767px) {
	#prevArrow {
		width:30px;
		height:30px;
		left:15px;
		top:calc(50% - 15px);
	}

	#prevArrow:before{
		border-width: 5px 10px 5px 0;
		top:10px;
		left:9px;
	}

	#nextArrow {
		width:30px;
		height:30px;
		right:15px;
		top:calc(50% - 15px);
	}

	#nextArrow:before{
		border-width: 5px 0px 5px 10px;
		top:10px;
		left:9px;
	}
}

#contact {
	*padding:15px;
	*padding-bottom:0;
}

#contact .tag {
	background-color:var(--groen);
	color:#ffffff;
	border-radius: 10px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  margin-bottom:10px;
  padding: 0 10px;
  font-size:12px;
}

#contact .nf-form-fields-required,
#rfs .nf-form-fields-required  {
  display: none;
}

#contact .nf-field-label .nf-label-span,
#downloads .nf-field-label .nf-label-span,
#rfs .nf-field-label .nf-label-span,
#contact .nf-field-label label,
#downloads .nf-field-label label,
#rfs .nf-field-label label  {
	font-weight:400;
}

#contact .nf-form-content input:not([type="button"]),
#contact textarea,
#contact select
 {
	border:0;
	border-bottom:1px solid black;
}

#contact .nf-form-content .list-select-wrap .nf-field-element > div,
#contact .nf-form-content input:not([type="button"]),
#contact .nf-form-content textarea,
#downloads input[type="email"] {
	border:0;
	border-bottom:1px solid black;
}

#contact .nf-form-content input[type="submit"],
#downloads .nf-form-content input[type="submit"] {
	background-color:var(--groen);
	color:#ffffff;
	display:inline-block;
	padding:5px 60px 5px 30px;
	position:relative;
	line-height:40px;
}

#contact .nf-form-content input[type="submit"]:after,
#downloads .nf-form-content input[type="submit"]:after {
	content: "→";
	position:absolute;
	right:25px;
	line-height:40px;
	transition:0.3s;
}

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

	#opening-hours {
		padding:15px;
	}

	#opening-hours .map {
		min-height:300px;
		margin-bottom:20px;
	}
}

#other-options {

}

#other-options a.linkblok {
	color:#ffffff;
	font-size:12px;
	line-height:16px;
	padding: 90px 0 20px 0;
	height:150px;
}


#other-options a.linkblok:hover {
	background-color:var(--groen);
}

.linkblok.location {
	background-image:url(img/icoon-location.png);
}

.linkblok.tel {
	background-image:url(img/icoon-tel.png);
}

.linkblok.mail {
	background-image:url(img/icoon-mail.png);
}

.linkblok.social {
	background-image:url(img/icoon-social.png);
}



#responsive-table {
	width:100%;
	border:0;
	text-align:center;
	overflow-x:clip;
}

#responsive-table table {
	table-layout: fixed;
}


#responsive-table tr, #responsive-table thead {
	border:0;
}

#responsive-table th {
	font-weight:500;
	border:0;
	height:100px;
	padding: 6px 30px;
	border-bottom:1px solid black;
	position: sticky;
  z-index: 100;
  top: 150px;
  background-color:#ffffff;
}

#responsive-table tr.subheader {
	background-color:var(--groen);
	color:#ffffff;
	border:0;
	position:sticky;
	top:109px;
	z-index:2;
}
@media screen and (max-width:1199px) {
	#responsive-table tr.subheader {
		top:79px;
	}
}

#responsive-table td {
	padding: 10px 10px;
	height:100px;
	border-bottom:1px solid black;
}

#responsive-table th:first-of-type,
#responsive-table td:first-of-type {
	text-align:left;
	font-weight:bold;
}

#responsive-table tr.subheader td {
	height:auto;
	font-weight:700;
	border:0;
}

.vouwer-container-left {
	background-color:#ffffff;
	margin-left:-100px;
	position:relative;
	padding:30px 30px 100px 135px;

}

.vouwer-container-right {
	background-color:#ffffff;
	margin-right:-100px;
	position:relative;
	padding:30px 135px 100px 30px;
}

.vouwer {
	border-top:1px solid black;
}

.vouwer .label {
	height:100px;
	padding:25px 60px 25px 25px;
	position:relative;
	cursor:pointer;
	vertical-align:middle;
	display: flex;
align-items: center;
}

.vouwer .label:after {
	content: "+";
	font-size:50px;
	position:absolute;
	top:15px;
	right:25px;
	font-weight:100;

}

.vouwer.open .label:after {
	content: "-";
}

.vouwer .tekst {
	height:0;
	overflow:hidden;
	transition:0.3s;
	padding:0 25px;
	transform:translateY(-50px);
	opacity:0;
}

.vouwer.open .tekst {
	transition:0.3s;
	height:auto;
	padding:0 25px 25px 25px;
	transform:translateY(0);
	opacity:1;
}

@media screen and (max-width:991.99px) {
	.vouwer-container-left,
	.vouwer-container-right	{
		padding:30px;
		margin:0;
	}
}


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

    /* Force table to not be like tables anymore */
	#responsive-table table,
	#responsive-table thead,
	#responsive-table tbody,
	#responsive-table th,
	#responsive-table td,
	#responsive-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#responsive-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#responsive-table tr { border: 1px solid #ccc; }

	#responsive-table td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
		height:auto;
	}

	#responsive-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	#responsive-table td:before { content: attr(data-title); }
}

.materiaal h3 {
	margin:25px 0;
	height:60px;
}


#team-slide {
	padding:0px 15px;
	outline:none;
}
#team .id {
	width:100%;
	padding-top:100%;
	height:0px;

	background-color:#eee;
	position:relative;
	overflow:hidden;
	background-size:cover;
	background-position:center;
	margin-bottom:30px;

}

#team .team-slider {
	margin-top:-130px;
}

#team .team-slider .slick-dots {
	width:100%;
}

#team .col-position-1 {
	margin-top:65px;
}

#team .col-position-2 {
	margin-top:130px;
}

#team .col-position-4 {
	margin-top:-65px;
}

#team .col-position-6 {
	margin-top:-130px;
}

	#team .id .gradient {
		position:absolute;
		background: linear-gradient(0deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);
		width:100%;
		height:100%;
		top:0;
		left:0;
	}

	#team .id .cred {
		position:absolute;


		color:white;
		width:100%;
		height:100%;
		top:100%;
		left:0;
		transition:.3s;
		-webkit-transition:.3s;

		opacity:0;
	}

	#team .id:hover .cred {
			top:0;
			opacity:1;
		}


		#team .id .cred h3 {
			width:100%;
			color:#ffffff;
			font-weight:700;
			position:absolute;
			bottom:40px;
			font-size:24px;
			left:20px;
			height:auto;
		}
		#team .id .tag {
			position:absolute;
			font-size:12px;
			background-color:var(--groen);
			border-radius:10px;
			height:20px;
			line-height:20px;
			text-align:center;
			display:inline-block;
			margin-left:20px;
			padding:0 10px;
			bottom:20px;
			color:#ffffff;
			text-overflow:ellipsis;
			white-space:nowrap;
			overflow:hidden;
			max-width:calc(100% - 40px);
		}
		#team .socials {
			width:100%;
			height:30px;
			line-height:30px;
			text-align:left;
			position:absolute;
			bottom:80px;
			left:16px;
		}
			#team .socials a {
				color:white;
				padding:0px 5px;
				font-size:18px;
				outline:none;
				transition:.3s;
				-webkit-transition:.3s;
				text-decoration:none;
			}
			#team .socials a:hover {
				color:var(--groen);
			}

			#team .team-slide {
				transition:.5s;
			}
			#team .slick-slide:not(.slick-active) .team-slide {
				padding:0 15px;
			}
@media screen and (max-width:767px) {
	#team .id {
		height:auto;
		background-size:100% auto;
		background-position:center top;
		background-repeat:no-repeat;
		background-color:var(--root);
	}
	#team .id .cred {
	top:0;
		opacity:1;

	}
	#team .id .cred h3 {
		font-size:10px;
	}

	#team .id .cred .functie {
		font-size:8px;
		height:15px;
		line-height:15px;
	}
	#team .socials {
		height:16px;
		line-height:16px;
		bottom:65px;
	}
	#team .socials a {
		font-size:10px;
	}

	#team .team-slider {
		margin-top:0;
	}

	#team .col-position-1,
	#team .col-position-2,
	#team .col-position-4,
	#team .col-position-6 {
		margin-top:0;
	}
}

/*
 * Linkblokken
 */

.linkblok {
	display:inline-block;
	padding:80px 0 20px 0;
	margin-bottom:15px;
	width:100%;
	border:1px solid #ffffff;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center top;
	text-align:center;
	color:black;
	font-weight:600;
}

.linkblok:hover {
	background-color:black;
	color:white;
	text-decoration:none;
}

.linkblok.quality {
	background-image:url(img/Icoon_Quality.png);
}

.linkblok.quality:hover {
	background-image:url(img/Icoon_Quality_Actief.png);
}

.linkblok.kwaliteit {
	background-image:url(img/Icoon_Quality.png);
}

.linkblok.kwaliteit:hover {
	background-image:url(img/Icoon_Quality_Actief.png);
}

.linkblok.environment {
	background-image:url(img/Icoon_Environmental.png);
}

.linkblok.environment:hover {
	background-image:url(img/Icoon_Environmental_Actief.png);
}

.linkblok.milieu {
	background-image:url(img/Icoon_Environmental.png);
}

.linkblok.milieu:hover {
	background-image:url(img/Icoon_Environmental_Actief.png);
}

.linkblok.home {
	background-image:url(img/Icoon_Home.png);
}

.linkblok.home:hover {
	background-image:url(img/Icoon_Home_Actief.png);
}

.linkblok.contact {
	background-color:white;
	background-image:url(img/Icoon_Contact.png);
}

.linkblok.contact:hover {
	background-color:black;
	background-image:url(img/Icoon_Contact_Actief.png);
}

.linkblok.portfolio {
	background-image:url(img/Icoon_Portfolio.png);
}

.linkblok.portfolio:hover {
	background-image:url(img/Icoon_Portfolio_Actief.png);
}

.linkblok.design {
	background-image:url(img/Icoon_Design.png);
}

.linkblok.design:hover {
	background-image:url(img/Icoon_Design_Actief.png);
}

.linkblok.applications {
	background-image:url(img/Icoon_Applications.png);
}

.linkblok.applications:hover {
	background-image:url(img/Icoon_Applications_Actief.png);
}

.linkblok.toepassingen {
	background-image:url(img/Icoon_Applications.png);
}

.linkblok.toepassingen:hover {
	background-image:url(img/Icoon_Applications_Actief.png);
}

@media screen and (max-width:575.99px) {
	.linkblok {
		margin-bottom:20px;
	}
}

#opening-hours {
	height:500px;
	overflow:visible;
}

#opening-hours > .container {
	margin-top:-300px;
}
@media screen and (max-width:767px) {
	#opening-hours {
			margin-bottom:75px;
	}
	#opening-hours > .container {
		margin-top:-150px;

	}
}
#opening-hours .closed {
	color: var(--groen);
}

/* Downloads */



.downloads .dld {
	width:100%;
	padding:30px;
	color:black;
	position:relative;
	text-decoration:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:visible;
	cursor:pointer;
	border-top:1px solid black;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

	.downloads .dld:before {
		content:"";
		width:30px;
		height:30px;

		margin:0px 10px 0px 0px;

		display:block;
		position:absolute;
		right:30px;
		transition:.3s;
		-webkit-transition:.3s;
		border:1px solid black;
		transform:scale(.8);
		box-shadow:0px 0px 0px 0px rgba(0,160,227,.6);
	}

	.downloads .dld.selected:after {
		opacity:1;
	}

	.downloads .dld:after {
		content: '';
		position: absolute;
		right: 50px;
		top: 35px;
		width: 8px;
		height: 16px;
		border-right: 3px solid var(--groen);
		border-bottom: 3px solid var(--groen);
		transform: rotate(45deg);
		opacity:0;
	}
@media screen and (max-width:767px) {
	.downloads .dld {
		padding:15px 40px 15px 10px;
	}
		.downloads .dld:before {
			right:0px;
			top:12px;
		}
		.downloads .dld:after {
			right:20px;
			top:17px;
		}
}
.downloads .submit.inactive {
	opacity:.7;
	pointer-events:none;
}

.downloads .submit input[type="email"] {
	width:300px;
	max-width:100%;
	border:1px solid var(--root);
	height:40px;
	border-radius:5px;
	background-color:white;
	color:black;
	padding:0px 20px;
	margin-right:10px;
	margin-bottom:10px;
	*float:left;
	outline:none;
}
.downloads .submit input[type="submit"] {
	color:white;
	*float:left;
	outline:none;
	background-color:var(--root);
	color:white;
	border:0px;
}

#faq .vouwer .label {
	line-height:unset;
	vertical-align:middle;
	padding-top:25px;
}
#faq .vouwer .label span {
	width:90%;
	display:block;
}

#faq .vouwer .label:after {
	top:5px;
}

@media screen and (max-width:576px) {
	#faq .vouwer .label span,
	#faq .vouwer .tekst	{
		font-size:14px;
	}
}

.referentie .label {
	position:absolute;
	background-color:black;
	color:#ffffff;
	padding:15px;
	right:-30px;
	bottom:15px;
	left:30px;
}

.referentie .label h3 {
	color:#ffffff;
	font-size:24px;
}
.referentie .label h4 {
	color:#ffffff;
	font-size:16px;
}

.referentie blockquote {
	font-size:24px;
	font-style:italic;
	padding:100px;
	color:#ffffff;
	text-align:center;
	position:relative;
}

.referentie blockquote .ph-quotes {
	content: "“";
	position:absolute;
	font-size:400px;
	font-family: "Times New Roman";
	opacity:0.25;
	top:-40px;
	left:0;
}

/*
 * Footer
 */

.footer {
	min-height:10px;
	color:white;
	background-color:black;
	padding:50px 0px;
}
	.footer .nieuwsbrief {
		font-weight:600;
	}
		.footer .nieuwsbrief span { color:var(--groen);}

		.footer .nieuwsbrief input {
			height:40px;
			width:calc(100% - 20px);
			border:1px solid white;
			color:white;
			line-height:40px;
			padding:0px 15px;
			background-color:transparent;
			margin:20px 0px;
			outline:none;
		}
		.footer .nieuwsbrief input[type="submit"] {
			width:140px; margin:0px 0px 0px 0px;
			background-color:var(--groen);
			color:white;
		  }
		.footer .nieuwsbrief input::-webkit-input-placeholder { color: black; }
		.footer .nieuwsbrief input::-moz-placeholder {  color: black;}
		.footer .nieuwsbrief input:-ms-input-placeholder { color: black;}
		.footer .nieuwsbrief input:-moz-placeholder {   color: black; }

	.footer .logo {
		width:100%;
		height:0%;
		padding-top:100%;
		background-image:url('img/beeldmerk-logo@2x.png');
		background-size:90% auto;
		background-size:center center;
		background-repeat:no-repeat;
	}
	.footer a {
		color:white !important;
	}
	.footer .footer-nav ul {
		width:100%;
		padding-left:0px;
	}
		.footer .footer-nav ul li {
			list-style-type:none;
			width:50%;
			display:inline-block;
			float:left;
			text-transform:uppercase;

			font-size:12px;
			margin-bottom:7px;
		}
@media screen and (max-width:767px) {
	.footer .nieuwsbrief, .footer .details { margin-bottom:50px; }
	.footer .logo { }
}

.bottom-bar {
	background-color:white;
	color:var(--root);
	line-height:100%;
	width:100%;
	position:relative;
	overflow:hidden;
	font-size:13px;
	height:50px;
	line-height:50px;
}
.bottom-bar a {
	color:var(--groen);
	text-decoration:none;
}
	.bottom-bar .social {
		text-transform:uppercase;
	}
		.bottom-bar .social .icons {
			float:right;
		}
			.bottom-bar .social .icons a {
				font-size:20px;
				padding:0px 6px;

			}

.bottom-bar a {
	cursor:pointer;
	transition:.3s;
	-webkit-transition:.3s;
}
.bottom-bar a:hover {
	color:var(--groen) !important;
}

@media screen and (max-width:767px) {
	.bottom-bar {
		height:auto;
	}
}


.slick-arrow {
}
	.slick-arrow:before {
		font-size:0;
		border-left:2px solid var(--groen);
		border-bottom:2px solid var(--groen);
		transform:rotate(45deg);
		width:10px;
		height:10px;
		display:block;
		margin:0px auto;
	}
	.slick-arrow.slick-next:before {
		transform:rotate(225deg);
	}


/*
 * Lightbox
 */
.view-lightbox {
	cursor:zoom-in;
}
.lightbox {
	z-index:99999;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	backdrop-filter:blur(13px);
	opacity:0;
	*display:none;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	transition:.3s;
	-webkit-transition:.3s;
}
.lightbox.opened {
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	*display:block;
}
	.lightbox .close-lb {
		width:50px;
		height:50px;
		position:absolute;
		top:00px;
		right:00px;
		line-height:50px;
		text-align:center;
		color:white;
		font-size:20px;
		cursor:pointer;
		transition:.3s;
		-webkit-transition:.3s;
		z-index:2;
	}
		.lightbox .close-lb:hover {
			opacity:.7;
		}
	.lightbox .lightbox-slider, .lightbox .slick-list, .lightbox .slick-track {
		height:100%;
		position:relative;
		width:100%;
	}
	.lightbox .slick-slide { opacity:0; }
	.lightbox .slick-slide.slick-current { opacity:1; }
	.lightbox .slick-next { right:10px; z-index:10; }
	.lightbox .slick-prev { left:10px; z-index:10; }
	.lightbox .slick-prev:before, .lightbox .slick-next:before { color: white; }
	.lightbox .img-viewer {
		z-index:1;
		width:calc(100% - 100px);
		height:calc(100% - 100px);
		margin:50px;
		background-size:contain;

		background-position:center center;
		background-repeat:no-repeat;
		transform:translateY(-100%);
		-webkit-transform:translateY(-100%);
		transition:1s;
		-webkit-transition:1s;
		outline:none;
		pointer-events:none;
	}
	.lightbox.opened .img-viewer {
		transform:translateY(0%);
		-webkit-transform:translateY(0%);
	}

	.v-align {
		position:relative;
		top:50%;
		height:auto;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
	}

	.plyr {
	  --plyr-color-main:var(--groen);
	  *border-radius:25px;
	}

	.scroll-vid {
		width:100%;
		height:300vh;
		position:relative;
		display:block;
	}
		.scroll-vid .vid-cont {
			position:sticky;
			top:110px;
			height:calc(100vh - 110px);
			overflow:hidden;
		}
			.scroll-vid .vid-cont video {
				width:101%;
				height:101%;
				overflow:hidden;
				object-fit:contain;
				object-position:center;
				 clip-path: inset(1px 1px);
			}
		.scroll-vid .vid-cont .overlay {
			width:100%;
			height:auto
			border:1px solid red;
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			left:0;
		}
video { outline:none; }

 header {
  margin-top:0;
  border-top:60px solid var(--groen);
  overflow:visible;
}
.home header h1 {
  text-transform:uppercase;
  font-weight:200;
}
.home header h1 b {
    font-weight:500;
  }
.home header .header.sub:after {
  background:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,.2) 100%); 
}
  .rotor {
    width:160px;
    aspect-ratio:1 / 1;
    background-image:url('img/opzuid_rotor.png');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    right:0;
    top:-180px;
    animation:rotate 16s linear infinite;
    border-radius:80px;
  }
@keyframes rotate {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
p {
  line-height:1.5;
}
  p a {
    color:var(--groen);
  }


h3 {
  color:black;
  margin-bottom:20px;
  font-size:40px;
  font-weight:600;
}
@media screen and (max-width:991px) {
  h3 {
    font-size:28px;
  }
}

.bg-black, .bg-black h3 {
  color:white;
}

.bg-green, .bg-green .bg-blue {
  background-color:var(--groen);
  color:white;
}
  .bg-green h3 {
    color:white;
  }

  .slidesection .slick-slide p {
    margin-bottom:0;
  }

  .slidesection.bg-green .slick-arrow {
    background-color:black !important;
  }
  .slidesection.bg-green .slick-dots li button:before {
    color:white;
  }

#partners a {
  display:inline-block;
  text-align:center;
}
  #partners .logo {
    max-width:calc(100% - 30px);
    height:120px;
    object-fit:contain;
    object-position:center;
    margin:15px auto;
  }

  @media screen and (max-width:767px) {
    #partners .logo {
      height:90px;
    }
  }

  .border-bottom {
    padding-bottom:50px;
    border-bottom:1px solid black;
  }

section {

  overflow:visible;
}
#nieuws {
  overflow:hidden;
}

footer h3 {
  color:white;
  font-size:20px;
}
  footer h3 .cl-groen {
    color:var(--groen);
  }

  .negative-margin-top {
    margin-top:-100px;
  }


.img-fluid {
  width:100%;
}