/*
 * TOP Menu
*/
.sf-with-ul > img{margin-bottom:-2px}
.menu-top{width:100%;float:left}
.menu-top a{text-transform:capitalize}
.menu-top ul{width:auto!important;position:absolute}
.menu-top > li{float:left}
.menu-top li li{width:100%;white-space:nowrap!important}
.menu-top a,
.menu-top li{position:relative}
.menu-top ul{min-width:12em}
.menu-top a{padding:12px .6em;text-decoration:none;display:block}
.menu-top li li a{padding:12px 1em}
.menu-top li li li a{padding:12px 1em}
.menu-top,.menu-top *{margin:0;padding:0;list-style:none}
.menu-top ul{display:none;top:100%;left:0;z-index:99}
.menu-top li:hover > ul,
.menu-top li.sfHover > ul{display:block}
.menu-top ul ul{top:0;left:100%}
.menu-top.sf-arrows .sf-with-ul:after{position:absolute}
.menu-top.sf-arrows .sf-with-ul{padding-left:0.8em;padding-right:2.5em}
.header-bg-regular .menu-top.sf-arrows .sf-with-ul:after{content:'';top:50%;right:1em;margin-top:-1px;height:0;width:0;border:5px solid transparent;border-top-color:#ccc;border-top-color:rgba(0,0,0,.5)}
.header-bg-regular .menu-top.sf-arrows > li > .sf-with-ul:focus:after,
.header-bg-regular .menu-top.sf-arrows > li:hover > .sf-with-ul:after,
.header-bg-regular .menu-top.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#ccc}
.header-bg-regular .menu-top.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-left:-3px;border-color:transparent;border-left-color:#ccc;border-left-color:rgba(0,0,0,.5)}
.header-bg-regular .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.header-bg-regular .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.header-bg-regular .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#333}
.header-bg-regular .menu-top.sf-arrows > li > .sf-with-ul:focus:after,
.header-bg-regular .menu-top.sf-arrows > li:hover > .sf-with-ul:after,
.header-bg-regular .menu-top.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#333}
.header-bg-regular .menu-top.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-left:-3px;border-color:transparent;border-left-color:#ccc;border-left-color:rgba(0,0,0,.5)}
.header-bg-regular .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.header-bg-regular .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.header-bg-regular .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#ccc}
.dark.header-bg-regular .menu-top.sf-arrows .sf-with-ul:after{border-top-color:#eee;border-top-color:rgba(255,255,255,.5)}
.dark.header-bg-regular .menu-top.sf-arrows > li > .sf-with-ul:focus:after,
.dark.header-bg-regular .menu-top.sf-arrows > li:hover > .sf-with-ul:after,
.dark.header-bg-regular .menu-top.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#eee}
.dark.header-bg-regular .menu-top.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-left:-3px;border-color:transparent;border-left-color:#ccc;border-left-color:rgba(0,0,0,.5)}
.dark.header-bg-regular .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.dark.header-bg-regular .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.dark.header-bg-regular .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#fff}
.dark.header-bg-regular .menu-top.sf-arrows > li > .sf-with-ul:focus:after,
.dark.header-bg-regular .menu-top.sf-arrows > li:hover > .sf-with-ul:after,
.dark.header-bg-regular .menu-top.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#fff}
.dark.header-bg-regular .menu-top.sf-arrows ul .sf-with-ul:after{border-left-color:#eee;border-left-color:rgba(255,255,255,.5)}
.dark.header-bg-regular .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.dark.header-bg-regular .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.dark.header-bg-regular .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#eee}
.header-bg-colored .menu-top.sf-arrows .sf-with-ul:after{content:'';top:50%;right:1em;margin-top:-1px;height:0;width:0;border:5px solid transparent;border-top-color:#eee;border-top-color:rgba(255,255,255,.5)}
.header-bg-colored .menu-top.sf-arrows > li > .sf-with-ul:focus:after,
.header-bg-colored .menu-top.sf-arrows > li:hover > .sf-with-ul:after,
.header-bg-colored .menu-top.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#eee}
.header-bg-colored .menu-top.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-left:-3px;border-color:transparent;border-left-color:#ccc;border-left-color:rgba(0,0,0,.5)}
.header-bg-colored .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.header-bg-colored .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.header-bg-colored .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#fff}
.header-bg-colored .menu-top.sf-arrows > li > .sf-with-ul:focus:after,
.header-bg-colored .menu-top.sf-arrows > li:hover > .sf-with-ul:after,
.header-bg-colored .menu-top.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#fff}
.header-bg-colored .menu-top.sf-arrows ul .sf-with-ul:after{border-left-color:#eee;border-left-color:rgba(255,255,255,.5)}
.header-bg-colored .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.header-bg-colored .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.header-bg-colored .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#eee}
.rtl .menu-top,
.rtl .menu-top > li{float:right}
.rtl .menu-top ul{left:auto;right:0}
.rtl .menu-top ul ul{left:auto;right:100%}
.rtl .menu-top.sf-arrows .sf-with-ul{padding-right:0.8em;padding-left:2.5em}
.rtl .menu-top.sf-arrows .sf-with-ul:after{right:auto;left:1em}
.rtl .menu-top.sf-arrows ul .sf-with-ul:after{margin-left:auto;margin-right:-3px}
.rtl.header-bg-regular .menu-top.sf-arrows ul .sf-with-ul:after{border-right-color:#ccc;border-right-color:rgba(0,0,0,.5);border-left-color:transparent}
.rtl.header-bg-regular .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.rtl.header-bg-regular .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.rtl.header-bg-regular .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-right-color:#333;border-left-color:transparent}
.rtl.header-bg-regular .menu-top.sf-arrows ul .sf-with-ul:after{border-right-color:#ccc;border-right-color:rgba(0,0,0,.5);border-left-color:transparent}
.rtl.header-bg-regular .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.rtl.header-bg-regular .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.rtl.header-bg-regular .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-right-color:#ccc;border-left-color:transparent}
.rtl.dark.header-bg-regular .menu-top.sf-arrows ul .sf-with-ul:after{border-right-color:#eee;border-right-color:rgba(255,255,255,.5);border-left-color:transparent}
.rtl.dark.header-bg-regular .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.rtl.dark.header-bg-regular .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.rtl.dark.header-bg-regular .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-right-color:#fff;border-left-color:transparent}
.rtl.dark.header-bg-regular .menu-top.sf-arrows ul .sf-with-ul:after{border-right-color:#eee;border-right-color:rgba(255,255,255,.5);border-left-color:transparent}
.rtl.dark.header-bg-regular .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.rtl.dark.header-bg-regular .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.rtl.dark.header-bg-regular .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-right-color:#eee;border-left-color:transparent}
.rtl.header-bg-colored .menu-top.sf-arrows ul .sf-with-ul:after{border-right-color:#eee;border-right-color:rgba(255,255,255,.5);border-left-color:transparent}
.rtl.header-bg-colored .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.rtl.header-bg-colored .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.rtl.header-bg-colored .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-right-color:#fff;border-left-color:transparent}
.rtl.header-bg-colored .menu-top.sf-arrows ul .sf-with-ul:after{border-right-color:#eee;border-right-color:rgba(255,255,255,.5);border-left-color:transparent}
.rtl.header-bg-colored .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.rtl.header-bg-colored .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.rtl.header-bg-colored .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-right-color:#eee;border-left-color:transparent}
.menu-top .sub-menu{box-shadow:0 2px 5px -3px #555;-webkit-box-shadow:0 2px 5px -3px #555;-moz-box-shadow:0 2px 5px -3px #555}
.dark.header-bg-regular .menu-top .sub-menu{box-shadow:0 2px 5px -3px #222;-webkit-box-shadow:0 2px 5px -3px #222;-moz-box-shadow:0 2px 5px -3px #222}
