/* ==========================================================================
	Navigatie Normaal
============================================================================= */

.navigatie-normaal .x-container {
	position: relative;
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	padding: 30px 0;
}

.navigatie-normaal .logo img {
	display: block;
}


/* Hoofd navigatie
===============================================*/

.hoofd-nav { margin-left: auto; }

.hoofd-nav>div>ul>li {
	display: inline-block;
	margin-left: 30px;
}
.hoofd-nav>div>ul>li:first-of-type { margin-left: 0; }

.hoofd-nav>div>ul>li>a { padding: 30px 0; }

.hoofd-nav>div>ul>li>a::-moz-selection { background-color: transparent; color: #01547e; }
.hoofd-nav>div>ul>li>a::selection { background-color: transparent; color: #01547e; }

/* Top navigatie
===============================================*/

.navigatie-top .x-container {
	position: relative;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
	padding: 20px 0;
}

.navigatie-top .logo {
	position: absolute;
	left: 0;
	bottom: -22px;
	display: block;
	background-color: #fff;
}

.navigatie-top .logo img { width: 240px; display: block; }

/* content */
.navigatie-top .x-btn i { margin-left: 0 !important; }
.navigatie-top .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navigatie-top .social { margin: 0 20px; }

/* navigatie */
.navigatie-top .navigatie>div>ul>li { display: inline-block; margin-left: 20px; }
.navigatie-top .navigatie>div>ul>li:first-of-type { margin-left: 0 !important; }

.navigatie-top .x-btn { font-size: 12px !important; }
.navigatie-top .x-btn + .x-btn { margin-left: 10px; }






/* Scrollnavigatie
===============================================*/
.navigatie-scroll {
	top: 0 !important;
	-webkit-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	transform: translateY( -100% );
}

.scroll-active .navigatie-scroll {
	-webkit-transform: translateY( 0 );
	-ms-transform: translateY( 0 );
	transform: translateY( 0 );
	opacity: 1;
}
.navigatie-scroll .x-container {
	position: relative;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0 !important;
}

.navigatie-scroll .logo a { display: block; }
.navigatie-scroll .logo img { width: 120px; display: block; }

.navigatie-scroll .hoofd-nav { display: flex; align-items: center; }
.navigatie-scroll .hoofd-nav>div:first-child { margin-right: 15px; }
.navigatie-scroll .hoofd-nav>div:first-child>ul>li { margin-left: 15px; }
.navigatie-scroll .hoofd-nav>div:first-child>ul>li>a { font-size: 12px !important; }









/* Artist-nav
===============================================*/





.artist-nav { position: relative; z-index: 999;}

.artist-nav:before,
.hamburger:before {
	content: '';
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: 900;
	pointer-events: none;
}

.artist-nav.artist-open:before { pointer-events: auto }

html:not( .touchevents ) .artist-nav:hover:before,
.artist-nav.artist-open:before {
	display: block;
}
.artist-nav__trigger {
	width: 190px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	padding: 12px 15px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	cursor: pointer;
	text-align: center;
	position: relative;
	z-index: 999;
}

.artist-nav__trigger i {
	color: #017aa7;
	font-size: 120%;
	margin-left: 10px;
	display: inline-block;
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.artist-open .artist-nav__trigger i { -webkit-transform: translateY(3px) rotate( 180deg ); -ms-transform: translateY(3px) rotate( 180deg ); transform: translateY(3px) rotate( 180deg ); }

.artist-nav__inner {
	display: none;
	background-color: #fff;
	position: absolute;
	top: 100%;
	z-index: 999;
	width: 5000px;
	max-width: 1100px;
	overflow: hidden;
}

html:not( .touchevents ) .artist-nav:hover .artist-nav__inner,
.artist-nav.artist-open .artist-nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.navigatie-normaal .artist-nav__inner { left: 0; }
.navigatie-scroll .artist-nav__inner { right: 0; }

.artist-open:not( .scroll-active ) .navigatie-normaal .artist-nav__inner,
.artist-open:not( .scroll-active ) .navigatie-mobiel .artist-nav__inner,
.artist-open.scroll-active .navigatie-scroll .artist-nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; }


.artist-nav__left {
	width: 190px;
	border-right: 1px solid #dcdcdc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.artist-nav__right { width: calc( 100% - 190px ); }



.artist-nav__left ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: column;
}

.artist-nav__left ul li { width: 100% !important; }

/* .artist-nav__left ul li:last-of-type { margin-top: auto !important; } */
.artist-nav__left a {
	display: block;
	font-weight: bold !important;
	font-size: 14px !important;
	color: #000 !important;
	text-transform: uppercase !important;
	padding: 12px 15px;
	position: relative;
	overflow-y: hidden;
}

.artist-nav__left a:hover { color: #017aa7!important; }

.artist-nav__left .active a {
	background-color: #017aa7;
	color: #fff !important;
	margin-right: -1px;
}



.artist-nav__tab {
	display: none;
	padding: 40px 40px 10px;
}
.artist-nav__tab.active { display: block; }

.artist-nav.redir-active:before, .artist-nav.redir-active .artist-nav__inner{
	display: none!important;
}

.tab__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.tab-3 .tab__row .term:nth-of-type(1) { order: 4; }
.tab-3 .tab__row .term:nth-of-type(2) { order: 1; }
.tab-3 .tab__row .term:nth-of-type(3) { order: 2; }
.tab-3 .tab__row .term:nth-of-type(4) { order: 3; }

.tab__row .term {
	width: calc( 100% / 4);
	padding: 0 15px;
	margin-bottom: 40px;
}



.artist-nav__tab .h-custom-headline {
	display: inline-block;
	position: relative;
	font-size: 24px;
	padding-right: 15px;
	margin-bottom: 40px;
}

.artist-nav__tab .h-custom-headline:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 100%;
	width: 1000px;
	height: 1px;
	background-color: #017aa7;
	-webkit-transform: translateY( -50% );
	-ms-transform: translateY( -50% );
	transform: translateY( -50% );
}



.term__title {
	text-transform: uppercase;
	color: #000 !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.term__title a { color: #000 !important; }
.term__title a:hover { color: #017aa7 !important; }

.term__content {
	font-size: 12px;
	margin-top: 10px;
}
.term__content a {
	font-size: 12px;
	display: block;
	margin-top: 10px;
	line-height: 1.1;
	color: #000 !important;
}
.term__content a:hover { color: #017aa7 !important; }

.term__content a:first-of-type { margin-top: 0; }

.term .term__content a.more { margin-top: 15px !important; color: #017aa7 !important; }











.hamburger-box, .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { width: 35px; }







@media screen and ( max-width: 1024px ) {
	.artist-nav__inner { max-width: 922px; }

	.hoofd-nav>div>ul>li { margin-left: 15px;  }
}





@media screen and ( max-width: 800px ) {

	.artist-open.scroll-active .navigatie-mobiel .artist-nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

	.navigatie-top .x-container { padding: 10px 0; }

	.navigatie-top .logo { bottom: -13px; }
	.navigatie-top .logo img { width: 150px; }

	.navigatie-top .navigatie>div>ul>li { margin-left: 10px !important; }
	.navigatie-top .navigatie>div>ul>li:first-of-type { margin-left: 0 !important; }

	.navigatie-top .social { margin: 0 10px; }

	.navigatie-top .x-btn {
		font-size: 10px !important;
		padding: 10px 15px !important;
	}

	.navigatie-top .x-btn + .x-btn { margin-left: 5px; }


	.social a i {
		font-size: 10px !important;
		width: 22px !important;
		height: 22px !important;
	}





	.hoofd-nav>div>ul>li { margin-left: 15px !important; }
	.hoofd-nav>div>ul>li:first-of-type { margin-left: 0 !important; }

	.hoofd-nav div > ul > li > a { font-size: 12px !important; }



	.navigatie-normaal .x-container { padding: 20px 0; }




	.artist-nav__trigger { font-size: 12px; width: 160px; padding: 8px 10px; }

	.artist-nav__inner { max-width: 691px; }
	.artist-nav__left { width: 160px; }
	.artist-nav__left a { font-size: 12px; padding: 8px 10px; }

	.artist-nav__right { width: calc( 100% - 160px ); }


	.tab__row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.artist-nav__tab { padding: 35px 35px 10px; }
	.artist-nav__tab .h-custom-headline { margin-bottom: 30px; }

	.tab__row .term {
		width: calc( 100%/2 );
		margin-bottom: 35px !important;
		padding: 0 15px;
	}



	.artist-nav__tab { padding: 30px; }


	.navigatie-mobiel .x-container { padding: 10px 0 10px; }
	.navigatie-top .content { display: none !important; }
	.navigatie-top .x-container.flex { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; padding: 10px 0 5px; }
	.navigatie-top .logo { position: relative; bottom: auto; left: auto; }
	.navigatie-top .logo img { width: 140px; }


	.social {
		width: 100%;
		margin-bottom: 25px;
	}
}

@media screen and ( max-width: 540px ) {



	.navigatie-mobiel .x-container { padding: 10px 0 10px; }


	.artist-nav__inner {
		max-width: calc( 100vw - 40px );
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}


	.artist-nav__trigger i { margin-left: 5px; }

	.artist-nav__left,
	.artist-nav__right { width: 100% !important; }

	.artist-nav__left ul {
		border-bottom: 1px solid #017aa7;
		flex-direction: row;
	}
	.artist-nav__left ul li {
		width: auto !important;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		text-align: center;
	}
	.artist-nav__left ul li a { padding: 8px 8px; font-size: 10px; }

	.artist-nav__tab { padding: 20px 20px 10px; }
	.tab__row .term { margin-bottom: 20px; }

	.artist-nav__tab .h-custom-headline { display: none !important; }

	.term__title { font-size: 11px !important; }
	/* .term__title a { word-break: break-all; } */





	.navigatie-mobiel .navigatie>div { margin-top: 0; }
	.navigatie-mobiel .navigatie.met-top>div:first-of-type { padding-bottom: 0; }

	header .navigatie-mobiel .navigatie>div.menu-hoofdmenu-container>ul>li:last-of-type:after {
    content: "";
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    opacity: 1;
    display: block !important;
	}

	header .menu-topmenu-container { padding-top: 0 !important; padding-bottom: 0 !important; }

	header .navigatie-mobiel .navigatie>div>ul>li>a { padding: 10px 0; }
	header .navigatie-mobiel .navigatie>div>ul>li:last-of-type>a { padding-bottom: 10px; }

	.navigatie-mobiel .social {
		display: block;
		width: 100% !important;
		padding: 20px 0 0;
	}

}







.navigatie-mobiel .x-container { position: relative; }



header.normaal #ajaxsearchlite1,
header.normaal #ajaxsearchlite2 {
	width: 180px;
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #017ba7 !important;
	padding: 15px 20px !important;
	font-size: 12px;
}

header.normaal #ajaxsearchlite2 {
	width: 40% !important;
	padding: 7px 20px 12px !important;
}





header.normaal #ajaxsearchlite2:after {
  content: "\f002";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #017ba7;
  color: #fff;
  padding: 7px 20px 12px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: auto
}


header.normaal #ajaxsearchlite2.open { background: #017ba7 !important; pointer-events: auto; }
header.normaal #ajaxsearchlite2.open .probox { opacity: 1; }

header.normaal #ajaxsearchlite2.open:after { opacity: 0; }












div.asl_w { background: none !important; }
div.asl_w .probox .promagnifier {
	background: none !important;
	width: 20px !important;
	height: 20px !important;
}
header.normaal #ajaxsearchlite1 .probox,
header.normaal #ajaxsearchlite2 .probox,
div.asl_w .probox {
	background: none !important;
	color: #ffffff !important;
	height: 20px !important;
}

header.normaal #ajaxsearchlite1 .probox,
header.normaal #ajaxsearchlite2 .probox {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
}



header.normaal div.asl_m .probox .proinput {
	margin: 0 !important;
	padding: 0 !important;
}

header.normaal #ajaxsearchlite1 .probox .proinput input,
header.normaal #ajaxsearchlite2 .probox .proinput input,
header.normaal div.asl_w .probox .proinput input {
	color: #ffffff !important;
	height: 20px !important;
	font-size: 12px !important;
}




header.normaal div.asl_w .probox .proinput input.autocomplete { margin-top: -20px !important; }

header.normaal #ajaxsearchlite1 .probox .proinput input::-webkit-input-placeholder,
header.normaal #ajaxsearchlite2 .probox .proinput input::-webkit-input-placeholder,
header.normaal div.asl_w .probox .proinput input::-webkit-input-placeholder { font-style: italic !important;  color: #ffffff !important; font-size: 12px !important;}
header.normaal #ajaxsearchlite1 .probox .proinput input:-ms-input-placeholder,
header.normaal #ajaxsearchlite2 .probox .proinput input:-ms-input-placeholder,
header.normaal div.asl_w .probox .proinput input:-ms-input-placeholder { font-style: italic !important;  color: #ffffff !important; font-size: 12px !important;}
header.normaal #ajaxsearchlite1 .probox .proinput input::-ms-input-placeholder,
header.normaal #ajaxsearchlite2 .probox .proinput input::-ms-input-placeholder,
header.normaal div.asl_w .probox .proinput input::-ms-input-placeholder { font-style: italic !important;  color: #ffffff !important; font-size: 12px !important;}
header.normaal #ajaxsearchlite1 .probox .proinput input::placeholder,
header.normaal #ajaxsearchlite2 .probox .proinput input::placeholder,
header.normaal div.asl_w .probox .proinput input::placeholder { font-style: italic !important;  color: #ffffff !important; font-size: 12px !important;}


/* header.normaal #ajaxsearchlite1 .probox .proinput input:focus::-webkit-input-placeholder { color:transparent !important; }
header.normaal #ajaxsearchlite1 .probox .proinput input:focus:-ms-input-placeholder { color:transparent !important; }
header.normaal #ajaxsearchlite1 .probox .proinput input:focus::-ms-input-placeholder { color:transparent !important; }
header.normaal #ajaxsearchlite1 .probox .proinput input:focus::placeholder { color:transparent !important; }

header.normaal #ajaxsearchlite2 .probox .proinput input:focus::-webkit-input-placeholder { color:transparent !important; }
header.normaal #ajaxsearchlite2 .probox .proinput input:focus:-ms-input-placeholder { color:transparent !important; }
header.normaal #ajaxsearchlite2 .probox .proinput input:focus::-ms-input-placeholder { color:transparent !important; }
header.normaal #ajaxsearchlite2 .probox .proinput input:focus::placeholder { color:transparent !important; }

header.normaal div.asl_w .probox .proinput input:focus::-webkit-input-placeholder { color:transparent !important; }
header.normaal div.asl_w .probox .proinput input:focus:-ms-input-placeholder { color:transparent !important; }
header.normaal div.asl_w .probox .proinput input:focus::-ms-input-placeholder { color:transparent !important; }
header.normaal div.asl_w .probox .proinput input:focus::placeholder { color:transparent !important; } */

div.asl_w .probox .promagnifier .innericon svg { fill:#ffffff !important; }




header.normaal div.asl_m .probox .proclose svg {
	width: 16px !important;
	height: 16px !important;
	margin-top: -16px !important;
	margin-left: 0 !important;
	box-shadow: none !important;
}


header.normaal div.asl_m .probox div.asl_loader { flex-basis: 20px !important; }



#ajaxsearchliteres1,
#ajaxsearchliteres2 {
	background: #017ba7 !important;
}



#ajaxsearchliteres1 .asl_content,
#ajaxsearchliteres2 .asl_content {
	display: flex;
	align-items: center;
	padding: 0 !important;
}


#ajaxsearchliteres1 .item,
#ajaxsearchliteres2 .item { padding: 0 !important; border-radius: 0 !important; border: 0 !important; }

#ajaxsearchliteres1 .asl_image,
#ajaxsearchliteres2 .asl_image { margin-top: 0 !important; margin-right: 20px !important; }
#ajaxsearchliteres1 h3 ,
#ajaxsearchliteres2 h3 { width: calc( 100% - 90px ); }

#ajaxsearchliteres1 .etc,
#ajaxsearchliteres1 .asl_desc,
#ajaxsearchliteres1 .clear,
#ajaxsearchliteres2 .etc,
#ajaxsearchliteres2 .asl_desc,
#ajaxsearchliteres2 .clear { display: none !important; }

#ajaxsearchliteres1 .asl_spacer,
#ajaxsearchliteres2 .asl_spacer { background: #017ba7 !important; height: 3px !important; }