.sf-menu ul li a {font-size:13px;border-bottom:1px solid #eee;text-shadow:none;}
.sf-menu a{font-size:14px;color:#444;font-weight:bold;}
.sf-menu li:first-child a{background:none;}
.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;}
.sf-menu > li{float:left;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul{display:block;}
.sf-menu ul ul{top:0;left:100%;}
.sf-menu{float:right;}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em;}
.sf-menu a{display:block;position:relative;padding:10px 14px;text-decoration:none;}
.sf-menu li{white-space:nowrap;transition:background 0.2s;}
.sf-menu .sub-menu li a{background:#fff !important;padding:8px 14px !important;}
.sf-menu li:hover,
.sf-menu li.sfHover,.sf-menu .sub-menu li a:hover{transition:none;border-width:0 0 1px 0;border-style:solid;}
.sf-arrows .sf-with-ul{padding-right:2.5em;}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:49%;right:16px;margin-top:0px;height:0;width:0;border:5px solid transparent;border-top-color:rgba(0,0,0,.5);}
.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;}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:rgba(0,0,0,.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;}