@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:4rem
}*/
#menus {
	display:block;
	/*position:fixed;*/
	top:0;
	left:0;
	right:0; width:100%;
	position:relative;
	float:left; clear:both;
	z-index:901;
	padding-left:10px;
	line-height:4rem;
	background:#0588BA;
	color:#fff
}
#menus h1 {
	margin:0;
	/*font-size:1.7rem;
	line-height:4rem*/
}
#menus h1:before {
	/*content:"\E004";*/
	margin-right:8px
}
.nav-button, .nav-close {
	position:fixed;
	/*top:0;*/
	width:2.4rem;
	height:4rem;
	overflow:hidden;
	z-index:902;
	cursor:pointer;
	text-decoration:none;
	line-height:4rem;
	background:#0588BA;
	color:#fff
}
.nav-button:hover {	
	color:#fff; text-decoration:none;
}
.nav-button:visited {	
	color:#fff; text-decoration:none;
}
.nav-button:before, .nav-close:before {
	display:block;
	text-align:center
}
.nav-button {
	display:block; position:absolute;
	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:4rem; margin:0 0 5px; 
	line-height:4rem;
	background:#0588BA;
	color:#fff
}
.nav ul {
	border-radius:0 0 0 6px;
	background:#0588BA
}
.nav ul ul {
	background:#0588ba; padding:0 15px 1px 10px;
}
.nav ul ul ul {
	background:#0e91c3
}
.nav ul ul ul ul {
	background:#1394c6
}
.nav ul ul ul ul ul {
	background:#1699cb
}
.nav ul ul ul ul ul ul {
	background:#1699cb
}
.nav ul ul ul ul ul ul ul {
	background:#1699cb
}
.nav ul ul ul ul ul ul ul ul {
	background:#1699cb
}
.nav li {
	border-top:1px solid #10a1d8;
	cursor:pointer
}
.nav li.nav-active>a, .nav li:hover>a {
	color:#fff;
	
}
.nav .nav-submenu>ul {
	margin-left:10px
}
.nav .nav-submenu>a {
	padding-right:5px!important
}
.nav a, .nav a:active, .nav a:hover, .nav a:visited {
	border-radius:6px;
	padding:0 8px 1px;
	color:#fff; font-size:12px;
	text-decoration:none
}
.nav .nav-submenu>a:after {
/*	position:absolute;
	display:block;
	right:10px;
	top:1px;
	content:"\E005"*/
}
@media only screen and (min-width:1025px) {
#menus {
position:relative; display:none
}
#menus h1:before {
/*content:"\E001"*/
}
.nav-button {
display:none
}
.nav {
padding:0!important
}
.nav>ul>li {
border-top:none; border-right:1px solid #10a1d8;
}
.nav li>ul {
box-shadow:0 0 5px 0 rgba(0, 0, 0, .35)
}

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

.nav .nav-submenu li {
min-width:110px
}
.nav .nav-submenu>ul {
margin:0
}
.nav>ul>.nav-submenu>a:after { 
/*content:"\E005"*/
}
.nav ul ul .nav-submenu>a:after {
content:"  \E006";
}
}

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

.nav {
/*display:block;*/
position:relative;
bottom:auto;
overflow:visible;
}
.nav ul li {  
position:relative; display:block;
white-space:nowrap; overflow:visible
}
.nav .nav-submenu>a:after {
content:"  \E006"
}
#menus h1 {
font-size:1.5rem; font-weight:bold; margin-top:10px;
}
.nav a, .nav a:active, .nav a:hover, .nav a:visited {
	border-radius:6px;
	padding:0 8px 1px;
	color:#fff; font-size:14px;
	text-decoration:none
}
}