/* ======================= */
/* ======================= */
/*        BEGIN NAV        */
/* ======================= */
/* ======================= */
@font-face {font-family:icon-font;src:url('../fonts/icon-font.eot');src:url('../fonts/icon-font.eot?#iefix') format('eot'), url('../fonts/icon-font.woff') format('woff'), url('../fonts/icon-font.ttf') format('truetype'), url('../fonts/icon-font.svg#icon-font') format('svg');}
@font-face {font-family: nav_font; src:url('../fonts/nav.ttf') format('truetype');}

.icon-desktop:before, .icon-menu-close:before, .icon-menu:before, .icon-mobile:before, .icon-submenu-down:before, .icon-submenu-right:before, .icon-world:before, .nav .nav-submenu > a:after, .nav-button:before, .nav-close:before, .nav > ul > .nav-submenu > a:after, header h1:before {
font-family:icon-font;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;
text-transform:none;vertical-align:top;}
.icon-desktop:before {content : "\E001";}
.icon-menu-close:before {content : "\E002";}
.icon-menu:before {content : "\E003";}
.icon-mobile:before {content : "\E004";}
.icon-submenu-down:before {content : "\E005";}
.icon-submenu-right:before {content : "\E006";}

/* BEGIN HAMBURGER */
.nav-button, .nav-close{position:fixed;top:10px;right:12px;width:4.4rem;height:3.4rem;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:3.4rem;color:#fff;
-webkit-border-radius:5px;border-radius:5px;background-color:#222;
 -webkit-transition-delay: 4.0s; 
 -moz-transition-delay:4.0s; 
 -ms-transition-delay:4.0s; 
 -o-transition-delay:4.0s; 
 transition-delay:4.0s; 
}
.nav-button:hover{color:#000;background-color:#fff;
 -webkit-transition-delay: 0s;
 -moz-transition-delay: 0s;
 -ms-transition-delay: 0s;
 -o-transition-delay: 0s;
 transition-delay: 0s;
}
.nav-button:before, .nav-close:before{display:block;text-align:center;}
.nav-button {display:block;right:1.0rem;font-size:1.7rem;}
.nav-button:before{content:"\E003";}
.nav-close{display:none;right:3.8rem;font-size:1.9rem;}
.nav-close:before{content:"\E002";}
/* END HAMBURGER */



/* MENUUTJE */ 
.nav{padding-top:4.4rem;line-height:4.4rem;color:#fff;background-color:#fff;}
.nav ul{background-color:rgba(86, 181, 154, 0.60);}
.nav ul ul{background-color:rgba(17, 17, 17, 0.70); /* Submenu Opacity */
background-image:none;
-moz-box-shadow: 0px 3px 4px rgb(0,0,0);
-webkit-box-shadow: 0px 3px 4px rgb(0,0,0);
box-shadow: 0px 3px 4px rgb(0,0,0);
min-width:200px;
} 
.nav ul li:first-child{padding-left:20px;} /* Alle knoppen naar rechts */
.nav a.parent_item{display:block;height:25px;line-height:25px;-webkit-border-radius:3px;border-radius:3px;text-transform:uppercase;}
.nav.single_parent{line-height:25px;display:block;}
.nav ul li a, .nav ul li a:hover{font-family:"Lucida Sans Unicode", Sans-Serif;font-size:1.1em;letter-spacing:0px;}


.nav li.nav-active > a, .nav li:hover > a{color:#000;background-color:#9AD0C1;}
.nav .nav-submenu > ul {margin-left:0px;margin-right:0px;}
.nav .nav-submenu > ul li {padding:1px 0px 1px 0px;}
.nav .nav-submenu > ul li a {padding:0 10px 0 10px;text-align:left;}
.nav .nav-submenu > a{padding-right:30px !important;}
.nav a, .nav a:active, .nav a:hover, .nav a:visited{padding:0 75px 0 75px;color:#fff;text-decoration:none;font-size:1.0em;}
.nav .nav-submenu > a:after {position:absolute;display:block;right:10px;top:1px;content:"\E005";}
.nav-submenu ul{margin-top:0px !important;}

@media screen and (min-width:960px) {
.nav-button{display:none;background-image:none !important;}
.nav{padding:0;background-color:#222;}
.nav > ul > .nav-submenu > a:after{content:"\E005";}
.nav .nav-submenu > a:after{content:"\E006";}
}

@media screen and (max-width:960px) {
.nav a.parent_item{text-transform:uppercase;line-height:24px !important;height:36px !important;-webkit-border-radius:0px;border-radius:0px;}
.nav ul li:first-child{padding-left:0px;} /* Hamburger knoppen niks naar rechts */
.nav ul{background-color:#111;background-image:none;}
}