/*
 * Primary Menu Style 1
 *
*/
.menu {width:100%;display:block;position:relative}
.menu .container{position:relative}
.menu-category{width:100%;float:left}
.menu-category ul{width:auto!important;position:absolute}
.menu-category > li{float:left}
.menu-category li li{width:100%;white-space:nowrap!important}
.menu-category a,
.menu-category li{position:relative}
.menu-category li.menu-item-home a,
.menu-category li.menu-item-home a:hover{text-indent:-9999px;width:50px;display:block;float:left;background:no-repeat scroll 50% 50% transparent}
.menu-category ul{min-width:12em}
.menu-category a{padding:12px .8em;text-decoration:none;display:block}
.menu-category li li a{padding:10px 1em}
.menu-category li li li a{padding:10px 1em}
.menu-category,
.menu-category *{margin:0;padding:0;list-style:none}
.menu-category ul{display:none;top:100%;left:0;z-index:99}
.menu-category li:hover > ul,
.menu-category li.sfHover > ul{display:block}
.menu-category ul ul{top:0;left:100%}
.sf-arrows .sf-with-ul{padding-right:1.5em}
.sf-arrows .sf-with-ul:after{position:absolute}
.sf-arrows .sf-with-ul:after{content:'';top:50%;right:.5em;margin-top:-1px;height:0;width:0;border:5px solid transparent;border-top-color:#f8f8f8;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:black}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-left:-3px;border-top-color:transparent;border-left-color:black}
.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:black}
.sub-menu{box-shadow:0 2px 5px -3px #555}
.rtl .menu-category > li{float:right}
.rtl .menu-category,
.rtl .menu-category > li,
.rtl .menu-category ul{left:auto;right:0}
.rtl .menu-category ul ul{left:auto;right:100%}
.rtl .sf-arrows .sf-with-ul{padding-right:0.8em;padding-left:2.5em}
.rtl .sf-arrows .sf-with-ul:after{right:auto;left:1em}
.rtl .sf-arrows ul .sf-with-ul:after{margin-left:auto;margin-right:-3px;border-right-color:black;border-left-color:transparent}
.rtl .sf-arrows ul li > .sf-with-ul:focus:after,
.rtl .sf-arrows ul li:hover > .sf-with-ul:after,
.rtl .sf-arrows ul .sfHover > .sf-with-ul:after{border-right-color:black;border-left-color:transparent}
.dark .sub-menu{box-shadow:0 2px 5px -3px #0E0F0F}
.dark .sf-arrows > li > .sf-with-ul:focus:after,
.dark .sf-arrows > li:hover > .sf-with-ul:after,
.dark .sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#fff}
.dark .sf-arrows ul .sf-with-ul:after,
.dark .sf-arrows ul li > .sf-with-ul:focus:after,
.dark .sf-arrows ul li:hover > .sf-with-ul:after,
.dark .sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#fff}
.dark.rtl .sf-arrows ul .sf-with-ul:after,
.dark.rtl .sf-arrows ul li > .sf-with-ul:focus:after,
.dark.rtl .sf-arrows ul li:hover > .sf-with-ul:after,
.dark.rtl .sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:transparent;border-right-color:#fff}
/*
 * Search & Dark mode Icons
 *
*/
.menu-search {float:right !important}
.menu-search .search-ico{text-indent:-9999px;width:48px;background-size:26px 26px !important;background-repeat:no-repeat !important;background-position:center !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px;fill:%23fff;' viewBox='0 0 24 24'%3E%3Cpath d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E") !important;}
li.dark-mode{float:right !important}
li.dark-mode.sfHover,
li.dark-mode:focus,
li.dark-mode:hover,
li.dark-mode:active {background:transparent !important}
.search-menu-wrap{color:#fff;display:none;position:absolute;right:7px;top:0;z-index:9000}
.search-menu-wrap form{float:right;position:relative;overflow:hidden;height:38px;margin:6px 0;border-radius:100px;}
.search-menu-wrap .stext{background-color:#fff;color:#222;line-height:28px;padding:6px 1.1em;min-width:200px;text-indent:10px}
.rtl .menu-search {float:left !important}
.rtl li.dark-mode{float:left !important}
.rtl .search-menu-wrap{left:7px;right:auto}
.rtl .search-menu-wrap form{float:left}
.dark .search-menu-wrap .stext{background-color:#161B1E;color:#fff}

