.geschiedenis + .call_to_action{
	margin-top: 0;
}

.geschiedenis{
	background-color: #12223a;
	padding: 110px 0;
	overflow: hidden;
}

.geschiedenis .tns-ovh{
	overflow: visible;
}

.geschiedenis h2,
.geschiedenis h3{
	color: #f1ede3;
}

.geschiedenis span{
	color: #cc8a00;
	font-family: marine, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1.6px;
	line-height: 30px;
}

.geschiedenis a[data-fancybox] span{
	position: absolute;
	background-color: rgba(18,34,58,0.6);
	opacity: 0;
	inset:0;
	transition: 0.3s opacity;
	color: #fff;
	font-family: open-sans;
	display: flex;
	justify-content: center;
	align-items: center;
    flex-direction: column;
}

.geschiedenis a[data-fancybox]{
	display: block;
	position: relative;
	color: #ffffff;
	font-size: 13px;
	line-height: 32px;
}

.geschiedenis a[data-fancybox] i{
	font-size: 29px;
	line-height: 42px;
}

.geschiedenis a[data-fancybox]:hover span{
	opacity: 1;
}

.geschiedenis_container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.geschiedenis .container{
	position: relative;
}

.geschiedenis .container:after{
	pointer-events: none;
	content: "";
	position: absolute;
    right: calc((-100vw + 1110px) / 2);
    width: calc(((100vw - 1110px) / 2) + ((1110px / 12) * 3));
	height: 100%;
	top: 50px;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(18, 34, 58, 0)), to(#12223a));
	background-image: -o-linear-gradient(left, rgba(18, 34, 58, 0) 0%, #12223a 100%);
	background-image: linear-gradient(to right, rgba(18, 34, 58, 0) 0%, #12223a 100%);
}

.geschiedenis p{
	color: rgba(241, 237, 227, 0.46);
	font-size: 16px;
	line-height: 32px;
}

.geschiedenis .tns-controls,
.geschiedenis .tns-controls button{
	outline: none;
}

.geschiedenis .tns-controls button:not([disabled]):hover{
	background: #fff;
	color: #007864;
}

.geschiedenis .tns-controls button{
	margin: 0 0 0 10px;
	background: #007864;
	color: #d6d2c4;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 50%;
	padding: 0;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.geschiedenis .tns-controls button[disabled]{
	opacity: 0.4;
	cursor: default;
}

.geschiedenis .tns-controls{
	text-align: right;
    margin-top: -67px;
    margin-right: -285px;
    margin-bottom: 50px;
}

.geschiedenis a:after,
.geschiedenis a:before{
	pointer-events: none;
}

.geschiedenis .tns-nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1110px;
    margin-top: 15px;
}

.geschiedenis .tns-nav button.tns-nav-active{
	background-color: #007864;
}

.geschiedenis .tns-nav button{
	-webkit-transition: 0.3s background-color;
	-o-transition: 0.3s background-color;
	transition: 0.3s background-color;
	padding: 0;
	margin: 0;
	border: none;
	background-color: rgba(255, 255, 255, 0.17);
	height: 4px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

@media (max-width:767px)
{		
	.geschiedenis{
		padding: 30px 0;
	}
	
	.geschiedenis p{
		font-size: 14px;
		line-height: 30px;
		margin-bottom: 0;
	}
	
	.geschiedenis .tns-nav{
		width: 100%;
	}
	
	.geschiedenis .tns-controls{
		display: none;
	}
	
	.geschiedenis h3{
		font-size: 20px;
		margin-bottom: 0;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.geschiedenis .container:after {
		right: calc((-100vw + 720px) / 2);
		width: calc(((100vw - 720px) / 2) + ((720px / 12) * 3));
	}
	
	.geschiedenis{
		padding: 60px 0;
	}
	
	.geschiedenis .tns-controls{
    	margin-right: -75px;		
	}
	
	.geschiedenis .tns-nav{
		width: 690px;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.geschiedenis .container:after {
		right: calc((-100vw + 960px) / 2);
		width: calc(((100vw - 960px) / 2) + ((960px / 12) * 3));
	}
	
	.geschiedenis .tns-controls{
    	margin-right: -175px;		
	}
	
	.geschiedenis .tns-nav{
		width: 930px;
	}
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}