#menu-top {	
	position:relative; 
-webkit-transition: all 0.1s ease-out; 
   -moz-transition: all 0.1s ease-out; 
	    transition: all 0.1s ease-out;
	height: auto;
	padding: 0;
	margin: 0;
	z-index: 99994;
}

#menu-top .navbar {
	border			: 0px solid var(--color-dark-grey)!important;
	border-radius	: 0px!important;
	padding			: 0px!important;
	z-index			: 999!important;
	min-height		: 0px!important;
	height			: auto!important; 
	line-height		: auto!important; 
	height  : auto;
	margin:0;
	padding:0;
}


#menu-top .navbar-collapse.show {
  overflow-x		: visible;
  padding-left		: 0px;
  padding-right		: 0px;
  border-top		: 0px solid transparent;
  box-shadow		: none;
}

#menu-top  .navbar-nav  {	
	margin:auto;
	padding:0;
	font-size:0;
	line-height:1;
}

#menu-top  .navbar-nav > li  {	
	margin			: auto;
	padding			: 0px;
	padding-left	: 1.8rem;
	padding-right	: 1.8rem;
	width			: auto;
	border			: 0px solid transparent;
	border-right	: 1px solid var(--c-black);
	font-size		: 0;
	line-height		: 1;
	list-style		: none;
	
	margin-bottom:6px;
}


#menu-top  .navbar-nav > li > a {
	padding			: 0px;
	text-transform	: uppercase;
	text-decoration	: none;
	color			: var(--c-black);
	display			: block;
	white-space		: nowrap;  
	background-color: transparent;
	width			: auto;
	text-shadow     : none;
	font-size		: calc( var(--fs-p) * 1.2 );
	line-height		: 1;	
	font-weight		: 400;
	border-bottom	: 0px solid transparent;	
	border:0;
	
}



@media all and (max-width: 1199px) {
	#menu-top  .navbar-nav  {	

	}
	
	#menu-top  .navbar-nav > li  {	
		padding-left	: 1.6rem;
		padding-right	: 1.6rem;
	}
	
	#menu-top  .navbar-nav > li > a {
		font-size		: calc( var(--fs-p) * 1.1 );
	}
}

@media all and (max-width: 991px) {
	#menu-top  .navbar-nav  {	

	}
	#menu-top  .navbar-nav > li  {	
		padding-left	: 10px;
		padding-right	: 10px;
	}
	#menu-top  .navbar-nav > li > a {
		font-size		: calc( var(--fs-p) * 1.0 );
	}
}

@media all and (max-width: 767px) {
	#menu-top  .navbar-nav  {	

	}
	#menu-top  .navbar-nav > li  {	
		padding			: 0px;
		padding-left	: 10px;
		padding-right	: 10px
	}
	#menu-top  .navbar-nav > li > a {
		font-size		: 1.0rem;
	}
}


#menu-top  .navbar-nav > li:first-child  {	
	border-left		: 0px;
	padding-left	: 0px;
}

#menu-top  .navbar-nav > li:last-child  {	
	border-right	: 0px;
	padding-right	: 0px;
}


#menu-top  .navbar-nav > li > a::after {
    display			: block;
    content			: attr(title);
    font-weight		: 400;
    height			: 1px;
    color			: transparent;
    overflow		: hidden;
    visibility		: hidden;
}

#menu-top .navbar-nav > li.current-menu-item, 
#menu-top .navbar-nav > li.current-page-parent{
	background-color	: transparent;
	color				: var(--c-medium-grey);
	font-weight			: 400;
}

#menu-top .navbar-nav > li.current-menu-item > a, 
#menu-top .navbar-nav > li.current-page-parent > a {
	background-color	: transparent;
	color				: var(--c-medium-grey);
	font-weight			: 400;
}


#menu-top .navbar-nav > li:hover, 
#menu-top .navbar-nav > li:active,
#menu-top .navbar-nav > li:focus {
	background-color	: transparent;
	font-weight			: 400;
}

#menu-top .navbar-nav > li > a:hover, 
#menu-top .navbar-nav > li > a:active,
#menu-top .navbar-nav > li > a:focus {
	background-color	: transparent;
	color				: var(--c-medium-grey);
	font-weight			: 400;
	text-decoration		: none;
}

#menu-top .navbar-nav > li.current-menu-item::after,
#menu-top .navbar-nav > li.current-page-parent::after {
}

/* SUBMENU */
#menu-top .navbar-nav .sub-menu {
	position			: absolute;
	top					: 40px;
	width				: auto; 
	display				: none;
	z-index				: 99994;
	border-radius		: 0px;
	border				: 0px;
	text-align			: left;
	background-color	: #ffffff;
	padding				: 15px;
	padding-top			: 05px;
	padding-right		: 30px;
	margin				: 0px;
	margin-left			: -10px;
	font-weight			: 400;
}

@media all and (max-width: 991px) {
	#menu-top .navbar-nav .sub-menu {
		top: 47px;
	}	
}

#menu-top .navbar-nav .sub-menu li {
	margin:0px;
	padding-top		: 5px;
	padding-bottom	: 5px;
	list-style		: none;
	color			: #ffffff;
	border-bottom: 1px solid var(--color-dark-grey);
}
#menu-top .navbar-nav .sub-menu li:last-child{
	border-bottom: 0px;
}

#menu-top .navbar-nav .sub-menu li:hover,
#menu-top .navbar-nav .sub-menu li:active,
#menu-top .navbar-nav .sub-menu li:focus {
	background-color: #ffffff;
}
#menu-top .navbar-nav .sub-menu li > a {
	padding:0px;
	font-weight:400!important;
	white-space: nowrap;
	color : var(--color-dark-grey);
	text-decoration	: none;
}

#menu-top  .navbar-nav .sub-menu li > a::after {
    display			: block;
    content			: attr(title);
    font-weight		: 500;
    height			: 1px;
    color			: transparent;
    overflow		: hidden;
    visibility		: hidden;
}

#menu-top .navbar-nav .sub-menu li.current-menu-item > a{
	font-weight:400!important;
	color	: var(--c-1)!important;
}

#menu-top .navbar-nav .sub-menu li > a:hover,
#menu-top .navbar-nav .sub-menu li > a:active,
#menu-top .navbar-nav .sub-menu li > a:focus {
	font-weight:400!important;
	color	: var(--c-1);
	text-decoration	: none;
}
/* EINDE SUBMENU */










/* MENU HEADER XS */
#header-xs {
	display:flex; 
	position:fixed;
	background-color: var(--c-white); 
	height:var(--headerheight); 
	color:var(--c-black); 
	transition:0.2s ease-in-out;
	-webkit-box-shadow: 0px 6px 12px -6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 12px -6px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 12px -6px rgba(0,0,0,0.5);
}
/* MENU XS */
.menu-top-xs {
	width: auto;
	height:auto;
	z-index:99994;
	text-align:right;
}

.menu-top-xs .navbar-toggler-wrap {
	display				: block;
	position			: relative;
	top					: 0px;
	width				: auto;
	text-align			: left;
	color				: var(--c-black);	
	background-color	: transparent;
	border				: 0px;
	margin				: 0px;
	padding				: 0px;
}


.menu-top-xs .navbar-toggler {
	position			: relative;
	padding				: 0px;
	margin				: 0px;
	background-color	: transparent;
	background-image	: none;
	border				: 1px solid transparent;
	border-radius		: 0px;
	width				: auto;
	height				: auto!important;
	float				: none;
	top					: 0px;		
	display				: block;
	margin-left:0px;
	line-height:1;
}

.menu-top-xs .navbar-toggler:hover, 
.menu-top-xs .navbar-toggler:active,
.menu-top-xs .navbar-toggler:focus {
	background-color:transparent;
	color:var(--c-black);	
	border-color: transparent;
	
}


.menu-top-xs .navbar-toggler::after,
.menu-top-xs .navbar-toggler::before{
  content		: "";
  position		: auto;
  top			: auto;
  margin-top	: auto;   
  border		: 0px;
  right			: auto;
  display:none;
}

.menu-top-xs .navbar-toggler .toggler-icon {
	display				: inline-block;
	font-size			: 32px; 
	height				: 32px; 
	line-height			: 1; 
	color				: var(--c-black);	
	margin				: 0px; 
	padding				: 0px; 
	vertical-align		: middle;
	position			: relative;
}

.menu-top-xs .navbar-toggler .toggler-icon i{
	font-size			: 32px; 
	line-height			: 1; 
	color				: var(--c-black);	
}

.menu-top-xs .navbar-toggler .toggler-text {
	display				: inline-block;
	font-size			: 32px; 
	height				: 32px; 
	line-height			: 1; 
	color				: var(--c-black);	
	margin-left			: 10px; 
	margin-top			: 0px; 
	vertical-align		: middle;
	position			: relative;

}

@media all and (max-width: 539px) {
	.menu-top-xs .navbar-toggler .toggler-icon {
		font-size			: 24px; 
		height				: 24px; 
	}

	.menu-top-xs .navbar-toggler .toggler-icon i{
		font-size			: 24px; 
	}

	.menu-top-xs .navbar-toggler .toggler-text {
		font-size			: 24px; 
		height				: 24px; 
	}
}


.menu-top-xs .navbar-nav {
}


.menu-top-xs .collapsing, 
.menu-top-xs .collapse.show {
	position			: absolute;
	text-align			: left;
	float				: none;
	clear				: both;
	margin				: 0px;
	width				: 100%;
	display				: block;
	padding				: 30px;
	z-index				: 9994;
	background			: #ffffff;
	border-bottom		: 0px solid var(--c-black);
	

	
	transition:0.2s ease-in-out;
	-webkit-box-shadow: 0px 6px 12px -6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 12px -6px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 12px -6px rgba(0,0,0,0.5);
	
	top:var(--headerheight);
}

.menu-top-xs .collapsing .menu-divider, 
.menu-top-xs .collapse.show .menu-divider {
	display:none!important;
}


.menu-top-xs .collapse.show .navbar,
.menu-top-xs .collapsing  	.navbar   {
    margin		: 0px;
	height		: auto;
	line-height	: auto;
	top			: 0px;
}

.menu-top-xs .collapsing  	.navbar-nav,
.menu-top-xs .collapse.show .navbar-nav {
    margin		: 0px;
	height		: auto;
	line-height	: auto;
	top			: 0px;
}

.menu-top-xs .collapsing  	.caret,
.menu-top-xs .collapse.show	.caret,
.menu-top-xs .collapsing	.fa-caret-down,
.menu-top-xs .collapse.show	.fa-caret-down {
   display:none;
}

.menu-top-xs .collapsing  	.navbar-nav li,
.menu-top-xs .collapse.show .navbar-nav li {
	padding:0px;  
	display:block;
	float:none;
	width:auto;
	clear:both;
	text-align:left; 
	padding:0px;
	font-size: auto!important;
	margin-bottom:15px;
}


.menu-top-xs .collapsing .navbar-nav li a,
.menu-top-xs .collapse.show .navbar-nav li a {
	display:inline-block;
	padding: 0px;
	font-weight:400;
	color:var(--c-black);
	font-size: 1.20rem;
	text-decoration:none;
	border:0;
}

.menu-top-xs .collapsing	.navbar-nav li a:hover,
.menu-top-xs .collapse.show	.navbar-nav li a:hover,
.menu-top-xs .collapsing 	.navbar-nav li a:active,
.menu-top-xs .collapse.show	.navbar-nav li a:active
.menu-top-xs .collapsing	.navbar-nav li a:focus,
.menu-top-xs .collapse.show	.navbar-nav li a:focus {
	color : var(--c-medium-grey);
	opacity:1.0;
}

.menu-top-xs .collapsing .navbar-nav li.active > a,
.menu-top-xs .collapse.show .navbar-nav li.active > a {
	color : var(--c-medium-grey);
	opacity :1.0;
}
	
.menu-top-xs .collapsing 	.sub-menu,
.menu-top-xs .collapse.show .sub-menu {
    display		: block;
    position	: relative;
    margin-right : 0;
	margin-left:auto;
    white-space	: nowrap;

	padding		: 0px;
	width		: auto;
	text-align	: right;
	background-color: transparent;
	padding-top:0px;
	white-space:normal;
	list-style:none;
	margin-bottom:15px;
}


.menu-top-xs .collapsing 	.sub-menu li,
.menu-top-xs .collapse.show .sub-menu li {
    position		: relative;
    padding			: 0;
    display			: block;
    text-align		: right;
	height:auto;
	line-height:auto;
	padding			: 0px;
	margin			: 0px;
	white-space:normal;
	list-style:none;
}

.menu-top-xs .collapsing 	.sub-menu li a,
.menu-top-xs .collapse.show .sub-menu li a {
    text-decoration		: none;
    text-align			: left;
	color				: var(--c-medium-grey);
	padding				: 0px;
	margin				: 0px;
	font-weight			: 500;
	opacity				: .75;
	text-transform      : none;
	border:0px;
	white-space:normal;
	font-size:1.0rem;
}

.menu-top-xs .collapsing 	.sub-menu li a::after
.menu-top-xs .collapse.show .sub-menu li a::after {
    display			: block;
    content			: attr(title);
    font-weight		: 400;
    height			: 1px;
    color			: transparent;
    overflow		: hidden;
    visibility		: hidden;
    margin-bottom	: -1px;
}

.menu-top-xs .collapsing 	.sub-menu li a:hover,
.menu-top-xs .collapse.show .sub-menu li a:hover,
.menu-top-xs .collapsing 	.sub-menu li a:active,
.menu-top-xs .collapse.show .sub-menu li a:active
.menu-top-xs .collapsing 	.sub-menu li a:focus,
.menu-top-xs .collapse.show .sub-menu li a:focus {
	color				: var(--c-medium-grey);
	font-weight			: 400;
	opacity				: 0.75!important;
	border:0px;
}

.menu-top-xs .collapsing 	.sub-menu li.submenu-item.active a,
.menu-top-xs .collapse.show .sub-menu li.submenu-item.active a {
	color				: var(--c-medium-grey);
	font-weight			: 400;
	opacity				: 1!important;
	border:0px;
}










/***********************************************************************************************/
/* MENU BOTTOM */
/***********************************************************************************************/

ul#menu-footer {
	margin:0;
	padding:0;
	list-style:none;
	font-size:0px;
}

#menu-footer > li  {	
	list-style:none;
	margin			: auto;
	padding			: 0px;
	width			: auto;
	border			: 0px solid transparent;
	font-size:0;
	line-height:1;
	display:block;
}


#menu-footer > li > a {
	padding			: 0px;
	text-transform	: uppercase;
	text-decoration	: none;
	color			: var(--c-white);
	display			: block;
	white-space		: nowrap;  
	background-color: transparent;
	width			: auto;
	text-shadow     : none;
	font-size		: 1.5rem;	
	font-weight		: 400;
	border-bottom	: 0px solid transparent;	
}

#menu-footer > li.current-menu-item, 
#menu-footer > li.current-page-parent{
	background-color	: transparent;
	color				: var(--c-light-grey);
	font-weight			: 400;
}

#menu-footer > li.current-menu-item > a, 
#menu-footer > li.current-page-parent > a {
	background-color	: transparent;
	color				: var(--c-light-grey);
	font-weight			: 400;
}


#menu-footer > li:hover, 
#menu-footer > li:active,
#menu-footer > li:focus {
	background-color	: transparent;
	color				: var(--c-light-grey);
	font-weight			: 400;
}

#menu-footer > li > a:hover, 
#menu-footer > li > a:active,
#menu-footer > li > a:focus {
	background-color	: transparent;
	color				: rgba(255,255,255,0.8);
	font-weight			: 400;
	text-decoration		: none;
}









ul#menu-privacy {
	margin:0;
	padding:0;
	list-style:none;
	font-size:0px;
	margin-bottom:.5rem;
}

#menu-privacy > li  {	
	list-style:none;
	margin			: auto;
	padding			: 0px;
	padding-left	: 24px;
	padding-right	: 24px;
	width			: auto;
	border			: 0px solid transparent;
	border-right	: 1px solid var(--c-white);
	font-size:0;
	line-height:1;
	display:inline-block;
}


#menu-privacy > li > a {
	padding			: 0px;
	text-transform	: none;
	text-decoration	: none;
	color			: var(--c-white);
	display			: block;
	white-space		: nowrap;  
	background-color: transparent;
	width			: auto;
	text-shadow     : none;
	font-size		: 1.0rem;
	line-height		: 1;	
	font-weight		: 400;
	border-bottom	: 0px solid transparent;	
}

#menu-privacy > li:first-child {
	padding-left	: 0px;
}

#menu-privacy > li:last-child {
	border-right	: 0px solid var(--c-white);	
	padding-right	: 0px;
}

@media all and (max-width: 767px) {
	#menu-privacy > li, #menu-privacy > li:first-child, #menu-privacy > li:last-child  {	
		display		: block;
		padding		: 0px;
		border		: 0px solid transparent;
	}
}




