@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')}
.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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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"}.icon-world:before{content:"\E007"}
header{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 901;
	line-height: 2.1rem;
	background:#26201C;
	color:#A69A94
	}

header h1{
	margin:0;
font-size:1.7rem;
line-height:4.4rem
}
header h1:before{
	content:"\E004";
	margin-right:8px
	}
.nav-button,.nav-close{
	height: 4.4rem;
	overflow: hidden;
	z-index: 902;
	cursor: pointer;
	text-decoration: none;
	line-height: 4.4rem;
	color: #FFFFFF;
	background-color: #5d2016;
	}
.nav-button:before,.nav-close:before{
	display:block;text-align:center
	}
.nav-button{
	display:block;
     right:1rem;
	 font-size:1.7rem;
	 padding-left:10px;
}
.nav-button:before{
}
.nav-close{
	display:none;
	right:4rem;
	font-size:1.9rem
	}
.nav-close:before{
	content:"\E002"}
.nav{
	padding-top: 4.4rem;
	line-height: 4.4rem;
	background: #26201c42;
	color: #A69A94;
	text-align: center;
	}
.nav ul{border-radius:0 0 6px 6px;background:#26201C}
.nav ul ul{background:#2f2722}
.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 #59544F;cursor:pointer}
.nav li.nav-active>a,.nav li:hover>a{
	color: #F2F2F2;
	background-color: #4A4A4A;
	}
.nav .nav-submenu>ul{margin-left:10px}
.nav .nav-submenu>a{padding-right:30px!important}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{
	border-radius: 6px;
	padding: 0 15px 1px;
	color: #FFFFFF;
	font-size: 16px;
	text-decoration: none;
	font-weight: 500;
	}
.nav .nav-submenu>a:after{
	position:absolute;
	display:block;right:10px;top:1px;
	content:"\E005"
	}

@media only screen and (min-width:960px){
	body{padding:0!important}
	header{
	position: fixed
}
header h1:before{content:"\E001"
}
.nav-button{display:none
}
.nav{padding:0!important

}
.nav>ul>li{border-top:none
}
.nav li>ul{box-shadow:0 0 5px 0 rgba(0,0,0,.75)
}
.nav ul ul ul{border-radius:0 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"
}
}
@media only screen and (max-width:960px){
	.nav{text-align:left;}
	header{
	position: relative;
}}
