.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:17px;z-index:99}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul{display:block}
.sf-menu a{display:block;position:relative}
.sf-menu ul ul{top:0;left:100%}
.sf-menu{padding:0;text-align:center;font-size:0;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
.sf-menu a{position:relative;color:#002a4a;text-decoration:none;text-align:center;text-transform:uppercase;padding:25px 5px 17px;line-height:23px;font-size:15px;letter-spacing:.1em;font-family:'Raleway';border-bottom:3px solid transparent;border-bottom-color:transparent;font-weight:300;margin:0 0 -1px;text-shadow:0 0 0 #002a4a}
.sf-menu > li{display:inline-block;-webkit-flex:1 auto;flex:1 auto;text-align:center}
.sf-menu > li:not(:last-child){margin-right:9px}
.sf-menu > li:not(:first-child){padding-left:17px}
.sf-menu > li:not(:first-child)::before{content:'';display:block;width:8px;position:absolute;left:0;top:50%;height:8px;transform:translateY(-50%);border:1px solid #0a314e;border-radius:50%}
.sf-menu ul{min-width:calc(100% - 17px);padding:5px;background:rgba(0,0,0,.8)}
.sf-menu ul li{padding:0;margin:0;border-top:1px solid rgba(255,255,255,.3)}
.sf-menu ul li:first-child{border-top:none}
.sf-menu ul li a{text-transform:none;padding:5px;color:#fff}
.sf-menu ul li a:before{display:none}
.sf-menu li a:hover,.sf-menu li.sfHover > a,.sf-menu li.selected > a,.sf-menu li.active > a{color:#4a0803;border-color:#4a0803}
.sf-menu li ul li a:hover,.sf-menu li ul li.sfHover > a,.sf-menu li ul li.selected > a,.sf-menu li ul li.active > a{color:#fff;background:#4a0803}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:0;width:0;pointer-events:none;border:5px solid transparent;border-top-color:#000;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:#000}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#000;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:#000}
@media only screen and (max-width : 1199px) {
.sf-menu > li:not(:first-child){padding-left:8px}
.sf-menu > li:not(:last-child){margin-right:0}
.sf-menu ul{min-width:calc(100% - 8px);left:8px}
}