/*----------------------------------------------------------------------------------------------------
SUPERFISH DROP DOWN MENU STYLE
-----------------------------------------------------------------------------------------------------*/


.sf-menu-nav .sf-with-ul { padding-right: 0px; }

.sf-menu-nav .sf-with-ul:hover { padding-right: 0px; }

.sf-menu span.drops { display: none; }

/*-----------------------------------------------------------------------------------
ESSENTIAL SUPERFISH STYLES
------------------------------------------------------------------------------------------*/


.sf-menu-nav, .sf-menu-nav * {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 9999;
}

.sf-menu-nav { line-height: 1.0; }

.sf-menu-nav ul {
	position: absolute;
	top: -999em;
	width: 20em; /*left offset of submenus need to match */
}

.sf-menu-nav ul li { width: 100%; }

.sf-menu-nav li:hover { visibility: inherit; /*fixes IE7 'sticky bug' */ }

.sf-menu-nav li {
  display: inline-block;
	position: relative;
}

.sf-menu-nav a {
	display: block;
	position: relative;
}

.sf-menu-nav li:hover ul, .sf-menu-nav li.sfHover ul {
	left: 0px;
	top: 50px; /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu-nav li:hover li ul, ul.sf-menu-nav li.sfHover li ul { top: -999em; }

ul.sf-menu-nav li li:hover ul, ul.sf-menu-nav li li.sfHover ul {
	left: 200px; /* match ul width */
	top: -1px;
}

ul.sf-menu-nav li li:hover li ul, ul.sf-menu-nav li li.sfHover li ul { top: -999em; }

ul.sf-menu-nav li li li:hover ul, ul.sf-menu-nav li li li.sfHover {
	left: 15em; /*match ul width */
	top: 0px;
}

/*------------------------------------------------------------------------------------------------------

DROP DOWN MENU ATTS (HOVER, FONT)
-------------------------------------------------------------------------------------------------------*/

ul.sf-menu-nav ul {
	width: 200px;
	padding-top: 0px;
	z-index: 9999;

	background: #f2f2f2;
}

ul.sf-menu-nav ul li ul {
	z-index: 9999;

}

ul.sf-menu-nav ul li:first-child {
	text-align: left;
	width: 200px;
border-top:0px solid #fff;
	padding-top: 0;

}

ul.sf-menu-nav ul li:last-child {
	padding-bottom:0px;
	width: 200px;
	border-bottom:0px solid #fff;
}

ul.sf-menu-nav ul li ul li:first-child {	padding-top: 0px; }

ul.sf-menu-nav ul li ul li:last-child { border-bottom-left-radius: 0px; }

/*------------------------------------------------------------------------------------------------------
LINK CONTAIN
-------------------------------------------------------------------------------------------------------*/

.sf-menu-nav {
	margin-left: 10px;
	z-index: 9999;
}

ul.sf-menu-nav ul li {
	height: auto;
	clear: both;
	width: 200px;
	display: block;
	margin: 0;
	position: relative;
	line-height: 18px;
	font-size: 13px;
	z-index: 9999;
	transition-duration: 3s;
	-moz-transition-duration: 3s;
	-webkit-transition-duration: 3s;
	-o-transition-duration: 3s;
}

ul.sf-menu-nav ul li:hover {
	font-weight: normal;
	cursor: pointer;
}

.sf-menu-nav ul li a {
	padding: 10px 20px;
	text-decoration: none;
	width: auto;
	text-align: left;
	line-height: 20px;
	margin: 0;
/*	border-bottom:1px solid rgba(0,0,0,.3);
	border-top:1px solid rgba)255,255,255,.3);*/
	height: auto;
	font-size: 14px;
	color: #888;
	text-transform: capitalize;
	border-radius: 0px;
	display: block;
}

.sf-menu-nav ul li a:hover {
	padding: 10px 20px;
	text-decoration: none;
	text-align: left;
	line-height: 20px;
	margin: 0;
/*	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;*/
	height: auto;
	background:#ccc;
	color: #888;
	text-transform: capitalize;
	border-radius: 0px;
	display: block;
}

.sf-menu-nav a {
	padding: 10px;
	text-align: left;
	display: inline-block;
	width: auto;
	line-height: 30px;
	color: #fff;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px ;
	text-transform: uppercase;
}

.sf-menu-nav a:hover {
	width: auto;

	color: #ccc;
	border-top: 0px solid #a76db1;
	text-transform: uppercase;
	margin-top: 0;
}

.sf-menu-nav .current-menu-item a {
	color: #B0A8AE;
}

.sf-menu-nav .sfHover {
	background: none;
	font-size: 13px;
	color: #e8f7f9;
	text-align: left;
}

ul.sf-menu-nav ul li.sfHover {
	background-image: none;
	text-align: left;
}

ul.sf-menu-nav ul li.sfHover:hover {
	background-image: none;
	background-color: #fff;
}

.sf-menu-nav .first-menu-item a { border-left: none; } /* First level menu item, border should be none*/

.sf-menu-nav .last-menu-item a { }

.sf-menu-nav li.last-menu-item a:hover { }

/*----------------------------------------------------------------------------------------------
 hover style
------------------------------------------------------------------------------------------*/







.sf-menu-nav .current-menu-item li a { background-image: none; }

.sf-menu-nav .current-menu-item li a:hover { font-weight: 500; }

.sf-menu ul { }

.sf-menu li { }

.sf-menu li li { }

.sf-menu li li li { }

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:focus, .sf-menu a:active { outline: 0 }

.sf-shadow ul { width: 200px; }

.sf-shadow ul.sf-shadow-off { background: transparent; }

.sf-menu-nav {
	margin-bottom: 0em;
	border-left: 0px solid #fff;
}

.sub a {
	padding: .75em;
	padding-left: 10px;
}
