nav{
	position: relative;
	float:right;
	padding-top:39px;
	padding-right:41px;
}
#menu-icon{
	display:none;
	font-size:16px;
	line-height:20px;
	color:#fff;
	padding:110px 15px 14px;
	background:#333;
	cursor:pointer;
}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font-weight:300;
	font-size:16px;
	line-height:20px;
	letter-spacing:-1px;
	margin-right:39px;
}
	.menu > li > a {
		color:#3f3f3f;
		text-decoration:none;
	}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {text-decoration:none; color:#5cab22;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.submenu-top{
	display:none;
	width:19px;
	height:11px;
	overflow:hidden;
	background:url(../images/submenu-top.png) center top no-repeat;
	position:absolute;
	top:31px;
	left:20px;
	z-index:1000;
}
	.menu > li.sfHover > .submenu-top{display:block;}
.menu ul {
	position:absolute;
	top:-999em;
	width:139px; 
	display:none;
	padding:16px 0px 25px;
	background:#fff;
	border:1px solid #ececec;
	z-index:999;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:13px;
	position:relative;
	font-size:14px;
	line-height:17px;
	text-align:center;
}
	.menu li li a{
		color:#989796;
		text-decoration:none;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{
			color:#5cab22;
			text-decoration:none;
		}
.menu li:hover ul, .menu li.sfHover ul {left:-41px; top:41px;}

@media only screen and (max-width: 995px){
	nav{padding-right:10px;}
	.menu > li {margin-right:23px;}
	.menu > li > a .menu-arrow{display:block; width:100%; height:6px; overflow:hidden; text-indent:-999em; font-size:0; line-height:0; background:url(../images/menu-arrow.png) center top no-repeat; position:absolute; top:22px; left:0;}
		.menu > li.sfHover > a .menu-arrow, .menu > li > a:hover .menu-arrow, .menu > li.current > a .menu-arrow{background-position: center -32px;}
}

@media only screen and (max-width: 767px) {
	nav{padding-top:0; margin-top:-22px; padding-right:0;}
	#menu-icon{display:block;}
	/*menu*/
	.menu{display:none; position:absolute; top:145px; right:74px; width:110px; padding:15px 0; background:#f7f7f7; z-index:999;}
	.menu > li {float:none; width:100%; padding:0;}
	.menu > li > a {display:block; padding:3px 15px 7px;}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {background-color:#313232;}
	.menu > li > a .menu-arrow{display:inline-block; width:9px; position:static; margin-left:5px; vertical-align:middle;}
	/***submenu***/
	.submenu-top{display:none !important;}
	.menu ul {right:111px; left:auto !important; top:-15px !important; width:120px; padding:15px 0; background:#f7f7f7; border:none;}
	.menu li li{margin-bottom:0; font-size:16px; line-height:20px; text-align:left;}
	.menu li li a{display:block; padding:3px 15px 7px; color:#3f3f3f;}
		.menu li li > a:hover,.menu li li.sfHover > a{color:#5cab22; background-color:#313232;}
}

@media only screen and (max-width: 479px){
	.menu{width:100px;}
	.menu > li, .menu li li{font-size:14px;}
	.menu ul{width:110px; right:101px;}
}

@media only screen and (min-width: 768px) {
	.menu {display:block !important;}
}