nav{ position:relative; margin: 0px 0 0 0;padding: 0 0 0 54px;}
.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;z-index:10; font-size: 20px; line-height: 24px; color:#fff;text-transform:uppercase;text-align:center;padding: 28px 0 40px ;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{color:#e4cded;}
.sf-menu>li>span{font-family:Arial, Helvetica, sans-serif;font-size: 10px;width:100%; text-align:center;bottom:25px; position: absolute; line-height: 13px; text-transform:uppercase; color: #e6dff8;display:block;margin: 2px 0 0;z-index:1;}
.sf-menu>li:hover>span,.sf-menu>li.current>span,.sf-menu>li.sfHover>span{color:#fff;}

.sf-menu>li{background: url('../images/nav_li.png') 0 -300px repeat-x;position: relative;width:111px;margin-right:44px;}
.sf-menu>li.separate{margin-right:299px;}
.sf-menu>li:hover,.sf-menu>li.current,.sf-menu>li.sfHover{background-position:0 0;box-shadow: 0 0 8px #756db1;}
.sf-menu a{}

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover ul{left:0;top:99px;width: 96px;padding:10px 15px 3px 15px; z-index:99;background: url('../images/sub_ul1.jpg') repeat-y;}
.sf-menu li li{margin-bottom:12px;}
.sf-menu>li li a{color:#fff;font-weight:bold;font-size:12px;text-transform:uppercase;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color:#ebcbef;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:101px !important;top:-10px !important;z-index:99;background: url('../images/sub_ul2.jpg') repeat-y !important;}
.sf-menu li li li{}
.sf-menu li li li a{}
.sf-menu li li li a:hover{color:#876ead;}

.menu-arrow{display:none;}
.select-menu{display:none !important;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
	 .sf-menu>li{background: url('../images/nav_li.png') 0 -300px repeat-x;width:111px;margin-right:24px;}
	 nav{padding-left:20px;}
	 .sf-menu>li.separate{margin-right:211px;}
}

@media only screen and (max-width: 767px) {
	.menu-arrow{display:none !important;}
	.select-menu{display:block !important;}
  nav{
		float:none;
		font:12px/20px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#9281B7;
		padding:0px 0px;
	}
		nav:before{
			content:'Menu:';
			display:block;
			margin-bottom:5px;
		}
	nav select{
		font:12px/21px Arial, Helvetica, sans-serif;
		color:#464646;
		width:100%;
		border:1px solid #9281B7;
	}
  .sf-menu{display:none;}
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */