.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none;}
.sf-menu li{position:relative;text-transform:uppercase;font-weight:bold;border-right: 1px solid #fff}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;}
.sf-menu > li{float:left;}
.sf-menu a:hover,
.sf-menu a:active{color:#000000;}
.sf-menu li a:hover,
.sf-menu ul li a:hover,
.sf-menu ul ul li a:active{color:#000000;background: #90D8F5}
.sf-menu a{display:block;position:relative;}
.sf-menu ul ul{top:0;left:100%;}
.sf-menu ul li a:before ,
.sf-menu{float:left;width:100%;list-style-type:none;text-align:left;height:38px;}
.sf-menu .current{color:#fff;}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em;*width:12em;}
.sf-menu a{padding:4.5px 15px;text-decoration:none;zoom:1;line-height:1.8em;}
.sf-menu a{color:#fff;}
.sf-menu ul li,
.sf-menu ul ul li
{white-space:normal;}

.sf-menu li{white-space:nowrap;*white-space:normal;-webkit-transition:background .2s;transition:background .2s;}
.sf-menu ul li{background:#fff;}
.sf-menu ul li a,
.sf-menu ul ul li a{color:#222;font-weight:normal;}
.sf-menu ul li a{text-transform:none;}
.sf-menu ul li,
.sf-menu ul ul li{background:#074495;border-bottom:1px solid #006699;border-right: none;}
.sf-menu ul li:hover,
.sf-menu ul ul li:hover{background:#90D8F5;color:#000000;}
.sf-menu li:hover,
.sf-menu li.sfHover{-webkit-transition:none;transition:none;}
.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em;}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.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:#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;}
@media (max-width: 768px){
	.sf-menu ul {position: inherit;}
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul{display:block;}