nav{ position:relative; margin: 2px 0 0;background: #373a3f;}
.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:absolute;width: 100%;top: 0;left: 0;height: 100%;font-size: 16px; line-height: 19px; color:#fff;text-transform: uppercase;font-weight: bold;text-align: center;overflow: hidden;}
.sf-menu>li>a:hover,.sf-menu>li.sfHover>a{/*text-shadow: 1px 1px #DDC31E;*/ color: #666;}
.sf-menu>li.current>a{color: #666; font-weight: bold;font-size: 17px;background: url('../images/menu_arrow_hover.png') no-repeat;}
.sf-menu>li>a em{display: block;position: absolute;background: #F6DA23;width: 100%;height: 0%;left: 0;top: 0%;}

.sf-menu>li>a>span:first-child{padding: 35px 0 34px;display: block;position: relative;z-index: 10;}
.sf-menu>li{padding-left: 1px;background: url('../images/nav_li.jpg') repeat-y;width: 156px;height: 88px;position: relative;}
.sf-menu>li:hover,.sf-menu>li.current,.sf-menu>li.sfHover{height: 101px;margin-top: -13px;}
.sf-menu>li:first-child{background: none;width: 154px;}
.sf-menu>li>a:hover em,.sf-menu>li.current>a em,.sf-menu>li.sfHover>a em{top: 0;height: 100%;}
.sf-menu>li>a:hover>span,.sf-menu>li.current>a>span,.sf-menu>li.sfHover>a>span{padding-top: 40px;}

.sf-menu>li>a:hover>.menu-arrow,.sf-menu>li.current>a>.menu-arrow,.sf-menu>li.sfHover>a>.menu-arrow{bottom: 33px;}

.sf-menu a{}

/*================================>> 2 Level <<========================================*/
.sf-menu>li>ul,.sf-menu>li.sfHover>ul{left:0;top:102px;width: 130px;background: #373a3f;padding:28px 0 6px 27px; z-index:99;}
.sf-menu li ul li{margin-bottom: 16px;}
.sf-menu li ul li a{font-size: 10px;line-height: 13px;text-transform: uppercase;color: #fff;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color: #F6DA23;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:99px;top:-12px;width: 79px;background: #dde1e2;padding:12px 0 9px 23px;z-index:99;}
.sf-menu li li li{}
.sf-menu li li li a{color: #4d4d4d;}
.sf-menu li li li a:hover{color: #F6DA23;}
.sf-menu>li>a .menu-arrow{display:block;padding: 0 !important; z-index: 10; width:5px;height:4px;position: absolute;left: 50%;bottom: 25px;text-indent:-100%; font-size:0; line-height:0;background: url('../images/menu_arrow_hover.png') no-repeat;vertical-align: middle;}
.sf-menu>li>a .menu-arrow:hover{background: url('../images/menu_arrow_hover.png') no-repeat;}
	 .sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover>a:hover .menu-arrow{background-position:0;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
/*
@media only screen and (max-width: 995px) {
	 .sf-menu>li{width: 123px;}
   .sf-menu>li:first-child{width: 127px;}
}

@media only screen and (max-width: 767px) {
  nav{
		float:none;
		font:12px/15px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#fff;
		padding:29px 15px;
	}
		nav:before{
			content:'Menu:';
			display:block;
			margin-bottom:5px;
		}
	.sf-menu{display:none;}
	nav select{
		font:12px/15px Arial, Helvetica, sans-serif;
		color:#464646;
		width:100%;
    outline: none;
		border:2px solid #9e9e9e;
	}
	
}

@media only screen and (max-width: 479px) {
	
}
*/