.nav-container {
	position:relative;
	z-index:2;
}
.cms-home .nav-container {}
.sf-menu{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95bd17', endColorstr='#5b8707'); /*IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#95bd17), to(#5b8707)); /*  webkit */
	background: -moz-linear-gradient(top,  #95bd17,  #5b8707); /*firefox 3.6+ */
	background: -o-linear-gradient(top,  #95bd17,  #5b8707); /*  Opera 11.10+ */
	background: -ms-linear-gradient(top,  #95bd17,  #5b8707); /*  IE10+ */
	font-size:13px;
	line-height:17px;
	margin:0 4px;
	border-radius:3px;
}
.sf-menu li {
	float:left;
	text-align:left;
	position:relative;
	z-index:99;
}
.sf-menu > li {border-right:1px solid #fff;}
.sf-menu li a {
	display:block;
	color:#383737;
	text-decoration:none;
	position:relative;
	padding: 0;
}
.sf-menu > li > a > span {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	cursor: pointer;
	white-space: nowrap;
	padding: 14px 10px 14px;
	font-weight: bold;
}
.sf-menu > li:first-child > a {border-radius:5px 0 0 5px;}
.sf-menu li ul a span { white-space:normal; }
.sf-menu > li.parent > a > span {background:url(../images/marker-8.gif) center -62px no-repeat;}

#nav > li.sfHover > a,
#nav > li > a:hover,
#nav > li.active > a {
	color:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72a70f', endColorstr='#437205'); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#72a70f), to(#437205));
	background: -moz-linear-gradient(top,  #72a70f,  #437205); /* firefox 3.6+ */
	background: -o-linear-gradient(top,  #72a70f,  #437205); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #72a70f,  #437205); /* IE10+ */
}
#nav > li.sfHover > a span,
#nav > li > a:hover span,
#nav > li.active > a span {color:#fff;}

.sf-menu li.active,
.sf-menu li.sfHover,
.sf-menu li:hover {}
.sf-menu li a:hover {text-decoration:none;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			192px; 
	display:none;
	background: #414040;
	border-radius:2px;
}

.sf-menu li li {border-bottom:1px solid #616060;}
.sf-menu li li.last { border-bottom:none; }

.sf-menu li li.sfHover,
.sf-menu li li,
.sf-menu li li:hover {
	float:none;
	border-right:none;
	position:relative;
	padding: 6px 10px 4px;
}
.sf-menu li li a,
.sf-menu li.sfHover li a,
.sf-menu li.active li a {
	display:inline-block;
	background:none;
	font-size:12px;
	line-height:15px;
	color:#fff;
	padding:0;
}
.sf-menu li li > a:hover,
.sf-menu li li.sfHover > a,
.sf-menu li li.active > a {color:#feeb06;}

.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			192px; 
}
.sf-menu li li li a,
.sf-menu li li.sfHover li a,
.sf-menu li li.active li a {}

.sf-menu li li li a:hover,
.sf-menu li li li.active a {}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			47px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			193px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			193px; /* match ul width */
	top:			0;
}
#menu-icon{ display:none;}

@media only screen and (min-width: 768px) and (max-width: 995px) {
	.sf-menu { display:block !important;}
	.sf-menu ul {width:130px;}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {left: 131px; width:130px;}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {left:131px;}
}
@media only screen and (max-width: 767px) {
	.main-menu{padding:0 20px 10px;position: relative;}
	/* menu icon */
	#menu-icon {
		display: block;
		background:url(../images/menu-icon-bg.png) 265px 11px no-repeat #3a3a3a;
		border-bottom: 5px solid #fe9006;
		font-size:17px;
		line-height:21px;
		color: #fff;
		cursor: pointer;
		text-transform:uppercase;
		padding: 13px 0 0 10px;
		height: 33px;
		border-radius:4px 4px 0 0;
	}
	#menu-icon:hover,
		#menu-icon.active	{
		background-color: #feeb06;
		border-bottom: 5px solid #3a3a3a;
	}
	#menu-icon.active {background-position: 265px -47px;border-color: #feeb06; background-color: #3a3a3a;}
	/* main nav */
	.sf-menu {
		display: none; /* visibility will be toggled with jquery */
		background:#3a3a3a;
		clear: both;
		position: relative;
		top: auto;
		right:auto;
		left: auto;
		padding:13px 20px 20px;
		z-index: 2;
		margin:0;
		border-radius:0;
	}
	.sf-menu li,
	.sf-menu li li {
		clear: both;
		float: none;
		margin: 0;
		background:none;
		border:none;
	}
	
	.sf-menu li li.sfHover,
	.sf-menu li li,
	.sf-menu li li:hover {padding: 8px 0;}
	
	.sf-menu li li.last {padding-bottom:0 !important;}
	
	.sf-menu li.parent > a {position:relative;}
	.sf-menu li.sfHover.parent > a {}
	.sf-menu > li {
		padding: 8px 0;
		border-bottom: 1px solid #515050;
	}
	#nav > li.sfHover > a, #nav > li > a:hover, #nav > li.active > a {background:none;}
	.sf-menu li a {
		display:inline-block;
		background:none;
		border:none;
		color:#fff;
	}
	.sf-menu li a:hover {color:#feeb06;}
	.sf-menu > li > a > span {
		display:inline-block;
		color:inherit;
		padding:0;
	}
	.sf-menu li strong {
		position:absolute;
		display:block;
		background:url(../images/toogle-button2.png) center -54px no-repeat;
		top: 4px;
		right:0;
		height: 24px;
		width: 24px;
	}
	.sf-menu li strong:hover {cursor:pointer;}
	.sf-menu li strong.opened {background-position: center 7px;}
	.sf-menu a, 
	.sf-menu ul a {
		font: inherit;
		display: inline;
		border: none;
	}
	.sf-menu li a:hover{}
	
	/* dropdown */
	.sf-menu ul,
	.sf-menu ul ul {
		width: auto;
		position: static;
		border: none;
		background: inherit;
		padding: 8px 0 0 20px;
		box-shadow:none;
	}
	#nav > li.sfHover > a,
	#nav > li > a:hover span,
	#nav > li.active > a {color:#feeb06;}
	#menu-icon:hover,
	#menu-icon.active {background-color: #3A3A3A; border-bottom: 5px solid #fe9006;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#menu-icon {
		cursor: pointer;
		display: block; /* show menu icon */
		text-indent:0px;
		background-position: 405px 11px;
	}
	#menu-icon.active { background-position: 405px -47px; }
}