
a > .sf-sub-indicator {
top: 30px;
background-position: 0 -100px;
right:22px;
}

.sf-menu ul a > .sf-sub-indicator {
top: 17px;
right:10px;
background-position: 0 0;
}

/* main ul element */
.sf-menu {
    float: right;
	border:none;
}

/* general link styles*/
.sf-menu a {
    display: block;
    padding:9px 13px;
    text-decoration:none;
}

/*** 1st Level ***/

/* 1st level links, no hover, no visits */
.sf-menu li a {
	border: 1px solid transparent;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	padding: 26px 16px;
	text-decoration: none !important;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background 0.1s linear,opacity 0.1s linear;
	-moz-transition: background 0.1s linear,opacity 0.1s linear;
	-ms-transition: background 0.1s linear,opacity 0.1s linear;
	-o-transition: background 0.1s linear,opacity 0.1s linear;
	transition: background 0.1s linear,opacity 0.1s linear;
	font-family: 'din_lightregular';

	font-weight: bold;	
	opacity: 0.9;
}
/* 1st level links, while hovering over sub menu */
.sf-menu li.sfHover a{
	background:#9B63CA;
	background:rgba(255,255,255,0.15);
	opacity:1;
	text-decoration:none
}

/* 1st level links, hover */
.sf-menu li a:hover {
	background:#9B63CA;
	background:rgba(255,255,255,0.15);
	opacity:1;
	text-decoration:none
}

/*** 2nd level ***/

/* sub menu */
.sf-menu ul {}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    top:72px; /* overriding essential styles- adjust if you have gaps between first level and drop-down sub menu*/
}
.sf-menu ul ul {
	text-shadow:none;
}




/* 2nd level links, no hover */
.sf-menu li li a, .sf-menu li.sfHover li a {
    background-color: #333333;
	border-top:		1px solid #444444;
	text-transform:none;
	padding: 15px 12px;
	font-size:14px;
	min-width:160px;
	text-shadow:none;
	
}

/* 2nd level links, while hovering over sub menu */
.sf-menu li li.sfHover a{
    background-color: #222222;
	text-transform:none;
}

/* 2nd level links, hover */
.sf-menu li li a:hover, .sf-menu li.sfHover li a:hover {
    background-color: #222222;
}

/* 2nd level current page */
.sf-menu li li.current_page_item a,
.sf-menu li li.current_page_ancestor a,
.sf-menu li li.current_page_parent a {
    background-color: #222222;
}

/*** 3rd Level and beyond ***/

/* 3rd level links, no hover */
.sf-menu li li li a, .sf-menu li.sfHover li li a {
    background-color: #333333;
}

/* 3rd level links, hover */
.sf-menu li li li a:hover, .sf-menu li.sfHover li li a:hover {
    background-color: #222222;
}

/* 2nd level current page */
.sf-menu li li li.current_page_item a,
.sf-menu li li li.current_page_ancestor a,
.sf-menu li li li.current_page_parent a {
    background-color: #222222;
}
