@font-face {
 font-family: 'aller_lightregular';
 src: url('fonts/aller_lt-webfont.eot');
 src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_lt-webfont.woff') format('woff'), url('fonts/aller_lt-webfont.ttf') format('truetype'), url('fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
nav {
	position:relative;
	margin: 0px 0 0 0;
	float:right;
	z-index:9999999999;
}
.sf-menu ul {
	position:absolute;
	top:-999px;
	display:none;/* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:100%
}
.sf-menu li {
	float:left;
	position:relative
}
.sf-menu>li>a {
	display:block;
	position:relative;
	font-size: 14px;
	line-height: 18px;
	font-family: 'aller_lightregular';
	color:#2b2d30;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	padding:40px 5px;
	text-transform:uppercase;
}
.sf-menu>li>a:hover, .sf-menu>li.current-menu-item>a, .sf-menu>li.sfHover>a {
	border-top:8px solid!important;
	color:#8cbd2e;
}
.sf-menu>li {
	margin-left:10px;
}
.sf-menu>li:first-child {
	background:none;
}
.sf-menu a {
}
.menu-arrow {
	display:none;
}
/*================================>> 2 Level <<========================================*/
.sf-menu li ul, .sf-menu li.sfHover ul {
	left:0px;
	top:98px;
	width:165px !important;
	padding:0px 10px 5px 10px;
	background:#e5e4df;
	z-index:99;
	font-family: 'aller_lightregular';
	text-transform:uppercase;
	font-size:13px;
	box-shadow:1px 1px 0 0 rgba(0, 0, 0, .06), 2px 2px 0 0 rgba(0, 0, 0, .05), 3px 3px 0 0 rgba(0, 0, 0, .03), 2px 2px 0 2px rgba(0, 0, 0, .03), 0 0 0 1px rgba(0, 0, 0, .01), 0 0 0 2px rgba(0, 0, 0, .01), 2px 2px 0 3px rgba(0, 0, 0, .01);
}
.sf-menu li ul:before, .sf-menu li.sfHover ul:before {
	display:block;
	position:absolute;
	width:14px;
	height:12px;
	content:"";
}
.sf-menu>li>ul:before, .sf-menu>li.sfHover>ul:before {
	width:11px;
	height:8px;
	top:-10px;
	left:57px;
}
.sf-menu li ul li {
	background: url('../images/bg_dropdown_item.png') center bottom no-repeat;
	padding: 10px 0;
}
.sf-menu>li>ul>li>a {
	color:#000;
}
.sf-menu li li:hover {
	padding:10px 10px;
}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a {
	color:#8cbd2e;
}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul:before {
	width:12px;
	height:14px !important;
	top:9px;
}
.sf-menu li li ul {
	left:142px !important;
	top:-1px !important;
	padding: 5px 10px 3px 10px!important;
	background:#fff !important;
	margin-left:50px !important;
}
.sf-menu li li li {
	padding: 10px 0;
}
.sf-menu li li li a {
	color:#2b2d30;
}
.sf-menu li li li a:hover {
	color:#8cbd2e;
}
.last_item {
	background:none !important;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 nav {
padding-top:110px;
}
.logo img {
    max-width: 256px;
}
 @media only screen and (max-width: 767px) {
 nav {
margin:0;
float:none;
position:relative;
top:-40px;
z-index:999999999999999999;
}
 .sf-menu>li>a .menu-arrow {
display:inline-block;
width:11px;
margin-left:6px;
height:7px;
text-indent:-100%;
font-size:0;
line-height:0;
background: url('../images/menu_arrow.png') 0 0px no-repeat;
vertical-align: middle;
}
 .sf-menu a.sf-with-ul {
padding-right:0px;
}
 .sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover>a .menu-arrow {
background-position: 0 0px;
}
 .sf-menu>li, .sf-menu>li:first-child {
float:none;
background:#fff;
margin:0;
padding:0;
}
 .sf-menu>li>a:hover, .sf-menu>li.current>a, .sf-menu>li.sfHover>a {
color:#8cbd2e;
}
.sf-menu>li>a {
padding: 10px 0 5px 33px !important;
margin-bottom:5px;
}
 .sf-menu>li:hover, .sf-menu>li.current, .sf-menu>li.sfHover {
background:#fff;
}
.sf-menu li li:hover {
 padding:10px 10px;
}
 nav {
padding:0px 0 0;
}
 .sf-menu li ul:before {
display:none !important;
}
 .sf-menu li ul, .sf-menu li.sfHover ul {
position: static;
overflow:hidden;
clear:both;
padding: 0 0 0 !important;
width:100%;
background:#fff !important;
}
 .sf-menu li li {
 text-align:left !important;
padding-left:40px !important;
}
 .sf-menu li li li {
padding-left:20px !important;
}
 .sf-menu li li li {
background:none !important;
}
 .sf-menu li ul li a {
color:#000 !important;
}
 .sf-menu li li a:hover, .sf-menu li.sfHover>a {
color:#8cbd2e !important;
}
.logo img {
    max-width: 256px;
}
 @media only screen and (max-width: 479px) {
	 .logo img {
    max-width: 256px;
}