.nav-container {  position: relative; background:#fff; max-width:1230px; margin:0 auto; z-index:4; }
.sf-menu { 
	/*background:#050505 url(../images/bg_nav.gif) repeat-x;*/
	position: relative;
	margin: 0px;
	float: left;
	background: none repeat scroll 0% 0% #36424A;
	width:100%;
}
.sf-menu > li {
	/*float: left;
	text-align: left;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-transform:uppercase;
	z-index: 99;*/
	padding: 0px;
	float: left;
	border-right: 1px solid #FFF;
	font-size: 14px;
	font-family: "HelveticaNeueMediumCond",Arial;
	font-weight: 700;
	position:relative;
	text-align:left;
	width:20%;
}
.sf-menu li.parent {z-index: 999;}
.sf-menu li a {
	/*display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding:26px 16px 26px 16px;
	background:url(../images/nav_hover.gif) repeat-x 0 -1000px;*/
	padding: 0px 0px;
	/*text-transform: uppercase;*/
	font-size: 14px;
	font-family: "HelveticaNeueMediumCond",Arial;
	line-height: 50px;
	color: #FFF;
	font-weight: 700;
	text-decoration: none;
	outline: medium none;
	position: relative;
	display: block;
	text-align: left;
	width:100%;
}
/*.sf-menu > li > a:before {
	background:#ec4444;
	bottom: 0;
	content: ".";
	font-size: 0;
	height: 4px;
	left: 50%;
	position: absolute;
	width: 0;
}*/
.sf-menu > li.sfHover > a:before, .sf-menu > li > a:hover:before, .sf-menu > li.active > a:before {
	left: 0;
	width: 100%;
}
sf-menu > li.sfHover > a,
.sf-menu > li > a:hover,
.sf-menu > li.active > a,
.sf-menu > li > a
 {
	text-align:center;
}
.sf-menu > li > a > span {
	cursor: pointer;
	white-space: nowrap;
}
.sf-menu li ul a span {  white-space: normal;}

.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover,
.sf-menu > li.active > a {
	/*background:#2a2a2a url(../images/nav_hover.gif) repeat-x 0 0;*/
	color: #36424A;
	background: #DEDDDC;
}

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

.sf-menu ul {
	position: absolute;
	top: -999em;
	z-index: 99;
	/*width:230px;*/
	/*display: none;*/
	display: none;
	/*background: #050505;*/
	/*background: #FFF;*/
	/*padding:20px;*/
	/*display: block;*/
	background-color: #FFF;
	left: 0px !important;
	opacity: 1;
	/*top: 50px;*/
	/*transition: all 300ms ease-in-out 0s;*/
	border-bottom: 7px solid #EA7125;
	width: 550px;
	padding-left:15px;
}
.sf-menu li li { font-size:11px; text-transform:none; padding:0 0 6px 0; position: relative; float: none; }
.sf-menu li li:first-child { margin-top:15px; }
.sf-menu li li a:before{ vertical-align:middle; font-size:18px; content: "• ";	color: #EA7125;}
.sf-menu li li.parent > a:before { content: "\f101"; float: right; }
.sf-menu li li.last {  border-bottom-width: 1px;}
.sf-menu li li a {
	/*
	display:inline;
	background: none;
	color: #36424A;
	font-size: 14px;
	font-weight: 700;
	padding: 0px 0px 10px;
	text-transform: none;
	font-family: "Montserrat";
	margin:10px 0;
	line-height: 25px;
	text-align: left;
	text-decoration: none;
	*/
	font-size: 14px;
    font-weight: 700;
    padding: 0 0 10px;
	text-transform: none ;
	font-family:"Montserrat";
    color: #36424A ;
	line-height:1em;
}
.sf-menu li li > a:hover,
.sf-menu li li.sfHover > a,
.sf-menu li li.active > a {
	color:#EA7125 !important;
	font-size: 14px;
    font-weight: 700;
    padding: 0 0 10px;
	text-transform: none ;
	font-family:"Montserrat";
}

.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: 50px;
	/* 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;
}
@media only screen and (min-width: 992px) {
	#menu-icon,
	.sf-menu-phone,
	.sf-menu-block {  display: none !important;}

}
@media only screen and (max-width: 768px) {
	.sf-menu,
	.sf-menu-phone {display: none;}
	/* menu icon */
	.sf-menu-block {display: block; position: relative;}
	#menu-icon {
		display: block;
		background:#fff;
		border: 1px solid #ccc;
		font-size: 17px;
		line-height: 21px;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0 20px;
		height: 50px;
		line-height: 50px;
		font-family: 'Open Sans', sans-serif;
		color:#000;
	}
	#menu-icon:before {content: "\f055"; font-size: 25px; line-height: 50px; float: right; }
	#menu-icon.active:before { content: "\f056"; }

	.sf-menu-phone {
		background: #fff;
		border: 1px solid #ccc;
		border-top: 0;
		position: absolute;
		z-index: 2;
		width: 100%;
		moz-box-sizing:border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.sf-menu-phone li {  position: relative; font-family: 'Open Sans', sans-serif; }
	.sf-menu-phone > li { border-bottom: 1px solid #ccc; padding: 10px 20px; font-size: 16px; }
	.sf-menu-phone > li.last {border-bottom: 0;}
	.sf-menu-phone li a { display: inline-block;  color: #000;  }
	.sf-menu-phone li a:hover { color: #ec4444; }
	.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;
		color:#000;
	}
	.sf-menu-phone > li > strong {top: 9px; right: 18px; 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) { 
	.sf-menu-block {margin: 0 10px;}
}