/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	/* margin: 0; */
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
/*	top: 100%;*/
/*	left: 0;*/
	z-index: 99;
/*	margin-left: 14px;*/
	margin-top: 28px;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
	transition: 0.2s 1s;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: -28px;
	left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	display: inline-flex;
	margin-top: 102px;
}
.sf-menu ul, .sf-menu ul li {
	/* box-shadow: 2px 3px 8px #888888; */
	/* min-width: 12em;
	width: 204px; */
}


.sf-menu a {
/*	border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF;
	border-top: 1px solid rgba(255,255,255,.5);*/
	color: #707272;
	font-weight: normal;
	text-transform: none;
	padding: .5em 1.5em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}

.sf-menu a:hover {
	color: #ffffff;
	-webkit-transition: none;
	transition: none;
}

.sf-menu li {
	background: #ffffff;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
/*	-webkit-transition: background .2s;
	transition: background .2s;*/
	text-transform: uppercase;
}

.sf-menu ul li {
	background: #ffffff;
	max-width: 250px;
	/* box-shadow: 2px 3px 8px #888888; */
	/* box-shadow: 2px 3px 8px rgba(1,1,1,.33); */
}

/* .sf-menu ul li:first-child {
	box-shadow: 2px 2px 6px rgba(0,0,1,0.33);
} */

/* .sf-menu ul li {
	box-shadow: 2px 2px 6px rgba(0,0,1,0.33);
} */

.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,1,0.33);
}

.sf-menu ul li:last-child {
	/* box-shadow: 2px 2px 6px rgba(0,0,1,0.33); */
	/* box-shadow: 0px 2px 6px 0px rgba(0,0,1,0.33); */
}

.sf-menu ul ul li {
	background: #ffffff;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
/*	background: #e6e6e6;*/
	background: #910028;
	color: #ffffff;
	/* only transition out, not in */
	/* -webkit-transition: none;
	transition: none; */
}

.topMenu:hover, .topMenu li:hover {
	background-color: #e6e6e6!important;
}

.sf-menu ul li a:hover,
.sf-menu ul li a.sfHover {
    color: #fff;
}

.sf-menu .topMenu li:hover, .sf-menu .topMenu li.sfHover,
.topMenu a:hover, a#firstItem:hover, a#firstItem.sfHover {
	background: #e6e6e6!important;
	height: auto;
}

li.productCategories:hover, li.productCategories.sfHover{
	background: #e6e6e6!important;
	/* transition: 5s ease-in; */
	/* transition: 0s;  */
}

#menuWrapper .topMenu a:hover {
	/* width: 50px; */
}

a#firstItem:hover, a#firstItem.sfHover {
	/*only transition out, not in */
	/* transition-timing-function: ease-out;
	-webkit-transition: 200ms ease-out;
	transition: 200ms ease-out;
	transition-delay: 5s; */
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	display: flex;
/*	*padding-right: 1em;*/ /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {
	content: '\e313';
	font-family: Material Icons;
	font-size: 24px;
	position: relative;
	display: inline-flex;
	/* margin-left: 155px; */
	font-weight: bold;
    /* padding-left: 8px;
    padding-right: 8px;
    display: flex;
    justify-content: space-evenly */
}

.sf-arrows ul .sf-with-ul:after {
    content:'\e409';
    font-family: Material Icons;	
    font-size: 24px;
    position: relative;
    display: inline-flex;
	padding-left: 95px; 
	font-weight: normal;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	/* border-top-color: white; IE8 fallback colour */
}
/* styling for right-facing arrows */
/*.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	border-left-color: rgba(255,255,255,.5);
}*/

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	/* border-left-color: white; */

}

.sf-menu > li:hover > a {
	color: #ffffff;
	text-decoration: 0s;
}