.nav-container {margin-bottom:30px; position:relative; z-index:2;}
.cms-home .nav-container {margin-bottom:10px;}
.sf-menu{
	background:#2f2f2e;
	font-size:13px;
	line-height:17px;
}
.sf-menu li {
	float:left;
	text-align:left;
	position:relative;
	border-right:1px solid #444443;
	z-index:99;
}
.sf-menu li a {
	display:block;
	text-decoration:none;
	position:relative;
	padding: 0;
	padding: 0;
	color:#fff;
}
.sf-menu > li > a > span {
	display:block;
	font-size:17px;
	line-height:20px;
	font-weight:bold;
	cursor:pointer;
	white-space:nowrap;
	padding: 14px 20px 11px;
}
.sf-menu > li > a{
	border-bottom: 6px solid #f00101;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.sf-menu > li.color-2 > a {border-color:#f00101;}
.sf-menu > li.color-3 > a {border-color:#f00101;}
.sf-menu > li.color-4 > a {border-color:#f00101;}
.sf-menu > li.color-5 > a {border-color:#f00101;}
.sf-menu li ul a span { white-space:normal; }
.sf-menu > li.parent > a > span {background:url(../images/marker-9.gif) center 38px no-repeat;}

#nav > li.sfHover > a,
#nav > li > a:hover,
#nav > li.active > a {
	color:#fff;
	background:#444443;
}
#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: #2c2c2c;
	padding-bottom:5px;
}

.sf-menu li li {background:url(../images/marker-1.gif) 17px 13px no-repeat;}
.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 30px 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:#818182;
	padding:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sf-menu li li > a:hover,
.sf-menu li li.sfHover > a,
.sf-menu li li.active > a {color:#fff;}

.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:			51px; /* 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) {
}
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.sf-menu { display:block !important;}
	.sf-menu ul {width:165px;}
	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;}
	.sf-menu > li > a > span {padding-left:15px; padding-right:15px;}
}
@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 #f48b47;
		font-size:17px;
		line-height:21px;
		color: #fff;
		cursor: pointer;
		text-transform:uppercase;
		padding: 13px 0 0 10px;
		height: 33px;
	}
	#menu-icon:hover,
		#menu-icon.active	{
		background-color: #f48b47;
		border-bottom: 5px solid #3a3a3a;
	}
	#nav > li.sfHover > a, #nav > li > a:hover, #nav > li.active > a {background:none; color:#818182;}
	#nav > li.sfHover > a span, #nav > li > a:hover span, #nav > li.active > a span {background:none; color:#818182;}
	#menu-icon.active {background-position: 265px -47px;border-color: #f48b47; 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;
	}
	.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: 6px 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: 2px solid #f00101;
	}
	.sf-menu > li.color-2  {border-color:#f00101;}
	.sf-menu > li.color-3  {border-color:#f00101;}
	.sf-menu > li.color-4  {border-color:#f00101;}
	.sf-menu > li.color-5  {border-color:#f00101;}
	
	.sf-menu li a {
		display:inline-block;
		background:none;
		border:none;
		color:#fff;
	}
	.sf-menu li a:hover {color:#f48b47;}
	.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 bottom no-repeat;
		top: 0px;
		right:0;
		height: 24px;
		width: 24px;
	}
	.sf-menu li strong:hover {cursor:pointer;}
	.sf-menu li strong.opened {background-position:center 14px;}
	.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;
	}

}
@media only screen and (max-width: 767px) {
	.nav-container { margin-bottom:17px; }
	#menu-icon:hover,
	#menu-icon.active {background-color: #3A3A3A; border-bottom: 5px solid #F48B47;}
}
@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; }
}