.nav-container {
	position: relative;
	z-index: 4;
	background-color: #fff;
	width: 200%;
	margin-left: -50%;
	padding: 0 50%;
	border-bottom: 1px solid #ccc;
}
.cms-home .nav-container { border: 0; }
.sf-menu {  
	padding: 1px; 
	margin: 0 -12px;
	padding: 0;
	text-align: left;
}
.sf-menu li {
	display: inline-block;
	text-align: left;
	position: relative;
	z-index: 99;
}
.sf-menu li.level1 { display: block; }
.sf-menu > li.last { border: 0; }
.sf-menu li a {
	display: block;
	color: #333;
	text-decoration: none;
	position: relative;
	padding: 0;
}
.sf-menu > li > a {
	color: #333;
	font-weight: 600;
}
.sf-menu > li > a > span {
	display: block;
	line-height: 17px;
	cursor: pointer;
	white-space: nowrap;
	padding: 10px 13px 15px;
	font-weight: normal;
	font-family: Roboto Slab, serif;
	text-transform: uppercase;
}
.sf-menu li ul a span {	white-space: normal;}
.sf-menu > li.parent > a:before { content: "\f103"; position: absolute; bottom: -5px; width: 100%; text-align: center;}

.sf-menu > li.sfHover > a, .sf-menu> li > a:hover {
	color: #cccc66;
}
.sf-menu > li.active > a {
	color: #FE8929;
}

.sf-menu li a:hover {	text-decoration: none;}

.sf-menu ul {
	position: absolute;
	top: -999em;
	z-index: 99;
	width: 192px;
	display: none;
	background: #222;
	box-shadow:0 4px 8px rgba(0,0,0,0.12);
	-moz-box-shadow:0 4px 8px rgba(0,0,0,0.12);
	-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.12);
}
.sf-menu li li:first-child { margin-top: 10px;}
.sf-menu li li:last-child {margin-bottom: 10px;}
.sf-menu li li.parent > a:before { content: "\f13a"; float: right; font-size: 14px; color: #d3d3d3; }
.sf-menu li li.last {}
.sf-menu li li {	position: relative; float: none;}
.sf-menu li li a {
	display:block;
	background: none;
	line-height: 18px;
	color: #fff;
	font-weight: 200;
	padding:3px 15px;
}
.sf-menu li li > a:hover,
.sf-menu li li.sfHover > a,
.sf-menu li li.active > a {	color: #8dc8e8;}

.sf-menu ul ul {
	position: absolute;
	top: -999em;
	z-index: 99;
	width: 192px;
}
.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: -25px;
}
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: -25px;
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
	.sf-menu {margin: 0 -29px;}
	.sf-menu > li > a > span {font-size: 16px;}
}
@media only screen and (min-width: 992px) {
		#menu-icon,
		.sf-menu-phone,
		.sf-menu-block {	display: none !important;}

}
@media only screen and (max-width: 991px) {
	.sf-menu,
	.sf-menu-phone {display: none;}

	/* menu icon */

	.sf-menu-block {display: block; position: relative; float: left; clear: left; width: 100%; margin-bottom: -1px;}
	#menu-icon {
		display: block;
		font-size: 21px;
		line-height: 21px;
		cursor: pointer;
		text-transform: capitalize;
		padding: 0;
		height: 50px;
		line-height: 50px;
		color: #333;
		margin: 0 -15px; 

	}
	#menu-icon:before {content: "\f055"; font-size: 25px; line-height: 50px; float: right; margin: 0; }
	#menu-icon.active:before { content: "\f056"; }

	.sf-menu-phone {
		margin: -1px -15px 0 -15px;
		width: calc(100% + 30px);
		background: rgba(238,238,238,.9);
		box-shadow:0 4px 8px rgba(0,0,0,0.12);
		-moz-box-shadow:0 4px 8px rgba(0,0,0,0.12);
		-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.12);
		position: absolute;
		z-index: 2;
		width: calc(100% + 30px);
		moz-box-sizing:border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
		padding: 5px;
		border: 1px solid #999;
	}
	.sf-menu-phone li { position: relative;	 }
	.sf-menu-phone > li { padding: 5px 10px; font-size: 16px; float: left; width: 50%; }
	.sf-menu-phone > li.last {border-bottom: 0;}
	.sf-menu-phone li a { display: inline-block; color: #333; }
	.sf-menu-phone li a:hover { color: #cccc66; }
	.sf-menu-phone li li {font-size: 13px; padding: 4px 8px; }
	.sf-menu-phone li li.last {padding-bottom: 10px;}
	.sf-menu-phone li li:first-child {padding-top: 10px;}
	.sf-menu-phone li li:first-child strong {top:10px;}
	.sf-menu-phone li strong {
		position: absolute;
		display: block;
		top: 4px;
		right: 5px;
		width: 24px;
		font-size: 16px; 
		line-height: 16px;
		text-align: center;
	}
	.sf-menu-phone > li > strong {top: 9px; right: 8px; font-size: 20px; line-height: 20px;}
	.sf-menu-phone li strong:hover { cursor: pointer; }
	.sf-menu-phone li strong:before {content: "\f067"; }
	.sf-menu-phone li strong.opened:before { content: "\f068"; }

	/* dropdown */
	.sf-menu-phone ul {	width: auto; border: 1px solid #ccc; margin:10px 0 0 0 ;	display: none;	}
	.sf-menu-phone > li.active > a > span {color: inherit;}
	
	.sf-menu-phone > li.active > a,
	.sf-menu-phone > li > a:hover {	}

	.sf-menu-phone li li.active > a,
	.sf-menu-phone li li a:hover {}
}
@media only screen and (max-width: 767px) { 
	 #menu-icon {margin: 0; padding: 0 15px; }
	.sf-menu-phone {
		margin: 0;
		width: 100%;
	}
}