.jumbotron.jumbo-padding.header_video{
	margin-top: -12.8rem;
	padding-top: calc(var(--jumbotron-standard-margin) + 12.8rem);
}

nav.navbar{
	background: none;
}

nav.navbar:not(.wit) #hoofdmenu li a{
	color: #fff;
}

nav.navbar:not(.wit) .navbar-brand > svg:nth-child(1){
	display: none;
}

nav.navbar:not(.wit) .navbar-brand > svg:nth-child(2){
	display: block;
}

nav.navbar:not(.wit) .talen_top, nav.navbar:not(.wit) .talen_top a, nav.navbar:not(.wit) #hoofdmenu li a {
    color: #fff;
    text-decoration: none;
}

nav.navbar:not(.wit) #hoofdmenu > li:hover a, 
nav.navbar:not(.wit) #hoofdmenu > li.current-menu-item > a, 
nav.navbar:not(.wit) #hoofdmenu > li.current-menu-ancestor > a, 
nav.navbar:not(.wit) #hoofdmenu > li.current-menu-parent > a {
    background-color: rgba(255, 255, 255, 0.1);
}

#scrolly-video{
	display: block; 
	position: sticky; 
	top: 0px; 
	width: 100%; 
	height: 100vh; 
	overflow: hidden;
}


#scrolly-video video{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 101%;
    min-height: 101%;
    height: auto;
    width: 100%;
}

.video-background {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100vw;
	min-height: 100vh;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.header_video{
	padding: 0 !important;
	height: 300vh;
	position: relative;
}

.header_video:after{
	content: "";
	position: absolute;
	inset: 0;
	background: url(../../../images/grain.png) center repeat;
	opacity: 0.1;
}

.header_video:before{
	content: "";
	position: absolute;
	inset: 0;
	background-image: url(../../../images/grad.png);
	background-size: cover;
	background-position: center top;
}

.header_animatie_intro{
	height: 100vh;	
    display: flex;
    align-items: center;
	position: absolute;
	z-index: 15;
    left: 50%;
    transform: translateX(-50%);
	color: #fff !important;
    width: 100%;
    max-width: 85rem;
    justify-content: center;
}

.video_spacer{
	height: 200vh;
}

.down_item{	
	width: 5.5rem;
	height: 5.5rem;
	border: solid 0.1rem #fff;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 6.5rem;
    z-index: 150;
    left: 50%;
    transform: translateX(-50%);
}

.header_video .fa-arrow-down-long{
	font-size: 3rem;
	animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    0% { transform: translate(0,  -7.5px); }
    50%  { transform: translate(0, 7.5px); }
    100%   { transform: translate(0, -7.5px); }   
}

.header_animatie_outro{
	height: 100vh;
	color: #fff !important;
    display: flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 100%;
    max-width: 95rem;
    justify-content: center;
	z-index: 150;
}

.header_animatie_outro_text{
	width: 100%;
}

.header_animatie_outro_text form.search-form label{
	flex: 1;
}

.header_animatie_outro_text .search-form i{
	color: #fff;
    transform: translateY(0.3rem);
	font-size: 1.8rem;
}

.header_animatie_outro_text ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.75);
}
.header_animatie_outro_text ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.75);
}
.header_animatie_outro_text :-ms-input-placeholder { /* IE 10+ */
  color: rgba(255, 255, 255, 0.75);
}
.header_animatie_outro_text :-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.75);
}

.header_animatie_outro_text .search-form{
	width: 100%;
	background: transparent;
    padding: 0 4.5rem;
	border: solid 0.1rem #fff;
	border-radius: 4rem;
    float: left;
    line-height: 8rem;
    flex-direction: row-reverse;
	display: flex;
    margin-top: 3rem !important;
	font-size: 2.6rem;
}

.header_animatie_outro_text .search-form input{
	color: #fff;
    padding: 0 1.5rem;
	width: 100%;
}

.animatie_outro_link{
	opacity: 0;
	text-align: center;
}

.animatie_outro_link{
	width: 90%;
	max-width: 85rem;
	line-height: 8rem;
	margin: 6rem auto 0;
}

@media (max-width:767px)
{	

	.header_video{
		height: 250vh;
	}

	.video_spacer{
		height: 150vh;
	}
	
	.jumbotron.jumbo-padding.header_video{
		margin-top: -13.9rem;
		padding-top: calc(var(--jumbotron-standard-margin) + 13.9rem);
	}
	
	.header_animatie_outro_text .search-form input{
		font-size: 1.8rem;
	}
	
	.header_animatie_outro_text .search-form{
		line-height: 6rem;
	}

    .navbar:not(.wit) .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M1 2a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M1 8a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M1 14a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
	
	.navbar:not(.wit) form.search-form{
		border: solid 0.1rem rgba(255, 255, 255, 0.5);
	}
	
	.navbar:not(.wit) form.search-form button,
	.navbar:not(.wit) form.search-form input{
		color: #fff;
	}

	.navbar:not(.wit) ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: rgba(255, 255, 255, 0.5);
	}
	.navbar:not(.wit) ::-moz-placeholder { /* Firefox 19+ */
	  color: rgba(255, 255, 255, 0.5);
	}
	.navbar:not(.wit) :-ms-input-placeholder { /* IE 10+ */
	  color: rgba(255, 255, 255, 0.5);
	}
	.navbar:not(.wit) :-moz-placeholder { /* Firefox 18- */
	  color: rgba(255, 255, 255, 0.5);
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.jumbotron.jumbo-padding.header_video{
		margin-top: -18.6rem;
		padding-top: calc(var(--jumbotron-standard-margin) + 18.6rem);
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.jumbotron.jumbo-padding.header_video{
		margin-top: -18.6rem;
		padding-top: calc(var(--jumbotron-standard-margin) + 18.6rem);
	}
}

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

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