/*===================================================================================================================================================================================================================
MAIN
====================================================================================================================================================================================================================-*/

html, body {

	overflow-x: hidden;
}

body {

	background: #fff;
	padding: 0;
}

img {
	-ms-interpolation-mode: bicubic;
}

body, th, td {
	font-family: 'montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 11pt;

	color: black;
	font-weight: 300;

	line-height: 1.5;
}

.rd{background-color: rgba(138, 15, 58, 1);}
.gl{background-color: rgba(255, 201, 4, 1);}
.zw{background-color: rgba(0, 0, 0, 1);}
.wt{background-color: rgba(255, 255, 255, 1);}
.gr{background-color: rgba(230, 230, 230, 1);}
.rdtxt{color: rgba(138, 15, 58, 1);}
.gltxt{color: rgba(241, 202, 0, 1);}
.zwtxt{color: rgba(0, 0, 0, 1);}
.wttxt{color: rgba(255, 255, 255, 1);}

a {
	color: rgba(138, 15, 58, 1);
	text-decoration: none;
}

.blauw {
	color: rgba(138, 15, 58, 1);
}
.img-responsive{
	display: inline;
}

ul{
	margin: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
}

li{
	margin: 0px;
	padding: 0px;
}
hr{
	width: 100%;
	clear: both;
}
s{
	text-decoration: none;
	color: rgba(138, 15, 58, 1);
}
a:hover {
	color: rgba(138, 15, 58, 1);
	text-decoration: underline;
}

a:active {
	color: rgba(138, 15, 58, 1);
	text-decoration: underline;
}

a:visited {
	color: rgba(138, 15, 58, 1);
	text-decoration: none;
}
a {
	outline: 0;
	cursor: pointer;
	outline-style: none;
	-moz-outline-style: none;
}
.adminknop{
	background-color:  rgba(255, 201, 4, 0.3);
	border: 1px solid rgba(255, 201, 4, 1);
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px;
}

a:active, a:focus {
	outline: 0;
	cursor: pointer;
	outline-style: none;
	-moz-outline-style: none;
}

.lijntje {
	display: block;
	border-bottom: 1px solid rgba(138, 15, 58, 1);
	margin: 15px 0;
}

.advice {
	font-weight: normal !important;
	font-size: 10px !important;

	margin-top: 20px !important;
	color: red !important;

}

.block{display: block;}

.logo {
	display: inline-block;
	/*position: absolute;*/
	/*border:5px solid white;*/
	/*border-top:10px solid white;*/

	/*z-index: 400;*/
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
	float: left;
}

@media (max-width: 990px) {
	.logo {

		/*border-top:5px solid white;*/

		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
	}
}

.logo img{
	max-height: 120px;

}




.lid {padding-bottom: 30px;}

.breadcrum {
	margin-bottom: 20px;
	background-color: #eee;
	padding: 10px;
	margin: 0 0px 1px  0;
	font-size: 11pt;
}
.zoekbalk a{
	color: rgba(138, 15, 58, 1);
}

@media (max-width: 550px) {
	.logobalk {
		display: none;
		width: 100vw;
		padding: 0px;
		padding-top: 20px;
		text-align: center;
		z-index: 10;
	}

	.logobalk img {
		max-width: 200px;
	}
	/*
	
	.logo img{
	max-height: 80px;

}*/


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


	.zoekbalk{
		width: 120px;
		text-align: right;



	}

	.zoekbalk img{
		width:24px;
		margin-bottom: 5px;



	}
}


.logo-bt{
	max-width: 200px;
	height: auto;
}


strong {

	font-weight:600;
}

h1, h2, h3, h4, h5, h6 {}

h1 {

	color: rgba(138, 15, 58, 1);
	font-size: 20pt;
	line-height: 30px;
	font-weight:700;
	padding: 0px;
	margin: 0px;
	padding-bottom: 25px;



}


/*
.h1 {
   padding-left: 60px;
	   padding-right: 60px;
  text-align: center;
}

*/
h2 {
	font-weight:600;
	color: rgba(138, 15, 58, 1);
	font-size: 18pt;
	margin: 0px;
	padding-bottom: 15px;
}
.event h2{
	padding-bottom: 4px;
}

h3 {

	font-weight:800;
	color: black;
	font-size: 12pt;
	line-height: 20px;

	padding: 0px;
	margin: 0px;
	padding-top: 00px;

	padding-bottom: 10px;


}


.sicon{
	width: 20px;
	height: auto;
}

h4 {

	font-weight:300;
	color: rgba(138, 15, 58, 1);
	font-size: 14pt;


	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px


}

h5 {

	color: rgba(138, 15, 58, 1);
	font-size: 16px;

	font-weight: 700;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}

/*
@media (max-width: 991px) {
		h3 {
		padding-top: 15px;
			font-size: 15pt;
}
    h5 {

        padding-top: 15px;
    }
}

*/
.fotoframe{
	padding: 00px 30px 30px 0;
}
@media (max-width: 768px) {

	.fotoframe{
		padding: 0px 0px 0px 0;
	}
}

p {
	padding-top: 0px;
	padding-bottom: 15px;
	margin: 0px;

}



.topspace{
	display: block;
	width: 100vw;
	height: 50px;
}
@media (max-width: 990px) {

	.topspace{
		display: block;
		width: 100vw;
		height: 0px;
	}
}

.schaduw{
	-webkit-box-shadow: 2px 2px 5px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
}

.btn-standard {

	font-weight:600;
	color: #fff !important;
	background-color: rgba(138, 15, 58, 1);


	/*text-transform: uppercase;*/
	white-space: normal;
	padding: 8px 15px 8px 15px;
	font-size: 11pt;
	border-radius: 0px;
	margin-bottom: 5px;
	/* -webkit-box-shadow: 2px 2px 5px -4px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
  border:1px solid white;*/
}

.btn-standard:hover,
.btn-standard:focus {
	color: #fff;
	background-color: rgba(0, 0, 0, 1);

	/*
        -webkit-box-shadow: 0px 4px 5px 0px rgba(138, 15, 58, 0.5);
    -moz-box-shadow:    0px 4px 5px 0px rgba(138, 15, 58, 0.5);
    box-shadow:         0px 4px 5px 0px rgba(138, 15, 58, 0.5);*/
	/*margin-top: 4px;
margin-bottom: 0px;/*/
}

input[type="submit"] {
	display: inline-block;





	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	background-image: none;

	border: 1px solid transparent;





	line-height: 1.42857143;



	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;
	font-weight:600;
	color: #fff !important;
	background-color: rgba(138, 15, 58, 1);


	/*text-transform: uppercase;*/
	white-space: normal;
	padding: 8px 15px 8px 15px;
	font-size: 11pt;
	border-radius: 0px;
	margin-bottom: 5px;
	/* -webkit-box-shadow: 2px 2px 5px -4px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
  border:1px solid white;*/
}
.btn-invert {

	font-weight:600;
	color: rgba(138, 15, 58, 1);
	background-color: rgba(255, 255, 255, 1);


	/*text-transform: uppercase;*/
	white-space: normal;
	padding: 8px 15px 8px 15px;
	font-size: 11pt;
	border-radius: 0px;
	margin-bottom: 5px;
	/* -webkit-box-shadow: 2px 2px 5px -4px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
  border:1px solid white;*/
}

.btn-invert:hover,
.btn-invert:focus {
	color: #fff;
	background-color: rgba(138, 15, 58, 1);

	/*
        -webkit-box-shadow: 0px 4px 5px 0px rgba(138, 15, 58, 0.5);
    -moz-box-shadow:    0px 4px 5px 0px rgba(138, 15, 58, 0.5);
    box-shadow:         0px 4px 5px 0px rgba(138, 15, 58, 0.5);*/
	/*margin-top: 4px;
margin-bottom: 0px;/*/
}
.btn-gl {

	font-weight:600;
	color: #fff !important;
	background-color: rgba(255, 201, 4, 1);


	/*text-transform: uppercase;*/
	white-space: normal;
	padding: 8px 15px 8px 15px;
	font-size: 11pt;
	border-radius: 0px;
	margin-bottom: 5px;
	/* -webkit-box-shadow: 2px 2px 5px -4px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
  border:1px solid white;*/
}

.btn-gl:hover,
.btn-gl:focus {
	color: #fff;
	background-color: rgba(138, 15, 58, 1);

	/*
        -webkit-box-shadow: 0px 4px 5px 0px rgba(138, 15, 58, 0.5);
    -moz-box-shadow:    0px 4px 5px 0px rgba(138, 15, 58, 0.5);
    box-shadow:         0px 4px 5px 0px rgba(138, 15, 58, 0.5);*/
	/*margin-top: 4px;
margin-bottom: 0px;/*/
}
@media (max-width: 991px) {
	.btn-standard, .btn-basic, .btn-invert  {
		font-size: 11pt;
	}
}
.navbar-toggle {
	position: absolute;
	height: 40px;
	font-size: 14pt;
	color: rgba(138, 15, 58, 1);
	background-color: transparent;
	line-height: 20pt;
	padding: 5px 10px 3px 8px;
	float: none;
	margin-top: 5px;
	margin-right: 0px;
	z-index: 999;
	text-decoration: none;
	border-radius:  0px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 800;
	right: 0;
	/* -webkit-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.75);*/
}

.vacalink{
	text-decoration: none;
	color: black ;
	font-weight: 600;
	width: 100%;
	padding-bottom: 15px;
	display:block;
	line-height: 12pt;
}

.vacalink:visited{

	color: black;
}
.vacalink:hover{

	color: rgba(138, 15, 58, 1);
}
.vacalink span{
	text-decoration: none;

	font-weight: 300;

	line-height: 10pt;
}
.vacalink:hover{
	text-decoration: none;

}


.navbar-toggle:hover {
	text-decoration: none;
	color: black;
	/*background-color: rgba(70, 70, 70, 1)*/
}


a, .btn, a *, .btn *, .homebutk * {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}



.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}


@media (min-width: 991px) {

	h1{}


	.kolomA {

		border-right: 1px solid rgba(138, 15, 58, 1);
	}
	.kolomB {
		border-left: 1px solid rgba(138, 15, 58, 1);

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




	.kolomA {
		padding-bottom: 30px;
	}
	.kolomB {
		padding-top: 30px;

	}
}
@media (max-width: 768px) {
	.producten .kolomA {
		padding-bottom: 10px;
	}
	.producten .kolomB {
		text-align: center;
		padding-bottom: 30px;

	}

}
.center {
	text-align: center;
}


.inhoud {
	padding-top: 100px;
	padding-bottom: 50px;

}



.padded{

	padding-top:35px;
	padding-bottom:35px;
}


.content{
	padding-top: 30px;
}

.content ul li {
	margin-bottom: 10px;
}


.content .flexslider ul {
	list-style:none;


}
.content .flexslider ul li {
	margin-bottom: 0px;
}
/*================================================================================
NAVIGATIE
=================================================================================-*/

/*

#nav-wrapper  ul{
	padding: 0px;
	position:absolute;
	right: 40px;
	
}
*/

.topper{


	width: 100vw;
	z-index: 9999;

	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
@media (min-width: 990px) {
	.achter{
		background-color:rgba(255, 255, 255, 1);
		position: fixed;
		height: 50px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
}

.zoekbalk{
	position: absolute;
	display: block;
	right: 15px;
	margin-top: 20px;
	font-size: 20pt;
	font-weight: bold;
	color: rgba(138, 15, 58, 1);

}
.zoekbalk a{
	text-decoration: none;

}


nav {
	display: inline-block;


}
.menu{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style:none;
	white-space: nowrap;

	display: inline-block;

}
/*
.menunomargtop{
	margin: 0px 0px 0px 0px;

}*/

.menu li{
	list-style: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	float: left;
}
.menu li a {
	text-decoration: none;



	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	padding: 10px 20px 10px 20px;
	font-size: 13pt;

	display: block;
	cursor: pointer;

	/*  margin: 0px 20px !important;*/

	color:rgba(138, 15, 58, 1);
	font-weight: 600;
	/*text-shadow: 0px 0px 8px rgba(255, 201, 4, 1),0px 0px 8px rgba(255, 201, 4, 1),0px 0px 8px rgba(255, 201, 4, 1);*/
}
.menu li a:hover {
	text-decoration: none;

}

.menu li#active a{

}

@media (max-width: 1100px) {
	.menu li a {

		padding: 10px 20px 10px 20px;
		font-size: 12pt;

	}
}
@media (max-width: 991px) {
	.menu {

		display: none;
	}
	nav {

		padding-top: 0px;
	}
}






.menu > div > li > a:hover {
	color: black ;


}
.menu > div > li.active > a {
	color: black ;


}


.menu > div > li.active>a:hover {
	color: black ;

}



.productcode{
	display: block;
	list-style: none;
	margin: 0px;
	font-size: 9pt;
	color: #888;
	margin-top: 5px;
	padding: 0px;
}
.productcode li{
	display: block;
	padding-top: 2px;

}



.dropdown:hover .dropdown-menu {
	display: block;
}


/*------------------*/

.dropdown-menu {
	border-radius: 0px;
	background-color:rgba(255,255,255,1);
	z-index: 500;
	margin-top:0px;
	margin-left: 10px;
	min-width:unset;
	position: absolute;
	border: none;
	padding: 0;}

.dropdown-menu > li{
	padding-top: 0;
	width: 100%;
	border-bottom: 1px solid  rgba(138, 15, 58, 1);
}

.dropdown-menu > li > a {
	color:  rgba(138, 15, 58, 1);
	text-transform: capitalize;
	padding: 8px 10px;
	font-weight: 300;
	text-align: left;
	font-size: 10pt;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus  {
	background-color:  rgba(138, 15, 58, 1);
	color: white !important;
	font-weight: 300;
	border-bottom: 0;
}

.dropdown-menu > li.active > a  {
	background-color: transparent;
}

.language {
	display: block;
	position: absolute;
	right: 15px;
	top: 50px;
	margin-top: 0;
}

.language ul {
	margin-top: 0;
	padding: 0;
	margin-left: 12px;
}

.language li {
	display: inline-block;
	padding: 0;
}

.language a,
.language a:link,
.language a:visited {
	color: #ccc;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	padding-left: 10px;
	font-size: 9pt;
}

.language .active a{
	color: #fff;
	font-weight: bold;
}

@media (max-width: 990px) {

	.topper .language {
		display: none;
	}

}

.smallpad {
	padding-right: 2px;
	padding-left: 2px;
}

.smallpad p {
	padding: 5px;
	color: white;
	max-height: 50%;
	overflow: hidden;
	font-size: 15pt;
	line-height: 1;
}

@media (max-width: 768px) {
	.smallpad p {
		font-size: 12pt;
	}
}

.imageshome div{
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.imageshome img {
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 12px;
}

.overlayblocks {
	position: absolute;
	top: 0;
	padding-top: 20px !important;
	padding-left: 20px !important;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	font-weight: bold;
	color: white !important;
	text-decoration: none !important;
	font-size: 8pt !important;
}

.overlayblocks img{
	-webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 1));
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1));
	height: 25px;
	width: auto;
	margin-right: 8px;
	margin-top: -2px;
	border: none !important;
}

.aankondiging {
	animation-duration: 3s;
	animation-delay: 1s;
}

sub, sup {
	/* Specified in % so that the sup/sup is the
       right size relative to the surrounding text */
	font-size: 75%;

	/* Zero out the line-height so that it doesn't
       interfere with the positioning that follows */
	line-height: 0;

	/* Where the magic happens: makes all browsers position
       the sup/sup properly, relative to the surrounding text */
	position: relative;

	/* Note that if you're using Eric Meyer's reset.css, this
       is already set and you can remove this rule */
	vertical-align: baseline;
}

sup {
	/* Move the superscripted text up */
	top: -0.5em;
}

sub {
	/* Move the subscripted text down, but only
       half as far down as the superscript moved up */
	bottom: -0.25em;
}


.x-panel-body {
	background-color: #ccc !important;
}






.fadeout {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	margin-bottom: 66px;
	height: 50px;

	background: -webkit-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
	);
	background-image: -moz-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
	);
	background-image: -o-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
	);
	background-image: linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
	);
	background-image: -ms-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
	);
}


.numberCircle {
	border-radius: 50%;

	width: 36px;
	height: 36px;
	padding: 8px;
	padding-top: 4px;
	background-color: #000000;
	border: #C43924;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	float: left;
	margin-right: 10px;
	margin-top: -8px;

}

.flexrow {
	display: flex;
	margin-left: -10px;
	margin-right: -10px;
}

.boxgrijs {
	background-color: #000000;

	flex: 1; /* additionally, equal width */
	font-size: 30px;
	padding: 20px;

	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	color: #ffffff;
	font-weight: 100;
	line-height: 40px;
	text-transform: uppercase;

	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
}

.boxgrijs p {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

.boxgrijs:hover {
	color: #ffffff;
	background-color: #444444;
	text-decoration: none;
}

.boxgroen {

	background-color: rgba(138, 15, 58, 1);
	flex: 1; /* additionally, equal width */
	font-size: 30px;
	padding: 20px;
	border: none;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	color: #ffffff;
	font-weight: 100;
	line-height: 40px;
	text-transform: uppercase;

	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
}

.boxgroen p {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

.boxgroen:hover {
	color: #ffffff;
	background-color: #529E00;
	text-decoration: none;
}

.testis {

	background-color: rgba(138, 15, 58, 1);

	padding: 20px;
	border: none;

	color: #ffffff;

}

.testis h4 {

	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
	color: #ffffff;

}

/*================================================================================
FOOTER-WRAPPER
=================================================================================-*/
.logosrow{

	text-align: center;
	background-color: rgba(138, 15, 58, 0.3);
	padding: 30px 0;
}

.filtered{

}
.logosrow img {
	/*
    
  -webkit-filter: grayscale(100%) contrast(200%);
  filter: grayscale(100%) contrast(200%);
  opacity: 1;
*/
	mix-blend-mode: multiply;
	width: auto;
	max-height: 60px;

	/*
	width: auto;
	display: inline*/
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.infobox{padding: 50px;}
.infoboxnews{padding: 35px; padding-bottom: 25px;}

@media (min-width: 1300px) {
	.bgslide{

		background-color: rgba(138, 15, 58, 0.1);
		-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.35);
		-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.35);
		box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.35);
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.flexslider{/*
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
}

@media (min-width: 768px) {
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}
	.youtubeframe{
		width: 100%;
		height:100%;
	}


}


#footer-wrapper {

	position: relative;
	padding: 50px 0;

	background-position: center center;
	background-size: cover;

	border-top: 1px solid #fff;
	color: #fff;
	background-color: rgba(138, 15, 58, 1);
	font-weight: 300;
	font-size: 11pt;

}

.icotje {
	margin-top: 15px;
	margin-left: 15px;
	width: 40px;
	display: block;
	position: absolute;
	opacity: 0;

}

#footer-wrapper h4 {
	font-weight: 800;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
}

#footer-wrapper .sitemap li {

	text-transform: uppercase;

}

#footer-wrapper .sitemap li#active a {

	font-weight: 800;

}

#footer-wrapper .sitemap li ul{

	margin-left: 20px;

}

#footer-wrapper p {

}

#footer-wrapper ul {
	padding: 0;
	margin: 0;

}

#footer-wrapper li {

	list-style: none;
	padding: 0px 0;
	line-height: 20px;



}

#footer-wrapper li input {

	widht: 100% !important;
}

#footer-wrapper a{
	text-decoration: none;
	color: white !important;

	width: 100%;
	padding-bottom: 12px;
	display:block;
	line-height: 13pt;
	padding-left: 20pt;
}
#footer-wrapper a:before {
	font-family: FontAwesome;
	content: '\f105';
	/*right: 15px;*/
	position: absolute;
	color: rgba(255, 201, 4, 1);
	margin-left: -20pt;
}
.bottomwrapper{
	padding: 12px 0;
}
.bottomwrapper a{

	color: black  !important;
	font-weight: 600;
	margin-right: 30px;
}
.bottomwrapper span{
	display: inline-block;
	margin-right: 30px;
}
#footer-wrapper a:hover {
	outline: 0;
	color: rgba(255, 255, 255, 1);


	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}



#footer-wrapper .btn:hover {
	color:  rgba(80, 80, 80, 1);
	color: #fff;
}

#footer-wrapper .subtiel {

	color: rgba(255, 255, 255, 0.7);
	font-size: 9pt;

}
#footer-wrapper .subtiel a:hover{
	color: rgba(138, 15, 58, 1);
	opacity: 1;
}

#footer-wrapper .lastcollumn {
	text-align: right;
}
#footer-wrapper .col-sm-6 {
	/* min-height: 200px;*/
	padding-bottom: 30px;
}

@media (max-width: 990px) {

	#footer-wrapper .lastcollumn {
		text-align: center;
	}

}

/*================================================================================
slider
=================================================================================-*/


.whitegradient {
	display: block;
	position: absolute;
	width: 100vw;
	height: 50px;
	z-index: 300;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.flexslider {
	margin: 0px;


}

#slider-wrapper {
	/*overflow:hidden;*/
}
/*
ol.flex-control-paging {
    display: none;
}

ol.flex-control-paging {
    z-index: 99;
    list-style: none;
    position: absolute;
    right: 18px;
    bottom: -25px;
    display: none;
}

ol.flex-control-paging li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 7px;
    display: none;
}

ol.flex-control-paging li a {
    text-indent: -999999px;
    display: block;
    background: #ffffff;
    font-size: 2.5em;
    border: 1px solid #000000;
    width: 10px;
    height: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
}

ol.flex-control-paging li a.flex-active {
    background: #000000;
    border: 1px solid #ffffff;
}
*/

.flex-control-paging {

	bottom: -25px;

}

.flex-control-paging li a {
	text-indent: -999999px;
	display: block;
	background: #ffffff;
	font-size: 2.5em;

	width: 10px;
	height: 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;

}
.flex-control-paging li a.flex-active {
	background: rgba(138, 15, 58, 1);

}

.slides img {
	width: 100%;

	position: relative;
}



.adreskader{

	/*color: #fff;*/
	display: block;
	padding: 30px 20px 20px 20px;

}

.sollicitatiekader{


	display: block;
	padding: 30px 20px 20px 20px;

}
.specificatiekader{


	display: block;
	padding: 20px 20px 20px 20px;
	margin-bottom: 15px;
	border: 1px solid rgba(255, 201, 4, 1);
}

.specificatiekader p{

	padding-bottom: 6px;
}
.specificatiekader2{

	border: 1px solid rgba(138, 15, 58, 1);
	display: block;
	padding: 20px 20px 20px 20px;
	margin-bottom: 15px;

}
.adreskader p, .adreskader h1, .adreskader h2, .adreskader h3, .adreskader h4, .adreskader h5,  .adreskader a, .adreskader a:hover{

	/*color: #fff;*/


}




.figcaption{
	background-color: rgba(138, 15, 58, 1);
	color: #fff;


}




.category-item {
	padding-bottom: 15px;
}
.category-item a{
	text-decoration: none !important;

}
.category-item figure{

	text-align: center;
	background-color: rgba(138, 15, 58, 1);
}
.category-item.groen figure{

	text-align: center;
	background-color: rgba(41, 195, 0, 1);
}
.category-item figure img{
	width:100%;
}




.category-item figcaption{

	padding: 10px 20px;
	font-size: 12pt;

	width: 100%;
	display: block;
	text-align: left;
	color: #000;
	font-weight: 400;
	background-color: white;
	line-height: 1.2;
}


.prod figcaption{


	background-color: rgba(230, 230, 230, 1);

}


.category-item:hover figcaption{


	color: rgba(138, 15, 58, 1);


}

.category-item figcaption::before{
	font-family: FontAwesome;
	content: '\f105';
	right: 15px;
	position: absolute;

}

.category-item figcaption p{
	padding: 0 20px;
	margin: 0;
	font-weight: 300;
	font-size: 10pt;
}
/*
.category-item figcaption img{
	opacity: 1;
	width: 30px;
	height: auto;
	}*/
.category-item figcaption strong{font-weight: 800;

}

.category-item.contacta a figure>img{
	opacity: 0;
}
.category-item.contacta a:hover figure>img{
	opacity: 0.5;
}


@media (min-width: 990px) {
	.category-item a figure>img{
		opacity: 1;
	}
	.category-item a:hover figure>img{
		opacity: 0.8;
	}
}

.brochure-item {
	padding-bottom: 0;
}
.brochure-item figure{
	padding-top: 80px;
	background-color: rgba(138, 15, 58, 1);
}
.brochure-item figcaption{
	padding-top: 10px;
	font-size: 14pt;
}
.brochure-item figcaption p{
	color: #000;
}


.col{
	margin-right:-7px;
	margin-left:-7px;
}

.col>.category-item{
	padding-right:7px;
	padding-left:7px;
}
.col>.home-item{
	padding-right:7px;
	padding-left:7px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.col>.col-xs-6{
	padding-right:7px;
	padding-left:7px;
}
.col>.col-sm-6{
	padding-right:7px;
	padding-left:7px;
}
.col>.col-xs-12{
	padding-right:7px;
	padding-left:7px;
}
.col>.col-xs-3{
	padding-right:7px;
	padding-left:7px;
}

.col>.col-md-4{
	padding-right:7px;
	padding-left:7px;
}
.col>.col-md-8{
	padding-right:7px;
	padding-left:7px;
}

.product-item figure{

	background-color: rgba(138, 15, 58, 1);
}

.product-item a figure>img{
	opacity: 1;
}
.product-item a:hover figure>img{
	opacity: 0.3;
}
.product-item a figure figcaption{
	opacity: 0;
}
.product-item a:hover figure figcaption{
	opacity: 1;
}

.iconrow{
	background-color: #eee;
	padding-top:45px;
	padding-bottom:30px;
}
.tekstbalk {
	padding-top: 00px;
	padding-bottom: 30px;
}

.iconrow .col-sm-15{
	padding-bottom:30px;
}
.iconrow h4{
	color: #fff;
	text-transform: uppercase;
	font-size: 11pt;
	padding: 5px ;
	margin-bottom: 20px;
	font-weight: 300;
	display: inline-block;
	background-color: #000;
	clear: both;

}

.news{
	background-color: #fff;
	list-style: none;
	padding: 0;
}
.contactgegevens{
	background-color: #eee;
	list-style: none;
	padding: 20px;
}
.news li{
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 20px 00px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}

.news li:hover{
	background-color: #fafafa;
}
.news li h3{
	color: #000000;
	font-weight: 400;
}
.news li a, .news li a:hover {
	text-decoration: none;
}
.news li p {
	color: #555;
	font-size: 10pt;
}

.newsitem {
	margin-bottom: 10px;
}

.datumblock p {
	margin-top: 14px;
	color: #ffffff;
	font-weight: normal;
}

.productbox {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(138, 15, 58, 1);
	font-size: 12pt;
}

.newsbox {
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(00, 00, 00, 0.1);
	margin-bottom: 25px;

	padding: 25px;
	overflow: hidden;
	text-align: initial;

}
#messages * {color: red;}
.newsbox a {
	color: #000;
	text-decoration: none;
}

.newsbox .btn {
	color: #fff;
	text-decoration: none;
}

@media (max-width: 990px) {
	.newsbox h5 {
		padding-top: 15px;

	}
}

#homenieuws .newsitem {
	margin-bottom: 10px;
}

#homenieuws .datumblock p {
	margin-top: 14px;
	color: #fff;
	font-weight: normal;
}

#homenieuws .newsbox {
	padding: 0 0 40px 0;
	margin-bottom: 0;
	overflow: hidden;
	text-align: initial;
	font-size: 11pt;
	border-bottom: none;
	background-color: transparent;
	box-shadow: none;
	background-position: bottom;
	background-repeat: repeat-x;
}

#homenieuws .newsbox p {
	margin: 0 0 6px;
	padding: 0;
}

#homenieuws .newsbox h4 {
	margin-bottom: 6px;

}

.info {
	height: 20px;
	padding-right: 40px;
	color: #000;
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}

#homenieuws .newsbox a {
	color: #000;
	text-decoration: none;
}

#homenieuws .newsbox .btn {
	color: #fff;
	text-decoration: none;
}

#homenieuws .date {
	text-align: left;
	color: #000;
	font-weight: 400;
	font-size: 15pt;
}

#homenieuws .newstxt {
	border-left: 1px solid #000;

}

#image-wrapper {

	height: 30%;
}

#details-content-wrapper {
	margin: 40px 0 60px 0;
}

#details-content-wrapper a:hover {
	opacity: 1;
	margin-bottom: 10px;
}

#detail-images img {
	margin-bottom: 15px;
}

#details-content-wrapper a:hover {
	opacity: 0.7;
}

#details-content {
	margin: 0 0 50px 0;
}


/* these styles are for the demo, but are not required for the plugin */
.zoom {

	position: relative;
	display: block;
	border: 1px solid #fff;

}
.zoom:hover {


	border: 1px solid #eee;
}
/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	top:0;
	right:0;
	background:url(/website/static/images/zoom.png);
}

.zoom img {
	display: block;

}

.zoom img::selection { background-color: transparent; }

#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }


.zoom p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}

.date {
	font-size: 11px;
	color: #bbb;
	padding-bottom: 0;
	margin-bottom: 0;
}

.ref {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #007CC2;
	overflow: hidden;
}

.topproduct {
	padding-top: 70px;
	padding-bottom: 22px;
}




@media (max-width: 991px) {

	#footer-wrapper {
		text-align: center !important;
	}

	#footer-wrapper .col-sm-12 {
		text-align: center !important;
	}


	.featurette-heading {
		font-size: 30px;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-header {
		float: none;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block !important;
	}

	.collapsing {
		overflow: hidden !important;
	}


}

@media (max-width: 768px) {



	.featurette-divider {
		margin: 30px 0;
	}

	.featurette-heading {
		font-size: 25px;
	}

}

@media (max-width: 768px) {

	body, th, td {
		font-size: 10pt;
	}

	h1 {

		font-size: 20pt;

	}

	h2 {

		font-size: 18pt;

	}

	h2 {

		font-size: 16pt;

	}

}


.slideshow {

	width: 100%;
}

@media (min-width: 767px) {
	.slideshow {
		background-color: #00a19c;
		width: 100%;
	}
}

@media print {

	.noprint {
		display: none;
		visibility: hidden;
	}

	a[href]:after {
		content: none !important;

	}
}

#menu li:hover .sub-menu {
	z-index: 1000;
	opacity: 1;

}

.sub-menu {
	padding: 10px 0px;
	position: absolute;
	top: 0;
	left: 0px;
	opacity: 0;
	transition: opacity linear 0.15s;
	box-shadow: 0px 2px 3px rgba(138, 15, 58, 0.2);
	background: #2e2728;
	z-index: 999;
}

.sub-menu li {
	display: block;
	font-size: 16px;
	width: 100% !important;
	text-align: center;

}

.sub-menu li a {
	padding: 10px 10px 10px 10px;
	display: block;
	font-size: 16px !important;
	text-decoration: none !important;

}

.references-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.references-list li {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;

	margin: 0px !important;
	padding-left: 0px;
}

.references-list li.active a {
	background-color: #F08827;
}

#motivation-label {
	clear: both;
}

#login {
	position: absolute;
	overflow: hidden;
	display: block;
	/*margin: 0 20px 0 0;*/
	top: 70px;

	right: 25px;
	z-index: 9999;

}


.product {
	margin-bottom: 30px;
}

.product h3 {
	margin-bottom: 00px;
	padding-bottom: 00px;
}


ul.nav-subpages {
	list-style: none;
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;

}

.col-xs-15 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

/* zotte animaties */

/* pagina opmaak */
.container-fluid{
	padding-left: 0px;
	padding-right: 0px;

}
.container {
	padding-left: 70px;
	padding-right: 70px;
	width: 100%;
	max-width: 1400px;
	pointer-events: auto;
}
.container .container {
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	max-width: 1400px;
	pointer-events: auto;
}


.linkbalk {
	padding-top: 20px;
	padding-bottom: 20px;
}

.titelbalk {
	padding-top: 100px;
	padding-bottom: 0px;
}

.eerstebalk {

	background-color: #ffffff;

}

@media (min-width: 768px) {

	.gutterright {
		padding-right: 30px
	}

	.gutterleft {
		padding-left: 30px
	}

	.nogutterright {
		padding-right: 0px
	}

	.nogutterleft {
		padding-left: 0px
	}

}

.fotoright {
	padding: 0
}

.fotoleftt {
	padding: 0
}

@media (max-width: 990px) {
	.tekstbalk {
		padding-top: 00px;
		padding-bottom: 30px;
	}

	.dienstblok2 {
		padding-top: 40px;

	}

	.container {
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;

		pointer-events: auto;
	}


}
@media (max-width: 1300px) {
	.sliderrekken{
		width: auto;
		padding: 0 15px;
	}
}
.onzichtbaar {
	display: none;
}
@media (max-width: 550px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		pointer-events: auto;
	}
	.zoekbalk {
		font-size:11pt;
	}



}
@media (min-width: 991px) {
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.flex {
		display: flex;
		align-items: center;
	}

	.logos {
		padding: 50px;
	}

}

.logos {
	padding: 25px;
}

@media (min-width: 600px) {
	.logos {
		padding: 50px;
	}

	.logos img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray; /* IE 6-9 */
		transition: all .2s ease-in-out;
		transform: scale(1.1);
		margin-bottom: 22px;
	}

	.logos:hover img {
		-webkit-filter: none;
		-moz-filter: none;
		-ms-filter: none;
		filter: none;
		transform: scale(1.2);

	}
}

@media (min-width: 990px) {
	.centerflex {
		min-height: 60vh;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 0px;
		padding-bottom: 20px;
	}
}

/*============================================================================================================================================================
CONTACT
=============================================================================================================================================================-*/
.smallcontainer {
	max-width: 1000px;
}

#contact-wrapper {
	margin: 50px 0 60px 0;
}

#contact-wrapper a {

	color: #222;
}

#contact-wrapper a {
	outline: 0;
	text-decoration: none;

}

#contact-wrapper a:hover {
	color: #222;
	border-bottom: dotted 1px #222;
}

#contact_form input, #contact_form textarea {
	width: 100%;
	padding: 20px 12px;
	margin: 0 0 6px 0;
	border: none;
	background: #eeeeee;
}

#contact_form input:focus, #contact_form textarea:focus {
	background: #f3f3f3;
}

#contact_form label {

	font-weight: normal;
	color: #000000;
}

#contact_form #submit_button {

	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	background: #444444;
	margin: 20px 0 0 0;
	padding: 20px 30px 16px 30px;
	width: 200px;
	opacity: 1;
}

#contact_form #submit_button:hover {
	opacity: 0.9;
}

#contact-wrapper ul {
	padding: 0;
	margin: 0;
}

#contact-wrapper li {
	list-style: none;
	padding: 0;
	margin: 0;
}

label {

	font-weight: normal;
}

.tweedecontact iframe {
	width: 100%;
	height: 50vh;
}

@media (min-width: 990px) {
	.tweedecontact iframe {
		width: 100%;
		height: 100vh;
	}
	.textmarge{padding-right:55px;}
}

.lead {
	font-size: inherit;
}





/*============================================================================================================================================================
FORMULIEREN
=============================================================================================================================================================-*/
select.form-control {
	height: 38px;
	margin-bottom: 8px;
	border: 1px solid #bbb;
	border-bottom: 1px solid rgba(138, 15, 58, 1);
}
textarea.form-control {
	height: 120px;
	margin-bottom: 8px;
}


input[type="text"], input[type="email"], input[type="phone"]{
	display: block;
	width: 100%;

	padding: 6px 12px;

	font-size: 14px;

	line-height: 1.42857143;

	color: #555;

	background-color: #fff;

	background-image: none;





	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border-radius: 0px;

	border: 1px solid #ffffff;

	border-bottom-color: rgb(255, 255, 255);
	border-bottom-style: solid;
	border-bottom-width: 1px;

	border-bottom: 1px solid rgba(138, 15, 58, 1);

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	-
	height: 38px;
	margin-bottom: 8px;}

textarea{
	display: block;
	width: 100%;

	padding: 6px 12px;

	font-size: 14px;

	line-height: 1.42857143;

	color: #555;

	background-color: #fff;

	background-image: none;



	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border-radius: 0px;

	border: 1px solid #ffffff;

	border-bottom-color: rgb(255, 255, 255);
	border-bottom-style: solid;
	border-bottom-width: 1px;

	border-bottom: 1px solid rgba(138, 15, 58, 1);

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	margin-bottom: 8px;}

input[type="email"].form-control {
	height: 38px;

}
input[type="phone"].form-control {
	height: 38px;
	margin-bottom: 8px;
}
input[type="checkbox"].form-control {
	height: 20px !important;
	margin-bottom: 11px;
	margin-top: 11px;
}





.form-control {
	border-radius: 0px;
	border: 1px solid #ffffff;
	border-bottom: 1px solid rgba(138, 15, 58, 1);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom: 8px;
}
input[type="text"].form-control {
	height: 38px;
	margin-bottom: 8px;
}
label.required {
	/*  background: url("/website/static/images/required.png") no-repeat scroll right top transparent;*/
	/* padding-right: 10px;*/
}

dl {
	width: 100%;
	overflow: hidden;

}

dt {
	float: left;
	width: 25%; /* adjust the width; make sure the total of both is 100% */



}

dd {
	float: left;
	width: 70%; /* adjust the width; make sure the total of both is 100% */
	min-height: 38px;


}
#submit-element {
	text-align: right;
}
#hiddie-label {
	display: none;
}

#hiddie-element {
	display: none;
}

.mapgrey {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
}

@media (max-width: 600px) {
	dt, dd {
		width: 100%;
		padding-left: 0px;
		margin-left: 0px;
	}
}

#hideMe {
	-moz-animation: cssAnimation 1s ease-in 6s forwards;
	/* Firefox */
	-webkit-animation: cssAnimation 1s ease-in 6s forwards;
	/* Safari and Chrome */
	-o-animation: cssAnimation 1s ease-in 6s forwards;
	/* Opera */
	animation: cssAnimation 1s ease-in 6s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes cssAnimation {
	to {
		opacity: 1;
	}
}

@-webkit-keyframes cssAnimation {
	to {
		opacity: 0;
	}
}


td {
	vertical-align: top;
}

.collectiemenu {
	width: 100%;
	border: none;
	margin-top: 20px;
}

.collectiemenu td a {

	color: white;
	font-size: 14pt;

	font-weight: 600;
	text-decoration: none;

}

.collectiemenu td a:hover {
	text-decoration: underline;

}



#sidebar {
	display: block;
	position: fixed;
	right: -10px;
	border-radius: 10px;
	top: 45vh;
	margin-top: -100px;

	padding: 15px 30px 5px 15px;
	background-color: rgba(200, 200, 200, 0.3);
	z-index: 99;

}

#sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#sidebar ul li {

	padding-bottom: 10px;
}

#sidebar ul li a {
	/*
        -webkit-box-shadow: inset 0px 0px 5px 0px rgba(138, 15, 58, 0.3);
    -moz-box-shadow:    inset 0px 0px 5px 0px rgba(138, 15, 58, 0.3);
    box-shadow:         inset 0px 0px 5px 0px rgba(138, 15, 58, 0.3);*/
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(2, 67, 95, 0.5);
}

#sidebar ul li a.nav-active {
	background-color: rgba(138, 15, 58, 1);
}

.filterbox {
	display: block;
	position: fixed;
	margin-left: 15px;
	margin-top: 100px;
}

@media (max-width: 768px) {

	.filterbox {
		display: block;
		position: relative;
		margin-left: 0px;
		margin-top: 0px;
		text-align: center;
		background-color: #eeeeee;
		width: 100%;
		border-radius: 10px;
		padding: 10px;
	}
}

#results {
	min-height: 600px;
}

a.page-scroll {
	position: absolute;
	margin-top: 0vh;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font: normal 400 20px/1 'Josefin Sans', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
	width: 60px;
	margin-left: -30px;
}

@media (max-width: 768px) {
	a.page-scroll {
		display: none;
	}
}

a.page-scroll.firstscroll {
	margin-top: -80px;
}

a.page-scroll {
	opacity: .9;
}

a.page-scroll {
	padding-top: 60px;
}

a.page-scroll span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb04 2s infinite;
	animation: sdb04 2s infinite;
	box-sizing: border-box;
}

@-webkit-keyframes sdb04 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}

@keyframes sdb04 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}

#activeLanguage {
	font-weight: 600;
}

#activeLanguage a {
	font-weight: 600;
}

.taalli:hover {
	background-color: transparent !important;
}

* {
	box-sizing: border-box;
}



table{
	max-width: 100% !important;
}



table tr td{
	padding: 3px;
}

table h1,table h2,table h3,table h4{
	padding: 0;
	margin: 0px;
}


/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

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

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

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;

	}
	tr td:first-child {
		font-weight: 600;
	}

}



.navbar .navbar-nav {
	display: inline-block;
	float: none;
	text-align: center;
}

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

.socialtop{
	display: block;
	position: absolute;
	right: 0;
	float: right;
	margin-right: 15px;
	padding-top: 65px;
	top: 0;

}

.socialtop a, .socialtop a:hover, .socialtop a:visited, .socialtop a:active{
	color: #ffffff !important;
	text-decoration: none;

}
.socialbottom{
	display: block;
	position: relative;
	right:auto;
	float: none;
	margin-right: 0;
	padding-top: 10px;
	top: auto;
	padding-bottom: 30px;

}
.icons .row{
	padding-top: 10px;
}
.icons {/*
	padding-top: 10px;
	max-width: 180px;*/
}
/* SOCIAL ICONS */
@font-face {
	font-family: 'si';
	src: url('/website/static/fonts/socicon.eot');
	src: url('/website/static/fonts/socicon.eot?#iefix') format('embedded-opentype'),
	url('/website/static/fonts/socicon.woff') format('woff'),
	url('/website/static/fonts/socicon.ttf') format('truetype'),
	url('/website/static/fonts/socicon.svg#icomoonregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family:si;
		src: url(PATH_TO/socicon.svg) format(svg);
	}
}

.soc {
	overflow:hidden;
	margin:0; padding:0;
	list-style:none;
}

.soc li {
	display:inline-block;
	*display:inline;
	zoom:1;
}

.soc li a {
	font-family:si!important;
	font-style:normal;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	display:block;
	position: relative;
	z-index: 1;
	width: 39px;
	height: 39px;
	line-height: 39px;
	font-size: 21px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 5px;
	color: #ffffff !important;
	background-color: none;
	text-decoration: none !important;
	opacity: 1 !important;
}
.soc li a:hover {	text-decoration: none !important;}

.soc-icon-last{
	margin:0 !important;
}

.soc-twitter {
	background-color: #4da7de;
}
.soc-twitter:before {
	content:'\e040';
}
.soc-facebook {
	background-color: #3e5b98;
}
.soc-facebook:before {
	content:'\e041';
}
.soc-linkedin {
	background-color: #3371b7;
}
.soc-linkedin:before {
	content:'\e049';
}
#uitleg-element{
	display: none;
}
#uitleg-label{
	width: 100%;

}
#uitleg-label label{
	font-weight: bold;

}

.optie{
	width: 60px;
}

#message-label label{
	/*font-weight: bold;*/

}

@media (max-width: 1200px) {
	/* .navbar-toggle {
         display: block;
     }
        .menu {
         display: none;
     }*/
}

.aankondiging{
	display: block;
	position: absolute;
	right: 0;
	margin-right: -40px;
	bottom: 0;
	z-index: 500;
	width: 200px;
}

@media (max-width: 768px) {
	.aankondiging{
		display: block;
		position: absolute;
		right: 0;
		top:-15px;
		margin-right: -25px;
		bottom: auto;
		z-index: 500;
		width: 180px;
	}
}
@media (max-width: 450px) {
	.aankondiging{
		display: none;
	}
}

.submenubox {
	margin-bottom: 50px;
}

.submenubox ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	font-size: 9pt;

}

.submenubox a {    text-transform: uppercase;
	text-decoration: none;



}
.submenubox a:hover {
	text-decoration: underline;


}
.submenubox a.active {
	text-decoration: none;
	color: rgba(80, 80, 80, 1);

}
.submenubox h4 {
	text-transform: uppercase;
	font-weight: 300;


}
.submenubox h4 a{
	color: rgba(80, 80, 80, 1) !important;

}
.submenubox h4.active a {
	color: rgba(138, 15, 58, 1) !important;
	padding-left: 20px;

	background-size: 15px auto;
	background-position: left center;
	background-repeat: no-repeat;

}
.submenubox h4.active a.greentxt {
	color: rgba(41, 195, 0, 1) !important;
	padding-left: 20px;

	background-size: 15px auto;
	background-position: left center;
	background-repeat: no-repeat;

}

.submenubox ul > li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	padding-left: 20px;

}

.submenubox ul > li.active a {
	text-decoration: underline !important;

}


.submenubox ul > li:first-child {

	margin-top: 0px;

}

.submenubox ul > li > a {
	text-transform: none;
	font-weight:400;
	color: rgba(80, 80, 80, 1);
}




.homelayer {
	/*background-color: rgba(0, 0, 0, 0.5);*/
	display: block;
	bottom: 9vw;
	height: 100px;
	position: absolute;
	text-align: center;
	width: auto;
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 15px;
	left: 0;
	right: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;


}


.homelayer {

	bottom: 20%;



}


.homelayer h1 {
	font-family: 'Oswald', sans-serif;

	color: #fff;
	font-size: 24pt;
	font-weight: 400;
	margin: 0px;
	text-transform: uppercase;
	padding-top:15px;
	padding-bottom: 15px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.homelayer h1:after {
	content: "";
	border-bottom-style: solid;
	border-bottom-width:2px;
	display:table-cell;
	width:120px;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	margin-top: 10px;
	border-color: white;
}
.homelayer h1:before {
	content: "";
	border-bottom-style: solid;
	border-bottom-width:2px;
	display:table-cell;
	width:120px;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	margin-top: -11px;
	border-color: white;
}


.homelayer p {
	color: #fff;
	font-size: 13pt;
	font-weight: 200;
	margin: 0px;
}




@media (max-width: 911px){
	.homelayer {

		bottom: 7vw;



	}
	.homelayer h1 {
		font-size: 22pt;
	}

	.homelayer p {
		font-size: 11pt;
	}

	.promo h1 {
		font-size: 14pt;
	}

	.promo p {
		font-size: 11pt;
	}
}
/*
@media (max-width: 768px){
    
    
    .inhoud{
   padding-top: 50px;  
		
  
}
/
   .hoogte{

    padding-top: 130px;  

}
   .homelayer {

    bottom: 40vw;
  
}   
     .homelayer h1 { 
font-size: 42pt;  
}
 
}   




.homebuts .col-md-4,
.homebuts .col-sm-4,
.homebuts .col-md-4,
.homebuts .col-lg-4,
.homebuts .col-xs-15,
.homebuts .col-sm-15,
.homebuts .col-md-15,
.homebuts .col-lg-15 {

    padding-right: 2px;
    padding-left: 2px;
}



.homebuts a{



	
	
	display: block;
	
}

.homebutk {

		background-color: rgba(138, 15, 58, 1);
	display: block;
	 -webkit-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.75);
	text-decoration: none;
margin-bottom: 40px;
	 
}


.flexx{
	  display: flex;
  align-items: center;
  justify-content: center;
}

.homebutk img{
	

	opacity: 0.3;
}


.homebuts {

    margin-left: -30px;
    margin-right: -30px;

}


.homebuts .homebut {

    padding-left: 30px;
    padding-right: 30px;

}

.homebutk:hover img {

    opacity: 1;

}

.homebuts h2{
		color: white;
	font-weight: 800;

text-shadow: 0px 0px 6px rgba(00, 00, 00,  0.3);
position: absolute;
font-size: 24pt;
left: 40px;

text-decoration: none;
align-self: flex-end;
bottom: 0px;
	line-height: 1;
	padding-right: 30px
}



.homebut .beschrijving {
    padding: 25px;
	padding-bottom: 20px;
    text-decoration: none;
	line-height: 1;
	font-weight: 400;
	
}

.homebut .beschrijving p {
		color: white;
   font-size: 12pt;
	
}

.homebut .btn-standard{
		background-color: rgba(0,0,0,0.2);
	background-blend-mode: multiply;
		/* -webkit-box-shadow: 2px 2px 5px -4px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px  rgba(0,0,0,0.2);
	border:1px solid white;
}
.homebut .btn-standard:hover{
		background-color: rgba(0,0,0,0.3);
	background-blend-mode: multiply;
		 -webkit-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.0);
-moz-box-shadow: 5px 5px 5px  rgba(0,0,0,0.0);
box-shadow: 5px 5px 5px  rgba(0,0,0,0.0);
}*/


@media (max-width: 768px){
	.homebuts h2{
		font-size: 18pt;
		left: 30px;
		bottom: -10px;
	}
	.homebut .beschrijving {
		padding: 15px;
	}
	.homebut .beschrijving p {
		font-size: 10pt;
	}
}

@media (max-width: 600px){
	.homebuts h2{
		font-size: 16pt;
		left: 30px;
		bottom: -10px;
	}

}
.cover {
	display: none;
}

.coverzichtbaar img {
	-webkit-filter: drop-shadow(5px 5px 5px #222 );
	filter: drop-shadow(5px 5px 5px #222);
	-ms-transform: rotate(5deg); /* IE 9 */
	-webkit-transform: rotate(5deg); /* Safari */
	transform: rotate(5deg);
	position: absolute;
	right: 15px;
	top: 0;
	opacity: 1 !important;
	max-width: 30%;
}

.titlesmall{
	max-width: 63%;
}

ul#gallery{
	margin: 0px;
	margin-bottom: 0px;
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%;
}
/* line 3, sections/_gallery.scss */
ul#gallery li {
	width: 46%;
	float: left;
	margin: 0 6% 20px 0 !important;
	text-align: center;
	list-style-type: none !important;
	height: auto;
	overflow: hidden;
}

.beschrijvinggallery{

}


/* line 11, sections/_gallery.scss */
ul#gallery li:nth-child(2n) {
	margin-right: 0 !important;
}
/* line 14, sections/_gallery.scss */
ul#gallery li img {
	box-sizing: border-box;
}
/* line 19, sections/_gallery.scss */


@media all and (min-width: 767px) {
	/* line 30, sections/_gallery.scss */
	ul#gallery li {
		width: 30.3%;
		margin: 0 3% 20px 0 !important;

	}
	/* line 33, sections/_gallery.scss */
	ul#gallery li:nth-child(2n) {
		margin-right: 3% !important;
	}
	/* line 36, sections/_gallery.scss */
	ul#gallery li:nth-child(3n) {
		margin-right: 0px !important;
	}
	.beschrijvinggallery{
		height:100px;
		overflow: hidden;
	}
}
@media all and (min-width: 1024px) {
	/* line 46, sections/_gallery.scss */
	ul#gallery li {
		width: 22.7%;
		margin: 0 3% 20px 0 !important;
	}
	/* line 49, sections/_gallery.scss */
	ul#gallery li:nth-child(3n) {
		margin-right: 3% !important;
	}
	/* line 52, sections/_gallery.scss */
	ul#gallery li:nth-child(4n) {
		margin-right: 0px !important;
	}

	/* line 58, sections/_gallery.scss */

}





/* line 982, _screen.scss */
#paging {
	list-style-type: none;
	margin: 40px 0 0 0;
	position: relative;
	z-index: 1000;
}

/* line 989, _screen.scss */
#paging li {
	float: left;
	margin: 0 5px 5px 0;
	list-style-type: none;
}

/* line 995, _screen.scss */
#paging li a,
#paging li a:visited {
	display: block;
	background-color: #9cd1e1;
	padding: 0px 5px 0px 5px;
	color: #fff;
	border-bottom: 0px solid #000;
}

/* line 1004, _screen.scss */
#paging li a:hover {
	border-bottom: 0px solid #000;
	background-color: #352f2d;
	color: #fff;
}






/* line 533, _screen.scss */
.facebook-page .itemBlock  li, #sidebar  li,
ul.facebook-content li {
	list-style-type: none;
	margin: 2em 0;
}
/* line 539, _screen.scss */
.facebook-page .itemBlock  li .image, #sidebar  li .image,
ul.facebook-content li .image {
	margin-bottom: .5em;
}
/* line 542, _screen.scss */
.facebook-page .itemBlock  li .image img, #sidebar  li .image img,
ul.facebook-content li .image img {
	margin: 0;
}
/* line 547, _screen.scss */
.facebook-page .itemBlock  li .info, #sidebar  li .info,
ul.facebook-content li .info {
	overflow: hidden;
}
/* line 550, _screen.scss */
.facebook-page .itemBlock  li .info .link, #sidebar  li .info .link,
ul.facebook-content li .info .link {
	width: 50%;
	float: left;
}
/* line 554, _screen.scss */
.facebook-page .itemBlock  li .info .link a, #sidebar  li .info .link a,
ul.facebook-content li .info .link a {
	color: #3b5998;
	border-bottom-color: #718dc8;
}
/* line 558, _screen.scss */
.facebook-page .itemBlock  li .info .link a:hover, #sidebar  li .info .link a:hover,
ul.facebook-content li .info .link a:hover {
	color: #2d4373;
	border-bottom-color: #3b5998;
}
/* line 565, _screen.scss */
.facebook-page .itemBlock  li .info .created_time, #sidebar  li .info .created_time,
ul.facebook-content li .info .created_time {
	width: 50%;
	float: right;
	font-size: .9em;
	color: #9b9795;
	text-align: right;
}



@media screen and (min-width: 768px) {
	/* line 582, _screen.scss */
	.facebook-page .itemBlock  {
		margin-left: -3%;
		max-width: 105%;
	}
	/* line 586, _screen.scss */
	.facebook-page .itemBlock :before,  .facebook-page .itemBlock :after {
		content: " ";
		display: table;
	}

	/* line 595, _screen.scss */
	.facebook-page li {
		display: inline-block;
		vertical-align: top;
		margin-left: 3%;
		margin-right: -.25em;
		width: 47%;
		padding: 0;
		float: none;
	}
}
@media screen and (min-width: 1024px) {
	/* line 611, _screen.scss */
	.facebook-page li {
		width: 30.33%;
	}
}


.green{
	background-color:  rgba(41, 195, 0, 1) !important;
}
.greentxt{
	color:  rgba(41, 195, 0, 1) !important;
}

.fa {
	padding: 5px 6px;
	font-size: 20px;
	width: 30px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;

}

.juweel{
	padding-bottom: 20px;
}
.juweel h2{
	padding-bottom: 10px;
}
.fa:hover {
	opacity: 0.7;
}

.fa-facebook {
	background: #3B5998;
	color: white;
}

.fa-twitter {
	background: #55ACEE;
	color: white;
}

.fa-google {
	background: #dd4b39;
	color: white;
}

.fa-linkedin {
	background: #007bb5;
	color: white;
}

.fa-youtube {
	background: #DD0000;
	color: white;
}

.fa-instagram {
	background: #ff0090;
	color: white;
}

.fa-pinterest {
	background: #cb2027;
	color: white;
}



.pimcore_tag_image{
	border: 1px solid silver;
	background-color: #eee;
}
.pimcore_tag_input{
	border: 1px solid silver;
	background-color:  rgba(255, 255, 255, 0.5)
}

.pimcore_tag_wysiwyg{
	border: 1px solid silver;
	background-color: rgba(255, 255, 255, 0.5);

}


/*============================================================================================================================================================
slideshow
=============================================================================================================================================================-*/



.slidecontent {

	position: absolute;
	width:  100vw;
	height:  100%;
	top: 0;
	z-index: 15;
	/*display: flex;
    align-items: center;
    justify-content: center;*/


}
.slidecontent .container{
	position: absolute;
	bottom: 10vw;
}

@media (max-width: 768px) {
	.slidecontent .container{
		position: relative;
		bottom: unset;
	}
}
.slidecontent .positie{
	position: absolute;
	bottom: 10vw;
	left: 0;
	padding: 0px 30px 30px 30px;}

.slidecontent h1 {
	color: rgba(138, 15, 58, 1);
	border: none;
	font-size: 16pt;
	padding: 0px;
	padding-bottom: 0px;
	font-weight: 700;
	text-transform: none;
	margin-bottom: 0px;
	text-align: left;

}

.slidecontent p {
	color: rgba(138, 15, 58, 1);
	padding: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	font-size: 12pt;
}



@media (max-width: 768px) {
	.slidecontent {
		display: block;
		position: relative;
		top: auto;
		bottom: 0;
		padding: 15px;
		width: 100%;
		height: auto;
		border: 0px;
		border-top: 4px solid white;
	}
	/*
	.slidecontent div{
	  position: relative;
  bottom: auto;
	left: auto;
	padding: 0px;}
*/

	.slidecontent p {

		font-size: 11pt;

	}
}

/*============================================================================================================================================================
accordion
=============================================================================================================================================================-*/


.accordion {

	cursor: pointer;
	padding: 15px 15px 12px 15px;
	width: 100%;
	/*border: 1px solid rgba(63, 83, 132, 0.1);*/
	border-radius: 0;
	border: none;
	text-align: left;
	outline: none;
	font-size: 14pt;
	transition: 0.4s;
	-webkit-box-shadow: 0px 2px 12px -10px rgba(0,0,0,0.44);
	-moz-box-shadow:  0px 2px 12px -10px rgba(0,0,0,0.44);
	box-shadow: 0px 2px 12px -10px rgba(0,0,0,0.44);
	margin-top: 8px;
}

.accordion.active, .accordion:hover {
	background-color:  rgba(138, 15, 58, 0.2);
}

.accpanel {
	padding: 0px 15px 0px 15px;
	border-radius: 0px;
	margin-bottom: 0px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	border: none;
	transition: all 0.2s ease-out;
	/*display: none;*/
}

.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: rgba(63, 83, 132, 1);
	float: right;
	margin-left: 5px;
}

.accordion.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}


.contactpr{
	margin-top: 50px;
}

/* Tabs */
/* tabs */
.tab-wrap {
	transition: 0.3s box-shadow ease;
	/*border-radius: 6px;*/
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	list-style: none;
	background-color: #fff;
	margin: 0;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/
	width: 100%;


}

/*
.tab-wrap:hover {
    box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
*/

.tab {
	display: none;

}

.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.tab:first-of-type:not(:last-of-type) + label {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.tab:not(:first-of-type):not(:last-of-type) + label {
	border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.tab:checked + label {
	/*background-color: #fff;*/
	background-color: rgba(138, 15, 58, 1);
	/*box-shadow: 0 -1px 0 #fff inset;*/
	cursor: default;
	color: #fff;
}

.tab:checked + label:hover {
	/*box-shadow: 0 -1px 0 #fff inset;*/
	/*background-color: #fff;*/
	background-color: rgb(138, 110, 118);

	cursor: default;
	color: #fff;
}

.tab + label {
	/*box-shadow: 0 -1px 0 #eee inset;*/
	/*border-radius: 6px 6px 0 0;*/
	border-radius: 0;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #333;
	flex-grow: 3;
	text-align: center;
	background-color: #f5f8fd;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: 0.3s background-color ease, 0.3s box-shadow ease;
	height: 50px;
	box-sizing: border-box;
	padding: 15px;
	border: 1px solid #eee;
}

.tab + label:hover {
	background-color: #ffffff;
	/* box-shadow: 0 1px 0 #f4f4f4 inset;*/
}

.tab__content {
	padding: 15px 15px;
	background-color: transparent;
	position: absolute;
	width: 100%;
	z-index: -1;
	opacity: 0;
	left: 0;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	border-radius: 6px;
	border:  1px solid #eee;
	border-top: none;
	border-radius: 0;
}


/*============================================================================================================================================================
events
=============================================================================================================================================================-*/

.datebox{
	background-color: white;
	display: inline-block;
	width: 120px;
	height: 70px;
	float: left;
	margin-right: 15px;
	text-align: center;
	color: #666;
	font-weight: 600;
	font-size: 30px;
	padding-top: 15px;
	line-height: 20px;
}
.datebox span{

	font-size: 16px;
}
.dateboxtwee{

	display: inline-block;
	width: 90px;
	height: 50px;
	float: left;
	margin-right: 15px;

	color: #aaa;
	font-weight: 600;
	font-size: 17px;
	padding-top: 15px;
	line-height: 20px;
	border-right: 1px solid #aaa;
}



.languagepicker {
	background-color: rgba(138, 15, 58, 1);
	color: #FFF;
	display: inline-block;
	padding: 0;
	height: 25px;
	overflow: hidden;
	transition: all .3s ease;
	vertical-align: top;
	border-radius: 0px;
	position: absolute;
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	right: 0;
	z-index: 800;
	/*border: 1px solid #eee;*/
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
/*
.languagepickermt {
	margin-top: 10px;
}*/


.languagepicker:hover {
	/* don't forget the 1px border */
	height: 325px;
}

.languagepicker a{
	/*	font-family: 'Roboto condensed';*/
	color: #000;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	color: #888;
	color: #FFF;
	height: 25px;
	display: block;
	padding-top: 3px;
}

.languagepicker li {
	display: block;
	padding: 0px 0px;
	border-top: 1px solid #EEE;
	width: 55px;
	height: 25px;
	text-align: center;
}

.languagepicker li:hover{
	background-color: #EEE;
	background-color: rgba(255, 201, 4, 1);
}

.languagepicker li:first-child {
	border: none;


}

.languagepicker li img {
	margin-right: 5px;
}


@media (max-width: 990px) {
	.languagepicker {
		display: none;
	}
}
.respbalk {
	display: none;

}
@media (max-width: 990px) {
	.respbalk {
		display: block;

		width: 100vw;
		height: 50px;
	}
}


.resplogo {
	float: left;
	display: inline-block;
}

.bol{
	display: block;
	width: 30px;
	margin-top: 5px;
	opacity: 0;
}

@media (min-width: 990px) {

	.bol{
		/*position: fixed;
        left: 15px;*/
	}
}
.bolle{
	opacity: 1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;

	-webkit-animation-name: spin;
	-webkit-animation-duration: 800ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;

	-moz-animation-name: spin;
	-moz-animation-duration: 800ms;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 800ms;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;

	animation-name: spin;
	animation-duration: 800ms;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
@-ms-keyframes spin {
	from { -ms-transform: rotate(-180deg); }
	to { -ms-transform: rotate(0deg); }
}
@-moz-keyframes spin {
	from { -moz-transform: rotate(-180deg); }
	to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(-180deg); }
	to { -webkit-transform: rotate(0deg); }
}
@keyframes spin {
	from {
		transform:rotate(-180deg);
	}
	to {
		transform:rotate(0deg);
	}

}



.g-recaptcha {
	display: inline-block;
}
@media screen and (max-width: 500px){
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}      }