@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"}
		body{padding-top:4.4rem}
		header{
			display:block;
			position:fixed;
			top:0;
			left:0;
			right:0;
			z-index:01;
			padding-left:5px;
			line-height:3.4rem;
			background:rgb(18, 20, 40);
			color:#A69A94}
		header h1
		{
			margin:0;
			font-size:1.7rem;
			line-height:1.4rem}
			header h1:before
			{content:"\E004";margin-right:8px}
			.nav-button,
			.nav-close
			{
				position:fixed;
				top:0;
				width:2.4rem;
				height:3.4rem;
				overflow:hidden;
				z-index:902;
				cursor:pointer;
				text-decoration:none;
				line-height:2.4rem;
				background:#rgb(87, 244, 73);
				color:rgb(99, 13, 99);
				}
				.nav-button:before,
				.nav-close:before
				{
					display:block;
					text-align:center
					}
					.nav-button
					{
					display:block;
					right:1rem;
					font-size:2rem
					}
					.nav-button:before{content:"\E003"}
					.nav-close{display:none;right:4rem;font-size:3rem}
					.nav-close:before{content:"\E002"}
					.nav{padding-top:4.4rem;line-height:3.0rem;background:rgba(130,130,130,.3);color:rgb(99, 13, 99);}
					.nav ul{border-radius:0 0 6px 6px;background:rgba(130,130,130,.3)}
					.nav ul ul{background:rgba(130,130,130,.3)}
					.nav ul ul ul{background:rgba(130,130,130,.3)}
					.nav ul ul ul ul{background:rgba(130,130,130,.3)}
					.nav ul ul ul ul ul{background:rgba(130,130,130,.3)}
					.nav li{border-top:1px solid #59544F;cursor:pointer}
					.nav li.nav-active>a,
					.nav li:hover>a{color:white;background:rgb(18, 20, 40)}
					.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:rgb(18, 20, 40);
						text-decoration:none;
						text-weight: bold;
						}
						.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:relative}
									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"}
								}