#menu-icon {
	display: none;
	position: absolute;
    height: 44px;
    width: 40px;
    color: #fff;
    margin-right: 20px;
    padding: 0px 10px 0px 10px;
	/* float: right; */
	z-index: 999;
	right: 0;
	}

.nav-wrapper					{ position: relative; }
.nav-wrapper .nav-inner {
	background: #4e9733;
	position: relative;
	z-index: 100;
	}

.nav-wrapper ul {
	list-style: none;
	margin: 0 auto;
	}

.nav-wrapper .nav {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	list-style: none;
	}

.nav u							{ text-decoration: none; }
.nav > li						{ display: inline-block; }
.nav > li:nth-of-type(1) {
	background: url(/grfx/home-btn.png) no-repeat center center;
	background-size: 24px 24px;
	text-indent: -9999px;
	width: 26px;
	margin-left: 25px;
	margin-right: 0px;
	}

.nav > li:last-of-type 			{ float: right; }

.nav > li > a {
	font-family: "montserratlight", verdana, helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	line-height: 3em;
	padding: 0.05em 1.2em 0.05em 1.2em;
	display: inline-block;
	position: relative;
	z-index: 100;
	text-decoration: none;
	}

.nav > li:nth-of-type(1) > a	{ height: 3em; display: block; }

.nav li .nav-submenu {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #ff9f1c;
	display: none;
	}

.nav > li.nav-open a			{ color: #ff9f1c; }
.nav > li.nav-open .nav-submenu {
	z-index: 1000;
	display: block;
	}

.nav > li.nav-open:first-child	{ background-color: transparent; }



/* submenu */
.nav-submenu {
	padding-top: 8px;
	padding-bottom: 8px;
	overflow: hidden;
	}

.nav-submenu .wrapper			{ padding: 0px 0px 0px 0px; }

.nav-submenu li {
	list-style: none;
	float: left;
	line-height: 26px;
	}

.nav-submenu li:first-of-type	{ margin-left: 20px; }

.nav-submenu li > a {
	color: #fff !important;
	text-decoration: none;
	padding: 0em 0.75em 0em 0.75em;
	display: block;
	float: left;
	}

.nav-submenu li a:hover			{ color: #472e30 !important; }

.nav-submenu .active a			{ color: #472e30 !important; }


/* --------------------------------------- */
/* Mediaqueries css */
/* --------------------------------------- */

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

	.nav-wrapper .nav			{ max-width: 1338px; }

}

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

	.nav-wrapper .nav			{ max-width: 1254px; }

}

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

	.nav-wrapper .nav			{ max-width: 1128px; }

}

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

	.nav-wrapper .nav			{ max-width: 1001px; }

	.nav > li > a 				{ padding: 0.05em 0.9em 0.05em 0.9em; }

}

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

	.nav-wrapper .nav			{ max-width: 936px; }

	.nav u						{ display: none; }

}

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

	.nav-wrapper .nav			{ max-width: 778px; }

	.nav > li > a 				{ padding: 0.05em 0.6em 0.05em 0.6em; }

}

/* ==> breakpoint */
@media only screen and (max-width: 800px) {

	.nav-wrapper .nav			{ max-width: 95%; margin: 0; margin-left: 18px; padding-top: 54px; padding-bottom: 18px; }

	#menu-icon {
		display: block;
		line-height: 44px;
		cursor: pointer;
		box-sizing: content-box;
		}

	.nav-wrapper				{ background: #4e9733; min-height: 50px; position: static; display: block; }

	.nav-wrapper .nav-inner {
		position: relative;
		z-index: 100;
		margin: auto;
		}

	#nav 						{ z-index: 10000; display: none; }

	.nav > li 					{ display: block; padding: 0em; }
	.nav > li:nth-of-type(1) {
		background: none;
		text-indent: 0px;
		width: 80%;
		margin-left: 0;
		margin-right: 0px;
		}

	.nav > li:last-of-type		{ float: none; }

	.nav > li > a				{ display: block; }

	.nav u						{ display: inline-block; }

	.nav li .nav-submenu {
		left: 0;
		top: 4em;
		width: 100%;
		background: #ff9f1c;
		display: none;
		position: static;
		}

	.nav-submenu .wrapper		{ padding: 0px; }

	.nav > li.nav-open 			{ padding: 0; }
	.nav > li.nav-open a		{ display: block; }

	.nav-submenu li {
		float: none;
		line-height: 26px;
		}

	.nav-submenu li:first-of-type	{ margin-left: 0px; }

	.nav-submenu li a {
		padding: 5px 10px 5px 10px;
		display: block;
		float: none;
		}

}