@font-face {
	font-family: "icon-font";
	src: url('/images/fonts/icon-font.eot');
	src: url('/images/fonts/icon-font.eot?#iefix') format('eot'), url('/images/fonts/icon-font.woff') format('woff'), url('/images/fonts/icon-font.ttf') format('truetype'), url('/images/fonts/icon-font.svg#icon-font') format('svg');}

.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";}
*/

body {
	padding-top: 2.4rem;}

header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 901;
	padding-left: 10px;
	line-height: 2.4rem;
	background: #c8102e;
	color: #ededed;}

header h1 {
	margin: 0;
	font-size: 1rem;
	line-height: 2.4rem;}

.nav-button, .nav-close {
	position: fixed;
	top: 0;
	width: 2.4rem;
	height: 2.4rem;
	overflow: hidden;
	z-index: 902;
	cursor: pointer;
	text-decoration: none;
	line-height: 2.4rem;
	background: #c8102e;
	color: #ededed;}
a.nav-button, a.nav-button:visited, {
	color: #ededed;}
a.nav-button:hover, a.nav-button:active {
	color: #f1be48;}

.nav-button:before, .nav-close:before {
	display: block;
	text-align: center;}

.nav-button {
	display: block;
	right: 1rem;
	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: 2.4rem;
	line-height: 2.4rem;
	background: #c8102e;
	color: #A69A94;}

.nav ul {
	border-radius: 0 0 6px 6px;
	background: #c8102e;}

.nav ul ul {
	background: #7c2529;}

/*
.nav ul ul ul {
	background: #382f29;}

.nav ul ul ul ul {
	background: #40362f;}

.nav ul ul ul ul ul {
	background: #493e36;}
*/

.nav li {
	border-top: 1px solid #111;
	cursor: pointer;}

.nav li:hover > a, .nav li.nav-active > a {
	color: #f1be48;
	background: #524727;}

.nav .nav-submenu > ul {
	border-left: 1px solid #111;
	margin-left: 10px;}

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

.nav a, .nav a:hover, .nav a:active, .nav a:visited {
	border-radius: 6px;
	padding: 0 20px 1px;
	color: #ededed;
	text-decoration: none;}

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

@media only screen and (min-width: 800px) {
	body {
		padding: 0 !important;}

	header {
		display: none;
		/*position: relative;*/}

	.nav-button {
		display: none;}

	.nav {
		padding: 0 !important;}

	.nav > ul > li {
		border-top: none;}

	.nav li > ul {
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);}

	.nav ul ul ul {
		border-radius: 0 6px 6px 6px;}

	/*.nav ul ul ul li:first-child {
		border-top: none;}*/

	.nav .nav-left > ul {
		border-radius: 6px 0 6px 6px;}

	.nav .nav-submenu li {
		min-width: 110px;}

	.nav .nav-submenu > ul {
		margin: 0;}

	.nav > ul > .nav-submenu > a:after {
		content: "\E005";}

	.nav .nav-submenu > a:after {
		content: "\E006";}}