#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{float:left;}
#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%;}
.sf-menu > li{padding:0 0 0 1px;background:url(../images/sep.png) no-repeat center left;}
.sf-menu > li:first-child{padding:0;background:none}
#navigation .sf-menu{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;white-space:nowrap;}
#navigation .sf-menu a{position:relative;color:#fff;font-family:'Open Sans', sans-serif;font-size:17px;text-shadow:0 1px rgba(0,0,0,.1);text-decoration:none;padding:22px 10px;text-align:center;}
#navigation .sf-menu a::before{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:0;transition:all .4s;}
#navigation .sf-menu li a:hover, #navigation .sf-menu li.sfHover > a,
#navigation .sf-menu li.active > a, #navigation .sf-menu li.selected > a{color:#000;}
.sf-menu ul{box-shadow:0px 2px 10px rgba(0,0,0,.2);min-width:100%;text-align:center;background:#636363;}
.sf-menu ul li:not(:first-child)::before{content:'';display:block;width:50px;height:1px;position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:auto;background:#fff;}
#navigation .sf-menu ul a{padding:10px;font-size:16px;}
#navigation .sf-menu ul a::before{content:none;}
#navigation .sf-menu ul li a:hover, #navigation .sf-menu ul li.sfHover > a,
#navigation .sf-menu ul li.active > a, #navigation .sf-menu ul li.selected > a{color:#000;}
.sf-arrows .sf-with-ul{}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;left:50%;transform:translateX(-50%);margin-top:17px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:#fff;}
.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:#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:#000}
@media only screen and (max-width:1024px){.sf-arrows .sf-with-ul:after{right:0;}
}