/* [ALGEMEEN] */
:root {
	--theme_black: #3B3B3B;
	--theme_blue: #2d5a71;
	--theme_green: #b89f5d;
	--black: #000;
	--white: #FFF;
	--font_main: 'Poppins', sans-serif;
	--font_titles: 'Poppins', sans-serif;
}

body {
	background: #FFF;
	font-family: 'Poppins', sans-serif;
	font-size: 1.5em;
	line-height:1.5em;
	color: #000;
	margin: 0;
	font-weight: 300;
}

a {
	color: #b89f5d;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

a:hover,
a:focus,
a:active {

}

p {
	font-family: 'Poppins', sans-serif;
	line-height: 1.7em;
	font-size: 1em;
	font-weight: 300;
	letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
}

h1, .h1 {
    font-size: 50px;
    font-weight: 600;
    color: #2D5A72;
    text-transform: none;
}

h2, .h2 {
	font-weight: 400;
    font-size: 40px;
}

h3, .h3 {
	font-weight: 400;
    font-size: 31px;
}

h4, h5, h6 {

}		
#wrap {
	min-height: 100%;
	height: auto !important;
}

/* Functionals */

.rel {
	position: relative;
}

.abso, .absoluuttje {
	position: absolute;
}

.spacer {
	height: 30px;
}

.spacer2 {
	height: 15px;
}

.header_spacer {
	height: 100px;;
}

.boxshadow {
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
       -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
        -ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
         -o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
}

.no-pad {
	padding: 0px;
}

.color_white {
	color: var(--white);
}

a.no_link {
    text-decoration: none;
    color: inherit;
}

.fw-300 {
	font-weight: 300;
}

.goldie {
	color: #B89F5D;
	font-size: 40px;
}

/* Custom Buz */
section.header {
    /* box-shadow: 1px 3px 4px rgb(0 0 0 / 11%); */
    position: fixed;
    z-index: 2;
    background: rgb(255 255 255 / 0%);
    color: #000000;
    left: 0;
    right: 0;
    width: auto;
}

header#headselect .button_bar {
	padding-top: 15px;
	text-align: right;
}

header#headselect .button_bar .btn {
	font-size: 16px;
}

section.fadehead {
	position: relative;
}

section.black {
	background-color: #000;
	color: #ffffff;
}

.smallerheadertitle .tophead {
	font-size: 3em!important;
}

.logo {
    margin-top: 8px;
    margin-bottom: 8px;
    max-width: 320px;
}

.navbar {
    margin: 0px 0;
    background: transparent;
    border: 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background: transparent;
    border: 0;
}

.navbar-nav a.active {
	border-left: 5px solid #587f80;
}

.stickert {
	background-color: #001D5C;
	color: #ffffff;
	position: sticky;
	top: 0px;
	z-index: 2;
}

.stickert .btn-custom2 {
	background-color: #61A42D;
	background: #61A42D;
    text-align: center;
    font-weight: 400;
    font-size: 1.1em;
}

section.uspblok .wrap {
    display: block;
    background: #FFF;
    margin: 150px 0;
    font-size: 20px;
    line-height: 20px;
    padding: 60px;
}

section.uspblok {
	position: relative;
	background: #FAFAFA;
	margin: 0 0 30px 0;
}

section.uspblok .uspblok_bg {
	position: absolute;
	display: block;
	z-index: 0;
	top: 0;
	left: 0;
	width: 66%;
}

section.uspblok .wrap {
	display: block;
	background: #FFF;
	margin: 150px 0;
	font-size: 20px;
	line-height: 20px;
	padding: 60px;
}

section.uspblok .wrap h2 {
	font-size: 41px;
	line-height: 32px;
	font-weight: 600;
	margin: 0 0 30px 0;
	color: #2d5a72;
}

section.uspblok ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

section.uspblok ul li {
	position: relative;
	display: block;
	margin: 0 0 13px 0;
	padding-left: 30px;
	color: #151515;
	font-size: 17px;
	line-height: 20px;
}

section.uspblok ul li:last-child {
	margin: 0;
}

section.uspblok ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	color: #67B030;
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	font-size: 16px;
	content: "\f00c";
	margin: 0;
}

section.uspblok_two {
	position: relative;
	background: #D6D6D6;
	margin: 0;
}

section.uspblok_two .uspblok_two_bg {
	position: absolute;
	display: block;
	z-index: 0;
	top: 0;
	right: 0;
	width: 66%;
}

section.uspblok_two .wrap {
	display: block;
	background: #FFF;
	margin: 150px 0;
	font-size: 20px;
	line-height: 20px;
	padding: 60px;
}

section.uspblok_two .wrap h2 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	margin: 0 0 30px 0;
}

section.header hr.hrv1 {
    margin: 0px;
    border-top: 1px solid #c1c1c1;
}

.navbar-default ul.navbar-nav {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    padding: 23px 14px 23px 16px;
    font-weight: 400;
}

.carousel-caption {
    left: 6%;
    right: 58%;
    bottom: 16%;
    text-align: left;
    width: auto;
}

.carousel-caption .tophead {
    font-weight: 600;
    font-size: 3em;
    line-height: 1em;
    text-shadow: none;
    margin-bottom: 0px;
    text-transform: none;
    color: #2d5a72;
}

.carousel-caption .bottomhead {
	line-height: 1.5em;
	font-size: 1.5em;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	text-shadow: 1px 2px 4px rgb(0 0 0 / 70%);
	margin-bottom: 21px;
	/* text-transform: uppercase; */
}

.carousel-inner .item {
	/* position: relative; */
	max-height: 626px;
	overflow: hidden;
}

.carousel-inner .item img {
	width: 100%;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 10%;
}

section.uspblok {
    position: relative;
    background: #B89F5D;
    margin: 0 0 0px 0;
}

section.header .top-room {
	background-color: #EFEFEF;
	color: #000000;
	padding: 10px 10px;
	font-weight: 400;
}

section.uspblok .uspblok_bg {
	position: absolute;
	display: block;
	z-index: 0;
	top: 0;
	left: 0;
	width: 66%;
}

section.top-room {
	background: #efefef;
	padding: 5px 0px;
}

.scope {
	position: absolute;
	right: 0;
	z-index: 1;
	height: 100%;
	pointer-events: none;
}

section.imgbg {
	position: relative;
}

section.imgbg img {
	width: 100%;
}

section.imgbg .orange-div {
	background-color: #D7DBE5;
	/* margin-top: -459px; */
	color: #000000;
	padding: 16px 48px;
	font-size: 17px;
	font-weight: 500;
	box-shadow: 1px 2px 5px rgb(0 0 0 / 42%);
}

section.pageheading {
	padding: 40px 0px;
}

.ul-v2 ul {
    list-style-type: none;
    /* font-weight: 300; */
    font-size: 16px;
    margin: 0;
    padding: 0 0 0 4px;
}

.ul-v2 li {
    color: #fff;
    font-weight: 500;
    margin-bottom: 11px;
    font-size: 1.1em;
    word-break: break-word;
	position: relative;
	padding-left: 40px;
}

.ul-v2 ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #f1672e;
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 26px;
    content: "\f00c";
    margin: 0;
}

.ul-v2 ul li:before {
    color: #fff;
}

.tag-wrap {
    filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.3));
}

section.clippers .clipper1 {
    clip-path: polygon(100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
    background: #fff;
    padding: 0px 0px 90px;
    display: inline-block;
}

section.clippers .clipper2 {
    clip-path: polygon(100% 0, 100% 100%, 50% 82%, 0 100%, 0 0);
    background: #ef8122;
    padding: 0px 50px 21px;
    text-align: center;
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: -65px;
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 175px;
    align-items: center;
}

section.clippers .clipper2 p {
    margin: 0 auto;
}

section.clippers .padfixer {
    padding: 20px 30px;
    text-align: center;
}

section.clippers .padfixer h2 {
    font-size: 40px;
    line-height: 39px;
}

section.clippers .padfixer h3 {
    font-size: 22px;
    font-weight: 600;
}

section.clippers .padfixer p {
    font-size: 18px;
    line-height: 37px;
}

section.duo-img {
	background-image: url(img/duoimg-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	color: #ffffff;
	background-position: center;
}

section.duo-img p {
	font-weight: 500;
}

.content-padder {
	padding: 70px 0px;
}

.small-h2 h2 {
	font-size: 26px;
}

/* [HEADER] */
.logo{
	margin-top: 0px;
	margin-bottom:15px;
	max-height: 190px;
}

/* [MENU] */
.navbar{
	margin: 23px 0 0px;
	background: transparent;
	border: 0;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background:transparent;
	border:0;
	padding: 0px;
}

.navbar-toggle {
	background-color:#FFFFFF;
	font-size:12px;
	background: #ffffff;
	margin: 15px 0 15px 0;
	width: 60px;
	color: #001d5c;
	padding: 0;
	border: 2px solid #0b3695;
	border-radius: 0px;
}

.navbar-collapse {
	max-height:none !important;	
}

.mobielmenu {
	background: #e8e8e8;
	color: #303030;
}

.mobielmenu a {
	color: #4a4a4a;
	font-weight: 500;
}

/* [CONTENT] */
section.page {
	padding: 70px 0;
}

section.bgimgv2 {
	background-image: url(img/orangebgimg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0px;
	color: #ffffff;
}

section.bgimgv2 p {
	font-weight: 500;
}

.img-borderd img.img-responsive {
	box-shadow: 16px 16px 0 #ef8122;
}

section#advies {
	background: #f9f9f9;
	padding: 70px 0px;
}
/* [FOOTER] */
#footer {
	padding: 80px 0 0px;
	min-height: 150px;
	background: #F0F0F0;
	color: #000;
}

#footer  a {
	color: #b89f5d;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 34px;
	text-decoration: none;
}

#footer .title {
	font-size: 26px;
	margin-bottom: 31px;
	font-weight: 600;
	color: #2d5a72;
	text-transform: uppercase;
}

#footer p {
	font-size: 16px;
}

footer .links li {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 500;
}

footer hr {
	border-top: 3px solid #dbdbdb;
    margin: 30px 15px;
}

/* [ANIMATIONS] */

.animate-scale {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.animate-scale:hover {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.mouse_scroll {
	display: block;
	z-index: 2;
	margin: 0 auto;
	width: 24px;
	height: 100px;
	margin-top: 100px;
	position: absolute;
	left: 50%;
	bottom: 6px;
	margin-left: -12px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mouseLeft {
	left: 35px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	bottom: -31px;
}

.mouseLeft .unu, .mouseLeft .doi, .mouseLeft .trei, .mouseLeft .m_scroll {
	display: none!important;
}

.m_scroll_arrows {
	display: block;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	border-right: 3px solid white;
	border-bottom: 3px solid white;
	margin: 0 0 3px 4px;
	width: 16px;
	height: 16px;
}

.m_scroll_arrows.up {
	transform: rotate(180deg);
}

.unu {
	margin-top: 1px;
}

.unu, .doi, .trei {
	animation: mouse-scroll 1s infinite;
}

.unu {
	animation-delay: .1s;
	animation-direction: alternate;
}

.doi {
	animation-delay: .2s;
	animation-direction: alternate;
	margin-top: -6px;
}

.trei {
	animation-delay: .3s;
	animation-direction: alternate;
	margin-top: -6px;
}

.mouse {
	height: 42px;
	width: 24px;
	border-radius: 14px;
	transform: none;
	border: 2px solid white;
	top: 170px;
}

.wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: white;
	position: relative;
	height: 4px;
	width: 4px;
	border: 2px solid #fff;
	border-radius: 8px;
}

.wheel {
	animation: mouse-wheel 0.6s linear infinite;
}

/* Blog */
.blog-relaters {
	padding: 80px 0px 30px;
}

@keyframes mouse-wheel {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(6px);
	}
}

@keyframes mouse-scroll {
	0% {
		opacity: 0;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}

/* [BUTTONS] */


/* [GOOGLEMAP] */
.gm-style-iw {
	padding: 10px;
	line-height: 22px;
	font-size: 14px !important;
	font-weight: 500 !important;
}

.gm-style-iw h5 {
	font-family: 'Montserrat', sans-serif;
	color: #2d5a72;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.gm-style-iw a {
	color: #2d5a72;
	font-weight: 700;
	margin-left: 0 !important;
	float: unset !important;
}

.gm-style-iw a:hover,
.gm-style-iw a:focus,
.gm-style-iw a:active {
	text-decoration: none;
	color: #3FA535;
}

/* [MUI FORM] */
.mui-textfield--float-label>label {
    font-size: 14px;
}

.mui-textfield>input, 
.mui-textfield>textarea {

}

.mui-textfield>input:focus~label, 
.mui-textfield>textarea:focus~label {
    
}

.mui-textfield>input:focus, 
.mui-textfield>textarea:focus {
    
}

/* [TAAL] */
.taal {
	margin: 0;
	position: relative;
	z-index: 3;
}

.taal .flag-icon {
	font-size: 14px;
	margin: 0 10px;
}

.taal dropdown {
	position: relative;
	display: inline-block;
}

.taal dropdown label, 
.taal dropdown ul li {
	display: block;
	width: 105px;
	background: none;
	padding: 10px !important;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.taal dropdown label:hover, 
.taal dropdown ul li:hover {
	background: none;
	color: none;
	cursor: pointer;
}

.taal dropdown label {
	color: #ffffff;
	position: relative;
	z-index: 2;
	font-weight: 400;
	padding: 2px 13px 0px 0px!important;
}

.taal dropdown label svg {
	float: right;
	font-size: 14px !important;
	color: #C3C1C1;
	margin: 2px 0;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.taal dropdown input {
	display: none;
}

.taal dropdown input ~ ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: -20px;
	z-index: 1;
	padding-left: 0;
}

.taal dropdown input:checked + label {
	background: none;
	color: #ffffff;
	margin-bottom: 0;
}

.taal dropdown input:checked ~ ul {
	visibility: visible;
	opacity: 1;
	top: 36px;
}

.taal dropdown ul li a {
	display: block;
	color: #3E3E3E;
	line-height: 14px;
}

.taal dropdown ul li:hover a,
.taal dropdown ul li:focus a,
.taal dropdown ul li:active a {
	color: #FFF;
	text-decoration: none;
}

/* NL */
.taal dropdown ul li:nth-child(1) {
	border-left: 4px solid #FF9A34;
}

.taal dropdown ul li:nth-child(1):hover {
	background: #FF9A34;
	color: white;
}

/* EN */
.taal dropdown ul li:nth-child(2) {
	border-left: 4px solid #f00000;
}

.taal dropdown ul li:nth-child(2):hover {
  	background: #f00000;
	color: white;
}

/* DE */
.taal dropdown ul li:nth-child(3) {
	border-left: 4px solid #000;
}

.taal dropdown ul li:nth-child(3):hover {
	background: #000;
	color: white;
}

/* FR */
.taal dropdown ul li:nth-child(4) {
	border-left: 4px solid #002380;
}

.taal dropdown ul li:nth-child(4):hover {
	background: #002380;
	color: white;
}

.taal dropdown ul li {
	background-color: #ffffff;
}

.animate {
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.taal dropdown ul li .flag-icon {
	float: right;
	font-size: 14px;
	margin-left: 10px;
}

/* Internet Explorer */
@media all and (-ms-high-contrast: none) {
	
}

/* Edge */
@supports (-ms-ime-align:auto) {
	
}

/* [CAROUSEL] */
.carousel-inner> .item > img, 
.carousel-inner> .item > a > img {
	margin:auto;
	margin-top: -4px;
}

.carousel-indicators {
	bottom: -20%;
	z-index: 1;
}

.carousel:hover .carousel-indicators {
	bottom: 2%;
}

.carousel-control, .carousel-indicators {
	-webkit-transition: all 300ms ease-out;
	   -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	     -o-transition: all 300ms ease-out;
	        transition: all 300ms ease-out;
}

.carousel-control.left {
	left: -10%;
	opacity: 0;
}

.carousel:hover  .carousel-control.left {
	left: 0%;
	opacity: 0.5;
}

.carousel-control.right {
	right: -10%;
	opacity: 0;
}

.carousel:hover  .carousel-control.right {
	right: 0%;
	opacity: 0.5;
}

.carousel {
	overflow: hidden;
}

.carousel-caption {
    right: 10%;
    left: 48%;
    bottom: 5%;
    text-align: right;
}

.carousel-captionv2 {
    left: 10%;
    right: 33%;
    bottom: 5vw;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
	width: 84%;
}

.carousel-captionv2 .tophead {
    margin-bottom: 0px;
}

@media (min-width: 768px) {

	.carousel-caption h2 {
	    font-size: 250%;
	    display: inline-block;
	    color: #fff;
	    padding: 15px;
	    background: rgba(0,0,0,0.3);
	    clear: both;
	    float: left;
	}

	.carousel-caption p {
	    font-size: 200%;
	    padding: 15px;
	    background: rgba(0,0,0,0.3);
	    display: inline-block;
	    clear: both;
	    float: left;
	}
	.carousel-caption .btn {
		text-shadow: none;
		/* float: left; */
		clear: both;
	}

}

.carousel.fade{
	opacity: 1
}

.fade .carousel-inner .item {
	opacity: 0;
  	transition-property: opacity;
}

.fade .carousel-inner .active {
	opacity: 1;
}

.fade .carousel-inner .active.left,
.fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.fade .carousel-inner .next.left,
.fade .carousel-inner .prev.right {
	opacity: 1;
}

.fade .carousel-control {
	z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {

    .fade .carousel-inner > .item.next,
    .fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		      transform: translate3d(0, 0, 0);
    }

    .fade .carousel-inner > .item.prev,
    .fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		      transform: translate3d(0, 0, 0);
    }
    .fade .carousel-inner > .item.next.left,
    .fade .carousel-inner > .item.prev.right,
    .fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		      transform: translate3d(0, 0, 0);
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes entrance {
	
	from {
		opacity: 0;
		margin-left: -10px;
	}

	to {
		opacity: 1;
		margin-left: 0px;
	}

}

/* Standard syntax */
@keyframes entrance {

	from {
		opacity: 0;
		margin-left: -10px;
	}

	to {
		opacity: 1;
		margin-left: 0px;
	}

}

@media (min-width:1200px) { 

	.carousel.vertical .carousel-inner {
		height: 100%;
		width: auto;
	}

	.carousel.vertical .carousel-inner > .item {
		width: auto;
		padding-right: 0px;
		-webkit-transition: 0.6s ease-in-out top;
		        transition: 0.6s ease-in-out top;
	}

	@media all and (transform-3d), (-webkit-transform-3d) {

		.carousel.vertical .carousel-inner > .item {
			-webkit-transition: 0.6s ease-in-out;
			        transition: 0.6s ease-in-out;
		}
		.carousel.vertical .carousel-inner > .item.next, .carousel.vertical .carousel-inner > .item.active.right {
			-webkit-transform: translate3d(0, 100%, 0);
			        transform: translate3d(0, 100%, 0);
			top: 0;
		}
		.carousel.vertical .carousel-inner > .item.prev, .carousel.vertical .carousel-inner > .item.active.left {
			-webkit-transform: translate3d(0, -100%, 0);
			    	transform: translate3d(0, -100%, 0);
			top: 0;
		}
		.carousel.vertical .carousel-inner > .item.next.left, .carousel.vertical .carousel-inner > .item.prev.right, .carousel.vertical .carousel-inner > .item.active {
			-webkit-transform: translate3d(0, 0, 0);
			    	transform: translate3d(0, 0, 0);
			top: 0;
		}

	}

	.carousel.vertical .carousel-inner > .active,
	.carousel.vertical .carousel-inner > .next,
	.carousel.vertical .carousel-inner > .prev {
		display: block;
	}

	.carousel.vertical .carousel-inner > .active {
		top: 0;
	}

	.carousel.vertical .carousel-inner > .next,
	.carousel.vertical .carousel-inner > .prev {
		position: absolute;
	  	top: 0;
	 	width: 100%;
	}

	.carousel.vertical .carousel-inner > .next {
		top: 100%;
	}

	.carousel.vertical .carousel-inner > .prev {
		top: -100%;
	}

	.carousel.vertical .carousel-inner > .next.left,
	.carousel.vertical .carousel-inner > .prev.right {
		top: 0;
	}

	.carousel.vertical .carousel-inner > .active.left {
		top: -100%;
	}

	.carousel.vertical .carousel-inner > .active.right {
		top: 100%;
	}

	.carousel.vertical .carousel-control {
		left: auto;
	  	width: 50px;
	}

	.carousel.vertical .carousel-control.up {
		top: 0;
	  	right: 0;
	  	bottom: 50%;
	}

	.carousel.vertical .carousel-control.down {
		top: 50%;
		right: 0;
		bottom: 0;
	}

	.carousel.vertical .carousel-control .icon-prev,
	.carousel.vertical .carousel-control .icon-next,
	.carousel.vertical .carousel-control .glyphicon-chevron-up,
	.carousel.vertical .carousel-control .glyphicon-chevron-down {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
	}

	.carousel.vertical .carousel-control .icon-prev,
	.carousel.vertical .carousel-control .glyphicon-chevron-up {
		left: 50%;
		margin-left: -10px;
		top: 50%;
		margin-top: -10px;
	}

	.carousel.vertical .carousel-control .icon-next,
	.carousel.vertical .carousel-control .glyphicon-chevron-down {
		left: 50%;
		margin-left: -10px;
		top: 50%;
		margin-top: -10px;
	}

	.carousel.vertical .carousel-control .icon-up,
	.carousel.vertical .carousel-control .icon-down {
		width: 20px;
		height: 20px;
		line-height: 1;
		font-family: serif;
	}

	.carousel.vertical .carousel-control .icon-prev:before {
		content: '\2039';
	}

	.carousel.vertical .carousel-control .icon-next:before {
		content: '\203a';
	}

}

/* Chrome, Safari, Opera */
@-webkit-keyframes entrance {

	from {
		opacity: 0;
		margin-left: -10px;
	}

	to {
		opacity: 1;
		margin-left: 0px;
	}

}

/* Standard syntax */
@keyframes entrance {

	from {
		opacity: 0;
		margin-left: -10px;
	}

	to {
		opacity: 1;
		margin-left: 0px;
	}

}

/* [BLOG] */
.blog_wrap {
	position: relative;
	background: var(--white);
	margin: 0 0 30px 0;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
       -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
        -ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
         -o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
}

.blog_wrap .img {
	position: relative;
}

.blog_wrap .img,
.blog_wrap .img a {
	min-height: 225px;
	max-height: 225px;
}

.related .blog_wrap .img,
.related .blog_wrap .img a {
	min-height: 225px;
	max-height: 225px;
}

.related_product .blog_wrap .img,
.related_product .blog_wrap .img a {
	min-height: 225px;
	max-height: 225px;
}

.blog_wrap .img a:last-child {
	position: relative;
	display: block;
	z-index: 1;
}

.blog_wrap .img a:last-child:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.blog_wrap .img a:last-child:hover:before,
.blog_wrap .img a:last-child:focus:before,
.blog_wrap .img a:last-child:active:before {
	background: rgba(77, 137, 43, 0.5);
	
}

.blog_wrap .blog_content {
	background: #FFF;
	padding: 18px 40px;
}

.blog_wrap .blog_content.greybg {
	background: #F2F2F2;
}

.blog_wrap .blog_title {
	margin: 0 0 15px 0;
}

.blog_wrap a.blog_link {
	display: block;
}

.blog_wrap a.blog_link:hover {
	text-decoration: none;
}

.blog_wrap h3.title {
	position: relative;
	display: block;
	z-index: 2;
	color: var(--black);
	font-size: 25px;
    line-height: 25px;
    font-weight: 700;
	padding: 0;
}

.blog_wrap a:hover h3.title,
.blog_wrap a:focus h3.title,
.blog_wrap a:active h3.title {
	color: var(--theme_blue) !important;
}

.blog_wrap .noindex {
	z-index: 0;
}

.blog_wrap .blog_intro {
	font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: var(--theme_black);
}

.blog_wrap .html {
	text-align: left;
}

.blog_wrap a.verder {
	position: relative;
	display: block;
    background: var(--theme_blue);
    border: 1px solid var(--theme_blue);
    padding: 15px 30px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: var(--white);
    border-radius: 0;
    outline: none;
    text-align: center;
    margin: 30px 0 0 0;
}

.blog_wrap a.verder i {
	margin: 0 0 0 5px;
}

.blog_wrap a.verder:hover,
.blog_wrap a.verder:focus,
.blog_wrap a.verder:active {
	color: var(--theme_blue);
	background: var(--white);
	text-decoration: none;
}

.blog_wrap ul.adminlist {
	list-style-type: none;
	padding-left: 0;
	background: #E5E5E5;
	padding: 5px 10px;
	margin: 0 0 15px 0;
}

.blog_wrap ul.adminlist li {
	display: inline;
	margin: 0 5px 0 0;
}

.blog_wrap ul.adminlist li a {
	display: inline;
}

/* [PAGER] */
.pager li > a, 
.pager li > span {
	display: inline-block;
	color: #FFF; 
	background-color: #404040; 
	border: 1px solid #404040; 
	border-radius: 0;
	padding: 15px 20px;
}

.pager li > a:focus, 
.pager li > a:hover {
	color: #404040; 
	background-color: #FFF; 
	border: 1px solid #404040; 
	text-decoration: none;
}

/* [ADMIN] */
.modal-content {
    border-radius: 0px;
}

.modal-header .close {
    margin-top: -12px;
}

.close {
    font-size: 40px;
    font-weight: 400;
    color: #2F2F2F;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

/* [LOGIN] */
.fancybox-skin {
    position: relative;
    background: #FFF !important;
    color: #2F2F2F;
    text-shadow: none;
    -webkit-border-top-left-radius: 0px;
       -moz-border-radius-topleft: 0px;
            border-top-left-radius: 0px;
}

.fancybox-skin h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.fancybox-skin .control-label {
	font-size: 14px;
}

.fancybox-skin .form-control {
    font-size: 14px;
    color: #2F2F2F;
    background-color: #FFF;
    border: 1px solid #1f5081;
    border-radius: 0px;
    outline: none;
}

.fancybox-skin .form-control:hover,
.fancybox-skin .form-control:focus,
.fancybox-skin .form-control:active {
	border: 1px solid #FEDE30;
}

.fancybox-skin .form .showAjax {
	font-size: 14px;
}

.fancybox-skin .form .mui-btn {
	font-weight: 400 !important;
}

/* [RESPONSIVE] */
@media (max-width: 991px) {

	.carousel-caption {
		left: 10%;
		right: 30%;
		bottom: 8%;
	}

	.mouse_scroll {
		left: auto;
		right: 3.5%;
	}

	.navbar {
		margin: 0px 0 15px;
		background: transparent;
		border: 0;
	}

	.navbar-default .navbar-nav>li>a {
		color: #000000;
		padding: 23px 12px 23px 14px;
		font-weight: 400;
	}

	section.imgbg .orange-div {
		margin-top: -271px;
	}

	section.imgbg h2 {
		font-size: 30px;
	}

	section.imgbg .ul-v2 li {
		font-size: 1em;
	}

	section.clippers .clipper2 {
		line-height: 25px;
		font-size: 23px;
	}

	.carousel-caption .tophead {
		font-weight: 600;
		font-size: 3em;
	}

	.carousel-caption .bottomhead {
		line-height: 1.1em;
		font-size: 2em;
	}

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

	#wrap {
		overflow-x: hidden;
	}

	.btn_contact {
		background: #67b030;
		padding: 15px 5px;
		text-align: center;
		color: #fff;
		font-weight: 400;
		font-size: 16px;
	}

	.btn_call {
		background: #222222;
		padding: 15px 5px;
		text-align: center;
		color: #fff;
		font-weight: 400;
		font-size: 16px;
	}

	h1 {
		font-size: 30px;
	}

	.logo {
		margin: 4px 0px 0px;
	}

	.fadeheaderbuttons {
		display: none;
	}

	.carousel-caption .bottomhead {
		line-height: 1.1em;
		font-size: 1em;
		margin-bottom: 1px;
	}

	.carousel-caption .tophead {
		font-weight: 600;
		font-size: 2em;
		margin-bottom: 8px;
	}

	section.page {
		padding: 25px 0px;
	}

	section.clippers .clipper1 {
		margin-bottom: 15px;
	}

	section.imgbg .orange-div {
		margin-top: -11px;
		margin-bottom: 30px;
	}

	.navbar-nav a.active {
		border-bottom: none;
		background: #77a9a0;
		color: #fff;
	}

	.mouse {
		display: none;
	}

	.mouse_scroll {
		height: 51px;
		right: 1.5%;
	}

	.carousel-captionv2 .btn {
		display: none;
	}

	.carousel-captionv2 .tophead {
		font-weight: 600;
		font-size: 1.4em;
		margin-bottom: 1px;
	}

	.content-padder {
		padding: 30px 12px;
	}

	.btn-custom1, .btn-custom2, .btn-custom3 {
		border-radius: 0px;
		padding: 15px 13px;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 13px;
		box-shadow: 2px 3px 4px rgb(0 0 0 / 16%);
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	.blog-relaters {
		padding: 80px 15px 30px;
	}

}

@media (max-width: 414px) {

	

}

/* Video */

section.welkom, section.welkom .carousel, section.welkom .carousel-inner, section.welkom .carousel-inner>.item, section.welkom .carousel-inner>.item>img {
	height: 100vh;
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	position: relative;
	/* height: 700px; */
}

section.welkom video {
	position: absolute;
	display: block;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video_overlay {
	position: absolute;
	display: block;
	top: 9%;
	left: 0;
	width: 100%;
	z-index: 2;
}

.video_overlay h2 {
	font-size: 70px;
	line-height: 80px;
	font-weight: 200;
	display: inline-block;
	font-family: 'Teko', sans-serif;
	color: #ffffff;
}

.video_overlay p {
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	display: inline-block;
	clear: both;
	float: left;
	text-transform: uppercase;
	font-family: 'teko', sans-serif;
	color: #ffffff;
}

.video_overlay .btns {
	display: inline-block;
	clear: both;
	float: left;
	margin: 30px 0 0 0;
}

.video_overlay a {
	position: relative;
	text-shadow: none;
	padding: 20px 40px;
	margin-right: 30px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
	-ms-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
	-o-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
}

.video_overlay a:hover, .video_overlay a:focus, .video_overlay a:active {
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.video_overlay a.red {
	background: #00AEEF;
	-webkit-transition: all 0.75s;
	-moz-transition: all 0.75s;
	-ms-transition: all 0.75s;
	-o-transition: all 0.75s;
	transition: all 0.75s;
}

.video_overlay a.red:hover, .video_overlay a.red:focus, .video_overlay a.red:active {
	background: rgba(220, 28, 35, 0);
	backdrop-filter: blur(3px);
}

.video_overlay a.black {
	background: rgba(44, 44, 44, 1);
	-webkit-transition: all 0.75s;
	-moz-transition: all 0.75s;
	-ms-transition: all 0.75s;
	-o-transition: all 0.75s;
	transition: all 0.75s;
}

.video_overlay a.black:hover, .video_overlay a.black:focus, .video_overlay a.black:active {
	background: rgba(44, 44, 44, 0);
	backdrop-filter: blur(3px);
}

.video_overlay a:before, .video_overlay a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 2px solid #FFF;
	transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

.video_overlay a:hover:before, .video_overlay a:hover:after {
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.video_overlay a:hover:before {
	-webkit-transform: translate3d(-3px, 3px, 0);
	transform: translate3d(-3px, 3px, 0);
}

.video_overlay a:hover:after {
	-webkit-transform: translate3d(3px, -3px, 0);
	transform: translate3d(3px, -3px, 0);
}

.video_overlay .btn .svg-inline--fa {
	margin: 0 0 0 5px;
}

/* /Video */

/* Footer */
.bottomline {
	border-bottom: 4px solid #b89f5d;
	padding-top: 70px;
}

/* Header */
/* [HEADER] */
header {
	position: fixed;
	display: block;
	width: 100%;
	height: auto;
	max-height: 87px;
	z-index: 52;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(44, 44, 44, 0);
	color: #FFF;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

header.fixed {
	position: fixed;
	background: #2C2C2C;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
       -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
        -ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
         -o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
}

header .logo {
    /* -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45); */
    /* -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
    -ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
    -o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45); */
    /* box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45); */
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

header.darkHeader .logo {
	max-height: 85px;
}

header.fixed .logo {
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0);
       -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0);
        -ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0);
         -o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0);
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,0);
}

header.adminspace {
	margin-top: 35px;
}

header.fixed.adminspace {
	margin-top: 0;
}

/* Video */
section.welkom,
section.welkom .carousel,
section.welkom .carousel-inner,
section.welkom .carousel-inner>.item,
section.welkom .carousel-inner>.item>img {
	height: 100vh;
	width: 100%;
	overflow: hidden;
	height: 560px;
}

section.welkom video {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
}

.video_overlay {
	position: absolute;
	display: block;
	top: 25%;
	left: 0;
	width: 100%;
	z-index: 2;
}

.video_overlay h2 {
    font-size: 70px;
    line-height: 80px;
    font-weight: 700;
    display: inline-block;
    color: #FFF;
    clear: both;
    float: left;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
}

.video_overlay p {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    display: inline-block;
    clear: both;
    float: left;
    color: #FFF;
    padding: 15px 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
}

.video_overlay .btns {
	display: inline-block;
	clear: both;
	float: left;
	margin: 30px 0 0 0;
}

.video_overlay a {
	position: relative;
	text-shadow: none;
	padding: 20px 40px;
	margin-right: 30px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;	
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
       -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
        -ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
         -o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.45);	
}

.video_overlay a:hover,
.video_overlay a:focus,
.video_overlay a:active {
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.video_overlay a.red {
	background: rgba(220, 28, 35, 1);
	-webkit-transition: all 0.75s;
	   -moz-transition: all 0.75s;
	    -ms-transition: all 0.75s;
	     -o-transition: all 0.75s;
	        transition: all 0.75s;
}

.video_overlay a.red:hover,
.video_overlay a.red:focus,
.video_overlay a.red:active {
	background: rgba(220, 28, 35, 0);
}

.video_overlay a.black {
	background: rgba(44, 44, 44, 1);
	-webkit-transition: all 0.75s;
	   -moz-transition: all 0.75s;
	    -ms-transition: all 0.75s;
	     -o-transition: all 0.75s;
	        transition: all 0.75s;
}

.video_overlay a.black:hover,
.video_overlay a.black:focus,
.video_overlay a.black:active {
	background: rgba(44, 44, 44, 0);
}

.video_overlay a:before, 
.video_overlay a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 2px solid #FFF;
	transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

.video_overlay a:hover:before, 
.video_overlay a:hover:after {
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.video_overlay a:hover:before {
	-webkit-transform: translate3d(-3px, 3px, 0);
        	transform: translate3d(-3px, 3px, 0);
}

.video_overlay a:hover:after {
	-webkit-transform: translate3d(3px, -3px, 0);
        	transform: translate3d(3px, -3px, 0);
}

.video_overlay .btn .svg-inline--fa {
	margin: 0 0 0 5px;
}

/* NEW MENU */

/*Button*/
.mobile_new_btn button {
	color: #000;
	background: transparent;
	border-width: 0px;
	border-style: solid;
	border-color: #000;
	position: relative;
	margin: 1.3em 1.5em;
	display: inline-block;
	padding: 0.5em 1em;
	transition:all 0.3s ease-in-out;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	/* text-shadow: 0 1px 1px rgba(0,0,0,0.1); */
	/* box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1) inset; */
}

#headselect.fixed .mobile_new_btn button,
.mobile_new_btn.abrido button {
	color: #ffffff;
	border-color: #FFF;
}

.mobile_new_btn button:before, 
.mobile_new_btn button:after {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	border-style: solid;
	width: 1.5em;
	height: 1em;
	transition: all 0.3s ease-in-out;
	border-color: #AF9553;
}

#headselect.fixed .mobile_new_btn button:before, 
#headselect.fixed .mobile_new_btn button:after {
	border-color: #000000;
}

#headselect.fixed .mobile_new_btn.abrido button:before,
#headselect.fixed .mobile_new_btn.abrido button:after,
.mobile_new_btn.abrido button:before, 
.mobile_new_btn.abrido button:after {
	border-color: #ffffff;
}

.mobile_new_btn button:before {
	top: -6px;
	left: -0px;
	border-width: 6px 0 0 0;
	z-index: 5;
}

.mobile_new_btn button:after {
	bottom: -6px;
	right: -0px;
	border-width: 0px 0px 6px 0px;
}

.mobile_new_btn button:hover:before, 
.mobile_new_btn button:hover:after {
  	width: calc(100% + 0px);
  	height: calc(100% + 0px);
  	border-color: #AF9553;
  }

.mobile_new_btn button:hover {
	color: #000000;
	background-color: rgb(0 0 0 / 0%) !important;
	border-color: #af9553 !important;
}

.mobile_new_btn button span#open {
	display: block;
}

.mobile_new_btn button span#close {
	display: none;
}

.mobile_new_btn.abrido button span#open {
	display: none;
}

.mobile_new_btn.abrido button span#close {
	display: block;
}

/*Panel*/
body.abrido {

}

.mobile_new_panel {
	background: rgba(0, 0, 0, 0);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
	z-index: 51;
	transition: .4s;
	transition-delay: .5s;
	overflow: hidden;
}

.mobile_new_panel.abrido {
	height: 100%;
	background: rgb(45 90 114 / 98%);
	transition-delay: 0s;
}

.mobile_new_panel .panel_img {
	position: absolute;
	right: auto;
	top: 0%;
	left: 0%;
	pointer-events: none;
	height: 86vh;
	opacity: 0.09;
}

.panel_menu {
	opacity: 0;
	visibility: hidden;
}

.abrido .panel_menu {
	opacity: 1;
	visibility: visible;
}

.panel_menu .panel_topmenu {
	position: relative;
	display: block;
	margin: -360px 0 0 0;
	text-align: left;
	transition: .4s;
}

.abrido .panel_menu .panel_topmenu {
	margin: 180px 0 0 0;
	transition: 1s;
}

.panel_menu .panel_botmenu {
	position: relative;
	display: block;
	margin: 360px 0 0 0;
	transition: .4s;
}

.abrido .panel_menu .panel_botmenu {
	margin: 60px 0 0 0;
	transition: 1s
}

.panel_botmenu .titler {
	font-weight: 600;
    font-size: 26px;
    margin-bottom: 20px;
    color: #77a9a0;
}

.panel_botmenu .navbar-nav {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
    padding-inline-start: 0px;
    align-content: flex-start;
    flex-wrap: nowrap;
    height: 100%;
    align-items: flex-start;
}

.panel_menu .menu_title {
	font-size: 40px;
	line-height: 30px;
	font-weight: 600;
	color: #FFF;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 0px 0 14px 9px;
	/* text-shadow: 2px 2px 10px rgba(0,0,0,0.75); */
}

.panel_menu ul.blok_menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
}

.panel_menu ul.blok_menu li {
	position: relative;
	display: inline-block;
	width: 21.25%;
	margin: 0 5% 0 0;
}

.panel_menu ul.blok_menu li:nth-child(1) {
	background-image: url(img/menu/leidingbouw.jpg);
	background-repeat: none;
	background-size: cover;
	background-position: center;
}

.panel_menu ul.blok_menu li:nth-child(2) {
	background-image: url(img/menu/kabelwerken.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.panel_menu ul.blok_menu li:nth-child(3) {
	background-image: url(img/menu/civielewerken.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.panel_menu ul.blok_menu li:nth-child(4) {
	background-image: url(img/menu/boortechniek.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.panel_menu ul.blok_menu li:last-child {
	margin: 0;
}

.panel_menu ul.blok_menu li a {
	color: #FFF;
	background: rgba(0, 0, 0, 0.5);
	border-width: 2px;
	border-style: solid;
	border-color: #FFF;
	position: relative;
	display: block;
	padding: 1em 1em;
	transition:all 0.3s ease-in-out;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	min-height: 100px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1) inset;
}

.panel_menu ul.blok_menu li a:before,
.panel_menu ul.blok_menu li a:after {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	border-style: solid;
	width: 1em;
	height: 1em;
	transition: all 0.3s ease-in-out;
	border-color: #FFF;
}

.panel_menu ul.blok_menu li a:before {
	top: -6px;
	left: -6px;
	border-width: 2px 0 0 2px;
	z-index: 5;
}

.panel_menu ul.blok_menu li a:after {
	bottom: -6px;
	right: -6px;
	border-width: 0 2px 2px 0;
}

.panel_menu ul.blok_menu li a:hover:before, 
.panel_menu ul.blok_menu li a:hover:after {
  	width: calc(100% + 12px);
  	height: calc(100% + 12px);
  	border-color: rgba(255, 255, 255, 1) !important;
  }

.panel_menu ul.blok_menu li a:hover {
	color: #fff; 
	background-color: rgba(0, 0, 0, 0) !important;
	border-color: rgba(220, 28, 35, 1) !important;
}

.panel_menu ul.blok_menu li a:hover,
.panel_menu ul.blok_menu li a:focus,
.panel_menu ul.blok_menu li a:active {
	text-decoration: none;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}

.panel_menu ul.blok_menu li a.active {
	background: rgba(0, 0, 0, 0);
	border-color: rgba(220, 28, 35, 1);
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}

.panel_menu ul.blok_menu li a.active:before, 
.panel_menu ul.blok_menu li a.active:after {
  	width: calc(100% + 12px);
  	height: calc(100% + 12px);
  	border-color: rgba(255, 255, 255, 1) !important;
}

.panel_menu ul.blok_menu li a.active:hover:before,
.panel_menu ul.blok_menu li a.active:hover:after {
	border-color: rgba(220, 28, 35, 1) !important;
}

.panel_menu ul.blok_menu li a.active:hover,
.panel_menu ul.blok_menu li a.active:focus,
.panel_menu ul.blok_menu li a.active:active {
	border-color: rgba(255, 255, 255, 1) !important;
}

.panel_menu ul.resp_menu {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

.abrido .panel_menu ul.resp_menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	width: 100%;
}

.panel_menu ul.resp_menu li {
	flex: 1 1 100%;
	margin: 0 15px 0 0;
	text-align: center;
}

.panel_menu ul.resp_menu li:last-child {
	margin: 0;
}

.panel_menu ul.resp_menu li a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	color: #FFF;
	padding: 15px;
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 1);
}

.panel_menu ul.resp_menu li a:hover,
.panel_menu ul.resp_menu li a:focus,
.panel_menu ul.resp_menu li a:active {
	text-decoration: none;
	color: rgba(255, 255, 255, 1);
	border-color: rgba(220, 28, 35, 1);
}

.panel_menu ul.resp_menu li a .svg-inline--fa {
	margin: 0 5px 0 0;
}

.panel_menu ul.resp_menu li a.active {
	color: rgba(220, 28, 35, 1);
}

.panel_menu ul.resp_menu li a.active:hover,
.panel_menu ul.resp_menu li a.active:focus,
.panel_menu ul.resp_menu li a.active:active {
	background-color: transparent;
	color: rgba(255, 255, 255, 1);
}

.panel_menu ul.dropdown-resp_menu {
	list-style: none;
	padding: 0 0 0 30px;
	margin: 15px 0 30px 0;
}

.panel_menu ul.admin_menu {
	list-style: none;
	padding: 0;
	margin: 30px 0 0 0;
}

.panel_menu ul.admin_menu li {
	display: block;
	margin: 0 0 5px 0;
}

.panel_menu ul.admin_menu li:last-child {
	margin: 0;
}

.panel_menu ul.admin_menu li a {
	color: #FFF;
	font-weight: 700;
}

.panel_menu ul.admin_menu li a .svg-inline--fa {
	margin: 0 5px 0 0;
}

.panel_menu ul.admin_menu li a:hover,
.panel_menu ul.admin_menu li a:focus,
.panel_menu ul.admin_menu li a:active {
	text-decoration: none;
	color: rgba(220, 28, 35, 1);
}

.panel_foot {
	display: flex;
	padding: 15px 0;
	position: absolute;
	bottom: -50px;
	left: 15px;
	right: 15px;
	text-align: center;
	transition: .4s;
	opacity: 0;
	visibility: hidden;
	color: rgba(255, 255, 255, 0.9);
	border-top: 1px solid
}

.abrido .panel_foot { 
	bottom: 0;
	opacity: 1;
	visibility: visible;
	transition: 1.4s;  
}

.panel_foot .col {
	width: 20vw
}

.panel_foot .link,
.panel_foot .link a {
	font-size: 16px;
	line-height: 35px;
	font-weight: 500;
	color: #FFF;
}

.panel_foot .link .svg-inline--fa {
    margin: 0 10px 0 0;
}

.panel_foot .link a:hover,
.panel_foot .link a:focus,
.panel_foot .link a:active {
	text-decoration: none;
	color: #77a9a0;
}

.panel_foot ul.socials {
	margin: 0;
}

.panel_foot ul.socials li {
	display: inline;
	margin: 0 15px 0 0;
}

.panel_foot ul.socials li:last-child {
	margin: 0;
}

.panel_foot ul.socials li a {
	font-size: 24px;
	color: #FFF;
}

.panel_foot ul.socials li a:hover,
.panel_foot ul.socials li a:focus,
.panel_foot ul.socials li a:active {
	color: #77a9a0;
}

/* [MENU] */
.mobile {
	display: none;
}

.navbar{	
	background:transparent;
	border: 0;
	margin: 24px 0;
}

.navbar-default .navbar-nav > li  {
	margin: 0 2px;
}

.navbar-default .navbar-nav > li > a {
	position: relative;
	display: inline-block;
	z-index: 2;
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.75);
	padding: 10px 5px;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.navbar-default .navbar-nav > li:last-child > a.menu_addcontent:before {
	background: none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
	color: #FFF;
}

.navbar-default .navbar-nav > li > a:before {
	content: '';
	z-index: -1;
	position: absolute;
	bottom: 0px;
	left: 0;
}

.navbar-default .navbar-nav > li > a:hover:before {
	width: 100%;
	height: 2px;
	background: #DC1C23;
	-webkit-animation: wrapAround 0.5s ease-out forwards;
	        animation: wrapAround 0.5s ease-out forwards;
}

.navbar-default .navbar-nav > li:last-child > a:before {
	width: 100%;
	height: 100%;
	background: #DC1C23;
}

.navbar-default .navbar-nav > li:last-child > a:hover:before {
	width: 100%;
	height: 2px;
	-webkit-animation: wrapAround 0.5s ease-out reverse;
	        animation: wrapAround 0.5s ease-out reverse;
}

@-webkit-keyframes wrapAround {
	0% {
		background: #DC1C23;
		height: 2px;
	}
	5% {
		background: linear-gradient(to right, #DC1C23, black);
	}
	25% {
		height: 2px;
		width: 2px;
	}
	30% {
		background: linear-gradient(to right, #DC1C23, black);
	}
	50% {
		height: 100%;
		width: 2px;
	}
	55% {
		background: #DC1C23;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	75% {
		height: 100%;
		width: 100%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		height: 100%;
		width: 100%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@keyframes wrapAround {
	0% {
		background: #DC1C23;
		height: 2px;
	}
	5% {
		background: linear-gradient(to right, #DC1C23, black);
	}
	25% {
		height: 2px;
		width: 2px;
	}
	30% {
		background: linear-gradient(to right, #DC1C23, black);
	}
	50% {
		height: 100%;
		width: 2px;
	}
	55% {
		background: #DC1C23;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	75% {
		height: 100%;
		width: 100%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		height: 100%;
		width: 100%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	background: transparent;
	border: 0;
	padding-right: 5px;
	padding-left: 0;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
    color: #FFF;
    background: #DC1C23;
}

.navbar-toggle {
	background-color: #DC1C23;
	font-size: 14px;
	font-weight: 700;
	background: #1f5081;
	margin: 15px 0 0 0;
	width: 60px;
	color: #FFF;
	padding: 0;
}

.navbar-collapse {
	max-height:none !important;	
}

.dropdown-menu {
    padding: 0;
    background-color: #DC1C23;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    width: 200px;
    min-width: unset;
    border: unset;
    margin: 2px 0 !important;
}

.dropdown-menu>li>a {
    padding: 10px 15px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.55);
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:active {
	text-shadow: unset;
}

/* [MOBILE MENU] */
.button_container {
	top: 20px;
	right: 50px;
	width: 50px;
	height: 50px;
	border: 2px solid white;
	position: absolute;
	cursor: pointer;
	z-index: 999;
}

.name_container {
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	        transition: opacity 1s ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

#menu_name {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	color: white;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0px;
	-webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
}

#open_name {
	position: absolute;
	left: 10%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	color: white;
	opacity: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0px;
	-webkit-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}

.button_container:hover #menu_name {
	left: 75%;
	opacity: 0;
}

.button_container:hover #open_name {
	left: 52%;
	opacity: 1;
}

#line_one,
#line_two {
	width: 0px;
	height: 2px;
	background: white;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
}

#line_one {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	        transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

#line_two {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	        transform: translate(-50%, -50%) rotate(-45deg);
	-webkit-transition: all 0.5s 0.5s ease;
         	transition: all 0.5s 0.5s ease;
}

.button_container.active #line_one {
	width: 50px;
	opacity: 1;
}

.button_container.active #line_two {
	width: 50px;
	opacity: 1;
}

.button_container.active .name_container {
	opacity: 0;
}

.menu {
	width: 100%;
	height: 100vh;
	background: #d12420;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transform: translate(0%, 100%);
	        transform: translate(0%, 100%);
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.menu nav {
	position: fixed;
	top: 30%;
	text-align: right;
	width: inherit;
	-webkit-transform: translate(0%, -30%);
	        transform: translate(0%, -30%);
}

.menu nav a {
	color: white;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	padding: 5px 10px;
	margin-right: 20px;
	text-align: right;
	-webkit-transform: translate(0%, 100px);
	        transform: translate(0%, 100px);
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	opacity: 0;
}

.menu nav a:after {
	content: '';
	position: absolute;
	display: block;
	right: 10px;
	width: 0;
	height: 2px;
	background: #fff;
	transform-origin: center left;
	transition: width 0.5s ease;
}

.menu nav a:hover:after {
	width: 120px;
}

.menu.open {
	display: block;
	-webkit-transform: translate(0%, 0%);
	        transform: translate(0%, 0%);
}

.menu.open a {
	opacity: 1;
	-webkit-transform: translate(0, 0px);
	        transform: translate(0, 0px);
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}

.menu.open a:nth-of-type(2) {
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}

.menu.open a:nth-of-type(3) {
	-webkit-transition-delay: 0.4s;
	        transition-delay: 0.4s;
}

.menu.open a:nth-of-type(4) {
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}

.menu.open a:nth-of-type(5) {
	-webkit-transition-delay: 0.6s;
	        transition-delay: 0.6s;
}

.menu.open a:nth-of-type(6) {
	-webkit-transition-delay: 0.7s;
	        transition-delay: 0.7s;
}

.menu.open a:nth-of-type(7) {
	-webkit-transition-delay: 0.8s;
	        transition-delay: 0.8s;
}

.menu.open a:nth-of-type(8) {
	-webkit-transition-delay: 0.9s;
	        transition-delay: 0.9s;
}

.menu.open a:nth-of-type(9) {
	-webkit-transition-delay: 1.0s;
	        transition-delay: 1.0s;
}

.menu.open a:nth-of-type(10) {
	-webkit-transition-delay: 1.1s;
	        transition-delay: 1.1s;
}

.menu.open a:nth-of-type(11) {
	-webkit-transition-delay: 1.2s;
	        transition-delay: 1.2s;
}

.menu.open a:nth-of-type(12) {
	-webkit-transition-delay: 1.3s;
	        transition-delay: 1.3s;
}

.menu .division_line {
	position: fixed;
	bottom: 160px;
	right: 25px;
	width: 0;
	height: 1px;
	background: #fff;
	-webkit-transition: width 0.5s ease;
	        transition: width 0.5s ease;
}

.menu.open .division_line {
	width: 150px;
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}

.panel_botmenu .navbar-nav li a {
	color: #ffffff;
	font-weight: 400;
	padding: 15px 8px;
	font-size: 20px;
}

.panel_botmenu .navbar-nav li a:hover {
	text-decoration: none;
    background-color: rgb(255 255 255 / 17%);
    border-right: 9px solid #77a9a0;
    padding-right: 15px;
}

.panel_botmenu .menu_sizer {
	height: 57vh;
}

.panel_botmenu .menu_resizer {
	height: 57vh;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-end;
	justify-content: flex-end;
	align-items: flex-end;
}

.icon_container {
	position: fixed;
	bottom: 60px;
	right: 0;
	opacity: 0;
	width: inherit;
	text-align: right;
	padding: 20px;
	-webkit-transition: opacity 0.25s ease;
	        transition: opacity 0.25s ease;
}

.icon_container i {
	color: #fff;
	cursor: pointer;
	padding: 10px;
}

.icon_container .mobilelogo {
	height: 72px;
	width: auto;
}

.menu.open .icon_container {
	opacity: 1;
	-webkit-transition-delay: 1.2s;
	        transition-delay: 1.2s;
}

.mobiletaal {
	position: absolute;
	top: 5px;
	left: 20px;
}

.mobiletaal > a {
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	margin: 0 10px 0 0;
}

/* [TAAL SWITCHER] */
.taal {
	margin: 19px 0;
}

.taal .flag-icon {
	font-size: 20px;
	margin-left: 5px;
}

.taal .fa-chevron-down {
	color: #202431;
}

.abrido .taal .fa-chevron-down,
#headselect.fixed .taal .fa-chevron-down {
	color: #FFF;
}

.taal dropdown {
	position: relative;
	display: inline-block;
}

.taal dropdown label, 
.taal dropdown ul li {
	display: block;
	width: 90px;
	background: transparent;
	padding: 10px 5px !important;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.taal dropdown label:hover, 
.taal dropdown ul li:hover {
	background: #77a9a0;
	color: #FFF;
	cursor: pointer;
}

.taal dropdown label {
	color: #202431;
	position: relative;
	z-index: 2;
}

.abrido .taal dropdown label,
#headselect.fixed .taal dropdown label {
	color: #FFF;
}

.taal dropdown label svg {
	float: right;
	font-size: 14px !important;
	color: #C3C1C1;
	margin: 2px 0;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.taal dropdown input {
	display: none;
}

.taal dropdown input ~ ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: -20px;
	z-index: 1;
	padding-left: 0;
}

.taal dropdown input:checked + label {
	background: transparent;
	color: #202431;
	margin-bottom: 0;
}

.abrido .taal dropdown input:checked + label {
	color: #FFF;
}

.taal dropdown input:checked ~ ul {
	visibility: visible;
	opacity: 1;
	top: 42px;
}

.taal dropdown ul li a {
	display: block;
	color: #3E3E3E;
	line-height: 14px;
}

.taal dropdown ul li:hover a,
.taal dropdown ul li:focus a,
.taal dropdown ul li:active a {
	color: #FFF;
	text-decoration: none;
}

/* NL */
.taal dropdown ul li:nth-child(1) {
	background: #FFF;
	border-left: 4px solid #FF9A34;
}

.taal dropdown ul li:nth-child(1):hover {
	background: #FF9A34;
	color: white;
}

/* EN */
.taal dropdown ul li:nth-child(2) {
	background: #FFF;
	border-left: 4px solid #f00000;
}

.taal dropdown ul li:nth-child(2):hover {
  	background: #f00000;
	color: white;
}

/* DE */
.taal dropdown ul li:nth-child(3) {
	background: #FFF;
	border-left: 4px solid #000;
}

.taal dropdown ul li:nth-child(3):hover {
	background: #000;
	color: white;
}

/* FR */
.taal dropdown ul li:nth-child(4) {
	background: #FFF;
	border-left: 4px solid #002380;
}

.taal dropdown ul li:nth-child(4):hover {
	background: #002380;
	color: white;
}

.animate {
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.taal dropdown ul li .flag-icon {
	float: right;
	font-size: 14px;
	margin-left: 10px;
}

/* [VACATURES OPEN] */
.vacatures {
	margin: 1.75em;
}

.vacatures a {
	position: relative;
	display: inline-block;
	padding: 0.5em 1em;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}

#headselect.fixed .vacatures a,
.abrido .vacatures a {
	color: #FFF;
}

.vacatures a:hover,
.vacatures a:focus,
.vacatures a:active {
	text-decoration: none;
}

.vacatures a .text {
	display: inline-block;
}

.vacatures a .aantal {
	position: absolute;
	right: -30px;
	top: -5px;
	display: inline-block;
	font-size: 1.3em;
	text-align: center;
	letter-spacing: -1px;
	border: none;
	padding: 10px;
	border-radius: 50%;
	background: #E4051F;
	font-size: 20px;
	line-height: 12px;
	color: #FFF;
}

.vacatures a:hover .aantal,
.vacatures a:focus .aantal,
.vacatures a:active .aantal {
	background: #000;
	color: #FFF;
}

#headselect.fixed .vacatures a:hover .aantal,
#headselect.fixed .vacatures a:focus .aantal,
#headselect.fixed .vacatures a:active .aantal,
.abrido .vacatures a:hover .aantal,
.abrido .vacatures a:focus .aantal,
.abrido .vacatures a:active .aantal {
	background: #FFF;
	color: #E4051F;
}

/* Scroller */
.clearHeader {
	background: rgba(0, 0, 0, 0)
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	 -ms-transition: all .3s;
	  -o-transition: all .3s;
		 transition: all .3s;
 -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	 -ms-backface-visibility: hidden;
	  -o-backface-visibility: hidden;
		 backface-visibility: hidden;
		 box-shadow: none;
}

.darkHeader {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	background: rgb(255 255 255);
	box-shadow: 1px 2px 7px #0000001a;
}

/* Admin fix */
.adminwrap header#headselect {
	margin-top: 40px;;
}

.adminwrap .header_spacer {
	height: 180px;
}

/* sections */
section.triangles {
	position: relative;
}

section.triangles img.triangle_img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	width: 100%;
}

section.triangles .h1 {
	color: #B89F5D;
	font-weight: 100;	
	text-transform: initial;
	margin-bottom: -23px;
}

section.blue_bg {
	background-color: #2D5A72;
	padding: 240px 0px 160px;
	position: relative;
	color: #ffffff;
}

section.blue_bg .headerbg {
	opacity: 0.2;
}

section.blue_bg p.h2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 35px;
	line-height: 50px;
}

section.blue_bgv2 {
	background-color: #2D5A72;
	padding: 100px 0px 100px;
	position: relative;
	color: #ffffff;
}

section.blue_bgv2 .headerbg {
	opacity: 0.2;
}

section.blue_bgv2 p.h2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 35px;
	line-height: 50px;
}

.abrido .darkHeader {
	background: #ffffff00!important;
	box-shadow: none!important;
}

section.uspblok #uspblok_desc p {
	font-size: 0.8em;
}

.layer_div {
	position: absolute;
	background: rgb(45,90,114);
	background: -moz-linear-gradient(120deg, rgba(45,90,114,1) 0%, rgba(184,159,93,1) 100%);
	background: -webkit-linear-gradient(151deg, rgba(45,90,114,1) 0%, rgba(184,159,93,1) 100%);
	background: linear-gradient(152deg, rgba(45,90,114,1) 0%, rgba(184,159,93,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d5a72",endColorstr="#b89f5d",GradientType=1);
	width: auto;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0.7;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-end;
}

.content_layer_div {
	position: absolute;
	z-index: 2;
	bottom: 7vw;
	left: 10%;
	right: 20%;
}

.content_layer_div p.h1 {
	color: #ffffff;
	text-shadow: 1px 3px 5px rgb(0 0 0 / 25%);
}

section.page_content h2 {
	color: #2D5A72;
	font-weight: 600;
}

section.page_content p {
    line-height: 3.5rem;
    letter-spacing: 1px;
}

section.page_content .goldie {
	margin-bottom: -20px;
}

/* Vacatures */
.pijltjeheaders {
    width: 22px;
    /* margin-left: 10px; */
    position: absolute;
    right: 25px;
}

section.vacature_template {
	position: relative;
}

.bolt {
	font-weight: 500;
}

.color_two {
	color: #727272;
}

.color_two .text-right {
	color: #111111;
}

.color_two i {
	color: #b89f5d;
}

.color_two div {
	margin-bottom: 15px;
}

.fixert {
	position: sticky;
	top: 200px;
	margin-top: 50px;
}

p.h5 {
	line-height: 1.5em;
}

@media (max-width: 991px) {
	.taal dropdown {
		float: right;
	}

	.button_bar a.btn {
		width: 100%;
	}

	header.darkHeader .logo {
		max-height: 115px;
	}
	
	.header_spacer {
		height: 129px;
	}

	.vacature-item .equal {
		height: auto!important;
	}

	.whiteborder {
		border-right: none!important;
	}

	.logo {
		margin-top: 0px;
		margin-bottom: 15px;
		max-height: 150px;
	}

	.panel_botmenu .menu_resizer {
		height: 16vh;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-end;
		justify-content: flex-end;
		align-items: flex-end;
		bottom: -70px;
	}
}

@media (max-width: 767px) {
	.abrido .panel_menu .panel_botmenu {
		margin: 0px 0 0 0;
		transition: 1s;
	}

	.panel_menu .menu_title {
		font-size: 25px;
		line-height: 30px;
		font-weight: 600;
		color: #FFF;
		letter-spacing: 3px;
		text-transform: uppercase;
		margin: 0px 0 4px 5px;
	}

	.panel_botmenu .navbar-nav li a {
		color: #ffffff;
		font-weight: 400;
		padding: 6px 8px;
		font-size: 16px;
	}

	.logo {
		max-height: 115px;
	}

	.abrido img.logo {
		max-height: 100px;
	}

	.abrido .panel_menu .panel_topmenu {
		margin: 60px 0;
	}	

	.panel_foot .col {
		width: 100vw;
	}

	.mobile_new_btn button {
		color: #000;
		background: transparent;
		border-width: 0px;
		border-style: solid;
		border-color: #000;
		position: relative;
		margin: 1.3em	 0em;
	}

	section.blue_bg {
		background-color: #2D5A72;
		padding: 40px 0px 70px;
	}

	section.blue_bg p.h2 {
		text-transform: uppercase;
		font-weight: 600;
		font-size: 23px;
		line-height: 28px;
	}

	section.blue_bg a.btn {
		width: 100%;
		margin-bottom: 1px;
	}

	section.blue_bg .headerbg {
		background-position: center!important;
	}

	.panel_botmenu .menu_resizer {
		height: 16vh;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: flex-end;
		align-items: flex-start;
		bottom: -70px;
		text-align: left;
		padding-left: 25px;
	}

	.panel_botmenu .titler {
		font-weight: 600;
		font-size: 26px;
		margin-bottom: 5px;
		color: #77a9a0;
	}

	.col-mob-left {
		text-align: left;
		margin-bottom: 15px;
	}

	.form_searcher .form_field {
		padding: 0px 10px!important;
	}

	.form_searcher .form_field .form-control {
		width: 100%!important;
	}

	h1.color2 {
		margin-top: 0px;
	}

	.hidden-print .btn-custom3 {
		font-weight: 500;
	}

	.content_layer_div p.h1 {
		font-size: 30px;
	}

	.content_layer_div {
		left: 3%;
		right: 8%;
	}

	.mobile_new_panel .panel_img {
		position: absolute;
		right: auto;
		bottom: 0%;
		left: 0%;
		top: auto;
		pointer-events: none;
		height: 53vh;
		opacity: 0.09;
	}

	.contentspacert {
		height: 78px;
	}

	.smallerheadertitle .tophead {
		font-size: 1em!important;
		text-align: right;
	}

	.smallerheadertitle .carousel-caption {
		right: 24px;
	}

	.blue_bgv2 a.btn {
		width: 100%;
		margin-bottom: 5px;
	}

	section.uspblok .wrap {
		display: block;
		background: #FFF;
		margin: 30px 0;
	}

	section.uspblok .wrap {
		display: block;
		background: #FFF;
		margin: 30px 0;
		font-size: 20px;
		line-height: 20px;
		padding: 7px 30px 50px;
	}

	section.uspblok .wrap h2 {
		font-size: 33px;
		line-height: 32px;
		font-weight: 600;
		margin: 0 0 30px 0;
		color: #2d5a72;
	}

	.greenborderbottom .item-flexbox {
		width: 100%;
	}
}