#menu-top-background	 {
	display:block;
	position:absolute;
	width:100%;
	height:100px;
	left:0px;
	top:0px;
	background-color:#5E7DA0!important;
}
#menu-top			 {
	z-index:999999;
	height:100px;
	display:block;
	position:absolute;
}


@media all and (max-width: 1199px) {
	#menu-top-background	 {
		height:80px;
	}
	#menu-top			 {
		height:80px;
	}
}

@media all and (max-width: 991px) {
	#menu-top-background	 {
		height:60px;
	}
	#menu-top			 {
		height:60px;
	}
}

.home #menu-top	{}
#menu-top  .navbar {
	border			: 0px solid #003768!important;
	border-radius	: 0px!important;
	margin			: auto!important; 
	margin-bottom	: 0px!important;
	padding			: 0px!important;
	z-index			: 999!important;
	text-align		: center!important;
	min-height		: 0px!important;
	height			: auto!important; 
	line-height		: auto!important; 	
}

@media all and (max-width: 991px) {
}

#menu-top  .navbar-right {
	margin-right:0px;
	display:block;
}
#menu-top .navbar-collapse {
  overflow-x		: visible;
  padding-left		: 0px;
  padding-right		: 0px;
  border-top		: 0px solid transparent;
  box-shadow		: none;
}
#menu-top  .navbar-nav  {
	margin:0px;
	padding:0px;
	margin-top:0px;
}
#menu-top  .navbar-nav > li  {
	padding			: 0px;
	padding-left	: 10px;
	padding-right	: 10px;
}
#menu-top  .navbar-nav > li > a {
	padding			: 0px;
	text-transform	: uppercase;
	text-decoration	: none;
	color			: #ffffff;
	display			: block;
	white-space		: nowrap;  
	background-color: transparent;
	width			: auto;
	text-shadow     : none;
	font-size		: 1rem;
	font-weight		: 500;
	border-bottom	: 0px solid transparent;
	
	height:100px;
	line-height:100px;
}

@media all and (max-width: 1199px) {
	#menu-top  .navbar-nav  {

	}
	#menu-top  .navbar-nav > li  {

	}
	#menu-top  .navbar-nav > li > a {
		height:80px;
		line-height:80px;
	}
}
@media all and (max-width: 991px) {
	#menu-top  .navbar-nav  {

	}
	#menu-top  .navbar-nav > li  {

	}
	#menu-top  .navbar-nav > li > a {
		height:60px;
		line-height:60px;
	}
}

#menu-top  .navbar-nav > li > a::after {
    display			: block;
    content			: attr(title);
    font-weight		: 500;
    height			: 1px;
    color			: transparent;
    overflow		: hidden;
    visibility		: hidden;
}

#menu-top .navbar-nav > li.active, 
#menu-top .navbar-nav > li.current-page-parent,
#menu-top .navbar-nav > li:hover {
	background-color	: #003768;
	color				: #ffffff;
}

#menu-top .navbar-nav > li.active > a, 
#menu-top .navbar-nav > li.current-page-parent > a,
#menu-top .navbar-nav > li:hover > a, 
#menu-top .navbar-nav > li > a:hover, 
#menu-top .navbar-nav > li:active > a, 
#menu-top .navbar-nav > li > a:active {
	background-color	: #003768;
	color				: #ffffff;
}

#menu-top .navbar-nav > li.active::after,
#menu-top .navbar-nav > li.current-page-parent::after {
}



/* SUBMENU */
#menu-top .navbar-nav .sub-menu {
	position			: absolute;
	top					: 42px;
	width				: auto; 
	display				: none;
	z-index				: 999994;
	border-radius		: 0px;
	border				: 0px;
	text-align			: left;
	background-color	: #668985;
	padding				: 20px;
}

@media all and (max-width: 991px) {
	#menu-top .navbar-nav .sub-menu {
		top					: 42px;
	}	
}

#menu-top .navbar-nav .sub-menu li {
	padding-top		: 5px;
	padding-bottom	: 5px;
	list-style		: none;
}

#menu-top .navbar-nav .sub-menu li > a {
	padding:0px;
	font-weight:400!important;
	white-space: nowrap;
	color	: #ffffff;
}

#menu-top .navbar-nav .sub-menu li > a:hover {
	font-weight:400!important;
	color	: #000000;
}
/* EINDE SUBMENU */




/* MOBIEL MENU  */
@media all and (max-width: 767px) {
	#menu-top			 {
		height:auto;
		display:block;
		position:relative;
	}
	#menu-top-background	 {
		display:block;
		position:absolute;
		width:100%;
		height:50px;
		left:0px;
		top:0px;
		background-color:#5E7DA0!important;
	}
}

.navbar-toggle-wrap {
	position			: absolute;
	width				: auto;
	text-align			: left;
	color				: #ffffff;	
	margin-bottom		: 0px;
	display				: block;
	padding-top			: 0px;
	height				: auto;
	width				: 100%;
}

.navbar-toggle {
	position			: relative;
	top					: 0px;	
	float				: none;	
	display				: block;
	background-color	: transparent;
	background-image	: none;
	border				: 1px solid transparent;
	border-radius		: 0px;
	padding				: 0px;
	margin				: 0px;
	width				: auto;
	min-width			: 80px;
	height				: auto!important;
	line-height			: auto!important;
}

.navbar-toggle::after,
.navbar-toggle::before{
  content: "";
  position: auto;
  top: auto;
  margin-top: auto;   
  border: 0px;
  right: auto;
}

.navbar-toggle .toggle-image {
	width				: 20px;
	height				: 20px;
	display				: inline-block;
	vertical-align		: bottom;
	position			: relative;
	top					: 2px;
}

.navbar-toggle .toggle-image img {
	width				: 20px;
	height				: 20px;
	display				: inline-block;
	vertical-align		: bottom;
}

.navbar-toggle .toggle-text {
	display				: inline-block;
	height				: 20px; 
	line-height			: 20px; 
	color				: #ffffff; 
	margin-left			: 10px; 
	margin-top			: 0px; 
	vertical-align		: bottom;
	position			: relative;
	top					: 3px;
}





#menu-top .collapsing, 
#menu-top .collapse.in {
	position:absolute;
	text-align:left;
	float				: none;
	clear				: both;
	padding				: 0px;
	margin				: 0px;
	width				: calc(100% + 30px);
	left				: -15px;
	top					: 50px;
	display				: block;
	padding-top			: 20px;
	padding-bottom		: 20px;
	z-index				: 99999;
	background			: #003768;
}

#menu-top .collapsing > .row, 
#menu-top .collapse.in > .row {
	margin:0px!important;
}


#menu-top .collapse.in 	.navbar,
#menu-top .collapsing  	.navbar   {
   min-height: 0px;
}


#menu-top .collapse.in 	.navbar-nav,
#menu-top .collapsing  	.navbar-nav   {
    margin: 0px;
	
}


#menu-top .collapse.in 	.navbar-nav > li,
#menu-top .collapsing  	.navbar-nav > li  {
	padding:0px;  
	display:block;
	float:none;
	width:100%;
	clear:both;
	text-align:center; 
	padding-bottom:5px;
	font-size: auto!important;
	line-height: 2rem;
}

#menu-top .collapsing 	.navbar-nav  li + li, 
#menu-top .collapse.in 	.navbar-nav  li + li  {
margin:0px;
border:0px;
}


#menu-top .collapsing  .navbar-nav  > li > a,
#menu-top .collapse.in .navbar-nav  > li > a {
	display:block;
	padding: 0px;
	font-weight:500;
	color:#ffffff;
	font-size: auto!important;
	font-size:1.25rem!important;
	line-height: 2.5rem!important;
	height:auto!important;
}


#menu-top .collapsing 	.navbar-nav > li.sub-menu > a,
#menu-top .collapse.in  .navbar-nav > li.sub-menu > a {
	display:block;
	padding: 0px;
	font-weight:500;
	color:#ffffff;
	cursor:default;
}

#menu-top .collapsing 	.sub-menu,
#menu-top .collapse.in  .sub-menu{
	display : block;
	top	   : 0px;
}



#menu-top .collapsing 	.navbar-nav > li > a:hover, 
#menu-top .collapse.in 	.navbar-nav > li > a:hover, 
#menu-top .collapsing 	.navbar-nav > li > a:active,
#menu-top .collapse.in 	.navbar-nav > li > a:active, 
#menu-top .collapsing 	.navbar-nav > li.active a,
#menu-top .collapse.in 	.navbar-nav > li.active a {
  color				: #ffffff;
  text-decoration	: none;
  font-weight		: 700;
  background-color	: transparent;
  opacity			: 1;
}

#menu-top .collapsing 	.navbar-nav > li.sub-menu > a:hover, 
#menu-top .collapse.in 	.navbar-nav > li.sub-menu > a:hover, 
#menu-top .collapsing 	.navbar-nav > li.sub-menu > a:active,
#menu-top .collapse.in 	.navbar-nav > li.sub-menu > a:active, 
#menu-top .collapsing 	.navbar-nav > li.sub-menu.active a,
#menu-top .collapse.in 	.navbar-nav > li.sub-menu.active a {
  color				: #ffffff;
  text-decoration	: none;
  font-weight		: 500;
  background-color	: transparent;
  opacity			: 1;
}




#menu-top .collapsing 	.sub-menu,
#menu-top .collapse.in 	.sub-menu {
    display		: block;
    position	: relative;
    margin		: 0;
    white-space	: nowrap;
    left		: 0px;
	padding		: 0px;
	width:auto;
	text-align:center;
	background-color: transparent;
	min-width: auto;
	text-align:center;
	padding-bottom:5px;
}


#menu-top .collapsing 	ul.sub-menu > li,
#menu-top .collapse.in 	ul.sub-menu > li {
    position		: relative;
    padding			: 0;
    display			: block;
    text-align		: center;
	padding			: 0px;
	margin			: 0px;
}

#menu-top .collapsing 	ul.sub-menu > li > a,
#menu-top .collapse.in 	ul.sub-menu > li > a {
    text-decoration		: none;
    text-align			: center;
    display				: auto;
	color				: #ffffff;
	padding				: 0px;
	margin				: 0px;
	font-size			: 1rem;
	font-weight			: 500;
	opacity				: .75;
	text-transform      : none;
}
#menu-top .collapsing 	ul.sub-menu > li > a::after
#menu-top .collapse.in 	ul.sub-menu > li > a::after {
    display			: block;
    content			: attr(title);
    font-weight		: 700;
    height			: 1px;
    color			: transparent;
    overflow		: hidden;
    visibility		: hidden;
    margin-bottom	: -1px;
}

#menu-top .collapsing 	ul.sub-menu > li > a:hover,
#menu-top .collapse.in 	ul.sub-menu > li > a:hover
#menu-top .collapsing 	ul.sub-menu > li > a:active,
#menu-top .collapse.in 	ul.sub-menu > li > a:active
#menu-top .collapsing 	ul.sub-menu > li.active a,
#menu-top .collapse.in 	ul.sub-menu > li.active a {
	color				: #ffffff;
	font-weight			: 700;
	opacity				: 1;
}





/***********************************************************************************************/
/* MENU BOTTOM */
/***********************************************************************************************/

#menu-bottom {
	margin-top:0px;
}
#menu-bottom h2{
	margin-left:15px;
	margin-bottom:15px;
}
#menu-bottom ul {
	list-style:none;
}
#menu-bottom li {
	list-style:none;
}
#menu-bottom .nav > li > a {
    display: block;
    padding: 0px;
    position: relative;
	color:#ffffff;
}
#menu-bottom .nav > li > a:hover,
#menu-bottom .nav > li > a:active, 
#menu-bottom .nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
	opacity:0.8;
}