/*
 * Top Nav Wrapper
 * 
*/
.topnav {display:table;width:100%;min-height:40px;height:100%}
/*
 * Top Menu
*/
.top-menu{display:table-cell;vertical-align:middle;height:100%;min-width:500px}
.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-right:1.5em}
.menu-top.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:#dFeEFF;border-top-color:rgba(255,255,255,.5)}
.menu-top.sf-arrows > li > .sf-with-ul:focus:after,
.menu-top.sf-arrows > li:hover > .sf-with-ul:after,
.menu-top.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#fff}
.menu-top.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-left:-3px;border-color:transparent;border-left-color:#dFeEFF;border-left-color:rgba(255,255,255,.5)}
.menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#fff}
.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}
.menu-top.sf-arrows > li > .sf-with-ul:focus:after,
.menu-top.sf-arrows > li:hover > .sf-with-ul:after,
.menu-top.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:white}
.menu-top.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-right-color:white;border-right-color:rgba(255,255,255,.5)}
.menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-right-color:white}
.rtl .menu-top,
.rtl .menu-top > li,
.rtl .menu-top li.menu-item-home a,
.rtl .menu-top li.menu-item-home a:hover{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;border-right-color:white}
.rtl .menu-top.sf-arrows ul li > .sf-with-ul:focus:after,
.rtl .menu-top.sf-arrows ul li:hover > .sf-with-ul:after,
.rtl .menu-top.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:transparent;border-right-color:white}

.no-sfjs .menu-top .menu-item-has-children:after{position:absolute}
.no-sfjs .menu-top .menu-item-has-children{padding-left:0.5em;padding-right:1.5em}
.no-sfjs .menu-top .menu-item-has-children:after{content:'';top:50%;right:.5em;margin-top:-1px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}
.no-sfjs .menu-top > .menu-item-has-children > .menu-item-has-children:focus:after,
.no-sfjs .menu-top > .menu-item-has-children:hover > .menu-item-has-children:after,
.no-sfjs .menu-top > .menu-item-has-children > .menu-item-has-children:after{border-top-color:#fff}
.no-sfjs .menu-top ul .menu-item-has-children:after{margin-top:-5px;margin-left:-3px;border-color:transparent;border-left-color:#dFeEFF;border-left-color:rgba(255,255,255,.5)}
.no-sfjs .menu-top ul li > .menu-item-has-children:focus:after,
.no-sfjs .menu-top ul li:hover > .menu-item-has-children:after,
.no-sfjs .menu-top ul .menu-item-has-children > .menu-item-has-children:after{border-left-color:#fff}
.no-sfjs .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}
.no-sfjs .menu-top > li > .menu-item-has-children:focus:after,
.no-sfjs .menu-top > li:hover > .menu-item-has-children:after,
.no-sfjs .menu-top > .menu-item-has-children > .menu-item-has-children:after{border-top-color:white}
.no-sfjs .menu-top ul .menu-item-has-children:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-right-color:white;border-right-color:rgba(255,255,255,.5)}
.no-sfjs .menu-top ul li > .menu-item-has-children:focus:after,
.no-sfjs .menu-top ul li:hover > .menu-item-has-children:after,
.no-sfjs .menu-top ul .menu-item-has-children > .menu-item-has-children:after{border-right-color:white}
.no-sfjs.rtl .menu-top .menu-item-has-children{padding-right:0.5em;padding-left:1.5em}
.no-sfjs.rtl .menu-top .menu-item-has-children:after{right:auto;left:1em}
.no-sfjs.rtl .menu-top ul .menu-item-has-children:after{margin-left:auto;margin-right:-3px;border-right-color:white}
.no-sfjs.rtl .menu-top ul li > .menu-item-has-children:focus:after,
.no-sfjs.rtl .menu-top ul li:hover > .menu-item-has-children:after,
.no-sfjs.rtl .menu-top ul .menu-item-has-children > .menu-item-has-children:after{border-left-color:transparent;border-right-color:white}
/*
 * Top Search
*/
.search-tw{display:table-cell;vertical-align:middle;background-color:#272F34;white-space:nowrap;width:18%;height:100%}
.search-tw .search{display:table;width:100%}
.search-tw .search .text{display:table-cell;vertical-align:middle;background-color:transparent;color:#fff;padding:5px;width:auto;text-indent:10px}
.search-tw .search .button{cursor:pointer;display:table-cell;vertical-align:middle;background-color:transparent}
.search-tw .search span{float:left;text-indent:-99999px}
.search-tw .search svg{fill:#ccc;width:48px;height:24px}
/*
 * Login / Register 
*/
.login{display:table;height:100%;width:100%}
.login a{color:#fff!important;text-decoration:none;text-align:center;display:table-cell;vertical-align:middle;width:50%;padding:0 5px}
.login a:hover{color:#fff}
.login a:first-child{width:49%}
.login a:last-child{width:50%}
.logged{display:block;height:100%}
.logged a{color:#fff!important;text-decoration:none;text-align:center;display:table;height:100%;line-height:100%;width:100%}
.logged a:hover{color:#fff}
.logged a div {display:table-cell;vertical-align:middle}
.logged a .ic{display:table-cell;vertical-align:middle;text-align:left}
.rtl .logged a .ic{text-align:right}
.logged svg{fill:#fff;width:24px;height:24px}