.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu li{position:relative;white-space:normal;-webkit-transition:background .2s;transition:background .2s}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:14em;width:12em}
.sf-menu > li{float:left}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul{display:block}
.sf-menu a{display:block;position:relative;padding:.45em 1.4em;text-decoration:none;zoom:1;font-size:14px}
.sf-menu ul ul{top:0;left:100%}
.sf-menu{margin-bottom:1em}
.sf-menu > li > ul{min-width:110%;z-index:99999}
.sf-menu ul li{background:#2e2323;transition:opacity .25s linear, visibility .1s linear .1s}
.sf-menu ul ul li{background:#cb0000}
.sf-menu ul li a{font-size:12px!important;color:#000;text-transform:uppercase;font-weight:700}
.sf-menu li:hover,.sf-menu li.sfHover{-webkit-transition:none;transition:none}
.sf-menu ul li:hover{background:#2e2323}
.sf-menu ul li a:hover{color:#FFF}
.sf-arrows .sf-with-ul{padding-right:1em}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:55%;right:5px;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#ccc}
.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:#FFF}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;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:#FFF}