#navigation .sf-menu, #navigation .sf-menu *{margin:0;padding:0;list-style:none;}
#navigation .sf-menu li{position:relative;}
#navigation .sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;}
#navigation .sf-menu li:hover > ul,
#navigation .sf-menu li.sfHover > ul{display:block;}
#navigation .sf-menu a{display:block;position:relative;}
#navigation .sf-menu ul ul{top:0;left:100%;}
#navigation .sf-menu{background:#5ea138;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;}
#navigation .sf-menu > li{-webkit-flex:1 auto;flex:1 auto;text-align:center;border-right:1px solid rgba(255,255,255,.5);}
#navigation .sf-menu a{color:#fff;text-decoration:none;font-family:"Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:16px;font-weight:bold;text-transform:uppercase;padding:30px 15px;}
.is-sticky #navigation .sf-menu a{padding-top:15px;padding-bottom:15px;}
#navigation .sf-menu a:hover, #navigation .sf-menu li.sfHover > a,
#navigation .sf-menu li.active > a, #navigation .sf-menu li.selected > a{background:#231f20;}
#navigation .sf-menu ul{min-width:180px;text-align:left;width:100%;}
#navigation .sf-menu ul li{margin-top:1px;background:rgba(35,31,32,.8);}
#navigation .sf-menu ul li:first-child{margin:0;}
#navigation .sf-menu ul a{color:#fff;padding:20px;text-align:center}
#navigation .sf-menu ul a:hover, #navigation .sf-menu ul li.sfHover > a,
#navigation .sf-menu ul li.active > a, #navigation .sf-menu ul li.selected > a{color:#5ea138;}
.sf-arrows .sf-with-ul{}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;bottom:10px;left:50%;transform:translateX(-50%);height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5);transition:border-top-color .4s, bottom .4s;}
.is-sticky .sf-arrows .sf-with-ul:after{bottom:5px;}
.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;bottom:4px;}
.is-sticky .sf-arrows > li > .sf-with-ul:focus:after,
.is-sticky .sf-arrows > li:hover > .sf-with-ul:after,
.is-sticky .sf-arrows > .sfHover > .sf-with-ul:after{bottom:2px;}
.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;}