/* 
Thialf - Styles
======================================================================================
*/

@import url(https://addsite.nl/addbeheer/themes/addsite/css/iconen.css);
@import url(addform.css);

body {

}

.row {
	max-width: 72em !important;
}

	@media (max-width: 1366px) {
		.row {
			max-width: 70em !important;
		}	
	}
	@media (max-width: 1120px) {
		.row {
			max-width: 98% !important;
		}	
	}
	@media (max-width: 640px) {
		.row {
			max-width: 100% !important;
		}	
	}

.row.wide {
	max-width: 100%;
}


/* 
---------------------------
ALGEMEEN 
---------------------------
*/

#page {
	display: block;
	position: relative;
	/* padding-top: 600px; */
}
.page-front-no #page {
	/* padding-top: 500px; */
}
.open-modal {
	outline: 0 !important;
}

.alert-box {
	width: 100%;
	top: 0;
	z-index: 999;
	margin: 0;
}
#topbar { 
	position: relative !important;
	top: 0;
	width: 100%;
	height: 140px;
	z-index: 998 !important;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 ); */

	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.page-front-no #topbar {
	/* position: absolute !important; */
}

#topbar .row > .columns {
	position: relative;
}


	@media (max-width: 970px) {
		#topbar {
		
			background: #fff;	
		}
		#topbar .row  {
			position: relative;
			
		}
	}	

	@media (max-width: 600px) {
		#topbar { 
		
		}
	}
	

.logo-wrapper {
	position: relative;
	background: #fff;

	height: 140px;
	

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



	@media (max-width: 970px) {
		.logo-wrapper {
			
		}
		/* .page-front-no .logo-wrapper {
			top: 0px;
		}	 */
	}
	@media (max-width: 640px) {
		.logo-wrapper {
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 30px;
			height: auto;
		}
		/* .page-front-no .logo-wrapper {
			top: 0px;
		}	 */
	}

/* Logo */
.logo {
	width: 255px;
	height: 115px;
	display: block;
	position: absolute;
	left:-7px;
	margin: 0;
	text-align: left;
    z-index: 98 !important;
    background: url('../images/logo-thialf.png') no-repeat left;
	background-size: contain;

}
.logo-text {
	position: absolute;
	left: 300px;
	top: 50%;
	transform: translateY(-70%);
	display: block;
}
.logo-text p {
	margin:0;
	padding:0;
	line-height: 1.6;
	font-size: 13px;
	color: rgb(88, 88, 88);
}

.logo-isu-coe {
	position: absolute;
	right: 300px;
	top: 50%;
	width: 220px;
	height: 70px;
	transform: translateY(-70%);
	background: url('../images/isu.png') no-repeat center;
	background-size: contain;
}


/* Openingstjden */

.openinghours {
	display: flex;
	width: 260px;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(5px);
}
.openinghours .title {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 15px;
	font-family: 'Rambla';
	flex-basis: 50px;
	flex-shrink: 0;
	height: 50px !important;
	font-size: 18px;
	background: #b6a47b !important;
	color: #fff;
}
.openinghours .title:after {
	position: absolute;
	bottom: -10px;
	left: 10px;
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #b6a47b transparent transparent transparent;
}
.openinghours .title strong {
	margin-left: 5px;
}
.openinghours .items {
	padding: 15px 15px 15px;
}
.openinghours .subtitle {
	font-size: 15px;
	margin: 5px 0 0 0;
	color: #000;
}
.openinghours hr {
	margin: 5px 0 7px;
	border-color: rgba(0, 0, 0, 0.1);
}
.openinghours table {
	border: 0;
	font-size: 14px;
	font-weight: 400;
	color: #000;
}
.openinghours table tr {
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.068); */
}
.openinghours .info {
	display: block;
	font-size: 10px;
	margin: 0;
	padding:0;
	color: #000;
	font-style: italic;
}
.openinghours .info p {
	display: none;
}

.openinghours table tr:last-child {
	border:0;
}
.openinghours table tr td {
	padding: 2px 5px;
}


/* Side buttons */
.side-buttons {
	position: absolute !important;
	top: calc(100% - 25px);
	right:0px;
	width: 260px;
	max-height: 520px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	padding: 0px;
	text-align: left;
	box-sizing: border-box;
	/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); */
}

.side-buttons .button {

	width: 100%;
	height: 70px;
	text-align: left;
	padding: 15px;
	padding-right: 40px;
	text-decoration: none;
	font-size: 20px;
	-webkit-backdrop-filter: blur(10px);
}


.side-buttons .button.bg-gold {
	background: rgba(182, 164, 123, 0.9) !important;
}
.side-buttons .button.bg-dark {
	background: rgba(10, 12, 13, 0.9) !important;
}

.side-buttons .button-text {
	display: block;
	font-size: 13px;	
	padding-top: 0px;
	padding-right: 40px;
	font-family: 'Glegoo', serif !important;
	line-height:1.3;
}
.side-buttons .button .arrow {
	position: absolute;
	top: 50%;
	right:25px;
	transform: translate(0, -50%);
	border:0;
	width: 20px;
	height: 20px;
	opacity: 0.2;
	background: url('../images/arrow-white-rightttt.png') no-repeat center;
	background-size: contain;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.side-buttons .button:hover .arrow {
	opacity: 0.7;
	transform: translate(4px, -50%);
}
.side-buttons .button.bg-primary:hover {
	background: rgba(20, 81, 142, 1) !important;
}
.side-buttons .button.bg-secondary:hover {
	background: rgba(196, 23, 23, 1) !important;
}
.side-buttons .button.bg-dark:hover {
	background: rgba(10, 12, 13, 1) !important;
}
@media (max-width: 1130px) {
	.logo-text {
		left: 260px;
	}
	.logo-isu-coe {
		position: absolute;
		right: 200px;
		top: 50%;
		width: 220px;
		height: 70px;
		transform: translateY(-70%);
		background: url('../images/isu.png') no-repeat center;
		background-size: contain;
	}
}

@media (max-width: 970px) {
	.logo {
		height: 140px;
	}
	.logo-text {
		position: absolute;
		left: 240px;
		top: 50%;
		transform: translateY(-50%);
		display: block;
	}
	.logo-text p {
		margin:0;
		padding:0;
		line-height: 1.7;
		font-size: 13px;
		color: rgb(88, 88, 88);
	}
	.logo-isu-coe {
		position: absolute;
		right: auto;
		left: 80px;
		top: auto;
		bottom: -20px;
		width: 120px;
		height: 50px;
		transform: translateY(0);
		background: url('../images/isu.png') no-repeat center;
		background-size: contain;
	}
	.side-buttons {
		position: absolute !important;
		top: calc(100% - 0px);
	}
}
@media (max-width: 640px) {
	.logo {
		left: -15px;
		width: 40%;
		height: 140px;
	}
	.logo {
		width: 200px;
		height: 80px;
		display: block;
		position: relative;
	}
	.logo-text {
		width: 50%;
		top: 10px;
		left: auto;
		right: 10px;
		transform: translateY(0%);
		display: block;
		text-align: right;
	}
	.logo-text p {
		margin:0;
		padding:0;
		line-height: 1.4;
		font-size: 9px;
		color: rgb(88, 88, 88);
	}
	
	.logo-isu-coe {
		position: absolute;
		right: 0px;
		left: auto;
		top: 50px;
		bottom: auto;
		width: 90px;
		height: 40px;
		transform: translateY(0);
		background: url('../images/isu.png') no-repeat center;
		background-size: contain;
	}

	.side-buttons {
		width: 100%;
		position: relative !important;
		top: auto;
		right: auto;
		padding: 20px 0;
	}
	.page-front-no .side-buttons {
		display: none !important;
	}
	.openinghours {
		display: flex;
		width: 100%;
		background: #f8f3e9;
	}
}
@media (max-width: 400px) {
	.logo {
		width: 180px;
		height: 70px;
	}
	
	.logo-text p {
		margin:0;
		padding:0;
		line-height: 1.4;
		font-size: 8px;
		color: rgb(88, 88, 88);
	}
}
@media (max-width: 374px) {
	.logo {
		width: 150px;
		height: 55px;
	}
	.logo-text {
		width: 60%;
		right: 5px;
	}
	.logo-isu-coe {
		position: absolute;
		right: 0px;
		left: auto;
		top: 40px;
	}
}

/* Nav Buttons (oud) */

.nav-buttons {
	position: absolute !important;
	top: 100%;
	right:0px;
	width: 280px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0px;
	text-align: left;
	box-sizing: border-box;
}

.nav-buttons .button {

	width: 100%;
	height: 100px;
	text-align: left;
	padding: 1rem;
	padding-right: 40px;
	text-decoration: none;
}
.nav-buttons .button-text {
	display: block;
	font-size: 0.76em;	
	padding-top: 10px;
	padding-right: 40px;
	font-family: 'Glegoo', serif !important;
	line-height:1.3;
}
.nav-buttons .dropdown.button::after {
	position: absolute;
	top: auto;
	bottom:0;
	right:0;
	border:0;
	width: 60px;
	height: 60px;
	background: url('../images/arrow-white-blue-right.png') no-repeat center;
	background-size: contain;
	-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-ms-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}
.nav-buttons .dropdown.button.bg-secondary::after {
	background: url('../images/arrow-white-red-right.png') no-repeat center;
	background-size: contain;
}
.nav-buttons .dropdown.button.bg-dark::after {
	background: url('../images/arrow-white-dark-right.png') no-repeat center;
	background-size: contain;
}
.nav-buttons .dropdown.button[aria-expanded="true"]::after { 
	transform: rotate(90deg)
}

	@media (max-width: 970px) {
		.nav-buttons {
			position: absolute !important;
			bottom:-1px;
			right:0px;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			padding-bottom: 0px;
			text-align: left;
			box-sizing: border-box;
		}
		.nav-buttons .logo-text {
			font-size: 0.76em;
			padding-top: 20px;
			padding-left: 5px;
			padding-bottom: 10px;
		}
		.nav-buttons .button {
			padding-right: 0;
			padding-left: 10px;
			padding-top: 10px;
		}
		.nav-buttons .dropdown.button::after {
			width: 40px;
			height: 40px;
			background: url('../images/arrow-white-blue-right.png') no-repeat center;
			background-size: contain;
		}
		.nav-buttons .button-text {
			display: block;
			font-size: 0.76em;	
			padding-top: 10px;
			padding-right: 0px;
		}
	}
	@media (max-width: 640px) {
		
		.nav-buttons {
			position: relative !important;
			bottom:auto;
			right:auto;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			flex-direction: column;
			padding-bottom: 0px;
			text-align: left;
			box-sizing: border-box;
		}
		.nav-buttons .button {
			padding-top: 8px !important;
			width: 100%;
			height: 60px;
			margin-bottom: 5px;
		}
		.nav-buttons .button-text {
			padding-top: 5px;
		}
		.nav-buttons .dropdown.button::after {
			bottom: 10px;
			right: 10px;
		}
	}

.nav-dropdown {	
	min-width: 260px !important; 
	max-width: 560px !important;
	border: 0 !important;
	padding: 0 !important;
	margin-top: 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.082) !important;
}
.nav-dropdown.open {
	left: 0.625rem !important;
}
#drop3.nav-dropdown.open {
	left: auto !important;
	right: 0.625rem !important;
}
.nav-dropdown:before,
.nav-dropdown:after {
	display: none;
}
.nav-dropdown-content {
	padding: 1rem;
	color: #fff;
}
.nav-dropdown-content h6 {
	color: #fff;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.nav-dropdown-content p {
	font-size: 15px;
	line-height: 1.4;
}
.nav-dropdown-content p strong {
	font-family: 'Rambla', sans-serif;
	text-transform: uppercase;
}
.nav-dropdown-content a {
	color: #fff;
	font-weight: 700;
	font-family: 'Rambla', sans-serif;
	text-transform: uppercase;
}




.logo-buttons .button {
	width: 100%;
	margin-top: 10px;
	text-align: left;
	padding: 5px 10px;
	display: block;
}
.logo-buttons .button-title {
	text-transform: uppercase;
	display: block;
	font-size: 18px;
}
.logo-buttons .button-text {
	display: block;
	font-size: 0.76em;	
	padding-right: 50px;
	font-family: 'Glegoo', serif !important;
	line-height:1.3;
}
.logo-buttons .button-icon {
	position: absolute;
	bottom:50%;
	right: 10px;	
	transform: translateX(0) translateY(50%);
	width: 36px;
	height: 36px;
	background: url('../images/arrow-white-right.png') no-repeat center;
	background-size: contain;
	opacity:0.8;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.logo-buttons .button:hover {
	text-decoration: none;
}
.logo-buttons .button.bg-color4:hover {
	background: #4472c9 !important;
}
.logo-buttons .button.bg-secondary:hover {
	background: #cc0000 !important;
}
.logo-buttons .button:hover .button-icon {
	opacity: 1;
}


.logo-links {
	position: absolute;
	top: 35px;
	right:0;
	display: block;
	padding: 8px 20px 0 10px;
}
.logo-links a {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 15px 0 0;
	display: inline-block;
	margin: 0;
}
.logo-links .sep2 {
	position: relative;
	top: 2px;
	width: 2px;
	height: 13px;
	display: inline-block;
	background: #c4c4c4;
	margin-right: 12px;
}
.logo-links a.search {
	padding-right: 0px;
}
.logo-links a.search img{
		opacity: 1;
}
.logo-links a.search:hover img{
	opacity:1;
}

	@media (max-width: 970px) {
		.logo-links {
			top: 15px;
			padding: 8px 10px 0 10px;
		}
		.logo-links a {
			color: #000;
			font-size: 12px;
		}
	}
	@media (max-width: 640px) {
		.logo-wrapper {
			width: 100%;
			left:0;
			padding-bottom: 40px;
		}
		
		.logo-buttons .button {
			floaT: left;
			width: 49%;
			margin-top: 10px;
			text-align: left;
			padding: 5px 10px;
		}
		
		
		.logo-buttons .button.bg-secondary {
			margin-left: 2%;
		}
		
		.more-buttons .logo-buttons .button {
			floaT: left;
			width: 100%;
			margin-top: 0px;
			margin-bottom: 10px;
			text-align: left;
			padding: 5px 25px !important;
		}
		.more-buttons .logo-buttons .button.bg-secondary {
			margin-left: 0;
		}
		
		.logo-links {
	
			top: auto;
			bottom: 10px;
			display:  block;
			padding: 10px;	
			width: 100%;
		}
		.page-front-no .logo-links {
			bottom:0;
		}
		.logo-links a {
			width: 29%;	
			text-align: center;
		}
	}
	@media (max-width: 400px) {
		.logo-wrapper {
		
		}
		
		.logo-buttons .button {
			margin-top: 0;
			padding: 5px 10px 8px !important;
		}	
		.logo-buttons .button-text {
			font-size: 0.6em;	
			padding-right: 30px;
		}
		.logo-buttons .button-title{
			font-size:16px;
		}
		.logo-buttons .button-icon {
			position: absolute;
			bottom:17px;
			right: 8px;	
			width: 26px;
			height: 26px;
		}
	}



/* Sitelinks */
.sitelinks {
	position: absolute;
	top: 10px;
	right: 12px;
	z-index: 9;
	
}
.page-front-no .sitelinks {
	top: 50px;
}
	

.sitelinks ul {
	margin:0;
	display: inline-block;
	margin-bottom: 0;
}
.sitelinks ul li {
	display: inline-block;
	font-size: 12px;
	padding: 0px 0px;
	margin:0;
}
.sitelinks ul li .sep {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.5);
}
.sitelinks ul li a {
	display: block;
	padding: 0px 3px;
	border-radius: 0;
	color: rgba(0, 0, 0, 0.5);
}
.sitelinks ul li a.active,
.sitelinks ul li a:hover {
	color: rgba(0, 0, 0, 1);
}


.sitelinks ul li a span {
	font-size: 14px;
	position: relative;
	display: inline-block;
}

.small .sitelinks {
	display: none;
}
.sitelinks ul li a i {
	position: relative;
	top: 3px;
	margin-right: 3px;
	font-size: 1.4em;
}

/* Mobile Menu */
.nav-trigger {
	position: absolute;
	bottom: 30px;
	right: 1em;
	display: none;
	width: 120px;
	height: 44px;
	line-height: 38px;
	border: 0px solid rgba(0, 0, 0, 0.11);
	border-radius: 0px !important;
	background: #000;
}
.nav-trigger b {
	position: absolute;
	top: 4px;
	left:15px;
	color: #fff;
}
html.mm-opened .nav-trigger {
	z-index: 9999999 !important;
	border: 0px solid rgba(255, 255, 255, 0.1);
}

.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
	/* hamburger icon in CSS */
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 25px;
	background: #fff;
}
.nav-trigger span {
	/* line in the center */
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -1px;
	background: #fff;
	-webkit-transition: background 0.3s 0.3s;
	-moz-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}
.nav-trigger span::before, .nav-trigger span::after {
	/* other 2 lines */
	content: '';
	right: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.nav-trigger span::before {
	/* menu icon top line */
	top: -7px;
}
.nav-trigger span::after {
	/* menu icon bottom line */
	top: 7px;
}

.mm-opening .nav-trigger span {
	/* hide line in the center */
	background: rgba(46, 50, 51, 0);
}
.mm-opening .nav-trigger span::before, .mm-opening .nav-trigger span::after {
	/* keep visible other 2 lines */
	background: #fff;
}
.mm-opening .nav-trigger span::before {
	-webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
	-moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
	-ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
	-o-transform: translateX(4px) translateY(-1px) rotate(45deg);
	transform: translateX(4px) translateY(-1px) rotate(45deg);
}
.mm-opening .nav-trigger span::after {
	-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
	transform: translateX(4px) translateY(2px) rotate(-45deg);
}

#menu:not(.mm-menu) {
	display: none;
}
.mm-menu {
	font-family: 'Rambla', sans-serif !important;
    width: 80%;
    min-width: 140px;
    max-width: 440px;
    background: #fff;
  
    -moz-box-shadow: 4px 0 26px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 4px 0 26px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 0 26px 4px rgba(0, 0, 0, 0.1);
}

#mm-blocker {
-moz-box-shadow: 4px 0 26px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 4px 0 26px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 0 26px 4px rgba(0, 0, 0, 0.1);
}
em.mm-counter {
	font-weight: 600;
	right: 60px;
}

.mm-listview {
  font: inherit;
  font-size: 16px;
}
.mm-menu .mm-header {
    color: #c41817 !important;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Rambla', serif !important;
}
.mm-navbar .mm-title {
	color: #0a0c0d !important;
}

.mm-menu.mm-hasheader .mm-panel, .mm-menu.mm-hasheader .mm-fixeddivider {
   /*  top: 60px; */
}
.mm-menu.mm-hasfooter > .mm-panel {
  bottom: 60px;
}


.mm-listview > li:not(.mm-divider):after {
  left: 0px;
}

.mm-listview > li > a, .mm-listview > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	color: #000;
	font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 1px;
    display: block;
    padding: 12px 10px 12px 22px;
    margin: 0px;
    text-transform: uppercase;
}

.mm-listview > li > a.actief  {
	color: #c41817 !important;
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
  background: url('../images/shape.png') no-repeat 12px 16px;
  background-size: 14px auto;
  border-left: 0px solid #c41817;
  
  
}
.mm-listview > li.more-logo:after,
.mm-listview > li.more-buttons:after,
.mm-listview > li.more:after {
	border: 0;
}
.mm-listview > li.more > a.callit {
	padding: 25px 10px 14px 35px;
	font-size: 13px;
	color: #14508e !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0;
	background: url('../images/shape.png') no-repeat 12px 26px;
	background-size: 14px auto;
}
.mm-listview > li.more a.callit .nmbr {
	color: #0a0c0d;
	text-transform: uppercase;
	display: block;
	font-size: 20px;
	font-weight: 700 !important;
	line-height: 1.2;
	letter-spacing: 3px;
}


.menu-logo {
	margin-top: 0px;
	display: block;
	width: 100%;
	height: 100px;
	background: url('../images/logo-thialf.png') no-repeat center;
	background-size: 200px auto;
}
.mm-listview > li.more-buttons > span {
	padding-left: 10px;
}

	@media (max-width: 970px) {
		.nav-trigger {
			display: block;
		}
		.small .nav-trigger {
			top: 10px;
			border-color:rgba(0, 0, 0, 0.11);
		}
		
		.mm-menu {
			visibility: visible;
		}

		.sitelinks {
			top: 17px;
			right: 5em;
		}
		
		.page-front-no .sitelinks {
			top: 17px;
		}	
		
		.sitelinks ul {
			margin-left: 0;
		}
		.sitelinks ul li a.phone span,
		.sitelinks ul li a.email {
			display: none;
		}
		.sitelinks ul li {
			font-size: 24px;
		}
		
		.sitelinks ul li a i {
			font-size: 1.1em;
		}
		.small .sitelinks {
			display: block;
		}
		.small .sitelinks li a {
			color: #1ab2c2;
		}
	}
	@media (max-width: 640px) {
		.nav-trigger {
			position: relative;
			bottom: auto;
			right: auto;
			width: 100%;
			margin-top: 20px;
		}
		.sitelinks {
			top: 20px;
			right: 4.2em;
		}
		.page-front-no .sitelinks {
			top: 20px;
		}
	}
	@media (max-width: 320px) {
		
		#topbar .sitelinks {
			display: none;
		}
	}
	
.tooltip {
  background: #000;
  border-radius: 0;
}
.tooltip > .nub {
    border-color: transparent transparent #000 transparent !important;
}
  
  



	
/* 
-------------------------------
SECTIONS
-------------------------------
*/

.main-content {
	margin-top: -80px;
	position: relative;
	
}

section {
	position: relative;
	display: block;
	
}


.bg-image {
	background-position: 50% 65%;
	background-size: cover;
	min-height: 110px;
}
.bg-image:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:  rgba(33, 44, 77, 0.87);
	width: 100%;
	height: 100%;
	content: '';
	z-index: 1;
}
.bg-imag.none:before {
	background:  rgba(55, 62, 89, 0.37);
}	
.bg-image.gradient:before {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MmY0ZSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjNDQ0Njg1IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiMxOWIxYzIiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWJlODMiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(39,47,78,0.8) 0%, rgba(68,70,133,0.8) 25%, rgba(25,177,194,0.8) 62%, rgba(133,190,131,0.8) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,47,78,0.8)), color-stop(25%,rgba(68,70,133,0.8)), color-stop(62%,rgba(25,177,194,0.8)), color-stop(100%,rgba(133,190,131,0.8)));
background: -webkit-linear-gradient(left,  rgba(39,47,78,0.8) 0%,rgba(68,70,133,0.8) 25%,rgba(25,177,194,0.8) 62%,rgba(133,190,131,0.8) 100%);
background: -o-linear-gradient(left,  rgba(39,47,78,0.8) 0%,rgba(68,70,133,0.8) 25%,rgba(25,177,194,0.8) 62%,rgba(133,190,131,0.8) 100%);
background: -ms-linear-gradient(left,  rgba(39,47,78,0.8) 0%,rgba(68,70,133,0.8) 25%,rgba(25,177,194,0.8) 62%,rgba(133,190,131,0.8) 100%);
background: linear-gradient(to right,  rgba(39,47,78,0.8) 0%,rgba(68,70,133,0.8) 25%,rgba(25,177,194,0.8) 62%,rgba(133,190,131,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc272f4e', endColorstr='#cc85be83',GradientType=1 );

}	


.section-wrapper {
	width: 100%;
	position: relative;
	min-height: 1;
	padding: 10px 0 10px 0;
}
.section-wrapper.first {
	padding-top:0;
}

#navigation.section-wrapper {
	z-index: 3;
	padding: 0em 0 10px;
	top: -44.5px;
}
.page-front-no #navigation.section-wrapper {
	position: fixed;
	top: 0px;
	z-index: 999;
	padding-bottom: 0;
	
	
}
	@media (max-width: 768px) {
		#navigation.section-wrapper {
			z-index: 3;
			padding-bottom: 10px;
		}
	}
	@media (max-width: 970px) {
		#navigation.section-wrapper {
			display: none;
			
		}
	}


#tabs {
	position: absolute;
	top: calc(100% - 25px);
	left:0;
	right: 260px;
	
	display: block;
	margin-bottom: 0px;
	height: auto;
	background: #fff;
	
}

#tabs > ul.sf-menu {
	margin: 0;

}
.page-front-no #tabs {
	height: auto !important;
}
#content {
	display: block;
	padding: 0px 0em 30px 0em;
}

#banners {
	padding-top: 10px;
	padding-bottom: 0px;
}
#events {
	padding-top: 20px;
	padding-bottom: 40px;
}

@media (max-width: 970px) {
	#tabs {
		display: none;
	}
	#banners {
		padding-left: 5px;
		padding-right: 5px;
	}
	#banners.section-1 {
		padding-top: 20px;
		padding-bottom: 0px;
	}
	#banners.section-2 {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}


/* 
------------------------------------------------------
ALGEMEEN - Headings
------------------------------------------------------
*/

.head-wrapper {
	padding: 1em 0px 0em 1.5em;
	position: relative;
	z-index:98;
}
.head-wrapper .intro {
	font-size: 20px !important;
	position: relative;
	bottom: -14px;
	display: block;
}
.head-wrapper .title {
	
	position: relative;
	padding: 0px 0px;
	padding-top: 0px;
	padding-right: 20px;
	display: block;
	z-index: 3;

	color: #0a0c0d !important;
}
.head-wrapper .title {
	font-size: 26px !important;

}
.head-wrapper .title.large {
	font-size: 1.8em !important;

}
.head-wrapper hr {
	border-width: 3px;
	border-color: rgba(0, 0, 0, 0.15);
	margin-top: 0;
}
.head-wrapper .button {
	margin-left: 10px;
	
}
	
	@media (max-width: 1000px) {
		.head-wrapper .title.large {
			font-size: 1.5em !important;
			line-height:1.2;
		}
	}
	@media (max-width: 500px) {
		.head-wrapper .title.large {
			font-size: 1.3em !important;
			line-height: 1.2;
		}
		.head-wrapper .title .button {
			top: 15px;
			display: block;
			
		}
	}

.section-header {
	padding: 0em 0px 1em 0em;
	position: relative;
}
.section-header hr {
	max-width: 80px;
	margin: auto;
	margin-top: 2em;
	height: 3px;
	background: rgba(0, 0, 0, 0.1);
    border: 0px;
    border-radius: 20px;
}
.section-header .intro {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	letter-spacing: 1px;
}
.section-header .title {
	font-size: 2.2em;
	letter-spacing: 0px;
	font-weight: 700;
	display: block;
}


.section-header .section-more {
	position: absolute;
	top: -6px;
	right: 10px;
	padding: 5px 20px;
	border-radius: 2px; 
}
.section-header .section-more:hover {
	background: rgba(0, 0, 0, 0.06);	
}
.section-header .button {
	position: absolute;
	top: -13px;
	right: 0em;
	border-radius: 2px;
}
.section-header .section-more i {
	margin-left: 10px;
	
}
.section-header .show-filter {

}	
	@media (max-width: 768px) {
		.section-header .title {
			font-size: 1.8em;
		}
	}

	@media (max-width: 500px) {
		.section-header {
			padding: 0em 0px 1em 1em;
		}
		.section-header .title {
			font-size: 0.86em;
		}
		.section-header .title span {
/* 			display: block; */
		}
		.section-header .section-more {
			top: -4px;
		}
		.section-header .button {
			top: 0px;
		}
		.section-header .button	span {
			display: none;
		}
	}

/* 
-----------------------------
ALGEMEEN - OVERZICHT 
-----------------------------
*/

.owl-wrapper {
	padding: 10px;
}
.owl-carousel {
	padding: 0px 0;
}
.owl-carousel .owl-stage-outer {
	padding: 10px 0 2em;
}
.owl-carousel .owl-dots .owl-dot span {
 width: 8px;
 height: 8px;
  margin: 5px 7px;
  
	background: #d1d1d1;

}
.owl-carousel .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: rgba(49, 65, 77, 0.92) !important;
}

.owl-carousel .owl-controls {
	margin-top: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

.owl-carousel:hover .owl-controls {
	opacity: 1;
}

	@media (max-width: 768px) {
		.owl-carousel .owl-controls {
			margin-top: 0;
			width: 100%;
			opacity: 1;
		}
	}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
	position: absolute;
	top: 33%;
	
	width: 40px;
	height: 120px;
	background: rgba(0, 0, 0, 0.1) !important;
	line-height: 120px;
	
	color: #000 !important;
	font-size: 24px;
	margin: 0px;
	padding: 0px 5px;
	display: inline-block;
	cursor: pointer;
	border-radius:2px;
	-webkit-transition: background .5s ease;
	transition: background .5s ease;

}

	@media (max-width: 1270px) {
		.owl-carousel .owl-controls .owl-nav .owl-prev,
		.owl-carousel .owl-controls .owl-nav .owl-next {
			display: none !important;
			
		}
	}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
	background: rgba(0, 0, 0, 0.3) !important;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
	left: -50px;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
	right: -50px;
}

.item { 
	padding: 20px;
}

.cd-gallery ul {
	margin-left: 0;
}

.img-wrap {
	margin: 0em;
	margin-top: 2em;
	margin-bottom: 5em;
	border-radius: 10px;
	position: relative;
	background: #fff;
}
.img-wrap .browser-top {
	display: block;
	height: 33px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	position: relative;
	background: #fff;
	border-radius: 10px 10px 0 0;
}

/* Middle dot (orange) */
.img-wrap .browser-top .dots {
	position: absolute;
	left: 25px;
	top: 15px;
	width: 6px;
	height: 6px;
	display: block;
	border-radius: 20px;
	background: #ffcd47;
}

/* First dot (red) */
.img-wrap .browser-top .dots:before {
	position: absolute;
	left: -10px;
	content: '';
	width: 6px;
	height: 6px;
	background: #eb504a;
	border-radius: 20px;
}
/* Last dot (green) */
.img-wrap .browser-top .dots:after {
	position: absolute;
	right: -10px;
	content: '';
	width: 6px;
	height: 6px;
	background: #91ce6a;
	border-radius: 20px;
}


.img-wrap .play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	text-align: center;
	padding-left: 3px;
	line-height: 80px;
	font-size: 2em;
	background: rgba(26, 178, 194, 0.8);
	border-radius: 1000px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);	
	z-index: 3;
}
.img-wrap .play:hover {
	background: rgba(26, 178, 194, 1);
}
.img-wrap .play i{
	color: #fff;
}

/* Item */

.itembox {
	float: left;
	width: 100%;
	display: block;
    position: relative;
    border: 0px solid #fff;
	margin: 0 0px;
	margin-top: 0px;

	min-height: 170px;
	border-radius: 0px;
	-webkit-box-shadow:  0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) ;
    overflow: hidden;
	
}.itembox


.no-touch .itembox:hover, 
.no-touch a.itembox:hover {
	border: 0px solid #fff;
	margin-top: 0px;
}
.no-touch a.itembox:hover {
	-webkit-box-shadow:  0 1px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.3) ;
}

.itembox .item-image {
	position: relative;
	display: block;
	z-index: 2;
	background: none;	
	overflow: hidden;
	border-radius: 0;
	-webkit-backface-visibility: hidden; 
   	backface-visibility: hidden;

}
.itembox .item-image img {
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
   	backface-visibility: hidden;   	
}
.no-touch .itembox .item-image:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	content: '';
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.no-touch a.itembox:hover .item-image:after {
	background-color: rgba(0, 0, 0, 0.1); 
}
.itembox .item-image.darker:after {
	background-color: rgba(0, 0, 0, 0.1); 
}
a.itembox:hover .item-image.darker:after {
	background-color: rgba(0, 0, 0, 0.3); 
}
.itembox .item-image.none:after {
	background-color: rgba(0, 0, 0, 0); 
}

.itembox .item-image .title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	padding: 1em 1em;
}
.itembox .item-image .item-image-title {
	
	display:block;
	font-size: 1.3em;
	line-height: 1.1;

	margin: 0 0 0 0px;
	z-index: 3;
}


.itembox .item-description {
	display: block;
	text-align: left !important;
	padding: 1em 1.5em 4em 1.5em;
	letter-spacing: 0px;
	width: 100%;
}

.itembox .item-description .item-title {
	position: relative;
	display: inline-block;
	font-size: 1.5em;
	line-height: 1.2;
	padding: 0em;
	margin: 0 0 0 0px;
}

.itembox .item-description .item-title small {
	display: block;
	line-height: 1.2;
}


.itembox .item-description p  {
	display: block;
	font-size: 0.8em;
	line-height: 1.6;
	font-weight: 600;
	color: #fff;
	margin: 0;
	margin-top: 10px;
}

.itembox .item-description .item-price {
	display: block;
	font-size: 0.7em;
	line-height: 1.2;
	font-weight: 900;
	color: #716b66;
	padding: 15px 0 0;
}
.itembox .item-description .item-price .price {
	color: #038C33;
	font-size: 1.6em;
	text-transform: none;
	display: block;
}

.itembox .item-button {
	position: absolute;
	bottom: 3%;
	left:5%;
	width: 90%;
	display: block;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 0.7em !important;
	padding: 1em 1em 1em 1em !important;
	margin: 0em;
	letter-spacing: 1px;
	background: #87bc47;
	border-top: 1px solid rgba(0, 0, 0, 0.04);
	color: #fff !important;
}
.itembox .item-button:hover {
	color: #fff !important;
	background: #7aab3d;
}


/* Itembox - Image fill */
.itembox.full {
	min-height: 190px;
}
.grid-1 .itembox.full {
	min-height: 130px;
}

	

.no-touch a.itembox.full:hover {
	-webkit-box-shadow:  0 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1) ;
}


.itembox.full .label-price {
	position: absolute;
	top: 1em;
	left: 1em;
	display: block;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: -1px;
	color: #fff;
	padding: 0.7em 0.5em;
	border-radius: 3px;
	z-index: 3;
	
}
.itembox.full .label-price span {
	font-size: 0.5em;
	display: block;
	letter-spacing: 1px;
}
.itembox.full .item-description {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	padding-top: 2em;
	padding-left: 1.5em;
	padding-right: 8em;
	z-index: 2;
	border-radius: 0 0 0 0;

	-webkit-transition: padding 0.2s ease-in-out;
	-moz-transition: padding 0.2s ease-in-out;
	-ms-transition: padding 0.2s ease-in-out;
	transition: padding 0.2s ease-in-out;
}

.large-block-grid-3 .itembox.full .item-description {
	padding-right: 30px;
}

.no-touch a.itembox.full:hover .item-description {
/* 	padding-bottom: 4em; */
}



.itembox.full .item-image {
	position: absolute;
	top: 0;
	left:0;
	bottom: 0px;
	right: 0px;
	z-index: 2;
	background-repeat: no-repeat;
	background-size: cover;
/* 	background-blend-mode: multiply; */
	background-position: center;
	border-radius: 0px;
}
.itembox.full .item-image.normal {
/*     background-blend-mode: normal !important; */
}
.itembox .item-image.empty:after {
	background-color: rgba(0, 0, 0, 0);
}
.no-touch a.itembox:hover .item-image.empty:after {
	background-color: rgba(0, 0, 0, 0.1);
}

.itembox.full .item-description .item-title {
	display: block;
	font-size: 1.1em;
	line-height: 1.1;
	color: #fff;
	margin: 0;
	letter-spacing: 0px;
	font-weight: 700 !important;
}
.itembox.full .item-description .item-title.large {
	font-size: 2.2em;
	padding-right: 1em;
	line-height: 1;
	text-transform: uppercase;
}
.itembox.full .item-description p {
	font-size: 0.8em;
	font-weight: 400;
	color:rgba(255, 255, 255, 1);
	letter-spacing: 0;
	margin-top: 10px;
	padding-right: 8em;
		visibility: hidden;
		opacity: 0;
}
a.itembox.full:hover .item-description p {
	visibility: visible;
	opacity: 1;
}
.itembox.full .item-more {
	position: absolute;
	bottom:0em;
	right: 0em;	
	width: 104px;
	height: 104px;
	background: url('../images/arrow-white-right.png') no-repeat center;
	background-size: contain;
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
a.itembox.full:hover .item-more {
	opacity: 1;
}

.itembox.full .item-more i {
	margin-left: 5px;	
}
.itembox.full .item-more:hover {
	
}
	@media (max-width: 1280px) {
		.itembox.full .item-more {
			width: 64px;
			height: 64px;
			}
	}
	@media (max-width: 768px) {
		.itembox.full {
			min-height: 260px;
		}
		.itembox.full .item-description {
			padding-right: 3rem;
		}
		.itembox.full .item-description .item-title.large {
			font-size: 1.4em;
			padding-right: 0em;
		}
		.itembox.full .item-description p {
			padding-right: 2rem;
			visibility: visible;
			opacity: 1;
		}
	}
	@media (max-width: 640px) {
		.itembox.full {
			min-height: 230px;
		}
		.itembox.full .item-image {
				
		}
	}
	@media (max-width: 520px) {
		.itembox.full {
			min-height: 150px;
			margin-bottom: 5px;
		}
		.white-popup .itembox.full {
			min-height: 130px;
		}
		.itembox.full .item-description {
			padding-right: 5em;	
			padding-bottom: 1.5em;
		}
		.white-popup .itembox.full .item-description {
			padding-bottom: 1em;
		}
		.itembox.full .item-description p {
			padding-right: 1em;
			
		}
		
		.itembox.full .item-more {
			width: 60px;
			height: 60px;
			bottom:1em;
			right: 1em;	
		}
	
	}
	

	
.itembox.full .item-image {
	border-radius: 0 !important;
}
.itembox.full.content .item-image:after {
	background-color: rgba(56, 76, 89, 0);
}
.itembox.full.content .item-description {
	position: absolute;
	top: 0;
	bottom: 0;
	padding-top: 1.6em;
}
.itembox.full.content .item-description .item-label {
	color: rgba(0, 0, 0, 0.32);
	padding-bottom: 10px;
}
.itembox.full.content .item-description .item-label.c-white {
	color: rgba(255, 255, 255, 0.31) !important;
}


.itembox.full.content .item-more {
	right: 1.5em;
	bottom: 1em;
	opacity: 0.7;
	font-size: 1em;
}
.itembox.full.content .item-more i {
	top: 3px;
	position: relative;
	font-size: 1.4em;
}
.itembox.full.content .item-more:hover {
	opacity: 1;
}
sup {
	
}
sup.addsup {
	top: -10px !important;
	font-size: 10px !important;
}
.itembox.full.content .item-description .item-title sup.addsup {
	top: -14px !important;
}

	@media (max-width: 1024px) {
		.itembox.full.content {
			min-height: 220px;
		}
	}
	@media (max-width: 768px) {
		.itembox.full.content {
			padding-top: 1em;
		}
		.itembox.full.content .item-description {
			padding-top: 1em;
			padding-right: 1em;
		}
		.itembox.full.content .item-description .item-label {
			font-size: 11px;
		}
		
		.itembox.full.content .item-description .item-title.large {
		    font-size: 1.1em;
		    padding-right: 1em;
		}
		
		.itembox.full.content .item-description .item-more {
			font-size: 0.7em;
		}
		sup.addsup {
			display: none;
		}
	}
	@media (max-width: 768px) {
		.itembox.full.content {
			margin-bottom: 20px;	
		}
		.small-12 .itembox.full.content {
			min-height: 160px;	
		}
	}
	


/* Itembox - With Icon */
.itembox.with-icon {
	min-height: 20px;
	box-shadow: none;
	text-align: center;
}
.itembox.with-icon .item-icon {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 1000px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	text-align: center;
	line-height: 100px;
	position: relative;
	padding-top: 10px;
	margin: auto;
}
.itembox.with-icon .item-icon i {
	color: #1ab2c2;
	font-size: 2.4em;
}
.itembox.with-icon .item-description {
	text-align: center !important;
}	
.itembox.with-icon .item-description .item-title {
	font-size: 1.2em;
	font-weight: 400;
	line-height:1.2;
}

	
/* Itembox - With List */
.itembox.with-list {
	min-height: 20px;
	box-shadow: none;
}
.itembox.with-list .item-description {
	padding-bottom: 2em;
	padding-right: 0;
}
.itembox.with-list .item-description .item-title {
	font-size: 1.2em;
	line-height: 1.2;
}

.itembox.with-list ul {
	margin-top: 20px;
	margin-left: 0;
}
.itembox.with-list ul li a {
	color: #0a0c0d;
}
.itembox.with-list ul li a:hover {
	color: #14508e;
}

	@media (max-width: 500px) {
		.itembox.with-list .item-description {
			padding-left: 1em;	
			padding-bottom: 0em;
		}
		.itembox.with-list ul li a {
			font-size: 12px;
		}
		.itembox.with-list ul {
			margin-top: 10px;
		}
	}


/* Partner Logos */
.itembox.full.with-logo {
	background: #fff;
	min-height: 160px;
	
}
.itembox.full.with-logo:hover {
	-webkit-box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1) !important ;
}
.itembox.full.with-logo .item-image {
	background-size: contain !important;
	background-repeat: no-repeat;
	margin: 1em;
}
	
	


.itembox.full.with-logo .item-image:after,
.itembox.full.with-logo:hover .item-image:after {
	background-color: rgba(255, 255, 255, 0.57) !important;
}
.itembox.full.with-logo:hover .item-image:after {
	background-color: rgba(255, 255, 255, 0) !important;
}



/* Box */

.box-wrapper {
	display: block;
	padding: 0;
	min-height:320px;
/* 	border-bottom: 3px solid #eee; */
	border-radius: 0;
}

.box-wrapper .head-wrapper {
	display: block;
	border-bottom: 2px solid #0a0c0d;
	padding: 10px 0em;
	position: relative;
	margin-bottom: 10px;
	padding-top: 20px;
}


.box-wrapper .head-wrapper .headline {
	line-height:1.3;
	letter-spacing: 0px;
	font-size: 1.6em;
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
.box-wrapper .head-wrapper .headline a {
	color: #0a0c0d !important;
}
.box-wrapper .head-wrapper .head-more {
	position: absolute;
	right:0;
	bottom: 13px;
	line-height:1.3;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 700;
	
}

.box-wrapper .head-wrapper .head-more .arrow {
	position: absolute;
	bottom:0;
	right: 0;
	width: 24px;
	height:24px;
	font-size: 1.8em;
	line-height: 1;
	font-weight: 700;
	color: #14508e;
	display: none;
}

	@media (max-width: 520px) {
		.box-wrapper .head-wrapper .head-more > span {
			display: none;
		}
		.box-wrapper .head-wrapper .head-more .arrow {
			display: block;
		}
	}


.box-wrapper .box-items {
	margin: 0;
	padding:0;
}
.box-items.news {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-color: #b6a47b;
	padding: 1rem;
}
.box-items.events {
	padding: 0rem;
	border-bottom: 2px solid #0a0c0d;
}


.box-wrapper .box-item {	
	display: block;
	padding: 10px 20px 10px 0px;
	border-bottom: 1px solid #0a0c0d;
	position: relative;

}
.box-wrapper .box-items.news .box-item {	
	border-bottom:0;
	padding-right: 20px;
	padding-bottom: 0;

}
.box-wrapper .box-items.events li {
	padding: 0 !important;
}
.box-wrapper .box-items.events .box-item {
	min-height: 160px;
	max-width: 98%
}
.box-wrapper .box-items.events.medium-block-grid-2 > li:nth-of-type(2) .box-item {
	/* float: right; */
}
.box-wrapper .box-items.events.medium-block-grid-2 > li:nth-of-type(4) .box-item {
	/* float: right; */
}
.box-wrapper .box-items.events.medium-block-grid-2 > li:nth-of-type(6) .box-item {
	/* float: right; */
}

/* With Photo */
.box-wrapper .with-photo .box-item {
	border-bottom: 0;
}  
.box-wrapper .with-photo li:last-child .box-item {
	border-bottom: 2px solid #0a0c0d;
}


.box-wrapper .box-item .box-info {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.8em;
	display: block;
	margin-bottom: 5px;
}
.box-wrapper .box-item .box-info .tag {
	margin-right: 10px;	
}
.box-wrapper .box-item .box-info .date {
	
}

.box-wrapper .box-item .box-image {	
	float: left;
	width: 40%;
	display: block;
	margin-right: 20px;
}

.box-wrapper .box-item .box-text {	

	
}
.box-wrapper .box-item .box-tickets {
	position: absolute;
	right:10px;
	top:30px;
	font-size: 1.6em;
}
.box-wrapper .box-title {	
	display: block;
	font-size: 1.6em;
	line-height: 1.2;
	font-weight: 400;
	padding-right: 100px;
}
.box-wrapper .news .box-title {	
	display: block;
	font-size: 1em;
	line-height: 1.2;
	font-weight: 400;
	padding-right: 0px;
}

.box-wrapper .box-title:hover {
	
}
.box-wrapper .box-item p {	
	font-size: 0.76em;
	line-height: 1.6;
	margin-top: 10px;
	padding-right: 80px;
}
.box-wrapper .news .box-item p {
	padding-right: 10px;
}

.box-wrapper .box-item p a {	
	display: block;
	color: #c41817;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Rambla', sans-serif !important;

}
.box-wrapper .box-item .box-more {
	position: absolute;
	right:0px;
	bottom:5px;
	width: 75px;
	height: 75px;
	background: url('../images/arrow-blue-right.png') no-repeat center;
	background-size: contain;

}
.box-wrapper  .box-item .box-more:hover {
	
}
	@media (max-width: 1030px) {
		.box-wrapper .box-title {
			font-size: 1.4rem;
		}
	}
	@media (max-width: 970px) {
		.box-items.medium-block-grid-2 > li {
			width: 100%;
		}
		.box-wrapper .box-items.events .box-item {
			min-height: 110px;
		}
	}
	@media (max-width: 640px) {
		.box-items.news {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			flex-direction: column;
			background-color: #b6a47b;
			padding: 1rem;
		}
		.box-wrapper .box-items.events li {
			float: none;
		}
		.box-wrapper .box-items.events .box-item {
			min-height: 150px;
			max-width: 100%
		}
		.box-wrapper .box-item .box-image {	
			width: 30%;	
			margin-right: 3%;
		}
		.box-wrapper .box-item .box-text {	
			float: left;
			width: 67%;	

		}
		.box-wrapper .box-title {
			font-size: 1.3em;	
		}
		.box-wrapper .box-item p {	
			padding-right: 40px;	
		}
	}
	@media (max-width: 520px) {
		.box-wrapper.with-content {
			padding-left: 0.625rem;
			padding-right: 0.625rem;
		}
		.small-12 .small-12 .box-wrapper.with-content {
			padding: 0;	
		}
		.box-wrapper .box-item .box-image {	
			width: 100%;	
			margin-right: 0%;
		}
		.box-wrapper .box-item .box-text {	
			float: left;
			width: 100%;	
			padding-top: 10px;

		}
		.box-wrapper .box-item p {	
			padding-right: 60px;	
		}
	}


,content-wide .inner {
	padding: 25px;
	display: block;
}


/* Fotorama */

.fotorama__wrap--slide .fotorama__stage__frame {
	
}
.fotorama__img {
	
}
.fotorama__nav-wrap {
	position: absolute;
	bottom: 0;
}

.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #ffffff !important;
  background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1));
}

 

.fotorama__video-play {
	  background: url(../images/play.png) center no-repeat;
	  background-size: 76px 76px;
}
.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background: url(../images/play.png) center no-repeat;
  background-size: 32px 32px;
}

 
.fotorama--fullscreen {
	background: #fff !important;
}
.fullscreen {
	background: #fff !important;
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0px;
    left: 24%;
    width: 60%;
    font-size: 1em;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5;
    color: #fff;
    font-family: 'Droid Serif', serif; 
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, .5)
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51, 51, 51, .5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {
  	
   	background: rgba(33, 39, 35, 0.98) !important;
    padding: 1em 2em;
}

.fotorama__dot {
	display: block;
	width: 6px;
	height: 6px;
	position: relative;
	top: 10px;
	left: 6px;
	border-radius: 6px;
	border: 1px solid #fff
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
	width: 0;
	height: 0;
	border-width: 4px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
	padding: 6px;
	top: -6px;
	left: -6px
}

.fotorama__arr {
	background-color: #fff;
}
.fotorama__arr--prev {
	left: 0;
}
.fotorama__arr--next {
	right: 0;
}

	@media (max-width: 1024px) {
		.fotorama__caption {
			left: 10%;
			width: 80% !important;
			font-size: 0.8em;
		    font-weight: 700;
		    font-style: italic;
		    line-height: 1.3;
		}
		.fotorama__caption__wrap {
			width: 100%;
			text-align: center;
			
		}
	}
	@media (max-width: 400px) {
		.fotorama__nav-wrap {
			display: none !important;
		}
	}


/* 
-----------------------------
ALGEMEEN - CONTENT 
-----------------------------
*/





.indent {
	padding-left: 0px;
	padding-right: 30px;
}

.text-wrapper {
	position: relative;	
	padding: 0px 0px 0px 0em;
	overflow:auto;
}
.text-wrapper.with-padding {
	padding: 1.5em 45px 1em 25px;		
}
.text-wrapper.wide {
	padding: 1.5em 25px 1em 25px;		
}
	
	@media (max-width: 400px) {
		.text-wrapper.with-padding {
			padding: 1em 15px 1em 15px;		
		}
		.text-wrapper.wide {
			padding: 1em 15px 1em 15px;		
		}
	}

.multi-column-2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
     -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    
    padding-bottom: 20px;
}

.multi-column-3 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    
     -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    
    padding-bottom: 20px;
}
	@media (max-width: 600px) {
		.multi-column-2,
		.multi-column-3 {
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
		}	
	}
	
.text-wrapper .intro-label {
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	letter-spacing: 1px;
}

.text-wrapper .headline {
	line-height:1.3;
	padding-bottom: 12px;
	letter-spacing: 0px;
	font-size: 1.8em;
	display: block;
	color: #0a0c0d !important;
}
.text-wrapper .headline.medium {
	font-size: 1.4em !important;
}
.text-wrapper .headline.small {
	font-size: 1.2em !important;
}
.text-wrapper .headline small {
	font-size: 100%;
}
#search .text-wrapper .headline {
	font-size: 1.5em;
}

.text-wrapper .headline strong {
	font-weight: 700;
	
}
.text-wrapper hr {
	border-width: 3px;
	border-color: rgba(0, 0, 0, 0.15);
	margin-top: 0;
}

	@media (max-width: 540px) {
		.text-wrapper .headline {
			font-size: 1.4em;
		}
	}

.text-wrapper .headline.sub {
	font-size: 1.7em;
	line-height:1.2;
	color: #009bbc;
	border: 0;
}

.text-wrapper p { 
	font-size: 14px !important;
	line-height: 1.7;
	color: #0a0c0d !important;
}
.text-wrapper p strong { 
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Rambla', sans-serif !important;
}	

.content-wide ul li .text-wrapper p.intro {
	color: #0a0c0d !important;
}
.content-wide ul li .text-wrapper p {
	color: #0a0c0d;
}

p a {
	position: relative;
	color: #c41817;
}

.text-wrapper.smaller p {
	font-size: 14px !important;
}

.text-wrapper p.intro {
	font-weight: 700;
	font-size: 14px;
}

.text-wrapper ul li {
	font-size: 14px;
}
	
.text-wrapper p.intro.large {
	font-size: 26px;
	line-height: 32px;
	font-weight: normal;
}
.text-wrapper .headline.small  {
	line-height: 1;
	font-size: 0.76em;
	font-weight: 900;
	margin-bottom: 5px;
	letter-spacing: 0px;
}
.text-wrapper .headline.medium  {
	line-height: 1;
	font-size: 2.3em;
	margin-bottom: 5px;
}
.text-wrapper .headline.large  {
	line-height: 1;
	font-size: 2.8em;
}

/* Search content */
.searchcontent {
	width: 80%;
}

.searchtype-title {
	font-size: 1.3em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.searchcontent .search-title {
	font-size: 1em;
	margin-bottom: 5px;
}
.searchcontent .search-title img {
	margin-right: 5px;
	top: -2px;
	position: relative;
}

.searchcontent p {
	font-size: 12px !important;
	line-height: 1.4;
	color: #000;
}
.searchcontent ul {
	margin-left:20px;
}

.text-wrapper .large-8 {
	padding-left:0;
}



/* Quotyy */

.text-wrapper blockquote {
	float: right;
	max-width: 50%;
	padding-bottom: 0px;
	letter-spacing: 0;
	border-left: 0;
	padding-left: 0rem;
	margin-bottom: 20px;
	position: relative;
	
	font-style: italic;
	margin: 0.5rem 0 1.25rem;
	text-align: right;
	margin-right: 0px;
	padding: 0.7rem 0rem 0 2rem;
	border-right: 0px solid #ddd;
	border-left: 0px solid #ddd;
}

	
.text-wrapper blockquote p {
	font-size: 1.1rem;
	line-height: 1.5;
	color: #009bbc !important;
	font-weight: bold;
}
.text-wrapper blockquote p strong {
	color: #888;
	font-size: 0.8rem;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

.page-tpl-vervolgpagina .text-wrapper blockquote cite {
	margin-top: 10px;
	font-size: 0.7rem;
	color: #a3afb5;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.04rem;
}

.tags {
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 5px 0px;
}	
	
	@media (max-width: 640px) {
		.text-wrapper.signup .signup-button {
			text-align: center;
			padding: 0;
		}	
		.text-wrapper.signup .signup-button .signup-text{
			display: none;	
		}	
	}
	
	@media (max-width: 400px) {
		
		.text-wrapper.signup .headline{
			font-size: 1.6em;
		}
		.text-wrapper.signup p.intro {
			font-size: 0.9em !important;
		}
		.text-wrapper.signup input,
		.text-wrapper.signup .signup-button {
			height: 50px;
			line-height: 50px;
		}
	}
	
	

/* Accordion */
.accordion {
  margin: 0;
  padding:0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #fff; }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #fff;
      color: #14508e !important;
      display: block;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 1rem;
      padding: 1rem 0; 
      padding-left: 20px;
      border-bottom: 1px solid #eee;
     	position: relative;}
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #fff; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0em 0; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        background: #FFFFFF;
        display: block; }

		.accordion .accordion-navigation > a i {
	position: absolute;
	left: 0.2rem;
	top: 1.2rem;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.accordion .accordion-navigation > a i.default {
	opacity: 1;
}
.accordion .accordion-navigation > a i.down {
	left: 0.2rem;
	opacity: 0;
}
.accordion .accordion-navigation.active > a i.default {
	opacity: 0;
}
.accordion .accordion-navigation.active > a i.down {
	opacity: 1;
}

	@media (max-width: 768px) {
		.accordion .box-item .box-text {	

			width: 100% !important;	

		}
	}

.my-table {
  background: #FFFFFF;
  border: solid 1px #f1e8d4;
  margin-bottom: 1.25rem;
  table-layout: auto; }
  .my-table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
  .my-table thead {
    background: #f1e8d4; }
    .my-table thead tr th,
    .my-table thead tr td {
	    font-family: 'Rambla', sans-serif;
      color: #14508e;
      font-size: 0.875rem;
      font-weight: 700;
      text-transform: uppercase;
      padding: 0.7rem 0.625rem 0.725rem; }
  .my-table tfoot {
    background: #F5F5F5; }
    .my-table tfoot tr th,
    .my-table tfoot tr td {
      color: #222222;
      font-size: 0.875rem;
      font-weight: 700;
      padding: 0.5rem 0.625rem 0.625rem; }
  .my-table tr th,
  .my-table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.4625rem 0.525rem;
    text-align: left; }
  .my-table tr.even, .my-table tr.alt, .my-table tr:nth-of-type(even) {
    background: #f1e8d4; }
  .my-table thead tr th,
  .my-table tfoot tr th,
  .my-table tfoot tr td,
  .my-table tbody tr th,
  .my-table tbody tr td,
  .my-table tr td {
    display: table-cell;
    line-height: 1.125rem; }


.eventsssssss tr th:nth-of-type(1) {
    width: 10%;
}
.eventsssssss tr th:nth-of-type(2) {
    width: 20%;
}

.eventsssssss tr th:nth-of-type(3) {
    width: 40%;
}
.eventsssssss tr th:nth-of-type(4) {
    width: 30%;
}

/* Zijbalk */

.side-content {
	padding: 1em;
}

.side-content #sidebar {
	display: block;
	padding: 3em;
	background: #f2f2f4;
}
	@media (max-width: 768px) {
		
		.side-content #sidebar {
			padding: 1em;
		}	
	}
	@media (max-width: 767px) {
		
		.side-content {
			padding: 1em 0 0 0;
		}	
		.side-content #sidebar {
			padding: 2em;
		}	
	}
	
	@media (max-width: 400px) {
		.side-content #sidebar {
			padding: 30px 10px;
		}
	}
	

.side-content .title-header .title {
	font-size: 18px !important;
	position: relative;
	padding: 0px 0px;
	padding-top: 0px;
	padding-right: 20px;
	letter-spacing: 5px !important;
	display: inline-block;
	z-index: 3;
}	

#sidebar .itembox {
	margin: 0;
	margin-bottom: 1px;
}
#sidebar .itembox:hover {
	border: 0px solid rgba(0, 0, 0, 0) !important;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.18);
}
#sidebar .itembox .item-image {
	text-align: center;
}
#sidebar .itembox .item-image img{
	max-width: 70%;
	margin: auto;
}

	@media (max-width: 767px) {
		#sidebar .itembox {
			float: left;
			width: 50%;
			margin: 0;
		}
	}

/* Banner */
#sidebar .banner {
	display: block;
	margin: 20px 0;
	padding:0;
	border: 2px solid #eee; 
	overflow: hidden;
}
#sidebar  .banner .banner-image {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 8;
	background: none;	
	overflow: hidden;
	-webkit-backface-visibility: hidden; 
   	backface-visibility: hidden;	
}
#sidebar  .banner .item-image img {
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
   	backface-visibility: hidden;

}



/* Breadcrumbs */
.breadcrumbs-wrapper {
  background: rgba(0,0,0,0);
	border-color: none;	
	top: -10px;
}
.breadcrumbs {
  display: block;
  padding: 1.2rem 10% 1.2rem 2.2%;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 0px;
  background: none;
  border-color: rgba(0,0,0,0.04);
  border-radius: 0px; 
  overflow: hidden;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 );


 }
.breadcrumbs {
	margin-bottom: 0;
}
.breadcrumbs .back i {
	margin-right: 5px;
}
.breadcrumbs > *:before {
	color: #eee;
	content: ">";
	margin: 0 0.75rem;
	position: relative;
	font-family: 'Rambla', sans-serif !important;
	top: 0px;
	font-weight: 700;
	font-size: 14px !important;
}
.breadcrumbs > * a {
	color: rgba(255,  255,  255, 1);
	font-weight: 700;
	font-family: 'Rambla', sans-serif !important;
	font-size: 12px !important;
}

	@media (max-width: 400px) {
		.breadcrumbs {
		  display: block;
		  padding: 0.8rem 10% 0.3rem 2.2%;
		}  
		
		.breadcrumbs .back {
			display: none;
		}
		.breadcrumbs > *:before {
			margin: 0 0.35rem;
			font-size: 12px !important;
		}
		.breadcrumbs > li {
			padding-bottom: 6px;
		}
		.breadcrumbs > * a {
			font-size: 10px !important;
		}
	}

.breadcrumbs > *.current a {
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}
.breadcrumbs > *.current span {
	color: #fff;
	font-weight: 700;
	font-family: 'Rambla', sans-serif !important;
	font-size: 12px !important;
	}

.breadcrumbs > *.current a:hover {
	text-decoration: underline;
} 
	

/* Overzicht */

a.catlink:link, a.catlink:visited { 
	float: left;
	width: 100%;
	padding: 15px 2% 5px 0px;
	height: 120px;
	margin-bottom: 30px;
	color: #5c6266;
	text-decoration: none;	
	cursor: pointer;
	border-top: 0px dashed #c1bebc;	
	position: relative;
	text-align: left !important;
	}

a.catlink:hover, a.catlink:active { 
	color: #807c76;
	text-decoration: none;
	}	
	

	
.foto_cat {
	position: absolute;
	width: 70px;
	height: 90px;
	left: 0px;
	top: 15px;
}

.foto_cat img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}
a.catlink:hover .foto_cat img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.tekst_cat{
	display: block;
	padding: 0px 0px 0px 85px;
	min-height: 90px;
	font-size: 0.8rem;
}	

a.catlink:link .catkop, a.catlink:visited .catkop{
	font-weight: normal;
	color: #9f2064;
    font-size: 18px;
    line-height: 1.2;
	text-transform: none;
	text-decoration: none;
}

a.catlink:hover .catkop, a.catlink:active .catkop{
	color: #802254;
	text-decoration: none;
}	


/* 
---------------------------
ALGEMEEN - Buttons
---------------------------
*/




	

/* Empty button with Icon*/

.outline {
	border: 2px solid rgba(255, 255, 255, 0.27) !important;
	background: none !important;
	box-shadow: none !important;
	color: #fff;

}
.outline:hover {
	border-color: rgba(255, 255, 255, 0.47) !important;
}




/* Foto Overzicht
------------------------------- */

.photo .caption {
	font-size: 0.8rem;
	line-height: 1.1;
	color: #888 !important;
	text-align: center;
	width: 100%;
	display:  block;
	font-style: italic;
	padding-top: 5px;
}

.photo {
	float: left;
	width:40%;
	margin: 5px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

	@media (max-width: 768px) {
		.newsbox .photo {
			width:30%;
		}
	}
.photo a img {
	cursor:pointer;
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	opacity: 1;
  	filter: alpha(opacity=100);

}
.photo a:hover img {
	padding: 0px;
	border: 0px solid #ddd;
	box-shadow:  0 0px 20px rgba(0, 0, 0, 0.1);
}
.photo:hover img.grayscale {
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}

.photo a .zoom {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);

}

.photo a:hover .zoom {
	opacity: 1;
	filter: alpha(opacity=100);
}

.photo.right {
	float: right;
	margin: 10px 0px 20px 40px;
}

.photo-wide {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;


	position: relative;
}

.photo-wide img {
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	opacity: 1;
  	filter: alpha(opacity=100);

}


.photo-gallery {
	display: block;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor:pointer;
	position: relative;
}
.photo-gallery img {

	cursor:pointer;
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.photo-gallery a {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.photo-gallery a:hover img {
	padding: 0px;
	box-shadow:  0 0px 20px rgba(0, 0, 0, 0.1);
}
.photo-gallery:hover img.grayscale {
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}


.photo-gallery a .zoom {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.photo-gallery a:hover .zoom {
	opacity: 1;
	filter: alpha(opacity=100);
}



/* Files */
ul.files {
	margin-top: 20px;
}





/* Sitemap */

.sitemap {
	margin-top: 40px;
	padding-left: 0px;
	
}
.sitemap ul {
	list-style: none;
}
.sitemap ul {
	margin-left: 0px;
	
}
.sitemap ul ul {
	margin-left: 0px;
	padding: 4px 0;
	padding-left: 15px;
	border-left: 2px solid #f2f2f2;
}
.sitemap ul ul ul{
	margin: 4px 0;
	padding-left: 15px;
	border-left: 2px solid #f2f2f2;
}
.centered .sitemap ul ul ul{
	border: 0;
}


.sitemap li a {
	font-weight: normal;

	color: #31343e !important;
	font-size: 16px;
	padding: 0px 0px 0px 0px;	
}
.sitemap li ul li a {
	color: #31343e !important;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;

}
.sitemap li li li a {
	
	font-weight: normal;
	color: #5c6266 !important;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	letter-spacing: 0px;
}
.sitemap li li li li a {
	
	font-weight: normal;
	font-size: 13px ;
	color: #5c6266 !important;
}
.sitemap li a {

}
.sitemap li {
	margin: 0;
	padding: 1px 0 1px;
}
.sitemap li:last-child {
	border: 0;
}
.sitemap li a:hover {
	color: #009bbc !important;
}
.sitemap li a.actief {

}
.sitemap .invisible {
	display: none;
}


#toTop {
	position:fixed;
	bottom:120px;
	right: 30px;
	cursor:pointer;
	display:block;
	width:40px;
	height:40px;
	background: rgba(0, 0, 0, 0.04); 
	text-align: center;
	line-height: 36px;
	z-index:998;
}
#toTop:hover {
	background: rgba(0, 0, 0, 0.08); 
}
#toTop i {
	color: #fff;
}
.touch #toTop {
	display: none !important;	
}
	@media (max-width: 1330px) {
		#toTop {
			right: 10px;
		}
	}
	@media (max-width: 1290px) {
		#toTop {
			right: 0px;
		}
	}
	
	@media (max-width: 600px) {
		#toTop {
			display: none !important;
		}
	}








/* 
---------------------------
ALGEMEEN - Footer
---------------------------
*/


#footer-wrapper {
	width: 100%;
	margin-top: 0px;
	z-index: 9;
	min-height: 220px;
	padding: 0px 0;
	position: relative;
	background-color: #0a0c0d !important;
}
	

.footerbox {
	width: 100%;
	/* max-width: 1140px; */
	margin: auto;
	margin-top: 0px;
	position: relative;
	z-index: 9 !important;
	padding: 0em;
	padding-top: 0px;
	padding-bottom: 0px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

	@media (max-width: 768px) {
		.footerbox {
			padding-left:1em;
		}
	}
.footerbox .row {
	position: relative;

	padding-top: 20px;	
}	

.footerbox .footer-content {
	padding: 1.5em 0 0;
}



.footerbox .footer-content .title {
	font-size: 1em !important;
	padding-bottom: 10px;
}

.footerbox .footer-content {
	padding-top: 20px;
}

	@media (max-width: 640px) {
		.footerbox {
			padding: 0 1em;
		}
		.footerbox .footer-content {
			text-align: center  !important;
			padding: 1.5em 1em;
		}
	}

.footerbox .footer-content p {
	font-size: 0.8em;
	line-height: 1.7;
	letter-spacing: 0;
	color: #fff;
}
.footerbox .footer-content p strong {
	font-weight: 900;
	margin-right: 10px;
}
.footerbox .footer-content ul li span {
	display: inline-block;
}
.footerbox .footer-content ul li a {
	display: inline-block;
	color: #fff;
	font-size: 0.8em;
	line-height:1.2;

	position: relative;
	padding: 0em;
}

.footerbox .footer-content a:hover {
	color: rgba(255, 255, 255, 1);
}
.footerbox .footer-content.address ul {
	margin: 0;
}
.footerbox .footer-content .social,
.footerbox .footer-content .partners {
	margin: 0;
}
.footerbox .footer-content .icon {
	margin-right: 10px;
}

	@media (max-width: 640px) {
		.footerbox .footer-content .icon  {
			display: none;
		}
		.footerbox .footer-content ul li a {
			line-height: 1.7;
		}
	}

.newsletter .addformInput {
	
	background: #fff;
	box-shadow: none;
	border:0 !important;
	margin: 0;
	margin-bottom: 5px;
	color: #000 !important;
}
.newsletter .addformsubmit {
	width: 100%;
	margin: 0 !important;
	margin-top: 10px !important;
	
	font-size: 0.8em !important;
	text-transform: none;	
	padding: 0 !important;
	height: 32px;
	line-height: 32px;
	background: #c41817 !important;
	color: #fff;
}
.newsletter .addformsubmit:hover {
	background: #e01e1e !important;
}
.newsletter .knoppen {
	padding-left:0 !important;
}

	@media (max-width: 768px) {
		.newsletter .button {
			font-size: 0.7em;
		}
	}

.social ul {
	display: inline-block;
}

.social li {
	display: inline-block;
	margin-right:4px;
}
.social li a {
	float: left;
	font-size: 20px !important;
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #fff;
	color: #0a0c0d !important;
}
.social li a span {
	display: block;
	margin-top:5px;
}
.social li a .icon-facebook {
	margin-top:6px;
	display: block;
	font-weight: bold;	
}
.social li a:hover {
	color: #c41817 !important;
	text-decoration: none;
}

.partners {
	display: block;
}
.partners li {
	display: block;
	margin:0;
	padding:0;
}
.partners li a {
	float: left;
	font-size: 20px !important;
	display: block;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #fff;
	margin-right:10px;
	margin-bottom:10px;
}

	@media (max-width: 600px) {
		.partners {
			width: 100%;
			text-align: center;
		}
		.partners li {
			display: inline-block;
		}
		.partners li a {
			float: none;
			display: inline-block !important;
		}
	}
	@media (max-width: 500px) {
		
	}

  
/* Footer Logo */
.thialf {
	width: 180px;
	height: 70px;
	display: block;
	position: absolute;
	top: 0;
	left:0px;
	
	margin: 0;
	
	text-align: left;
    z-index: 98 !important;
    background: url('../images/logo-thialf-white.png') no-repeat left;
	background-size: contain;

}

.copyright {
	position: absolute;
	right: 0em;
	top: 2.7em;
	text-align: left;
	font-size: .76em;
	line-height: 1.6;
	padding: 0em 0em;
	padding-left: 0px;
	float: left;
	color: rgba(0, 0, 0, 0.41);
}
.copyright span {
	display: inline-block;
	color: #fff;
	padding-right:10px;
}
.copyright a {
	margin: 0 10px 0 0;
	color: #fff;
}
	
	@media (max-width: 1024px) {
		.thialf {
			left:1em;
		}
		.copyright {
			right: 1em;
		}
	}
	@media (max-width: 768px) {
		
		
	}
	@media (max-width: 450px) {
		.copyright {
			top: 2em;
			left: 0em;
			width: 100%;
			text-align: center;
			padding: 0 10px;
		}
		.copyright span {
			
			padding: 0 0em;	
		}
		.copyright a {
			margin: 0 15px 0 15px;
			color: #fff;
		}
	}
	




.bottom-wrapper {
	width: 100%;
	position: relative;
	display: block;
	height: 80px;
	padding: 0;
	z-index: 998;
	overflow: hidden;
}
.bottom-wrapper .row {
	
}

	@media (max-width: 600px) {
		.bottom-wrapper {
			height: 150px;	
		}
		.thialf {
			left:50%;
			width: 180px;
			margin-left: -90px;
		}
		.copyright {
			top: 6.7em;
		}
	}



	@media (max-width: 1024px) {
		
	}
	@media (max-width: 768px) {
			
	}
	@media (max-width: 640px) {
		
	}
	@media (max-width: 450px) {
		.logos {
			right: 50%;
			margin-right: -115px;
			top: 80px;
		}
	}




#cookiepolicy .cookiebar_content {
	width: 100% !important;
	max-width: 86em;
	padding: 0 2%;
}
#cookiepolicy span.cookiebar_exclamation {
	display: inline-block;
	padding-left: 20px !important;
}

@media (max-width: 450px) {
	#cookiepolicy {
		font-size: 10px !important;
		line-height: 18px !important;
	}
	#cookiepolicy a.cookiebar_hide {
		margin-left: 15px !important;
		font-size: 12px !important;
		line-height: 20px !important;
		padding-right: 20px !important;
	}
	#cookiepolicy a.cookiebar_hide span {
			
	}
	.cookiebar_info span {
		display: none;
	}
	#cookiepolicy span.cookiebar_exclamation {
		
	}
}

.floating-arrow {
  -webkit-animation-name: floating-arrow;
          animation-name: floating-arrow;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  65% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes floating-arrow {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  65% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }