@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: "\E006"
}

.icon-menu-close:before {
    content: "\E006"
}

.icon-menu:before {
    content: "\E006"
}

.icon-mobile:before {
    content: "\E006"
}

.icon-submenu-down:before {
    /*content: "\E005"*/
}

.icon-submenu-right:before {
   /* content: "\E006"*/
}

.icon-world:before {
    content: "\E007"
}

.nav-button,
.nav-close {
    position: fixed;
    top: 5px;
	right:5px;	
	padding:2px 5px 2px 0px;
	border-bottom:0px solid #66808b;
    width: 35px;
    height: 35px;
    overflow: hidden;
    z-index:999;
    cursor: pointer;
    text-decoration: none;
    line-height:2rem;
    /*background: rgba(255, 255,255, 0.5);*/
    color: #294c6f;
}

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

.nav-button {
    display: block;
    right: 0px;
    font-size: 1.7rem
}

/* before {
    content: "\E003"
	
}*/
.nav-button
{
   
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:center
}


.nav-close {
    display: none;
    right: 0px;
    font-size: 1.7rem
}

.nav-close {
	background-image:url(../images/closemenu.png);
	background-repeat:no-repeat;
	background-position:center
    /*content: "\E002"*/
}

.nav {
	background:;   
	margin-top:15px;
}

.nav ul {    
    background:;
	
}

.nav ul ul {
    background:;
	color:#666;
	text-align:right;
	font-size:16px;
	padding-top:6px;
	padding-right:10px;
	
		
}
.nav ul ul li a{
    color:#666;
	text-align:right;
	font-size:16px;
	line-stacking:1.2;
	 -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: rgba(255, 255, 255, 0.8); 
	
}

.nav ul ul li a:hover{color:#294c70; }

.nav ul ul ul {
    background: #313234
}

.nav ul ul ul li a:hover{
    background: #222428;
}

.nav ul ul ul ul {
    background: #171819
}
.nav ul ul ul ul li a:hover{
    background: #171819
}

.nav ul ul ul ul ul {
    background: #141515
}
.nav ul ul ul ul ul li a:hover{
    background: #36383b}
.nav li a{
   
    cursor: pointer;
	color:#68717B;
	font-size:22px ;
	line-height:30px;
	font-weight:500;
	text-align:right
		
}

.nav li.nav-active>a,
.nav li:hover>a {

	
}

.nav .nav-submenu>ul {
    margin-right: 0px;
	font-size:22px ;
	line-height:30px;
	font-weight:500;
}

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

.nav a,
.nav a:active,
.nav a:hover,
.nav a:visited {    
    padding:12px 25px 13px;
	color:#68717B;   
    text-decoration: none;
}

.nav .nav-submenu>a:after {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    /*content: "\E006"*/
}
.helpmenu{
	 position: absolute;
    display: block !important;
	width:200px;
	height:auto;
	font-size:12px;
	overflow-wrap: break-word;

}

@media only screen and (min-width:768px) {    
    .nav-button {
        display: none
    }
    .nav {
        padding: 0!important;
		
    }
	.nav .nav-submenu>ul {
    margin-right: 10px;
	
		
		
 
	
}


    .nav>ul>li {
        border-top: none;
		
		
    }
    .nav li>ul {
       /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)*/
    }
	
    .nav ul ul ul {
        
    }
    .nav ul ul ul li:first-child {
        border-top: none
    }
    .nav .nav-left>ul {
        
    }
    .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:1024px) {
.nav {	
	margin-top:10px;
}
.nav li a{
	font-size:20px;
}
.nav a,
.nav a:active,
.nav a:hover,
.nav a:visited {
	
    padding:7px 8px;
   color:#294c6f;
    text-decoration: none
}
}
@media only screen and (max-width:767px) {
.nav {
	 -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: rgba(255, 255, 255, 0.9);
    color: #294c6f;
	margin-top:69px;
	
}
.nav li a{
	font-size:24px;
}

.nav li.nav-active>a,
.nav li:hover>a {    
	border-radius:0px;
	transition:0.3s ease;
}
.nav a,
.nav a:active,
.nav a:hover,
.nav a:visited {    
    padding: 10px 10px 10px 20px;
    color: #294c6f;
    text-decoration: none
}
.nav .nav-submenu>ul {
 
	display:block !important;
}
.nav .nav-submenu>ul .active {

	display:none !important;
}
.nav ul ul li a{
  
    background-color: rgba(255, 255, 255, 0.8); 
	
}
}
@media only screen and (max-width:479px) {
.nav {
	 -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: rgba(255, 255, 255, 0.8);
    color: #294c6f;
	margin-top:58px;
	
}
.nav li a{
	font-size:20px;
}
}