.main-menu{ float:right; width:734px\9;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none; }
.sf-menu li {float:left; position:relative; font:18px/24px 'Oswald', sans-serif; text-transform:uppercase; width:146px; background:url(../images/menu-line.jpg) 0 100% no-repeat; letter-spacing:-1px; padding-left:1px;}
.sf-menu li:first-child{ background:none; padding-left:0;}
	.sf-menu li a {display:block;position:relative; color:#242424; padding:77px 0 45px; text-align:center; background:#fff;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
			.sf-menu li.sfHover a,.sf-menu li.current a,.sf-menu li a:hover{ background:#ff2102; color:#fff; text-decoration:none;}
.sf-menu ul {position:absolute;top:-999em;z-index:99;width:145px;display:none;background:none;}
.sf-menu li li{padding:0; margin:0; width:100%;font:16px/20px 'Oswald', sans-serif; background:none; letter-spacing:0;}
	.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{ background:#ebebeb;padding:26px 0;color:#242424;}
		.sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current a{ color:#fff;background:#ff2102;}
.sf-menu ul ul {position:absolute;top:-999em;z-index:99;width:300px;display:none;background:none;}
	.sf-menu li li li{padding:0; width:145px; float:left; margin-right:2px;}
	.sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current li a{ background:#ebebeb;color:#242424;}
		.sf-menu li li li a:hover,.sf-menu li li li.current a{ color:#fff;background:#242424;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:2px;top:147px; /* 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:147px; /* match ul width */top:0px;}
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:10em; /* match ul width */	top:00px;}

.sf-menu li a span.arrow{ background:url(../images/menu-arrow.png) 0 0 no-repeat; width:11px; height:6px; position:absolute; display:block; top:72%; left:48%;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.sf-menu li a:hover span.arrow,.sf-menu li.current a span.arrow,.sf-menu li.sfHover a span.arrow{ background-position:0 -6px;}
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.sf-menu li {width:115px;}
	.main-menu{ float:right; width:579px\9;}
}
@media only screen and (max-width: 767px) {
	.main-menu{ float:none !important; padding:0;width:100%\9;}
	.sf-menu{ float:none;}
	.sf-menu li{padding:0;float: none; width:298px;margin-bottom:2px; border:none; border:1px solid #ebebeb;}
	.sf-menu li li,.sf-menu li li li{ min-width:100%; margin:0; border:none; float:none;}
	.sf-menu li a{ display:block; position:relative;padding:15px;}
	.sf-menu ul,.sf-menu ul ul{ min-width:100%; padding:0;position: relative; left: 0 !important; top:0px !important; box-shadow:none !important; border-radius:0; border:none; padding:10px 0;background:#ebebeb;}
	ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:0; /* match ul width */top:0px;}
	.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{padding:10px 0;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sf-menu li{width:418px;}
	}