@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:light;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 h1
{	color:#fafafa;
	margin: 10px 25px 25px 0 !important;
	text-align: right;

}

header
{display:block;
	position:fixed;
	top:0px;left:0;right:0;
	z-index:901;
	padding-left:20px;
	line-height:4.4rem;
	background:#000;
	color:#fafafa;
	}

header h1
{padding: 20px 0;
margin: 0;
text-align:left; 
font-size: 2.5rem;
line-height:2.4rem;
	position: fixed;


}


.nav-button,.nav-close
	{position:fixed;top:2px;width:3.4rem;height:4rem;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:4.4rem;background:#000;color:#fafafa}
.nav-button:before,.nav-close:before{display:block;text-align:center; color: #fff}
.nav-button{display:block;right:1rem;font-size:3rem}
.nav-button:before{content:"\E003"}
.nav-close{display:none;right:4rem;font-size:3rem}
.nav-close:before{content:"\E003"}


.nav
	{
	padding:30px 0;
	line-height:1.4rem;
	background:#000;
	color:#A69A94;
	text-align: left;
	position: fixed;
	font-weight: lighter !important;
	font-size: 100%
	
	}
	
	
.nav ul{border-radius:9px ;background:#000; padding: 0;  text-align:left; margin: 20px 0px 0 20px;	font-weight:lighter !important;
}
.nav ul ul{background:#000}
.nav ul ul ul{background:#000}
.nav ul ul ul ul{background:#000}
.nav ul ul ul ul ul{background:#000}
.nav li{border-bottom:1px solid #aaaaaa;cursor:pointer; padding: 0; line-height: 40px;}

.nav li.nav-active>a {color:#000;background:#fafafa; padding-left:22px}
.nav li:hover>a{color:#000;background:#fafafa; margin: 0px; }
.nav .nav-submenu>ul{margin: 0}
.nav .nav-submenu>a{padding-right:20px!important}
.nav .nav-submenu>a{padding-left:10px!important}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{border-radius:9px;padding-left: 10px;
	color:#fafafa;text-decoration:none}
.nav .nav-submenu>a:after{position:absolute;display:block;right:0;top:1px;content:"\E005"}


@media only screen and (max-width:1200px)
{
.nav li{border-bottom:1px solid #aaaaaa;cursor:pointer; padding: 0; line-height: 45px;}
.nav li.nav-active>a {color:#000;background:#fafafa; padding-left:13px}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{border-radius:9px;padding-left: 5px;
	color:#fafafa;text-decoration:none}
.nav .nav-submenu>a:after{position:absolute;display:block;right:0;top:1px;content:"\E005"}



.nav
	{
	padding:30px 0;
	line-height:1.4rem;
	background:#000;
	color:#A69A94;
	text-align: left;
	position: fixed;
	font-weight: lighter !important;
	font-size: 90%
	
	}



}


@media only screen and (max-width:796px)
{
.nav
	{

	font-size: 100%
	
	}


.nav li{border-top:1px solid #aaaaaa;cursor:pointer;  padding: 0 ; margin-left: 10%}

}


@media only screen and (min-width:797px) and (max-width:960px)
{
.nav
	{
	
	font-size: 100%
	
	}

.nav li{border-top:1px solid #aaaaaa;cursor:pointer; padding: 0 ; margin-left: 100px}

}


@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 0 0 rgba(0,0,0,0)}
	.nav ul ul ul{border-radius:0 0 0}
	.nav ul ul ul li:first-child{border-top:none}
	.nav .nav-left>ul{border-radius:0 0 0 0}
	.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 (max-width:1400px) {

	
.nav h1
{	color:#fafafa;
	margin: 10px 0 20px 0 !important;
	text-align: center;
	font-size: 120%;
	font-weight: bold;

} 

.nav ul{border-radius:0px ;background:#000; padding: 0px}

}