@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');
}

.nav-lock-scroll {overflow: hidden;}

.nav {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 900;overflow-x: hidden;overflow-y: auto;}
.nav ul {display: block;position: relative;zoom: 1;list-style-type: none;margin: 0;padding: 0;}
.nav a,.nav a:hover,.nav a:active,.nav a:visited {display: block;position: relative;}

@media only screen and (max-width: 5000px) {
.nav-no-js .nav-button:hover + .nav,.nav-no-js .nav:hover,.nav-no-js .nav-button:hover + .nav + .nav-close,.nav-no-js .nav:hover + .nav-close {display: block;}
}

.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-button:before,
.nav-close:before,
.nav .nav-submenu > a:after,
.nav > ul > .nav-submenu > a:after {
	font-family: "icon-font";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	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";
}

.icon-world:before {
	content: "\E007";
}



.nav-button,.nav-close {position: fixed;top: 0;width: 2.4rem;height: 3.5rem;padding-left: 2.4rem;overflow: hidden;z-index: 902;cursor: pointer;text-decoration: none;line-height: 3.5rem;background: #97be0d;color: #fff;}

.nav-button:before,.nav-close:before {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}

.nav-button {display: block;right: 0rem;font-size: 1.7rem;}
.nav-button:before {content: "\E003";}

.nav-close {display: none;right: 4rem;font-size: 1.9rem;}
.nav-close:before {content: "\E002";}

.nav {padding-top: 3.5rem;line-height: 3.5rem;background: #a8a397;color: #fff;font-size:1rem;}

.nav ul {background: #efede4;}
.nav ul ul {background: #2f2722;}

.nav li {border-top: 1px solid #fff;cursor: pointer;}
.nav li:hover > a,.nav li.nav-active > a {color: #fff;background: #97be0d;}

.nav .nav-submenu > ul {margin-left: 10px;}
.nav .nav-submenu > a {padding-right: 30px !important;}

.nav a,.nav a:hover,.nav a:active,.nav a:visited {padding: 0 15px 1px;color: #272727;text-decoration: none;}

.nav .nav-submenu > a:after {position: absolute;display: block;right: 10px;top: 1px;content: "\E005";}


@media only screen and (min-width: 481px) {
.nav-button,.nav-close {width: 3rem;height: 5.5rem;padding-left: 3rem;line-height: 5.5rem;}
.nav {padding-top: 5.5rem;line-height: 4rem;font-size:1.063rem;}
}