@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"}


.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:3.4rem;
	background:#10a010; /*mobile menu icon BG color */

}

a.nav-button:link, a.nav-button:active, a.nav-button:visited, a.nav-button:hover{  
	color:#fff;   /*mobile menu icon color */
	text-decoration:none;
	}


.nav-button:before,.nav-close:before{display:block;text-align:center}
.nav-button{display:block;right:10px;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{
	
	line-height:2.4rem; /* menu text padding */
	color:#fff;
	text-align:center;
	}
.nav ul{
	/*background:#ccc menu bg color*/
	}
.nav ul ul{
	background:#fff /*menu 1st dropdown bg color*/
	}
.nav ul ul ul{
	background:#FFFFFF /*menu 2nd dropdown bg color*/
	}
.nav ul ul ul ul{
	background:#FFFFFF /*menu 3rd dropdown bg color*/
	}
.nav ul ul ul ul ul{
	background:#FFFFFF /*menu 4th dropdown bg color*/
	}
.nav li{cursor:pointer}
.nav li.nav-active>a,.nav li:hover>a{
	color:#000;/*menu mouse over text color*/
	 /*menu mouse over bg color*/	
	
	}
.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{
	font-weight:600;
	text-transform:uppercase;
	padding:5px 10px;
	color:#fff;
	text-decoration: none;
	
	}
.nav .nav-submenu>a:after{position:absolute;display:block;right:5px;top:5px;content:"\E005"}


@media screen and (max-width: 1280px){
	.nav a,.nav a:active,.nav a:hover,.nav a:visited{
	font-size:14px;
	padding:5px 12px;
	
	}
}

@media screen and (max-width: 1175px){
	.nav a,.nav a:active,.nav a:hover,.nav a:visited{
	font-size:13px;
	padding:5px 12px;
	
	}
}



@media only screen and (min-width:1025px){
	.nav-button{display:none}
	.nav{padding:0!important}
	.nav>ul>li{border-top:none}
	.nav li>ul{}
	.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 screen and (max-width: 1024px){
	
	.nav, .nav ul{
		background:#10a010;
		/*mobile menu bg color*/
		
	}
	
}