@charset "utf-8";


/**	flex box***menu*/



		
nav { 
  position: relative;
  width: 100%;
}


/** navigation style **/



#hoofdmenu .navbar .nav {	
  width: 100%;
  padding: 0;
  list-style: none;
  font-size: 1.01rem;
 display: flex;
justify-content: center;
	

	
}@media (min-width:1800px){
ul.nav{
	font-size: 1.4rem;
}	
}

ul.nav > li {
 /*display: block;
  float: left;*/ 
  line-height: 6rem;
  padding: 0 0.7rem;
	
}

ul li a {
  position: relative;
  text-decoration: none;
  color: #fff;

	
}
ul li.current > a {
	color: #fff;
}
ul.nav li > ul{
  position: absolute;
  display: none;
  width: 100%;
  z-index: 5;
	 left: 0;
	padding-left: 3%;
	background-color: #f29400;	
	
	

}
ul.nav li ul li ul{
	position: absolute;
	z-index: 11;

}

ul.nav li ul li a {
  color: #0e190f;
  display: block;
  padding: 0 20px;
  line-height: 70px; /* animatie height zelfde als dit**/
}
ul.nav li > ul li a:hover{ 
	color: #fff; 
text-decoration: none;
}
ul.nav > li:hover > a { 
	color: #fff;
	text-decoration: none;
}
ul.nav li:hover > ul{
  display: flex;
	width: 100%;
	justify-content: center;
}

ul.nav li:hover > ul > li {
  display: block;
	left: -3%;


}

/** big sub-menu dropdown arrow **/
ul.nav:first-child > li:hover > a:not(:last-child):after{
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  top: 35px; /**helft van line height en animatie height*/
  left: 0;
  right: 0;
  margin: 0 auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  z-index: 11;
}
ul.nav:first-child > li > ul > li:hover > a:not(:last-child):after{
position: absolute;
  content: " ";
  width: 0;
  height: 0;
  top: 70px; /**zelfde als line height en animatie height*/
  left: 0;
  right: 0;
  margin: 0 auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  z-index: 12;
}
/** little link arrow **/
ul.nav:first-child > li > a:not(:last-child):after,
ul.nav:first-child > li > ul > li > a:not(:last-child):after {
  position: absolute;
  display: inline-block;
  content: " ";
  width: 0;
  height: 0;
  top: 50%;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}


/*******************************/
ul.nav:first-child li:hover > ul {
  -webkit-animation: nav-down 0.25s;
  /* Fx 5+ */
  
  -moz-animation: nav-down 0.25s;
  /* Opera 12+ */
  
  -o-animation: nav-down 0.25s;
  /* IE 10+, Fx 29+ */
  
  animation: nav-down 0.25s;
	
	
	
}
@-webkit-keyframes nav-down {
  0% { height: 0px; }
  100% { height: 70px; }
}

@-moz-keyframes nav-down {
  0% { height: 0px; }
  100% { height: 70px; }
}

@-o-keyframes nav-down {
  0% { height: 0px; }
  100% { height: 70px; }
}

@keyframes nav-down {
  0% { height: 0px; }
  100% { height: 70px; }




	
}
/*******************************/
@media (max-width:979px){
.bd-navbar{
	/*position: static;*/
	
}.navbar{
	justify-content: flex-end;

}
	
#hoofdmenu .navbar .nav{
	display: block;
	line-height: 3rem;
	text-align: left;
	padding: 0 5vw;
	
}.navbar ul.nav li,
.navbar ul.nav li ul li,
.navbar ul.nav li ul li ul li {	
	float: left;
	
}.navbar ul.nav li > ul,
.navbar ul.nav li ul li ul{
	position: static;
	display: inline-block;
	float: left ;
	width: 100%;
	padding-left: 5vw;
	background-color: transparent;
	
		
}ul.nav:first-child li:hover > ul {
	animation: initial !important;

}
ul.nav li:hover > ul{
  display: block;
	width: 100%;
	

}

ul.nav > li {
display: block;
  float: left; 
  line-height:2rem;
  padding: 0 0.7rem;
 width: 100%;
		

}ul.nav li a{
  font-size: 1.3rem;
	color: #fff;
}
ul.nav li.current a,
ul.nav li ul li.current a{
	color:#f29400 !important;
	
}

ul.nav li > ul li a {
  color: #fff;
  display: block;
  padding: 0 2%;
  line-height: 2rem;
	font-size: 0.8rem;
}
ul.nav li > ul li{
		width: 100%;
	padding: 1% 0;
}
ul.nav li:hover > ul > li {
  display: block;
	left: 0;	

	
	
	/** big sub-menu dropdown arrow **/
}
ul.nav:first-child > li:hover > a:not(:last-child):after,
ul.nav:first-child > li > ul > li:hover > a:not(:last-child):after{
	position: static;
	display: none;
	}
}