body {
	position        : relative;
	background-color: #fff;
	font-family     : 'Fira Sans', sans-serif;
	font-weight     : 300;
	font-size       : 16px;
	line-height     : 32px;
	color           : #000;
	margin          : 0;
	padding         : 0;
}

a {
	color             : #DC1C23;
	-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          : #DC1C23;
	text-decoration: underline;
}

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

h1,
h2.headtitle {
	font-size: 38px;
	margin   : 0 0 30px 0;
}

h2 {
	font-size: 30px;
	margin   : 0 0 30px 0;
}

h3,
h4,
h5,
h6 {
	font-size: ;
}

.headtitle {
	font-size  : 38px;
	margin     : 0 0 30px 0;
	font-weight: 700;
}

.redoutline {
	color: rgba(220, 28, 35, 1);
}

.block {
	display: block;
}

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

/* [PRELOADER] */
#preloader {
	position        : fixed;
	top             : 0;
	left            : 0;
	right           : 0;
	bottom          : 0;
	background-color: #3C3C3C;
	z-index         : 999999;
}

#preloader__status {
	width              : 200px;
	height             : 200px;
	position           : absolute;
	left               : 50%;
	top                : 50%;
	background-image   : url('img/deromein-loader.gif');
	background-repeat  : no-repeat;
	background-position: center;
	margin             : -100px 0 0 -100px;
}

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

/* Edge */
/*
@supports (-ms-ime-align:auto) {
	#preloader {
		display: none;
	}
}
*/

/* [LANGUAGEBAR] */
.languagebar {
	position  : fixed;
	display   : block;
	z-index   : 8;
	bottom    : 0;
	left      : 0;
	right     : 0;
	width     : 100%;
	padding   : 10px 0;
	background: rgba(220, 28, 35, 1);
	color     : #FFF;
	font-size : 14px;
}

.languagebar .flag-icon {
	font-size   : 14px;
	margin-right: 10px;
}

.spacerbar {
	height: 42px;
}

/* [ALGEMEEN] */
.rel {
	position: relative;
}

.spacer {
	height: 30px;
}

.spacer-big {
	height: 60px;
}

.spacer-small {
	height: 15px;
}

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

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

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

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

#wrap.adminwrap {
	overflow: unset !important;
}

.whitebgwrap {
	background        : #FFF;
	padding           : 20px;
	-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);
}

section.space {
	padding: 60px 0;
}

/* [HEADER] */
header {
	position          : absolute;
	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.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  : 700px;
}

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

/* /Video */

section.head,
section.head .imagecontainer {
	height: 400px;
	width : 100%;
}

section.subhead,
section.subhead .imagecontainer {
	height: 400px;
	width : 100%;
}

section.mensenhead,
section.mensenhead .imagecontainer {
	height: 600px;
	width : 100%;
}

.bar {
	/*background: #2C2C2C;*/
	background: #FFF;
	height    : 87px;
}

section.werkzaamhedenhead,
section.werkzaamhedenhead .carousel,
section.werkzaamhedenhead .carousel-inner,
section.werkzaamhedenhead .carousel-inner>.item {
	height: 600px;
	width : 100%;
}

section.werkzaamhedenhead .item .greybg {
	background: #3C3C3C;
}

section.werkzaamhedenhead .item .imgwrapper {
	display: block;
	width  : 100%;
	height : 600px;
}

section.werkzaamhedenhead .item.row {
	margin-right: 0px;
	margin-left : 0px;
}

section.werkzaamhedenhead .item.row>.col-xs-12,
section.werkzaamhedenhead .item.row>.col-sm-6,
section.werkzaamhedenhead .item.row>.col-md-6 {
	padding-right: 0;
	padding-left : 0;
}

section.werkzaamhedenhead .item .persoon-carousel-caption {
	margin: 100px 0 0 0;
	color : #FFF;
}

section.werkzaamhedenhead .item .persoon-carousel-caption h2 {
	color         : #FFF;
	text-transform: uppercase;
}

section.projecten {
	padding: 40px 0 80px 0;
}

section.projecten .newsitem .imgcontainer {
	display: block;
	width  : 100%;
	height : 300px;
}

section.projecten .newsitem h3 {
	position      : relative;
	font-size     : 40px;
	color         : #FFF;
	line-height   : 40px;
	font-weight   : 700;
	text-transform: uppercase;
	margin-top    : -60px;
	margin-left   : 10px;
	z-index       : 2;
	text-shadow   : 2px 2px 10px rgba(0, 0, 0, 0.75);
}

section.projecten .newsitem h3.smalltitle {
	font-size: 30px;
}

section.projecten .newsitem h3 a {
	color             : #FFF;
	-webkit-transition: all .3s;
	-moz-transition   : all .3s;
	-ms-transition    : all .3s;
	-o-transition     : all .3s;
	transition        : all .3s;
}

section.projecten .newsitem h3 a:hover,
section.projecten .newsitem h3 a:focus,
section.projecten .newsitem h3 a:active {
	color          : #DC1C23;
	text-decoration: none;
}

/* NEW MENU */

/*Button*/
.mobile_new_btn button {
	color         : #000;
	background    : transparent;
	border-width  : 2px;
	border-style  : solid;
	border-color  : #000;
	position      : relative;
	margin        : 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       : #FFF;
	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       : 1em;
	height      : 1em;
	transition  : all 0.3s ease-in-out;
	border-color: #000;
}

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

#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: #fff;
}

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

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

.mobile_new_btn button:hover:before,
.mobile_new_btn button:hover:after {
	width       : calc(100% + 12px);
	height      : calc(100% + 12px);
	border-color: rgba(220, 28, 35, 1) !important;
}

.mobile_new_btn button:hover {
	color           : #fff;
	background-color: rgba(220, 28, 35, 1) !important;
	border-color    : rgba(220, 28, 35, 1) !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      : rgba(0, 0, 0, 0.9);
	transition-delay: 0s;
}

.mobile_new_panel .panel_img {
	position      : absolute;
	right         : 10%;
	bottom        : 10%;
	pointer-events: none;
}

.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_menu .menu_title {
	font-size     : 30px;
	line-height   : 30px;
	font-weight   : 700;
	color         : #FFF;
	text-transform: uppercase;
	margin        : 0 0 30px 0;
	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/schaalmodellen.jpg');
	background-repeat  : no-repeat;
	background-size    : cover;
	background-position: center;
}

.panel_menu ul.blok_menu li:nth-child(2) {
	background-image   : url('img/menu/kinderenkids.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/gadgets.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: 700;
	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          : #DC1C23;
}

.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: #DC1C23;
}

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

.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: 24px 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 10px !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: #DC1C23;
	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;
}

/* [CONTENT] */
section.welkom {
	position: relative;
}

section.page {
	padding: 60px 0;
}

section.black {
	padding   : 60px 0;
	background: #000;
	color     : #FFF;
}

section.black .kaart img {
	width : 100%;
	height: auto;
}

.contentarea h2 {
	font-size: 25px;
	margin   : 30px 0 15px 0;
}

section.black .contentarea a {
	font-weight: 700;
	font-size  : 18px;
	color      : #FFF;
}

section.black .contentarea a:hover,
section.black .contentarea a:focus,
section.black .contentarea a:active {
	color          : #DC1C23;
	text-decoration: none;
}

section.white {
	background: #FFF;
	padding   : 160px 0 80px 0;
	border-top: 5px solid #DC1C23;
}

section.white.nobordmarg {
	border-top: 0px;
	padding   : 80px 0 80px 0;
}

section.white .bgtext {
	position      : absolute;
	top           : -135px;
	right         : 6px;
	z-index       : 0;
	font-family   : 'Montserrat', sans-serif;
	color         : #DC1C23;
	text-transform: uppercase;
	font-weight   : 700;
	font-size     : 140px;
	line-height   : 140px;
	text-shadow   : 2px 2px 5px rgba(0, 0, 0, 0.25);
}

section.white .imgwrapper {
	z-index           : 1;
	-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);
}

section.homecats {
	background: #FFF;
	padding   : 60px 0;
	border-top: 5px solid #DC1C23;
}

section.grey {
	background: #3C3C3C;
	padding   : 80px 0 120px 0;
	color     : #FFF;
}

section.grey.nobordmarg {
	padding: 0 0 0 0;
}

section.grey .quotetitle {
	font-size     : 50px;
	line-height   : 50px;
	font-weight   : 700;
	text-transform: uppercase;
	display       : inline-block;
	margin        : 80px 0;
}

section.grey .quotetitle:before {
	display     : inline-block;
	content     : open-quote;
	margin-right: 10px;
}

section.grey .quotetitle:after {
	display    : inline-block;
	content    : close-quote;
	margin-left: 10px;
}

section.video {
	padding: 60px 0 !important;
}

.werkwrap .imagewrap {
	z-index: 1;
}

.werkwrap h2.title {
	font-size     : 50px;
	line-height   : 40px;
	font-weight   : 700;
	text-transform: uppercase;
	margin-top    : -20px;
	margin-left   : 5px;
	z-index       : 2;
	text-shadow   : 2px 2px 10px rgba(0, 0, 0, 0.75);
}

.werkwrap .contentwrap {
	line-height: 26px;
}

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

section.overons {
	background: #FFF;
	padding   : 80px 0;
	border-top: 5px solid #DC1C23;
}

section.overons .title {
	font-size  : 38px;
	line-height: 48px;
	font-weight: 700;
	color      : #DC1C23;
	margin     : 0 0 30px 0;
}

section.overons .linedarkbtn {
	margin-right: 30px;
}

section.overons h2.listtitle {
	font-size     : 24px;
	text-transform: uppercase;
	color         : #DC1C23;
	margin        : 0 0 20px 0;
}

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

ul.werkzaamlist li {
	font-size: 16px;
	color    : #333;
	margin   : 0 0 5px 0;
}

ul.werkzaamlist li a {
	position   : relative;
	display    : block;
	padding    : 5px 20px;
	font-size  : 16px;
	font-weight: 300;
	background : rgba(44, 44, 44, 0);
	color      : rgba(44, 44, 44, 0.5);
	border     : 1px solid rgba(44, 44, 44, 0.2);
}

ul.werkzaamlist li a:hover,
ul.werkzaamlist li a:focus,
ul.werkzaamlist li a:active {
	text-decoration: none;
	background     : rgba(44, 44, 44, 0.1);
}

ul.werkzaamlist li.active a {
	position          : relative;
	color             : rgba(44, 44, 44, 1);
	font-weight       : 700;
	border            : 1px solid rgba(44, 44, 44, 1);
	pointer-events    : all;
	z-index           : 1;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow   : 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow    : 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow     : 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.5s;
	-moz-transition   : all 0.5s;
	-ms-transition    : all 0.5s;
	-o-transition     : all 0.5s;
	transition        : all 0.5s;
}

ul.werkzaamlist li.active a:hover,
ul.werkzaamlist li.active a:focus,
ul.werkzaamlist li.active a:active {
	color          : #FFF;
	text-shadow    : 2px 2px 5px rgba(0, 0, 0, 0.55);
	text-decoration: none;
}

ul.werkzaamlist li.active a:before {
	content   : " ";
	display   : block;
	position  : absolute;
	background: #DC1C23;
	bottom    : 0;
	left      : 0%;
	width     : 0%;
	height    : 100%;
	margin    : 0 auto;
	transition: all 0.5s;
	z-index   : -1;
}

ul.werkzaamlist li.active a:hover:before {
	width : 100%;
	height: 100%;
	left  : 0%;
}

section.storybottom {
	background: #3C3C3C;
	padding   : 100px 0 0 0;
	color     : #FFF;
	overflow  : hidden;
}

section.storybottom .halfbgimg {
	position: absolute;
	top     : 0;
	left    : 0;
	display : block;
	width   : 50%;
	height  : 721px;
}

section.storybottom .halfbgimg .imagecontainer {
	width : 100%;
	height: 700px;
}

section.storybottom .bigtitle {
	position: absolute;
	display : block;
	;
	color         : #FFF;
	text-transform: uppercase;
	font-weight   : 700;
	font-size     : 120px;
	line-height   : 95px;
	bottom        : 20px;
	left          : 0;
	z-index       : 1;
	text-shadow   : 2px 2px 10px rgba(0, 0, 0, 0.75);
}

section.storybottom .storywrapper {
	margin: 0 0 120px 0;
}

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

section.storybottom .linebtn {
	margin-right: 15px;
	z-index     : 2;
}

section.blackfill {
	background: #000;
	padding   : 20px;
	color     : #FFF;
}

section.greyfill {
	background: #3C3C3C;
	padding   : 40px 0;
	color     : #FFF;
}

section.locations {
	background: #3C3C3C;
	padding   : 0;
	color     : #FFF;
}

section.locations img.map {
	width : 100%;
	height: auto;
}

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

ul.naw li {
	margin: 0 0 5px 0;
}

ul.naw li .svg-inline--fa {
	margin: 0 10px 0 0;
}

ul.horizontal {
	list-style-type: none;
	padding-left   : 0;
	margin         : 0;
	display        : flex;
	justify-content: space-around;
	align-items    : center;
	width          : 100%;
}

ul.horizontal li .svg-inline--fa {
	margin: 0 10px 0 0;
}

ul.horizontal li a {
	color: #FFF;
}

ul.horizontal li a:hover,
ul.horizontal li a:focus,
ul.horizontal li a:active {
	color          : #DC1C23;
	text-decoration: none;
}

section.greyfill .quotetitle {
	font-size     : 50px;
	line-height   : 50px;
	font-weight   : 700;
	text-transform: uppercase;
	display       : inline-block;
	margin        : 34px 0 20px 0;
}

section.greyfill .quotetitle:before {
	display     : inline-block;
	content     : open-quote;
	margin-right: 10px;
}

section.greyfill .quotetitle:after {
	display    : inline-block;
	content    : close-quote;
	margin-left: 10px;
}

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

.infowrap h3 {
	font-size     : 25px;
	font-weight   : 700;
	text-transform: uppercase;
	text-shadow   : 2px 2px 10px rgba(0, 0, 0, 0.75);
}

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

.grey input {
	color: #000;
}

.grey label {
	color: #000;
}

.phltitle {
	font-size     : 50px;
	line-height   : 50px;
	font-weight   : 700;
	text-transform: uppercase;
	display       : inline-block;
	margin        : 0 0 60px 0;
}

.fototitle {
	font-size     : 50px;
	line-height   : 50px;
	font-weight   : 700;
	color         : #FFF;
	text-transform: uppercase;
	display       : inline-block;
	margin        : 0 0 60px 0;
}

.werkzaamtitle {
	font-size     : 50px;
	line-height   : 50px;
	font-weight   : 700;
	text-transform: uppercase;
	display       : inline-block;
	margin        : 0 0 60px 0;
}

.productwrap {
	margin: 0;
}

.productwrap .imagewrap {
	z-index : 1;
	position: relative;
}

.productwrap .imagewrap img {
	width: 100%;
}

.productwrap .quote {
	font-size     : 30px;
	line-height   : 30px;
	font-weight   : 700;
	text-transform: uppercase;
	display       : inline-block;
	position      : absolute;
	top           : 15px;
	right         : 15px;
	width         : 85%;
	z-index       : 2;
	text-align    : right;
	color         : #FFF;
	text-shadow   : 2px 2px 10px rgba(0, 0, 0, 0.75);
}

.productwrap h4.title {
	position      : relative;
	font-size     : 50px;
	font-weight   : 700;
	text-transform: uppercase;
	margin-top    : -20px;
	margin-left   : 5px;
	z-index       : 2;
	text-shadow   : 2px 2px 10px rgba(0, 0, 0, 0.75);
}

.productwrap h4.title a {
	color: #FFF;
}

.productwrap h4.title a:hover,
.productwrap h4.title a:focus,
.productwrap h4.title a:active {
	color          : #DC1C23;
	text-decoration: none;
}

.productwrap .btnwrap {
	text-align : right;
	line-height: 60px;
	margin     : 15px 0 0 0;
}

.fotoalbummod .fotoimg {
	margin: 15px 0;
}

.fotoalbummod .fotoimg a,
.fotoalbummod .fotoimg a img {
	width : 100%;
	height: 100%:;
}

section.youtube .container-fluid {
	padding: 0;
}

.locimg {
	display: block;
	width  : 100%;
	height : 200px;
}

/* [DIENSTEN] */
.diensten_panel {
	position  : relative;
	display   : block;
	padding   : 90px 0;
	background: #3C3C3C;
}

.diensten_panel .quotetitle {
	font-size     : 50px;
	line-height   : 50px;
	font-weight   : 700;
	color         : #FFF;
	text-transform: uppercase;
	display       : block;
	text-align    : center;
	margin        : 0 0 30px 0;
}

.diensten_panel .quotetitle:before {
	display     : inline-block;
	content     : open-quote;
	margin-right: 10px;
}

.diensten_panel .quotetitle:after {
	display    : inline-block;
	content    : close-quote;
	margin-left: 10px;
}

.cont {
	position: relative;
	overflow: hidden;
	height  : 700px;
}

.cont__inner {
	position: relative;
	height  : 100%;
}

.cont__inner:hover .el__bg:after {
	opacity: 1;
}

.el {
	position   : absolute;
	left       : 0;
	top        : 0;
	/*width    : 19.2%;*/
	width      : 24.2%;
	height     : 100%;
	background : #252525;
	transition : transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s;
	will-change: transform, width, opacity;
}

.el:not(.s--active) {
	cursor: pointer;
}

.el__overflow {
	overflow: hidden;
	position: relative;
	height  : 100%;
}

.el__inner {
	overflow  : hidden;
	position  : relative;
	height    : 100%;
	transition: transform 1s;
}

.cont.s--inactive .el__inner {
	transform: translate3d(0, 100%, 0);
}

.el__bg {
	position   : relative;
	width      : calc(100vw - 140px);
	height     : 100%;
	transition : transform 0.6s 0.7s;
	will-change: transform;
}

.el__bg:before {
	content            : "";
	position           : absolute;
	left               : 0;
	top                : -5%;
	width              : 100%;
	height             : 110%;
	background-size    : cover;
	background-position: center center;
	transition         : transform 1s;
	transform          : translate3d(0, 0, 0) scale(1);
}

.cont.s--inactive .el__bg:before {
	transform: translate3d(0, -100%, 0) scale(1.2);
}

.el.s--active .el__bg:before {
	transition: transform 0.8s;
}

.el__bg:after {
	content   : "";
	z-index   : 1;
	position  : absolute;
	left      : 0;
	top       : 0;
	width     : 100%;
	height    : 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity   : 0;
	transition: opacity 0.5s;
}

.cont.s--el-active .el__bg:after {
	transition: opacity 0.5s 1.4s;
	opacity   : 1 !important;
}

.el__preview-cont {
	z-index        : 2;
	display        : flex;
	justify-content: center;
	align-items    : center;
	position       : absolute;
	left           : 0;
	top            : 0;
	width          : 100%;
	height         : 100%;
	transition     : all 0.3s 1.2s;
}

.cont.s--inactive .el__preview-cont {
	opacity  : 0;
	transform: translateY(10px);
}

.cont.s--el-active .el__preview-cont {
	opacity   : 0;
	transform : translateY(30px);
	transition: all 0.5s;
}

.el__heading {
	color         : #fff;
	text-transform: uppercase;
	font-size     : 25px;
	text-shadow   : 1px 1px 2px rgb(0 0 0);
}

.el__content {
	z-index       : -1;
	position      : absolute;
	left          : 0;
	top           : 0;
	width         : 100%;
	height        : 100%;
	padding       : 30px 90px 30px 30px;
	opacity       : 0;
	pointer-events: none;
	transition    : all 0.1s;
}

.el.s--active .el__content {
	z-index       : 2;
	opacity       : 1;
	pointer-events: auto;
	transition    : all 0.5s 1.4s;
}

.el__text {
	font-size     : 50px;
	line-height   : 50px;
	font-weight   : 700;
	text-transform: uppercase;
	color         : #fff;
	margin        : 0 0 30px 0;
}

.el__content_txt {
	color      : #FFF;
	font-size  : 18px;
	line-height: 28px;
	font-weight: 400;
}

.el__close-btn {
	z-index       : -1;
	position      : absolute;
	right         : 10px;
	top           : 10px;
	width         : 60px;
	height        : 60px;
	opacity       : 0;
	pointer-events: none;
	transition    : all 0s 0.45s;
	cursor        : pointer;
}

.el.s--active .el__close-btn {
	z-index       : 5;
	opacity       : 1;
	pointer-events: auto;
	transition    : all 0s 1.4s;
}

.el__close-btn:before,
.el__close-btn:after {
	content   : "";
	position  : absolute;
	left      : 0;
	top       : 50%;
	width     : 100%;
	height    : 8px;
	margin-top: -4px;
	background: #fff;
	opacity   : 0;
	transition: opacity 0s;
}

.el.s--active .el__close-btn:before,
.el.s--active .el__close-btn:after {
	opacity: 1;
}

.el__close-btn:before {
	transform: rotate(45deg) translateX(100%);
}

.el.s--active .el__close-btn:before {
	transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);
	transform : rotate(45deg) translateX(0);
}

.el__close-btn:after {
	transform: rotate(-45deg) translateX(100%);
}

.el.s--active .el__close-btn:after {
	transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);
	transform : rotate(-45deg) translateX(0);
}

.el__index {
	overflow   : hidden;
	position   : absolute;
	left       : 0;
	bottom     : 0px;
	width      : 100%;
	height     : 100%;
	min-height : 250px;
	text-align : center;
	font-size  : 10vw;
	line-height: 0.85;
	font-weight: bold;
	transition : transform 0.5s, opacity 0.3s 1.4s;
	transform  : translate3d(0, 1vw, 0);
}

.el:hover .el__index {
	transform: translate3d(0, 0, 0);
}

.cont.s--el-active .el__index {
	transition: transform 0.5s, opacity 0.3s;
	opacity   : 0;
}

.el__index-back,
.el__index-front {
	position: absolute;
	left    : 0;
	bottom  : 30px;
	width   : 100%;
}

.el__index-back {
	color     : #2f3840;
	opacity   : 0;
	transition: opacity 0.25s 0.25s;
}

.el:hover .el__index-back {
	transition: opacity 0.25s;
	opacity   : 1;
}

.el__index-overlay {
	overflow  : hidden;
	position  : relative;
	transform : translate3d(0, 100%, 0);
	transition: transform 0.5s 0.1s;
	color     : transparent;
}

.el__index-overlay:before {
	content   : attr(data-index);
	position  : absolute;
	left      : 0;
	bottom    : 0;
	width     : 100%;
	height    : 100%;
	color     : #fff;
	transform : translate3d(0, -100%, 0);
	transition: transform 0.5s 0.1s;
}

.el:hover .el__index-overlay {
	transform: translate3d(0, 0, 0);
}

.el:hover .el__index-overlay:before {
	transform: translate3d(0, 0, 0);
}

.el:nth-child(1) {
	transform       : translate3d(0%, 0, 0);
	transform-origin: 50% 50%;
}

.cont.s--el-active .el:nth-child(1):not(.s--active) {
	transform : scale(0.5) translate3d(0%, 0, 0);
	opacity   : 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(1) .el__inner {
	transition-delay: 0s;
}

.el:nth-child(1) .el__bg {
	transform: translate3d(0%, 0, 0);
}

.el:nth-child(1) .el__bg:before {
	left            : -30%;
	transition-delay: 0s;
	background-image: url("img/panelen/leidingbouw.jpg");
}

.cont.s--el-active .el:nth-child(1) .el__bg:before {
	left: 0;
}

.el:nth-child(2) {
	transform       : translate3d(105.2083333333%, 0, 0);
	transform-origin: 155.2083333333% 50%;
}

.cont.s--el-active .el:nth-child(2):not(.s--active) {
	transform : scale(0.5) translate3d(105.2083333333%, 0, 0);
	opacity   : 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(2) .el__inner {
	transition-delay: 0.1s;
}

.el:nth-child(2) .el__bg {
	transform: translate3d(-19.2%, 0, 0);
}

.el:nth-child(2) .el__bg:before {
	left            : -32%;
	transition-delay: 0.1s;
	background-image: url("img/panelen/kabelwerken.jpg");
}

.cont.s--el-active .el:nth-child(2) .el__bg:before {
	left: 0;
}

.el:nth-child(3) {
	transform       : translate3d(210.4166666667%, 0, 0);
	transform-origin: 260.4166666667% 50%;
}

.cont.s--el-active .el:nth-child(3):not(.s--active) {
	transform : scale(0.5) translate3d(210.4166666667%, 0, 0);
	opacity   : 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(3) .el__inner {
	transition-delay: 0.2s;
}

.el:nth-child(3) .el__bg {
	transform: translate3d(-38.4%, 0, 0);
}

.el:nth-child(3) .el__bg:before {
	left            : -10%;
	transition-delay: 0.2s;
	background-image: url("img/panelen/civielewerken.jpg");
}

.cont.s--el-active .el:nth-child(3) .el__bg:before {
	left: 0;
}

.el:nth-child(4) {
	transform       : translate3d(315.625%, 0, 0);
	transform-origin: 365.625% 50%;
}

.cont.s--el-active .el:nth-child(4):not(.s--active) {
	transform : scale(0.5) translate3d(315.625%, 0, 0);
	opacity   : 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(4) .el__inner {
	transition-delay: 0.3s;
}

.el:nth-child(4) .el__bg {
	transform: translate3d(-57.6%, 0, 0);
}

.el:nth-child(4) .el__bg:before {
	left            : 13%;
	transition-delay: 0.3s;
	background-image: url("img/panelen/boortechniek.jpg");
}

.cont.s--el-active .el:nth-child(4) .el__bg:before {
	left: 0;
}

.el:hover .el__bg:after {
	opacity: 0;
}

.el.s--active {
	z-index   : 1;
	width     : 100%;
	transform : translate3d(0, 0, 0);
	transition: transform 0.6s, width 0.7s 0.7s, z-index 0s;
}

.el.s--active .el__bg {
	transform : translate3d(0, 0, 0);
	transition: transform 0.6s;
}

.el.s--active .el__bg:before {
	transition-delay: 0.6s;
	transform       : scale(1.1);
}

/* [FOOTER] */
#footer {
	background-color   : #3C3C3C;
	background-image   : url('img/deromein.png');
	background-position: top 10px right 5%;
	background-repeat  : no-repeat;
	padding            : 60px 0;
	color              : #FFF;
	border-top         : 5px solid #DC1C23;
}

.footerbalk {
	background: #2F2E2E;
	padding   : 20px 0 10px 0;
	color     : #FFF;
}

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

#footer ul,
.footerbalk ul {
	list-style-type: none;
	padding-left   : 0;
}

#footer ul.pad40 {
	padding: 40px 0 0 0;
}

#footer ul.topmargin {
	margin: 52px 0 0 0;
}

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

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

.footerbalk ul li:after {
	content: "|";
	display: inline;
}

.footerbalk ul li:first-child:after {
	margin: 0 5px 0 0;
}

.footerbalk ul li:last-child:after {
	content: "";
	margin : 0 0 0 5px;
}

#footer ul li a,
.footerbalk ul li a {
	color     : #FFF;
	transition: all ease .15s;
}

#footer ul.footlist li a {
	font-size     : 14px;
	font-weight   : 700;
	text-transform: uppercase;
}

.footerbalk ul li a {
	font-size     : 12px;
	font-weight   : 700;
	text-transform: uppercase;
	padding       : 0 15px 0 0;
}

#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li a:active,
.footerbalk ul li a:hover,
.footerbalk ul li a:focus,
.footerbalk ul li a:active {
	color          : #DC1C23;
	text-decoration: none;
}

#footer ul li .svg-inline--fa {
	margin: 0 10px 0 0;
}

#footer ul.footlist li a:before {
	content   : "→";
	margin    : 0 10px 0 -25px;
	opacity   : 0;
	transition: all ease .5s;
}

#footer ul.footlist li a:hover:before,
#footer ul.footlist li a:focus:before,
#footer ul.footlist li a:active:before {
	margin : 0 10px 0 0;
	opacity: 1;
}

#footer ul.socials {
	margin: 60px 0 0 0;
}

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

#footer ul.socials li a {
	font-size: 24px;
}

/* [BUTTONS] */
.linebtn {
	position          : relative;
	text-shadow       : none;
	padding           : 20px;
	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);
}

.linebtn:hover,
.linebtn:focus,
.linebtn:active {
	text-decoration: none;
	color          : #FFF;
	text-shadow    : 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.linedarkbtn {
	position          : relative;
	text-shadow       : none;
	padding           : 20px 40px;
	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);
}

.linedarkbtn:hover,
.linedarkbtn:focus,
.linedarkbtn:active {
	text-decoration   : none;
	color             : #000;
	text-shadow       : 1px 1px 2px rgba(0, 0, 0, 0);
	-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);
}

.redbtn {
	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;
}

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

.blackbtn {
	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;
}

.blackbtn:hover,
.blackbtn:focus,
.blackbtn:active {
	background: rgba(44, 44, 44, 0);
}

.linebtn:before,
.linebtn: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;
}

.linebtn:hover:before,
.linebtn: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;
}

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

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

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

.linedarkbtn:before,
.linedarkbtn: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;
}

.linedarkbtn:hover:before,
.linedarkbtn:hover:after {
	border    : 2px solid #000;
	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;
}

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

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

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

.maxwidth-btn .linedarkbtn {
	display   : block;
	text-align: center;
}

/* [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     : 60px;
	margin-left: -12px;
	cursor     : pointer;
}

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

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

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

ul.animatedlist li {
	font-size: 20px;
}

ul.animatedlist li a.animateitem {
	font-size  : 16px;
	font-weight: 700;
	color      : #DC1C23;
	transition : all ease .15s;
}

ul.animatedlist li a.animateitem:hover,
ul.animatedlist li a.animateitem:focus,
ul.animatedlist li a.animateitem:active {
	color          : #DC1C23;
	text-decoration: none;
}

ul.animatedlist li .svg-inline--fa {
	margin   : 0 10px 0 0;
	font-size: 20px;
}

ul.animatedlist li a.animateitem:before {
	content   : "→";
	margin    : 0 10px 0 -25px;
	opacity   : 0;
	transition: all ease .5s;
}

ul.animatedlist li a.animateitem:hover:before,
ul.animatedlist li a.animateitem:focus:before,
ul.animatedlist li a.animateitem:active:before {
	margin : 0 10px 0 0;
	opacity: 1;
}

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

.gm-style-iw h5 {
	color         : #DC1C23;
	font-size     : 16px;
	font-weight   : 700;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.gm-style-iw a {
	color      : rgba(44, 44, 44, 1);
	font-weight: 700;
}

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

/* [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 {
	color: #2C2C2C;
}

.mui-textfield>input:focus,
.mui-textfield>textarea:focus {
	border-color: #2C2C2C;
}

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

.carousel-indicators {
	bottom: 2%;
	left  : -20%;
}

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

.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   : -5%;
	opacity: 0.5;
}

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

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

.carousel {
	overflow: hidden;
}

.carousel-caption {
	left      : 10%;
	right     : 10%;
	top       : 20%;
	text-align: left;
}

.carousel-inner .item .carousel-caption {
	opacity           : 0;
	-webkit-transition: all 3s;
	-moz-transition   : all 3s;
	-ms-transition    : all 3s;
	-o-transition     : all 3s;
	transition        : all 3s;
}

.carousel-inner .item.active .carousel-caption {
	opacity: 1;
}

.carousel-caption 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);
}

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

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

.carousel-caption 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);
}

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

.carousel-caption 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;
}

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

.carousel-caption 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;
}

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

.carousel-caption a:before,
.carousel-caption 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;
}

.carousel-caption a:hover:before,
.carousel-caption 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;
}

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

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

#captionposition.editor .carousel-caption a {
	box-shadow: none;
}

#captionposition.editor .carousel-caption a:before,
#captionposition.editor .carousel-caption a:after {
	border: 0;
	height: auto;
	width : auto;
}

#captionposition.editor .carousel-caption a.btn-default {
	display: none;
}

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

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

/* [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: 300 !important;
	font-size  : 12px !important
}

.adminpick_window {
	position          : relative;
	display           : block;
	z-index           : 20;
	background        : #FFF;
	color             : #000;
	clear             : both;
	padding           : 30px;
	-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);
}

.adminpick_window h1 {
	margin        : 0 0 15px 0;
	text-transform: uppercase;
	font-size     : 20px;
}

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

.adminpick_window ul li {
	margin: 0 0 5px 0;
}

.adminpick_window ul li:nth-child(odd) {
	background: #F2F2F2;
}

.adminpick_window ul li img.logoselect {
	height: auto;
	width : 60px;
}

.adminpick_window label {
	display: block;
	width  : 100%;
	padding: 15px;
	height : auto;
}

.adminpick_window input.logopick {
	-webkit-appearance: none;
	background-color  : #fafafa;
	border            : 1px solid #cacece;
	box-shadow        : 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding           : 9px;
	border-radius     : 3px;
	display           : inline-block;
	position          : relative;
	outline           : none;
}

.adminpick_window input.logopick:active,
.adminpick_window input.logopick:checked:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
	outline   : none;
}

.adminpick_window input.logopick:checked {
	background-color: #e9ecee;
	border          : 1px solid #adb8c0;
	box-shadow      : 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color           : #99a1a7;
}

.adminpick_window input.logopick:checked:after {
	content  : '\2714';
	font-size: 14px;
	position : absolute;
	top      : 0px;
	left     : 3px;
	color    : green;
}

.adminpick_window input[type="submit"] {
	margin: 15px 0 0 0;
}

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

	.mobile {
		display: none;
	}

	.navbar {
		display: none;
	}

	header.fixed,
	header .logo {
		height: 70px;
	}

	.video_overlay h2,
	.carousel-caption h2 {
		font-size  : 35px;
		line-height: 40px;
		margin     : 0 0 15px 0;
	}

	.video_overlay p,
	.carousel-caption p {
		font-size  : 25px;
		line-height: 25px;
	}

	.video_overlay a,
	.carousel-caption a {
		padding     : 20px 10px;
		margin-right: 10px;
	}

	.panel_menu ul.blok_menu li {
		width: 45%;
	}

	.panel_menu ul.blok_menu li:nth-child(3),
	.panel_menu ul.blok_menu li:nth-child(4) {
		margin-top: 30px;
	}

	.panel_menu ul.blok_menu li a {
		line-height: 16px;
	}

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

	.abrido .panel_menu .panel_botmenu {
		margin: 30px 0 0 0;
	}

	.abrido .panel_menu ul.resp_menu {
		display: inline-block;
	}

	.panel_menu ul.resp_menu li {
		margin: 0;
	}

	.panel_foot .col {
		width: 25vw;
	}

	section.white .bgtext {
		font-size: 80px;
	}

	.werkwrap h2.title {
		font-size: 40px;
	}

	section.overons .linedarkbtn {
		margin-right: 0;
		display     : inline-block;
		margin      : 15px 0;
	}

	section.storybottom .halfbgimg {
		height: 780px;
	}

	section.storybottom .bigtitle {
		font-size: 70px;
	}

	section.welkom .carousel-inner>.item {
		background-size: contain !important;
	}

	h1.blogtitel {
		font-size: 20px !important;
	}

	section.subhead {
		max-height: 140px;
	}

}

@media (max-width: 414px) {

	html,
	body {
		overflow-x: hidden;
	}

	header.fixed {
		height: 70px;
	}

	header .logo {
		position          : relative;
		height            : 70px;
		-webkit-transition: all .3s;
		-moz-transition   : all .3s;
		-ms-transition    : all .3s;
		-o-transition     : all .3s;
		transition        : all .3s;
	}

	header.fixed .logo {
		position: absolute;
		left    : 0;
		top     : 0;
	}

	.mobile_new_btn button {
		margin: 1em;
	}

	.mobile_new_panel .panel_img {
		width: 75%;
	}

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

	.panel_menu .menu_title {
		font-size  : 20px;
		line-height: 20px;
		margin     : 0 0 15px 0;
	}

	.panel_menu ul.blok_menu li {
		width: 100%;
		margin: 0 0 5% 0;
	}

	.panel_menu ul.blok_menu li:nth-child(3),
	.panel_menu ul.blok_menu li:nth-child(4) {
		margin-top: 0;
	}

	.panel_menu ul.blok_menu li a {
		min-height: 50px;
		padding   : 0.25em 1em;
		font-size : 14px;
	}

	.abrido .panel_menu .panel_botmenu {
		margin: 15px 0 0 0;
	}

	.abrido .panel_menu ul.resp_menu {
		display: block;
	}

	.panel_menu ul.resp_menu li {
		margin: 0 0 5px 0;
	}

	.panel_menu ul.resp_menu li a {
		padding: 5px;
	}

	.panel_foot {
		padding: 5px 0;
	}

	.panel_foot .col {
		width: 50vw;
	}

	.panel_foot .link,
	.panel_foot .link a {
		font-size: 16px;
	}

	.panel_foot ul.socials li {
		margin: 0 5px 0 0;
	}

	.carousel-caption {
		top: 25%;
	}

	.video_overlay h2,
	.carousel-caption h2 {
		font-size  : 20px;
		line-height: 20px;
		margin     : 0 0 10px 0;
	}

	.video_overlay p,
	.carousel-caption p {
		font-size  : 16px;
		line-height: 16px;
		font-weight: 300;
		padding    : 0;
	}

	.video_overlay .btns,
	.carousel-caption .btns {
		margin: 15px 0 0 0;
	}

	.video_overlay a,
	.carousel-caption a {
		padding     : 15px 10px;
		margin-right: 10px;
		font-size   : 12px;
	}

	.carousel-caption a:last-child {
		margin-right: 0;
	}

	.mouse_scroll {
		display: none;
	}

	.video_overlay {
		display: none;
	}

	section.werkzaamhedenhead,
	section.werkzaamhedenhead .carousel,
	section.werkzaamhedenhead .carousel-inner,
	section.werkzaamhedenhead .carousel-inner>.item {
		height: 100% !important;
	}

	h1,
	h2.headtitle {
		font-size: 30px;
	}

	section.black .kaart {
		text-align: center;
		margin    : 0 0 15px 0;
	}

	section.black .kaart img {
		width: 75%;
	}

	section.white {
		padding: 80px 0 80px 0;
	}

	section.white .bgtext {
		display: none;
	}

	section.white .imgwrapper {
		margin: 60px 0 0 0;
	}

	section.grey .quotetitle {
		margin: 0;
	}

	.diensten_panel {
		padding: 60px 0;
	}

	.diensten_panel .quotetitle {
		font-size  : 30px;
		line-height: 30px;
	}

	.cont {
		overflow: visible;
		height  : 1200px;
	}

	.el {
		display : block;
		position: relative;
		width   : 100%;
		height  : 300px;
		clear   : both;
		left    : unset;
		top     : unset;
	}

	.el:nth-child(1),
	.el:nth-child(2),
	.el:nth-child(3),
	.el:nth-child(4),
	.el:nth-child(5) {
		transform       : translate3d(0%, 0, 0);
		transform-origin: 50% 50%;
	}

	.el:nth-child(2) .el__bg,
	.el:nth-child(3) .el__bg,
	.el:nth-child(4) .el__bg,
	.el:nth-child(5) .el__bg {
		transform: unset;
	}

	.el:nth-child(1) .el__bg:before,
	.el:nth-child(2) .el__bg:before,
	.el:nth-child(3) .el__bg:before,
	.el:nth-child(4) .el__bg:before,
	.el:nth-child(5) .el__bg:before {
		left: 0;
	}

	.el__bg {
		width: 100%;
	}

	.el__content {
		padding: 30px 60px 30px 30px;
	}

	.el__text {
		font-size  : 30px;
		line-height: 30px;
		margin     : 0 0 15px 0;
	}

	.el__content_txt {
		font-size  : 14px;
		line-height: 18px;
	}

	.el .linebtn {
		padding: 10px;
	}

	.werkwrap .imagewrap {
		margin: 60px 0 0 0;
	}

	.werkwrap h2.title {
		font-size: 40px;
	}

	section.overons .title {
		font-size  : 30px;
		line-height: 40px;
	}

	section.overons .linedarkbtn {
		margin-right: 0;
		display     : block;
		margin      : 15px 0;
	}

	section.overons h2.listtitle {
		margin: 60px 0 30px 0;
	}

	section.storybottom {
		padding: 60px 0 180px 0;
	}

	section.storybottom .bigtitle {
		font-size: 50px;
	}

	section.storybottom .halfbgimg {
		position: absolute;
		top     : unset;
		bottom  : 0;
		width   : 100%;
		height  : 300px;
	}

	#footer .title.topmargin {
		margin-top: 30px;
	}

	.footerbalk ul li {
		display: block;
	}

	.footerbalk ul li:after {
		content: "";
	}

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

}

@media (max-width: 768px) {

	section.welkom,
	section.welkom .carousel,
	section.welkom .carousel-inner,
	section.welkom .carousel-inner>.item,
	section.welkom .carousel-inner>.item>img {
		height: 430px !important;
	}

}

@media (max-width: 736px) {

	section.welkom,
	section.welkom .carousel,
	section.welkom .carousel-inner,
	section.welkom .carousel-inner>.item,
	section.welkom .carousel-inner>.item>img {
		height: 495px !important;
	}

}

@media (max-width: 667px) {

	section.welkom,
	section.welkom .carousel,
	section.welkom .carousel-inner,
	section.welkom .carousel-inner>.item,
	section.welkom .carousel-inner>.item>img {
		height: 445px !important;
	}

}

@media (max-width: 568px) {

	section.welkom,
	section.welkom .carousel,
	section.welkom .carousel-inner,
	section.welkom .carousel-inner>.item,
	section.welkom .carousel-inner>.item>img {
		height: 390px !important;
	}

}

@media (max-width: 414px) {

	section.welkom,
	section.welkom .carousel,
	section.welkom .carousel-inner,
	section.welkom .carousel-inner>.item,
	section.welkom .carousel-inner>.item>img {
		height: 230px !important;
	}

}

@media (max-width: 375px) {

	section.welkom,
	section.welkom .carousel,
	section.welkom .carousel-inner,
	section.welkom .carousel-inner>.item,
	section.welkom .carousel-inner>.item>img {
		height: 210px !important;
	}

}

@media (max-width: 320px) {

	section.welkom,
	section.welkom .carousel,
	section.welkom .carousel-inner,
	section.welkom .carousel-inner>.item,
	section.welkom .carousel-inner>.item>img {
		height: 180px !important;
	}

}

.grecaptcha-badge {
	visibility: hidden;
}