/* style the main menu 8*/
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
	/**/
   z-index: 100;
}
.sf-menu.sf-menu-right {
	direction: rtl;
}
/* position all dropdowns off screen */
.sf-menu ul {
	background-color: rgba(0,0,0,0.7);
   position:absolute;
   top:-999em;
	min-width : 220px;
	opacity: 0;
	transition: ease 1s;
}
.sf-menu ul li {
	border-top: 1px solid #242324;
}
/* restyle so main links are horizontally aligned */
.sf-menu li {
   background: transparent;
   background-repeat: repeat-x;
   float:left;
   position:relative;
   /**/
   clear: none;
}
.sf-menu.sf-menu-right li {
   float:right;
}
.sf-menu li.sf-menu-hasChild {
	padding: 0px 10px 0px 0px;
}
.sf-menu.sf-menu-right li.sf-menu-hasChild {
	padding: 0px 0px 0px 10px;
}
.sf-menu li.sf-menu-hasChild:before {
	content: "\f105";
	font-family: 'FontAwesome';
	color:#aaa;
	float: right;
	transition: ease 0.5s;
}
.sf-menu li.sf-menu-hasChild:hover::before {transform:rotate(90deg)}
.sf-menu.sf-menu-right li.sf-menu-hasChild:before {
	content: "\f104";
	float: left;
	transition: ease 0.5s;
}
.sf-menu.sf-menu-right li.sf-menu-hasChild:hover::before {transform:rotate(-90deg) !important}
.sf-menu li:hover {
	background-color: #000;
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
/* style all the links */
.sf-menu a {
   font-size: 14px;
   color: #ddd !important;
   display:block;
   text-decoration: none;
	padding:0px 15px 0px 15px;
	font-weight:bold !important;
}
/* new style for drop list items */
.sf-menu li li{
	/*background-color: transparent;*/
   /**/
   clear: left;
   width: 100%;	
}
.sf-menu.sf-menu-right li li{
   clear: right;	
}
.sf-menu li li:hover{
	background: none;
	background-image: none;
	background-color: orange;
}
.sf-menu li li:hover > a{
	color: #000 !important;
}
/* reset text indent on all drop a tags and set the width to 100% */
.sf-menu li li a, .sf-menu li li li a, .sf-menu li li li li a{
   text-indent: 0px;
   width: 100%;
	text-align:left;
	font-weight:normal !important;
}
.sf-menu.sf-menu-right li li a, .sf-menu.sf-menu-right li li li a, .sf-menu.sf-menu-right li li li li a{
	text-align:right;
}
/* position first drop */
.sf-menu li:hover ul {
   /**/
	left: 0px;
   position: absolute;
   top: auto;
   /*width: 100%;*/
   z-index: 100;
	opacity:1;
}
.sf-menu.sf-menu-right li:hover ul {
   /**/
	left: inherit !important;
	right: 0px;
   position: absolute;
   top: auto;
   /*width: 100%;*/
   z-index: 100;
}
/* make sure second drop is still off screen */
ul.sf-menu li:hover li ul {
   position: absolute;
   top:-999em;
}

ul.sf-menu li li ul , ul.sf-menu.sf-menu-right li li ul {
	top:-1px !important;
	opacity: 0;
	transition: ease 0.3s;
	background-color: rgba(0,0,0,0.8);
	width: 200px;
}
/* position second drop */
ul.sf-menu li li:hover > ul {
	position: absolute;
	top: -1px;
	left:100%;
}
ul.sf-menu.sf-menu-right li li:hover > ul {
	left: inherit;
	right:100%;
	top: -1px;
	opacity: 1;
}
/* make sure third drop is still off screen */
ul.sf-menu li li:hover li ul {
   position: absolute;
   top:-999em;
}
/* position third drop */
ul.sf-menu li li li:hover ul {
	position: absolute;
	top: -1px;
	left:100%;
}
ul.sf-menu.sf-menu-inherit li li li:hover ul {
	left:inherit;
	right:100%;
}
@media screen and (max-width: 768px)
{
	.sf-menu ul {
		background-color: #000 !important;
		padding-left: 2px;
	}
	.sf-menu.sf-menu-right ul {
		background-color: #000 !important;
		padding-left: 0px;
		padding-right: 2px;
	}
	.sf-menu li {
		clear: left;
		float:none;
		position:relative;
		width: 100%;
		height: inherit;
		overflow: hidden;
	}
	/* change the main nav list items on hover */ 
	.sf-menu li:hover {
		visibility:inherit; /* fixes IE7 'sticky bug' */
	}
	/* style the first drop */
	.sf-menu li li{
		width: 100%;
		background-color: #000;
	}
	/* add a larger text indent for the first drop links */
	.sf-menu li li a{
		text-indent: 24px;
	}
	/* add a larger text indent for the second drop links */
	.sf-menu li li li a{
		text-indent: 36px;
	}
	/* add a larger text indent for the third drop links */
	.sf-menu li li li li a{
		text-indent: 48px;
	}
	/* position first drop */
	.sf-menu li:hover ul {
		top:auto !important; /* match top ul list item height */
		position:relative !important;
		left: inherit !important;
		right:inherit !important;
	}
	/* position second drop */
	ul.sf-menu li li:hover ul {
      top:auto;
      position:relative;
	   left: inherit !important;
	   right: inherit !important;
	}
	/* position third drop */
	ul.sf-menu li li li:hover ul {
      top:auto;
      position:relative;
		left: inherit !important;
		right: inherit !important;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {}