/* [ALGEMEEN] */
body {
	position   : relative;
	background : #FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size  : 14px;
	line-height: 22px;
	color      : #383838;
	margin     : 0;
	font-weight: 400;
}

body.noscroll {
	overflow: hidden;
}

a {
	color             : #BC004D;
	-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 {
	color: #BC004D;
}

.toppert{
	margin-top:15px
}

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

h1 {
	font-size     : 30px;
	line-height   : 30px;
	text-transform: uppercase;
	margin        : 0 0 30px 0;
}

h1.title {
	position   : relative;
	z-index    : 1;
	color      : #3B336A;
	line-height: 40px;
	margin     : 0 0 30px 40px;
}

h1.title::before {
	position : absolute;
	display  : inline-block;
	content  : "•";
	font-size: 77px;
	color    : #BC004D;
	left     : -40px;
	top      : -3px;
}

h2 {
	font-size     : 30px;
	line-height   : 30px;
	text-transform: uppercase;
	margin        : 0 0 30px 0;
}

h2.title {
	position   : relative;
	z-index    : 1;
	display    : inline-block;
	color      : #3B336A;
	line-height: 40px;
	margin     : 0 0 20px 40px;
}

h2.title::before {
	position : absolute;
	display  : block;
	content: "•";
	font-size: 77px;
	color    : #BC004D;
	left     : -40px;
	top      : -4px;
}

h3 {}

h4,
h5,
h6 {}

#footer .footer_bottom_txt label{
	font-size: 16px;
	padding-top: 0;
}

.contentarea h2 {
	font-size     : 18px;
	margin        : 10px 0 5px 0;
	text-transform: none;
}

.contentarea h3,
.contentarea h4,
.contentarea h5,
.contentarea h6 {
	font-size     : 16px;
	margin        : 10px 0 5px 0;
	text-transform: none;
}

.contentarea blockquote {
	font-size  : 26px;
	line-height: 30px;
	font-weight: 700;
	padding    : 0;
	margin     : 0 0 15px;
	border-left: 0;
}

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

.rel {
	position: relative;
}

.spacer {
	height: 30px;
}

.spacertiny {
	height: 7.5px;
}

.spacersmall {
	height: 15px;
}

.spacerbig {
	height: 60px;
}

.align-center {
	text-align: center;
}

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

.align-right {
	text-align: right;
}

.lessmarg {
	padding: 60px 0 !important;
}

.lessermarg {
	padding: 60px 0 15px 0 !important;
}

.block {
	display: block;
}

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

a.offerteaanvraag_mobile {
	display: none;
}

@media(max-width: 414px) {
	a.offerteaanvraag_mobile {
		position      : fixed;
		bottom        : 0;
		left          : 0;
		display       : block;
		z-index       : 9991;
		width         : 100%;
		background    : #65B24F;
		color         : #FFF;
		padding       : 10px;
		text-align    : center;
		text-transform: uppercase;
		font-weight   : 700;
	}

	a.offerteaanvraag_mobile i {
		margin: 0 0 0 5px;
	}

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

.bewerk_title .icons {
	z-index: 9;
}

.aangenaam {
	font-family   : 'PT Sans', sans-serif;
	font-size     : 30px;
	font-weight   : 700;
	line-height   : 30px;
	color         : #3B336A;
	text-transform: uppercase;
	margin        : 0 0 30px 0;
}

.aangenaam .paars {
	color: #BC004D;
}

/* [NOTIFICATIEBALK] */
a.notificatiebalk {
	position: relative;
	display: block;
	background-color: #BC004D;
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	border: 2px solid #BC004D;
}

a.notificatiebalk:hover,
a.notificatiebalk:focus {
	background-color: #FFF;
	color: #BC004D
}

/* [HEADER] */
header.header {
	padding: 15px 0;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow   : 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow        : 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

header.header .header_logo {
	display       : block;
	transition    : filter .25s ease-in-out;
	-webkit-filter: grayscale(0%);
	-moz-filter   : grayscale(0%);
	-ms-filter    : grayscale(0%);
	-o-filter     : grayscale(0%);
	filter        : grayscale(0%);
}

header.header .header_logo:hover,
header.header .header_logo:focus,
header.header .header_logo:active {
	-webkit-filter: grayscale(75%);
	-moz-filter   : grayscale(75%);
	-ms-filter    : grayscale(75%);
	-o-filter     : grayscale(75%);
	filter        : grayscale(75%);
}

ul.headlist {
	list-style-type: none;
	padding-left   : 0;
	margin         : 9px 0;
}

ul.headlist li {
	display: inline;
	margin : 0 30px 0 0;
}

li.tel .svg-inline--fa {
	color : #BC004D;
	margin: 0 15px 0 0;
}

ul.headlist li.tel a {
	display       : inline-block;
	color         : #383838;
	font-family   : 'PT Sans', sans-serif;
	font-weight   : 400;
	font-size     : 18px;
	line-height   : 18px;
	vertical-align: middle;
}

ul.headlist li.tel a:hover,
ul.headlist li.tel a:focus,
ul.headlist li.tel a:active {
	text-decoration: none;
	color          : #BC004D;
}

ul.headlist li.gratis a {
	display           : inline-block;
	background        : #65B24F;
	border            : 2px solid #65B24F;
	color             : #FFF;
	padding           : 10px 30px;
	border-radius     : 30px;
	font-family       : 'PT Sans', sans-serif;
	font-size         : 12px;
	font-weight       : 700;
	text-transform    : uppercase;
	-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);
	-webkit-transition: all .2s;
	-moz-transition   : all .2s;
	-ms-transition    : all .2s;
	-o-transition     : all .2s;
	transition        : all .2s;
}

ul.headlist li.gratis a:hover,
ul.headlist li.gratis a:focus,
ul.headlist li.gratis a:active {
	text-decoration: none;
	background     : #FFF;
	color          : #65B24F;
}

ul.headlist li.gratis a .svg-inline--fa {
	margin: 0 0 0 15px;
}

.fadehead,
.fadeheadsub {
	position : relative;
	max-width: 100% !important;
}

.fadehead .container-fluid,
.fadeheadsub .container-fluid {
	padding-right: 0px !important;
	padding-left : 0px !important;
}

.scrolldown {
	position          : absolute;
	z-index           : 999;
	bottom            : 0;
	margin-bottom     : -15px;
	left              : 40%;
	margin-left       : -57px;
	display           : block;
	color             : #FFF;
	background        : #BC004D;
	padding           : 30px;
	cursor            : pointer;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow   : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow    : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow     : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.2s;
	-moz-transition   : all 0.2s;
	-ms-transition    : all 0.2s;
	-o-transition     : all 0.2s;
	transition        : all 0.2s;
}

.scrolldown svg {
	position   : inherit;
	top        : 50%;
	margin-top : -13px;
	left       : 50%;
	margin-left: -13px;
	font-size  : 30px;
	color      : #FFF;
}

.scrolldown:hover,
.scrolldown:focus,
.scrolldown:active {
	background: #3B336A;
}

.scrolldown:hover svg,
.scrolldown:focus svg,
.scrolldown:active svg {
	color: #FFF;
}

.scrolldown .scrolltext {
	position      : absolute;
	top           : 5px;
	left          : 80px;
	width         : 250px;
	font-family   : 'PT Sans', sans-serif;
	font-size     : 14px;
	font-weight   : 700;
	pointer-events: none;
}

.concept {
	position          : absolute;
	display           : block;
	background        : #908E8E;
	right             : 0;
	bottom            : -15px;
	font-family       : 'PT Sans', sans-serif;
	color             : #FFF;
	padding           : 30px 30px 15px 30px;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow   : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow    : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow     : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.concept .toptitle {
	font-size  : 18px;
	font-weight: 400;
	font-style : italic;
}

.concept .title {
	font-size  : 22px;
	font-weight: 700;
	margin     : 5px 0 10px 0;
}

.concept .title span.purple {
	color: #BC004D;
}

.concept .content {
	font-size  : 16px;
	font-weight: 400;
	margin     : 0 0 10px 0;
}

.concept .btns {
	text-align: right;
}

.concept .btns .btn-custom1 {
	box-shadow: unset;
}

/* [MENU] */
.button_container {
	top     : 10px;
	right   : 20px;
	width   : 50px;
	height  : 50px;
	border  : 2px solid #3B336A;
	position: absolute;
	cursor  : pointer;
	z-index : 9999;
	overflow: hidden;
}

.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             : #3B336A;
	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             : #3B336A;
	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: #3B336A;
	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 .button_container {
	top     : -5px;
	right   : 5px;
	width   : 50px;
	height  : 50px;
	border  : 2px solid #FFF;
	position: absolute;
}

.menu #line_one,
.menu #line_two {
	background: #FFF;
}

.menu.adminspace {
	top: 26px
}

.menu {
	opacity           : 0;
	visibility        : hidden;
	pointer-events    : none;
	overflow-x        : hidden;
	display           : block;
	position          : fixed;
	z-index           : 9999;
	width             : 100%;
	height            : 100vh;
	padding           : 30px;
	top               : 0;
	left              : 0;
	background        : rgb(188, 0, 77);
	background        : linear-gradient(45deg, rgba(188, 0, 77, 1) 0%, rgba(59, 51, 106, 1) 100%);
	-webkit-transition: all 0.5s ease;
	transition        : all 0.5s ease;
}

.menu.open {
	opacity       : 1;
	visibility    : visible;
	pointer-events: auto;
}

.menu img.footerbgimg {
	position      : absolute;
	display       : block;
	z-index       : 0;
	pointer-events: none;
	width         : auto;
	height        : 350px;
	bottom        : 60px;
	left          : -120px;
}

.menu .top {
	display: block;
	width  : 100%;
}

.menu ul.headlist {
	margin: 0;
}

.menu ul.headlist li.gratis a {
	padding: 6px 30px;
}

.menu ul.headlist li.tel .svg-inline--fa {
	color : #FFF;
	margin: 0 15px 0 0;
}

.menu ul.headlist li.tel a {
	position: relative;
	color   : #FFF;
}

.menu ul.headlist li.tel a::before {
	content   : "";
	position  : absolute;
	left      : 0;
	bottom    : -2px;
	width     : 0%;
	height    : 1px;
	background: #FFF;
	transition: all 0.4s ease;
}

.menu ul.headlist li.tel a:hover::before,
.menu ul.headlist li.tel a:focus::before,
.menu ul.headlist li.tel a:active::before {
	width: 100%;
}

.menu .middle {
	margin : 90px 0;
	display: block;
}

.menu .middle ul.mainmenu {
	list-style-type: none;
	padding-left   : 0;
	margin         : 0;
	display        : block;
	width          : 100%;
}

.menu .middle ul.mainmenu li {
	display       : inline-block;
	vertical-align: top;
	margin        : 0 50px 0 0;
}

.menu .middle ul.mainmenu li a {
	position      : relative;
	color         : #FFF;
	text-transform: uppercase;
	font-size     : 16px;
	font-weight   : 400;
}

.menu .middle ul.mainmenu li a .svg-inline--fa {
	font-size: 12px;
	margin   : 0 0 2px 5px;
}

.menu .middle ul.mainmenu li a:hover,
.menu .middle ul.mainmenu li a:focus,
.menu .middle ul.mainmenu li a:active {
	text-decoration: none;
}

.menu .middle ul.mainmenu li a::before {
	content   : "";
	position  : absolute;
	left      : 0;
	bottom    : -2px;
	width     : 0%;
	height    : 1px;
	background: #FFF;
	transition: all 0.4s ease;
}

.menu .middle ul.mainmenu li a:hover::before,
.menu .middle ul.mainmenu li a:focus::before,
.menu .middle ul.mainmenu li a:active::before {
	width: 100%;
}

.menu .middle ul.mainmenu li a.active::before {
	width: 100%;
}

.menu .middle ul.mainmenu li a.active:hover::before,
.menu .middle ul.mainmenu li a.active:focus::before,
.menu .middle ul.mainmenu li a.active:active::before {
	width: 0%;
}

.menu .middle ul.mainmenu li ul.mainmenu_sub {
	display        : block;
	list-style-type: none;
	padding-left   : 0;
	margin         : 30px 0;
}

.menu .middle ul.mainmenu li ul.mainmenu_sub li {
	display: block;
	margin : 0 0 5px 0;
}

.menu .middle ul.mainmenu li ul.mainmenu_sub li a {
	font-size     : 16px;
	font-weight   : 400;
	text-transform: none;
}

.menu .bottom {
	position: absolute;
	display : block;
	width   : 100%;
	bottom  : 60px;
	left    : 0;
}

.menu .footer_bottom_txt {
	font-size  : 26px;
	line-height: 30px;
	font-weight: 400;
	color      : #FFF;
	margin     : 0 0 30px 0;
}

ul.socials {
	list-style-type: none;
	padding-left   : 0;
	margin         : 0;
}

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

ul.socials li a {
	display    : inline-block;
	color      : #FFF;
	font-size  : 40px;
	line-height: 40px;
}

ul.socials li a:hover,
ul.socials li a:focus,
ul.socials li a:active {
	text-decoration: none;
	color          : #615898 !important;
}

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

section.projects .kies-projects .title {
	display: none;
}

section.covid {
	position  : relative;
	padding   : 30px 0 15px 0;
	background: #ffcfb9;
}

section.covid .fa-exclamation-triangle {
	position   : absolute;
	top        : 7px;
	left       : -35px;
	display    : block;
	font-size  : 30px;
	font-weight: 700;
}

section.covid .covidcontent {
	display    : block;
	font-size  : 16px;
	line-height: 21px;
}

section.covid .covidcontent a {
	font-size  : 16px;
	line-height: 21px;
	font-weight: 700;
}

section.greybg {
	background: #EDEAF0;
}

@media screen and (min-width:992px) {
	.greybg-md {
		background: #EDEAF0;
	}
}

section.bluelightbg {
	background: #3B79BB;
}

section.bluelightbg_downloads {
	background: rgba(59, 121, 187, 0.5);
}

section.greenlightbg {
	background: #449d67;
}

section.greenlightbg_downloads {
	background: rgba(68, 157, 103, 0.5);
}

section.yellowlightbg {
	background: #ecb856;
}

section.yellowlightbg_downloads {
	background: rgba(236, 184, 86, 0.5);
}

section.darkbluelightbg {
	background: #3c79bc;
}

section.darkbluelightbg_downloads {
	background: rgba(60, 121, 188, 0.5);
}

section.pinklightbg {
	background: #ce0443;
}

section.pinklightbg_downloads {
	background: rgba(206, 4, 67, 0.5);
}

section.purplelightbg {
	background: #3e346a;
}

section.purplelightbg_downloads {
	background: rgba(62, 52, 106, 0.5);
}

section.purplelightbg .white,
section.pinklightbg .white,
section.darkbluelightbg .white,
section.yellowlightbg .white,
section.greenlightbg .white,
section.bluelightbg .white,
section.purplelightbg_downloads .white,
section.pinklightbg_downloads .white,
section.darkbluelightbg_downloads .white,
section.yellowlightbg_downloads .white,
section.greenlightbg_downloads .white,
section.bluelightbg_downloads .white {
	color: #FFF;
}

section.purplelightbg h2.title,
section.pinklightbg h2.title,
section.darkbluelightbg h2.title,
section.yellowlightbg h2.title,
section.greenlightbg h2.title,
section.bluelightbg h2.title,
section.purplelightbg_downloads h2.title,
section.pinklightbg_downloads h2.title,
section.darkbluelightbg_downloads h2.title,
section.yellowlightbg_downloads h2.title,
section.greenlightbg_downloads h2.title,
section.bluelightbg_downloads h2.title {
	color: #FFF;
}

section.purplelightbg h3.whitetitle,
section.pinklightbg h3.whitetitle,
section.darkbluelightbg h3.whitetitle,
section.yellowlightbg h3.whitetitle,
section.greenlightbg h3.whitetitle,
section.bluelightbg h3.whitetitle,
section.purplelightbg_downloads h3.whitetitle,
section.pinklightbg_downloads h3.whitetitle,
section.darkbluelightbg_downloads h3.whitetitle,
section.yellowlightbg_downloads h3.whitetitle,
section.greenlightbg_downloads h3.whitetitle,
section.bluelightbg_downloads h3.whitetitle {
	margin: 0 0 15px 0;
}

section.purplelightbg .svg-inline--fa,
section.pinklightbg .svg-inline--fa,
section.darkbluelightbg .svg-inline--fa,
section.yellowlightbg .svg-inline--fa,
section.greenlightbg .svg-inline--fa,
section.bluelightbg .svg-inline--fa,
section.purplelightbg_downloads .svg-inline--fa,
section.pinklightbg_downloads .svg-inline--fa,
section.darkbluelightbg_downloads .svg-inline--fa,
section.yellowlightbg_downloads .svg-inline--fa,
section.greenlightbg_downloads .svg-inline--fa,
section.bluelightbg_downloads .svg-inline--fa {
	font-size: 20px;
	margin   : 5px 0 0 0;
}

section.purplelightbg .infotitle,
section.pinklightbg .infotitle,
section.darkbluelightbg .infotitle,
section.yellowlightbg .infotitle,
section.greenlightbg .infotitle,
section.bluelightbg .infotitle,
section.purplelightbg_downloads .infotitle,
section.pinklightbg_downloads .infotitle,
section.darkbluelightbg_downloads .infotitle,
section.yellowlightbg_downloads .infotitle,
section.greenlightbg_downloads .infotitle,
section.bluelightbg_downloads .infotitle {
	font-family   : 'PT Sans', sans-serif;
	font-size     : 18px;
	font-weight   : 700;
	line-height   : 18px;
	text-transform: uppercase;
	margin        : 0 0 30px 0;
}

.hideicon .svg-inline--fa {
	display: none;
}

section.bluewhitebg {
	background: -webkit-linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
	background: -moz-linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
	background: -ms-linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
	background: -o-linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
	background: linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
}

section.whitegreybg {
	background: -webkit-linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
	background: -moz-linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
	background: -ms-linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
	background: -o-linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
	background: linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
}

@media screen and (min-width: 992px) {
	section.whitegreybgsplit {
		background: #ffffff;
	}
}

section.bluewhitebg .white {
	color: #FFF;
}

section.redbg {
	background-color: #BC004D;
	color           : #fff;
}

.white .edithtml input,
section.bluewhitebg .white .edithtml input {
	color: #383838;
}

section.bluewhitebg .white h2.title {
	color: #FFF;
}

section.bluewhitebg .whitebg h3.title {
	color      : #3B336A;
	font-size  : 30px;
	line-height: 30px;
	font-weight: 700;
	margin     : 0 0 30px 0;
}

section.bluewhitebg .spacerbox {
	padding: 0 0 0 30px;
}

section.bluewhitebg .whitebg h4.title {
	color      : #BC004D;
	font-size  : 20px;
	line-height: 20px;
	font-weight: 700;
	margin     : 0 0 15px 0;
	min-height : 40px;
}

section.bluewhitebg .iconwrap {
	display       : inline-block;
	width         : 25%;
	vertical-align: top;
}

section.bluewhitebg .iconwrap img {
	margin: 0 0 0 0;
}

section.bluewhitebg .contentwrap {
	display: inline-block;
	width  : 65%;
}

section.page .imagewrap {
	position          : relative;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow   : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow    : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow     : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

section.page .imagewrap .iw-pos {
	position: absolute;
	right   : 15px;
	bottom  : -23px;
}

section.page .blockbtn a {
	display: block;
	width  : 100%;
	margin : 0 0 10px 0;
}

section.fadehead-home {
	position: relative;
	height  : 540px;
}

section.fadehead-home .carousel-inner .container {
	width: auto !important;
}

section.fadehead-home .carousel-indicators {
	display: none;
}

section.fadehead-home .editheader {
	top: 15px;
}

section.fadehead-home .carousel-caption {
	top       : 32px;
	padding   : 0;
	text-align: center;
}

section.fadehead-home .carousel,
section.fadehead-home .carousel-inner,
section.fadehead-home .carousel-inner .item,
section.fadehead-home .carousel-inner .item>img {
	height         : 100%;
	object-fit     : cover;
	object-position: 50%;
}

section.fadehead-home .carousel-inner .item>img {
	width: 100%;
}

section.disciplines {
	position: absolute;
	top     : 128px;
	left    : 0;
	width   : 100%;
}

@media screen and (min-width: 992px) {
	section.fadehead-home {
		max-height: 480px;
		overflow  : hidden;
	}

	section.fadehead-home .carousel-caption {
		top: 64px;
	}

	section.disciplines {
		top: 176px;
	}
}

section.disciplines p.h1,
section.disciplines p.h2 {
	color      : #ffffff;
	text-shadow: 1px 2px 6px rgb(0 0 0 / 47%);
}

section.disciplines p.h1 {
	font-size     : 48px;
	font-weight   : 600;
	text-transform: uppercase;
	margin-top    : 10px;
}

section.disciplines p.h2 {
	font-size  : 33px;
	font-weight: 400;
}

section.disciplines .flex_row {
	display        : flex;
	flex-direction : row;
	flex-wrap      : wrap;
	justify-content: center;
	padding-top    : 42px;
}

section.disciplines .flex_row>* {
	flex-basis: 33%;
	margin    : 8px auto;
}

section.disciplines .flex_row .boxy_discipline {
	margin: 0 auto;
}

@media screen and (min-width: 992px) {
	section.disciplines .flex_row>* {
		flex-basis: 15%;
	}
}

section.disciplines .boxy_discipline {
	background: #ffffff;
	box-shadow: 2px 3px 8px rgb(0 0 0 / 15%);
	padding   : 8px 6px;
	text-align: center;
	width     : auto;
	min-width : 119px;
	max-width : 120px;
	min-height: 105px;
}

section.disciplines a.discipline_link .boxy_discipline,
section.disciplines a.discipline_link:hover .boxy_discipline,
section.disciplines a.discipline_link:hover,
section.disciplines a.discipline_link .boxy_discipline .small_discipline {
	text-decoration: none !important;
	transition     : transform 300ms;
}

section.disciplines a.discipline_link:active,
section.disciplines a.discipline_link:focus,
section.disciplines a.discipline_link:hover {
	transform: scale(1.1);
}

section.disciplines .boxy_discipline .discipline_svg {
	max-width    : 150px;
	max-height   : 150px;
	margin-bottom: 4px;
}

section.disciplines .boxy_discipline .small_discipline {
	font-family    : 'PT Sans', sans-serif;
	text-transform : uppercase;
	color          : #3B336A;
	font-weight    : 600;
	font-size      : 13px;
	text-decoration: none !important;
}

section.disciplines .boxy_discipline .small_discipline {
	text-decoration: none !important;
}

section.first_content {}

@media screen and (min-width: 992px) {
	section.first_content h2.title {
		margin-top : 6px;
		margin-left: 56px;
	}
}

section.first_content p {
	font-size  : 16px;
	line-height: 1.75;

	padding-right: 3rem;
}

section.first_content h1.title {
	font-size    : 24px;
	line-height  : 1.25;
	padding-right: 3rem;
}

section.first_content .content_wrapper .content {
	display: none;
}

section.first_content .content_wrapper {
	padding-bottom: 15px;
}

section.first_content .nieuwskies_wrapper .content_wrapper h3.title {
	font-size  : 14px;
	line-height: 1.25;
	text-align : center;
	font-weight: 400;
	margin     : 0 0 8px 0;
}

section.first_content .nieuwsenkennis_wrapper .content_wrapper {
	display: block;
	width  : 100%;
	padding: 60px 30px 14px;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	section.first_content .nieuwskies_positionmodule_wrapper>* {
		width: 50%;
	}

	section.first_content .nieuwskies_positionmodule_wrapper>*:last-child {
		display: none;
	}
}

section.quick_go {
	background: #eeeef3;
	padding   : 30px 0 30px;
}

section.quick_go h2 {
	color: #3b336a;
	margin: 0;
}

section.team_img img.img-responsive {
	width: 100%;
}

section.page .img-content-content p.h1 {
	color: #f6f6f6;
    line-height: 40px;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

section.page .img-content-content p.p {
	font-size: 17px;
    font-weight: 600;
}

section.purple-bannert a.btn-custom3 {
	color: #65b250;
}

section.purple-bannert a.btn-custom3:hover {
	background: #65b250;
	color: #fff;
	border-color: #65b250;
}

section.img_solid {
	background         : url(img/img-solid.jpg);
	background-repeat  : no-repeat;
	background-position: center;
	background-size    : cover;
	padding            : 70px 0 80px;
}

section.redbg h2.title::before {
	color: #3B336A;
}

section.redbg h2.title {
	color: #fff;
}

.relative {
	position: relative;
}

section.img_solid h2.title,
section.img_solid p {
	color: #ffffff;
}

.img-overlay-red::after {
	content         : '';
	position        : absolute;
	top             : 0;
	left            : 0;
	height          : 100%;
	width           : 100%;
	background-color: #BC004D;
	opacity         : 0.5;
}

section img.section-background,
section .section-background img {
	position       : absolute;
	top            : 0;
	left           : 0;
	object-fit     : cover;
	object-position: 50%;
	height         : 100%;
	width          : 100%;
	z-index        : 0;
}

body:not(.is-admin) section img.section-background-split,
body:not(.is-admin) section .section-background-split img {
	object-fit     : cover;
	object-position: 50%;
	height         : 250px;
	width          : 100%;
}

body:not(.is-admin) section img.section-background-md,
body:not(.is-admin) section .section-background-md img {
	position       : absolute;
	top            : 0;
	left           : 0;
	object-fit     : cover;
	object-position: 50%;
	height         : 45%;
	width          : 100%;
}

.img-overlay-red.section-background-md::after {
	height: 45%;
}

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

	.img-overlay-red.section-background-md::after {
		height: 100%;
		width : 50%;
	}

	body:not(.is-admin) section img.section-background-split,
	body:not(.is-admin) section .section-background-split img {
		position: absolute;
		top     : 0;
		left    : 0;
		height  : 100%;
		width   : 50%;
	}

	body:not(.is-admin) section img.section-background-md,
	body:not(.is-admin) section .section-background-md img {
		height: 100%;
		width : 50%;
	}

	section.bgimg_whitebg {
		background         : url(img/bgimg_v4.jpg);
		background-size    : 49%;
		background-position: left;
		background-repeat  : no-repeat;
	}
}

section.page .nieuwskies_wrapper {
	/* margin-bottom: 40px; */
}

section.bgimg_whitebg p.h1 {
	color         : #fff;
	text-align    : center;
	font-size     : 4em;
	text-transform: uppercase;
	padding       : 0px 15px;
}

section.bgimg_whitebg .cta-er p.h2 {
	color: #fff;
}

section.bgimg_whitebg .cta-er a.btn-custom1 {
	color     : #BC004D;
	background: #ffffff;
}

section.bgimg_whitebg .inliner-ptext {
	text-transform: uppercase;
	margin-top    : -22px;
	padding-left  : 43px;
	margin-bottom : 30px;
}

section.quick_go .product_titler {
	background-color: #fff;
	padding         : 15px;
}

section.quick_go .product_imger_btn {
	text-align: center;
	margin    : 0 auto;
	float     : none;
	display   : table;
	margin-top: -20px;
	z-index   : 3;
	position  : relative;
}

.waarom_klimaat_icons {
	padding: 0px;
}

.waarom_klimaat_icons .special_pad {
	padding: 13px 37px;
}

.waarom_klimaat_icons .iconwrap {
	text-align: center;
}

.waarom_klimaat_icons .iconwrap img {
	max-height: 75px;
	width     : 100%;
	max-width : 80px;
	height    : 100%;
}

.waarom_klimaat_icons .contentwrap h4 {
	text-align: center;
	color     : #BC004D;
	font-size : 16px;
}

h2.branchetitle {
	font-family    : 'Source Sans Pro', sans-serif;
	font-size      : 26px;
	font-weight    : 700;
	text-transform : none;
	text-decoration: none;
}

.purptitle h3.title,
.purptitle h3.titlecollapse {
	color  : #BC004D;
	margin : 0 0 15px 0;
	padding: 0 30px 0 0;
}

.collapsible {
	position: relative;
	cursor  : pointer;
}

.collapsible .titlecollapse {
	-webkit-transition: all .5s;
	-moz-transition   : all .5s;
	-ms-transition    : all .5s;
	-o-transition     : all .5s;
	transition        : all .5s;
}

.collapsible.active .titlecollapse {
	color: #3B336A;

}

.collapsible .svg-inline--fa {
	position : absolute;
	top      : 5px;
	right    : 5px;
	font-size: 20px;
}

.collapsible .fa-plus {
	visibility        : visible;
	opacity           : 1;
	color             : #3B336A;
	-webkit-transition: all .2s;
	-moz-transition   : all .2s;
	-ms-transition    : all .2s;
	-o-transition     : all .2s;
	transition        : all .2s;
}

.collapsible.active .fa-plus {
	visibility: hidden;
	opacity   : 0
}

.collapsible .fa-minus {
	visibility        : hidden;
	opacity           : 0;
	color             : #BC004D;
	-webkit-transition: all .2s;
	-moz-transition   : all .2s;
	-ms-transition    : all .2s;
	-o-transition     : all .2s;
	transition        : all .2s;
}

.collapsible.active .fa-minus {
	visibility: visible;
	opacity   : 1;
}

.collapsible .contentcollapse {
	display: none;
}

section.greyimgbg {
	padding            : 60px 0;
	background         : url('img/bg_fadeheader.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

section.greyimgbg.greenbg {
	padding            : 60px 0;
	background         : url('img/bg_groen.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

section.greyimgbg.yellowbg {
	padding            : 60px 0;
	background         : url('img/bg_geel.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

section.greyimgbg.darkbluebg {
	padding            : 60px 0;
	background         : url('img/bg_blauw.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

section.greyimgbg.pinkbg {
	padding            : 60px 0;
	background         : url('img/bg_roze.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

section.greyimgbg .toptitle {
	color      : #FFF;
	font-size  : 50px;
	line-height: 50px;
	font-weight: 700;
	margin     : 0 0 10px 0;
}

section.greyimgbg .bottomtitle {
	color      : #FFF;
	font-size  : 30px;
	line-height: 30px;
	font-weight: 600;
}

section.greyimgbg a.btn-custom1 {
	margin: 30px 0 0 0;
}

ul.subpages {
	list-style-type: none;
	padding-left   : 0;
	margin         : 0;
}

ul.subpages li {
	display: inline-block;
	margin : 0 10px 15px 0;
}

ul.subpages li a {
	display           : inline-block;
	background        : #4A8BD1;
	color             : #FFF;
	padding           : 8px 32px;
	border-radius     : 30px;
	font-size         : 16px;
	font-weight       : 600;
	text-transform    : normal;
	-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);
	-webkit-transition: all .2s;
	-moz-transition   : all .2s;
	-ms-transition    : all .2s;
	-o-transition     : all .2s;
	transition        : all .2s;
}

ul.subpages li a .svg-inline--fa {
	font-size: 12px;
	margin   : 0 0 0 5px;
}

ul.subpages li a:hover,
ul.subpages li a:focus,
ul.subpages li a:active {
	text-decoration: none;
	background     : #FFF;
	color          : #4A8BD1;
}

.pinklist ul.subpages li a {
	background: #ce0443;
}

.pinklist ul.subpages li a:hover,
.pinklist ul.subpages li a:focus,
.pinklist ul.subpages li a:active {
	background: #FFF;
	color     : #ce0443;
}

.greenlist ul.subpages li a {
	background: #449d67;
}

.greenlist ul.subpages li a:hover,
.greenlist ul.subpages li a:focus,
.greenlist ul.subpages li a:active {
	background: #FFF;
	color     : #449d67;
}

.yellowlist ul.subpages li a {
	background: #ecb856;
}

.yellowlist ul.subpages li a:hover,
.yellowlist ul.subpages li a:focus,
.yellowlist ul.subpages li a:active {
	background: #FFF;
	color     : #ecb856;
}

.darkbluelist ul.subpages li a {
	background: #3c79bc;
}

.darkbluelist ul.subpages li a:hover,
.darkbluelist ul.subpages li a:focus,
.darkbluelist ul.subpages li a:active {
	background: #FFF;
	color     : #3c79bc;
}

.purplelist ul.subpages li a {
	background: #3e346a;
}

.purplelist ul.subpages li a:hover,
.purplelist ul.subpages li a:focus,
.purplelist ul.subpages li a:active {
	background: #FFF;
	color     : #3e346a;
}

.nawdata h2 {
	font-size     : 22px;
	line-height   : 27px;
	margin        : 0 0 15px 0;
	text-transform: none;
	color         : #3B336A;
}

.nawdata ul {
	list-style-type: none;
	padding-left   : 0;
	margin         : 0;
}

.nawdata ul li {
	margin: 0 0 4px 0;
}

.nawdata ul li .svg-inline--fa {
	margin: 0 15px 0 0;
}

.comfortconcepten h2 {
	text-transform: none;
	font-size     : 22px;
	line-height   : 22px;
	margin        : 0 0 15px 0;
}

.vaccontentwrap {
	position: relative;
	float   : left;
	display : block;
	clear   : both;
	width   : 100%;
	margin  : 0 0 30px 0;
}

.vaccontentwrap img.img-responsive {
	width : 100%;
	height: auto;
}

/* [NIEUWSKIES] */
.nieuwskies_wrapper {
	background        : #FFF;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow   : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow    : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow     : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.nieuwskies_wrapper .img_wrapper {
	position   : relative;
	display    : block;
	width      : 100%;
	padding-top: 75%;
}

.nieuwskies_wrapper .img_wrapper .btns {
	position     : absolute;
	bottom       : 0;
	left         : 0;
	display      : block;
	width        : 100%;
	margin-bottom: -23px;
	text-align   : center;
}

.nieuwskies_wrapper .content_wrapper {
	display: block;
	width  : 100%;
	padding: 48px 30px;
}

.kies-projects .nieuwskies_wrapper .content_wrapper {
	padding: 48px 30px 30px;
}

.nieuwskies_wrapper .content_wrapper h3.title {
	font-size  : 22px;
	line-height: 27px;
	text-align : center;
	margin     : 0 0 10px 0;
}

.nieuwskies_wrapper .content_wrapper .content {
	text-align: center;
}

/* [INFORMATIEPAKKET] */
section.informatiepakket {
	position  : relative;
	background: #3B79BB;
	display   : none;
	z-index   : 1;
	padding   : 60px 0;
	color     : #FFF;
}

section.informatiepakket div.title {
	font-size     : 30px;
	font-weight   : 700;
	line-height   : 30px;
	text-transform: uppercase;
	text-align    : center;
	color         : #FFF;
	margin        : 0 0 30px 0;
}

section.informatiepakket div.subtitle {
	color      : #FFF;
	font-size  : 16px;
	font-weight: 700;
	margin     : 0 0 30px 0;
}

section.informatiepakket .sluiten {
	color     : #FFF;
	cursor    : pointer;
	margin-top: -5px;
}

section.informatiepakket .sluiten svg {
	font-size: 34px !important;
}

section.informatiepakket label,
section.informatiepakket input {
	font-size: 16px;
	color    : #FFF;
}

section.informatiepakket .mui-textfield--float-label>label {
	color: #FFF;
}

section.informatiepakket .mui-textfield>input,
section.informatiepakket .mui-textfield>textarea {}

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

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

/* [HANDLEIDINGEN] */
div.klimaatcontent {
	border-left        : solid 1px #ddd;
	border-right       : solid 1px #ddd;
	padding            : 0 10px 50px 10px;
	width              : 560px;
	float              : left;
	margin             : 8px 0 8px 30px;
	background-image   : url(img/red_twostripe.png);
	background-repeat  : no-repeat;
	background-position: right bottom;
}

.klimaatimg {
	border       : solid 2px #310056;
	float        : right;
	padding      : 0px;
	margin-right : 30px;
	margin-top   : 15px;
	border-radius: 3px;
}

.handleidingheight .left {
	position    : relative;
	float       : left;
	width       : 360px;
	height      : 260px;
	padding-top : 40px;
	padding-left: 20px;
}

.handleidingheight .left h1 {
	line-height   : 32px !important;
	text-transform: none;
}

.handleidingheight #image {
	position: relative;
	float   : right;
	width   : 500px;
	left    : -20px;
	height  : 280px;
}

.handleidingheight #hmenu {
	position  : relative;
	clear     : both;
	float     : left;
	width     : 200px;
	margin-top: 20px;
	height    : 280px;
}

.handleidingheight #smenu {
	position  : relative;
	float     : left;
	width     : 220px;
	margin-top: 20px;
	height    : 280px;
}

.handleidingheight #manual {
	position   : relative;
	float      : left;
	width      : 500px;
	margin-left: 0px;
	margin-top : 20px;
	height     : 380px;
}

#handleidingmenu,
.submenu {
	padding: 0;
	margin : 0;
	width  : 185px;
}

#handleidingmenu li,
.submenu li {
	margin             : 0;
	padding            : 4px 0px;
	background-repeat  : no-repeat;
	background-position: right 50%;
	list-style         : none !important;
}

#handleidingmenu li:hover,
.submenu li:hover {
	padding           : 4px 0px 4px 14px;
	background-color  : #E5E5E5;
	transition        : all .25s ease-in-out;
	-moz-transition   : all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
}

#handleidingmenu .mactive,
.submenu .mactive {
	background-image : url('../templates/handleidingimg/arrow.png');
	padding          : 4px 0px 4px 14px;
	background-color : #E5E5E5 !important;
	background-repeat: no-repeat;
}

#handleidingmenu li a,
#handleidingmenu .submenu li a {
	color          : #481c5b !important;
	text-decoration: none !important;
	font-family    : "CantarellRegular", Arial, sans-serif;
	display        : block;
}

.handleidingheight #menucontainer {
	display: none;
}

.handleidingheight .sub {
	line-height: 24px !important;
}

.handleidingheight .gray {
	color: #daccdc !important;
}

.handleidingheight .comment {
	color: #8B8B8B !important;
}

.handleidingheight .purple {
	color: #481c5b !important;
}

/* [FOOTER] */
#footer {
	position  : relative;
	display   : block;
	background: rgb(188, 0, 77);
	background: linear-gradient(45deg, rgba(188, 0, 77, 1) 0%, rgba(59, 51, 106, 1) 100%);
	padding   : 60px 0 15px 0;
	color     : #FFF;
	overflow  : hidden;
}

#footer a {
	color: #FFF;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	text-decoration: none;
	color          : #FFF;
}

#footer img.footerbgimg {
	position      : absolute;
	display       : block;
	z-index       : 0;
	pointer-events: none;
	width         : auto;
	height        : 350px;
	bottom        : 60px;
	left          : -120px;
}

#footer .top {
	margin: 0 0 120px 0;
}

#footer .footer_logo {
	display: block;
	margin : 0 0 30px 0;
}

#footer .footer_top_txt {
	font-size     : 16px;
	line-height   : 32px;
	font-weight   : 600;
	text-transform: uppercase;
	margin        : 0 0 30px 0;
}

#footer .footer_bottom_txt {
	font-size  : 26px;
	line-height: 30px;
	font-weight: 400;
	margin     : 0 0 30px 0;
}

#footer .title {
	font-size     : 18px;
	font-weight   : 400;
	margin        : 0 0 30px 0;
	text-transform: uppercase;
}

#footer .top ul.footlist {
	list-style-type: none;
	padding-left   : 0;
	margin         : 0;
}

#footer .top ul.footlist li {
	margin: 0 0 10px 0;
}

#footer .top ul.footlist li a {
	position   : relative;
	display    : inline-block;
	color      : #FFF;
	font-size  : 16px;
	font-weight: 400;
}

#footer .top ul.footlist li a:hover,
#footer .top ul.footlist li a:focus,
#footer .top ul.footlist li a:active {
	color          : #FFF;
	text-decoration: none;
}

#footer .top ul.footlist li a::before {
	content   : "";
	position  : absolute;
	left      : 0;
	bottom    : -2px;
	width     : 0%;
	height    : 1px;
	background: #FFF;
	transition: all 0.4s ease;
}

#footer .top ul.footlist li a:hover::before,
#footer .top ul.footlist li a:focus::before,
#footer .top ul.footlist li a:active::before {
	width: 100%;
}

#footer .bottom ul.footlist {
	list-style-type: none;
	padding-left   : 0;
	margin         : 0;
}

#footer .bottom ul.footlist li {
	display    : inline;
	font-size  : 14px;
	font-weight: 400;
	color      : #FFF;
	margin     : 0 15px 0 0;
	line-height: 14px;
}

#footer .bottom ul.footlist li:last-child {
	margin: 0;
}

#footer .bottom ul.footlist li:after {
	display: inline;
	content: "|";
	margin : 0 0 0 15px;
}

#footer .bottom ul.footlist li:last-child:after {
	content: "";
}

#footer .bottom ul.footlist li a {
	position: relative;
	display : inline-block;
	color   : #FFF;
}

#footer .bottom ul.footlist li a:hover,
#footer .bottom ul.footlist li a:focus,
#footer .bottom ul.footlist li a:active {
	color          : #FFF;
	text-decoration: none;
}

#footer .bottom ul.footlist li a::before {
	content   : "";
	position  : absolute;
	left      : 0;
	bottom    : -4px;
	width     : 0%;
	height    : 1px;
	background: #FFF;
	transition: all 0.4s ease;
}

#footer .bottom ul.footlist li a:hover::before,
#footer .bottom ul.footlist li a:focus::before,
#footer .bottom ul.footlist li a:active::before {
	width: 100%;
}

#footer .footer_top_txt .email {
	width  : 100%;
	padding: 10px 20px;
	color  : #3B336A;
}

#footer .footer_top_txt .btn {
	width : 100%;
	margin: 15px 0 0 0;
}

#footer .footer_top_txt .btn:hover,
#footer .footer_top_txt .btn:focus,
#footer .footer_top_txt .btn:active {
	color: #65B24F;
}

/* [SCROLLAREA] */
.scrollarea {
	position: fixed;
	top     : 90%;
	left    : 1%;
}

.scrollarea svg {
	display: block;
	margin : 2em auto;
}

/*animated scroll arrow animation*/
@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translate(0, -5px);
		opacity          : 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(0, 5px);
		opacity          : 0;
	}
}

@-moz-keyframes bounce {
	0% {
		-moz-transform: translate(0, -5px);
		opacity       : 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		-moz-transform: translate(0, 5px);
		opacity       : 0;
	}
}

@keyframes bounce {
	0% {
		transform: translate(0, -5px);
		opacity  : 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translate(0, 5px);
		opacity  : 0;
	}
}

.scrollarea .bounce {
	-moz-animation   : bounce 1s ease-in-out infinite;
	-webkit-animation: bounce 1s ease-in-out infinite;
	animation        : bounce 1s ease-in-out infinite;
}

@keyframes arrow1 {
	0% {
		opacity: 0
	}

	5% {
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes arrow1

/*Safari and Chrome*/
	{
	0% {
		opacity: 0
	}

	5% {
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes arrow2 {
	0% {
		opacity: 0
	}

	15% {
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes arrow2

/*Safari and Chrome*/
	{
	0% {
		opacity: 0
	}

	15% {
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes arrow3 {
	0% {
		opacity: 0
	}

	35% {
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes arrow3

/*Safari and Chrome*/
	{
	0% {
		opacity: 0
	}

	35% {
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.scrollarea path.a1 {
	animation        : arrow1 1.3s infinite;
	-webkit-animation: arrow1 1.3s infinite;
}

.scrollarea path.a2 {
	animation        : arrow2 1.3s infinite;
	-webkit-animation: arrow2 1.3s infinite;
}

.scrollarea path.a3 {
	animation        : arrow3 1.3s infinite;
	-webkit-animation: arrow3 1.3s infinite;
}


/* [BUTTONS] */
.btn-blue {
	display           : inline-block;
	background        : #3B336A;
	border            : 2px solid #3B336A;
	color             : #FFF;
	padding           : 5px 15px;
	border-radius     : 5px;
	font-size         : 12px;
	font-weight       : 700;
	text-transform    : uppercase;
	-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);
	-webkit-transition: all .2s;
	-moz-transition   : all .2s;
	-ms-transition    : all .2s;
	-o-transition     : all .2s;
	transition        : all .2s;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
	text-decoration: none;
	background     : #FFF;
	color          : #3B336A;
}

a.vac_add_btn {
	margin: 0 0 30px 0;
}

.mui-btn {
	background-color: #65B24F;
	color           : #FFF;
}

/* [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         : #00305D;
	font-size     : 16px;
	font-weight   : 700;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.gm-style-iw a {
	color      : #00305D;
	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 {}

.mui-select>legend {
	font-size: 14px !important;
	color    : rgba(0, 0, 0, .27) !important;
}

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

.carousel-inner .item .block_img {
	display: inline-block;
	width  : 40%;
	height : 700px;
}

.carousel-inner .item .block_content {
	display            : inline-block;
	width              : 60%;
	height             : 700px;
	background         : url('img/bg_fadeheader.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

.fadeheadsub .carousel-inner .item .block_img {
	height: 300px;
}

.fadeheadsub .carousel-inner .item .block_content {
	height             : 300px;
	background         : url('img/bg_fadeheader.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

.fadeheadsub.greenfade .carousel-inner .item .block_content {
	height             : 300px;
	background         : url('img/bg_groen.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

.fadeheadsub.yellowfade .carousel-inner .item .block_content {
	height             : 300px;
	background         : url('img/bg_geel.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

.fadeheadsub.darkbluefade .carousel-inner .item .block_content {
	height             : 300px;
	background         : url('img/bg_blauw.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

.fadeheadsub.pinkfade .carousel-inner .item .block_content {
	height             : 300px;
	background         : url('img/bg_roze.jpg');
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;
}

.carousel-indicators {
	bottom: 0% !important;
	left  : 15px;
}

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

.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-indicators .active {
	background: #BC004D;
}

.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 {
	left       : unset;
	right      : unset;
	bottom     : unset;
	text-align : left;
	padding    : 150px 100px;
	text-shadow: unset !important;
}

.fadeheadsub .carousel-caption {
	padding: 50px 100px;
}

.fadeheadsub .carousel-caption a {
	position: absolute;
	left    : -50%;
	bottom  : 30px;
}

.carousel-caption .tophead {
	position      : relative;
	display       : block;
	font-family   : 'PT Sans', sans-serif;
	font-size     : 25px;
	font-weight   : 400;
	line-height   : 30px;
	text-transform: uppercase;
	color         : #FFF;
	left          : unset !important;
	top           : unset !important;
	margin        : 0 0 30px 0;
}

.carousel-caption .tophead .dot {
	position     : absolute;
	display      : inline-block;
	top          : 4px;
	left         : 0px;
	width        : 20px;
	height       : 20px;
	border-radius: 20px;
	background   : #BC004D;
}

.carousel-caption .tophead .box {
	display    : inline-block;
	margin-left: 40px;
}

.carousel-caption .bottomhead {
	left          : unset;
	top           : unset;
	font-size     : 40px;
	line-height   : 45px;
	text-transform: uppercase;
	font-weight: 600;
	margin        : 0 0 30px 0;
	text-shadow: 1px 2px 9px rgb(0 0 0 / 49%);
}

@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;
	}

}

/* [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;
}

.admin_menu_opt {
	position: absolute;
	bottom  : 0;
	left    : 15px;
}

.admin_menu_opt .add_page_menu {
	display: block;
	margin : 0 0 5px 0;
}

.admin_menu_opt a {
	position      : relative;
	display       : inline-block;
	color         : #FFF;
	font-size     : 16px;
	font-weight   : 400;
	text-transform: uppercase;
}

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

.admin_menu_opt a::before {
	content   : "";
	position  : absolute;
	left      : 0;
	bottom    : -2px;
	width     : 0%;
	height    : 1px;
	background: #FFF;
	transition: all 0.4s ease;
}

.admin_menu_opt a:hover::before,
.admin_menu_opt a:focus::before,
.admin_menu_opt a:active::before {
	width: 100%;
}

.admin_menu_opt .svg-inline--fa {
	display: inline-block;
	margin : 0 5px 0 0;
	color  : #FFF;
}

.admin_menu_opt .edit_menu {
	display: block;
	margin : 0 0 0 0;
}

/* [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-size  : 11px;
	padding    : 0 25px !important;
	font-weight: 400 !important;
}

.fancybox-skin .form .mui-btn+.mui-btn {
	margin-left: 6px;
}

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

	section.bluewhitebg {
		background: -webkit-linear-gradient(90deg, #3B336A calc(43% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -moz-linear-gradient(90deg, #3B336A calc(43% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -ms-linear-gradient(90deg, #3B336A calc(43% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -o-linear-gradient(90deg, #3B336A calc(43% - 1px), rgba(255, 255, 255, 0) 15%);
		background: linear-gradient(90deg, #3B336A calc(43% - 1px), rgba(255, 255, 255, 0) 15%);
	}

	section.whitegreybg {
		background: -webkit-linear-gradient(90deg, #ffffff calc(40% - -4px), rgba(237, 234, 240, 1) 15%);
		background: -moz-linear-gradient(90deg, #ffffff calc(40% - -4px), rgba(237, 234, 240, 1) 15%);
		background: -ms-linear-gradient(90deg, #ffffff calc(40% - -4px), rgba(237, 234, 240, 1) 15%);
		background: -o-linear-gradient(90deg, #ffffff calc(40% - -4px), rgba(237, 234, 240, 1) 15%);
		background: linear-gradient(90deg, #ffffff calc(40% - -4px), rgba(237, 234, 240, 1) 15%);
	}

}

@media (max-width: 1920px) {

	section.bluewhitebg {
		background: -webkit-linear-gradient(90deg, #3B336A calc(40% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -moz-linear-gradient(90deg, #3B336A calc(40% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -ms-linear-gradient(90deg, #3B336A calc(40% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -o-linear-gradient(90deg, #3B336A calc(40% - 1px), rgba(255, 255, 255, 0) 15%);
		background: linear-gradient(90deg, #3B336A calc(40% - 1px), rgba(255, 255, 255, 0) 15%);
	}

	section.whitegreybg {
		background: -webkit-linear-gradient(90deg, #ffffff calc(40% - 11px), rgba(237, 234, 240, 1) 15%);
		background: -moz-linear-gradient(90deg, #ffffff calc(40% - 11px), rgba(237, 234, 240, 1) 15%);
		background: -ms-linear-gradient(90deg, #ffffff calc(40% - 11px), rgba(237, 234, 240, 1) 15%);
		background: -o-linear-gradient(90deg, #ffffff calc(40% - 11px), rgba(237, 234, 240, 1) 15%);
		background: linear-gradient(90deg, #ffffff calc(40% - 11px), rgba(237, 234, 240, 1) 15%);
	}

}

@media (max-width: 1400px) {

	section.bluewhitebg {
		background: -webkit-linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -moz-linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -ms-linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
		background: -o-linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
		background: linear-gradient(90deg, #3B336A calc(35% - 1px), rgba(255, 255, 255, 0) 15%);
	}

	section.whitegreybg {
		background: -webkit-linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
		background: -moz-linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
		background: -ms-linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
		background: -o-linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
		background: linear-gradient(90deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
	}

}

@media (max-width: 768px) {

	#wrap {
		overflow-x: hidden;
	}

	.menu .middle {
		margin: 60px 0;
	}

	.menu .middle ul.mainmenu li {
		display: block;
		margin : 0 0 30px 0;
	}

	.menu .middle ul.mainmenu li a {
		position      : relative;
		display       : inline-block;
		vertical-align: top;
		width         : 45%;
		margin        : 0 3% 0 0;
	}

	.menu .middle ul.mainmenu li ul.mainmenu_sub {
		display: inline-block;
		margin : 0;
	}

	.menu .middle ul.mainmenu li ul.mainmenu_sub li a {
		width: 100%;
	}

	.carousel-caption {
		padding: 75px 50px;
	}

	.fadeheadsub .carousel-caption {
		padding: 30px 60px;
	}

	.fadeheadsub .carousel-caption .tophead {
		font-size  : 25px;
		line-height: 30px;
	}

	.fadeheadsub .carousel-caption .bottomhead {
		font-size  : 25px;
		line-height: 30px;
	}

	.scrolldown .scrolltext {
		display: none;
	}

	section.page {
		padding: 60px 0;
	}

	section.bluewhitebg .white h2.title {
		font-size: 22px;
	}

	section.bluewhitebg .iconwrap img {
		max-width: 75%;
	}

	section.bluewhitebg .contentwrap {
		margin: 0 0 15px 0;
	}

	.downloadimg a img {
		max-width: 100%;
	}

	section.catbar ul.catbarlist li {
		margin: 0 10px 10px 0 !important;
	}

}



@media (max-width: 736px) {

	.menu {
		height    : 100% !important;
		overflow-y: auto !important;
	}

	.menu .footer_bottom_txt {
		display: none;
	}

	.menu .bottom ul.socials {
		display: none;
	}

}

@media (max-width: 414px) {

	.scrollarea {
		display: none;
	}

	.menu {
		padding   : 15px 0;
		height    : 100% !important;
		overflow-y: auto !important;
	}

	.menu .button_container {
		top  : 5px;
		right: 35px;
	}

	.menu .middle {
		margin: 30px 0;
	}

	.menu .middle ul.mainmenu li {
		margin: 0 0 15px 0;
	}

	.menu .footer_bottom_txt {
		display: none;
	}

	.menu .bottom {
		text-align: right;
		bottom    : 15px;
	}

	.menu .bottom ul.socials {
		display: none;
	}

	.concept {
		display: none;
	}

	header.header {
		min-height: 90px;
	}

	.button_container {
		top: 8px;
	}

	.carousel-inner .item .block_img {
		display: block;
		width  : 100%;
		height : 400px;
	}

	.carousel-inner .item .block_content {
		display: block;
		width  : 100%;
		height : 600px;
	}

	.nieuwskies_wrapper {
		margin: 0 0 30px 0;
	}

	section.bluewhitebg {
		background: #FFF;
	}

	section.bluewhitebg .white {
		color: #383838;
	}

	section.bluewhitebg .white h2.title {
		color      : #3B336A;
		line-height: 27px;
	}

	section.bluewhitebg .whitebg h3.title {
		font-size  : 25px;
		line-height: 25px;
		margin     : 30px 0 15px 0;
	}

	#footer .top {
		margin: 0 0 30px 0;
	}

	#footer .title {
		margin: 30px 0 30px 0;
	}

	#footer .bottom ul.footlist li {
		display: block;
		margin : 0 0 5px 0;
	}

	#footer .bottom ul.footlist li:after {
		content: " ";
	}

	#footer .bottom .pull-right {
		float: left !important;
	}

	#footer .bottom ul.footlist {
		margin: 15px 0 0 0;
	}

	section.disciplines {
		background-image : url(img/heading_img.jpg);
		padding          : 50px 0px;
		background-repeat: no-repeat;
		background-size  : cover;
	}

	section.whitegreybg {
		background: -webkit-linear-gradient(180deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
		background: -moz-linear-gradient(180deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
		background: -ms-linear-gradient(180deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
		background: -o-linear-gradient(180deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
		background: linear-gradient(180deg, #ffffff calc(35% - 1px), rgba(237, 234, 240, 1) 15%);
	}

	section.quick_go img.img-responsive {
		width: 100%;
	}

	section.quick_go .product_imger_btn {
		margin-bottom: 34px;
	}

	section.img_solid {
		background         : #bc004d;
		background-repeat  : no-repeat;
		background-position: center;
		background-size    : cover;
		padding            : 70px 0 80px;
	}

	section.bgimg_whitebg {
		background     : url(img/bgimg_v4.jpg);
		background-size: cover;
	}

	section.bgimg_whitebg p.h1 {
		font-size: 3em;
	}

	section.bgimg_whitebg .cta-er p.h2 {
		color    : #fff;
		font-size: 21px;
	}

	.mobile_white_v1 {
		margin-top: 30px;
	}

	.mobile_white_v1 p,
	.mobile_white_v1 h2.title {
		color: #ffffff;
	}

	.mobile_white_v1 h2.title::before {
		color: #ffffff;
	}
}

.text-white {
	color: #fff;
}


.uspbg {
	background   : #3b336a;
	color        : #fff;
	padding      : 30px 30px;
	border-radius: 5px;
	box-shadow   : 0 10px 40px rgb(29 32 46 / 20%);
	margin-top   : -80px;
}

#usp ul {
	list-style: none;
	padding   : 0;
	margin    : 0;
}

#usp ul li {
	margin   : 10px 0px;
	display  : flex;
	font-size: 130%;
	color    : #fff;
}

#usp ul li::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content    : "\f058";
	margin     : 0 10px 0 -5px;
	color      : #bc004d;
	font-size  : 120%;
}

.recensie {
	position          : relative;
	width             : 100%;
	padding           : 30px;
	background        : #FFF;
	margin-bottom     : 30px;
	-webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 15%);
	-moz-box-shadow   : 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 1px 2px 0px rgb(0 0 0 / 15%);
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition   : all 0.3s linear 0s;
	-ms-transition    : all 0.3s linear 0s;
	-o-transition     : all 0.3s linear 0s;
	transition        : all 0.3s linear 0s;
}

.recensie:hover,
.recensie:focus,
.recensie:active {
	-webkit-box-shadow: 0px 1px 35px 0px rgb(0 0 0 / 30%);
	-moz-box-shadow   : 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
	box-shadow        : 0px 1px 35px 0px rgb(0 0 0 / 30%);
}

.landingfont .contentarea {
	font-size  : 120%;
	line-height: 150%;
}

.btn-list .btn {
	margin: 8px;
}

.btn-list .btn:first-child {
	margin-left: 0;
}

.btn-list .btn:last-child {
	margin-right: 0;
}


/*  header  */

.fadehead, .sub_fadehead {
    position: relative;
    display: block;
    background: #ffffff;
}

/* .fadehead .carousel, .sub_fadehead .carousel {
    -webkit-clip-path: ellipse(115% 78% at 35% 21%);
    clip-path: ellipse(115% 78% at 35% 21%);
    background-color: #ffffff;
} */

.fadehead .carousel, .sub_fadehead .carousel {
    -webkit-clip-path: ellipse(97% 84% at 42% 15%);
    clip-path: ellipse(97% 84% at 42% 15%);
    background-color: #ffffff;
}

.fadehead .overlay {
    position: absolute;
    display: block;
    bottom: -1vw;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 182px;
    background-image: url(img/fadehead_overlay.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    pointer-events: none;
}

.fadehead .tophead {
	color: #3d1152;
}

.ul-v2 ul {
	display: inline-flex;
    margin: 0px 5px 10px 5px;
    padding-left: 22px;
    font-style: normal;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    width: 100%;
}


.ul-v2 ul li {
	position: relative;
	margin: 0px 5px 10px 5px;
	padding-left: 22px;
	font-style: normal;
	list-style: none;
	font-size: 15px;
	color: #3d1152;
}

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

.bartje {
	height: auto;
	width: 2px;
	background: #eeeeee;
	position: absolute;
	top: 5%;
	bottom: 13%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.flexert {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow-x: visible!important;
    padding: 15px 6px;
    margin: 0 -7px;
}

.d-none {
	display: none;
}

section.projects {
	overflow: hidden;
}

.grey-contenter {
	background: #eee;
	padding: 5px 39px 24px 50px;
	margin-top: 40px;
	margin-left: -30px;
	z-index: 0;
}

.grey-contenter-left {
	background: #eee;
	padding: 30px 50px 25px 39px;
	margin-top: 27px;
	margin-right: -30px;
	z-index: 0;
}

.img-borderer img {
	-webkit-clip-path: ellipse(97% 84% at 42% 15%);
    clip-path: ellipse(97% 84% at 42% 15%);
}

.img-borderer .waver {
	position: absolute;
    display: block;
    bottom: 4px;
    left: 15px;
    right: 15px;
    z-index: 2;
    width: 100%;
    height: 182px;
    background-image: url(img/fadehead_overlay.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    pointer-events: none;
}

.fadehead .carousel, .sub_fadehead .carousel {
    -webkit-clip-path: ellipse(97% 84% at 42% 15%);
    clip-path: ellipse(97% 84% at 42% 15%);
    background-color: #ffffff;
}

.img-border-content {
	position: relative;
}

.img-content-content {
	position: absolute;
	margin: 0 auto;
	height: 100%;
	width: 100%;
	background: rgb(255 255 255 / 32%);
	z-index: 1;
	padding: 15px 8vw;
	text-align: center;
	color: #fff;
	text-shadow: 1px 2px 3px rgb(0 0 0 / 58%);
}

.img-content-content a {
	text-shadow: none;
}

.roomy {
	height: 60px;
}

.img-borderer {
	z-index: 2;
	position: relative;
}

.visual-top {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-end;
	align-items: stretch;
	justify-content: flex-end;
}

.visual-bottom {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: stretch;
	justify-content: flex-end;
}

.visualert img {
	max-width: 38%;
    max-height: 215px;
}

section.purple-bannert {
	background: #3B336A;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding: 30px 0px;
}

.spacer3 {
	height: 8px;
}

.fs-17 {
	font-size: 17px;
}

.nieuwskies_positionmodule_wrapper .btns .btn-custom1 {
	padding: 3px 19px;
}

.nieuwskies_positionmodule_wrapper .btns {
	margin-bottom: -16px!important;
}

.nieuwskies_wrapper .content_wrapper {
    display: block;
    width: 100%;
    padding: 42px 17px 15px;
}

@media (max-width: 767px) {
	.flexert {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: center;
	}

	.flexert .btn-list {
		text-align: center;
	}

	.img-border-content {
		position: relative;
		padding-top: 15px;
		padding: 0px;
	}

	.purple-bannert a {
		margin-top: 5px;
	}

	section.page {
		overflow: hidden;
	}

	.grey-contenter-left {
		background: #eee;
		padding: 30px 20px 25px 22px;
		margin-top: 0px;
		margin-right: 0px;
		z-index: 0;
	}

	.grey-contenter {
		background: #eee;
		padding: 30px 50px 25px 39px;
		margin-top: 10px;
		margin-right: 0px;
		z-index: 0;
	}

	.btn-list .btn:last-child {
		margin-right: 8px;
	}

	.nieuwskies_positionmodule_wrapper .nieuwskies_wrapper {
		margin-bottom: 15px;
	}

	section.projects .owl-carousel .owl-nav button.owl-next, section.projects .owl-carousel .owl-nav button.owl-prev {
		display: none;
	}

	.roomy {
		height: 3px;
	}

	.img-content-content {
		z-index: 4;
	}

	.carousel-caption .bottomhead {
		left: unset;
		top: unset;
		font-size: 30px;
		line-height: 38px;
	}

	.btn-list a.btn-custom1 {
		display: block;
	}

	.btn-list {
		padding-top: 15px;
	}

	.purple-bannert a.btn-green {
		display: block;
		text-align: center;
	}
}

@media (max-width: 414px) {
	a.notificatiebalk {
		font-size: 16px;
		line-height: 16px;	
	}

	section.disciplines {
		background-image: none;
		padding: 0px 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	section.disciplines .flex_row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 42px;
		z-index: 2;
	}

	.ul-v2 ul li {
		font-size: 12px;
	}

	section.page .nieuwskies_wrapper {
		margin-bottom: 0px;
	}
}

@media (max-width: 1199px) {
	.visualert img {
		max-width: 25%;
		max-height: 119px;
	}
}

.nieuwskies_positionmodule_wrapper h3.title {
	font-weight: 700!important;
}

.owl-nav {
	pointer-events: none;
}

.owl-nav button {
	pointer-events: all;
}