/*
 * Header
 *
*/
.header-blog{z-index:9999;width:100%;position:relative}
.header-blog .header-blog-wrap{width:100%;position:relative;margin:0 auto;padding:0}
.w1170 .header-blog .header-blog-wrap{max-width:1170px}
.w986 .header-blog .header-blog-wrap{max-width:986px}
.header-blog .header-blog-flex{width:100%;height:70px;position:relative}
.header-brand,
.header-text{overflow:hidden}
.header-brand {height:45px}
.header-brand a{display:block;height:auto}
.header-brand img{display:block;max-width:90%;height:auto}
.header-blog a{color:#fff;text-decoration:none}
.header-blog a.header-text{vertical-align:middle;display:inline-block;}
.header-blog a.header-text,
.header-blog a:hover.header-text{color:#fff}
.mobile-menu-toggle{border:0;cursor:pointer;background:none;font-size:24px;z-index:9999;position:relative}
.mobile-menu-toggle svg{fill:#fff;width:29px;height:29px}
.nav-logo{float:left}
.btn-nav-menu{float:left;width:48px;display:none}
.nav-desktop{float:right;line-height:50px}
.btn-nav-dark{float:right;width:48px;margin:0 5px}
.btn-nav-search{float:right;width:58px}
.rtl .nav-logo,
.rtl .btn-nav-menu{float:right}
.rtl .nav-desktop,
.rtl .btn-nav-dark,
.rtl .btn-nav-search{float:left}
.nav-logo,
.btn-nav-menu,
.btn-nav-dark,
.btn-nav-search{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.bsd{display:block}
.bsm{display:none}
.search-menu-wrap{color:#fff;display:none;position:absolute;right:0;z-index:9999999999;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.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 .search-menu-wrap{left:0;right:auto}
.rtl .search-menu-wrap form{float:left}
.dark .search-menu-wrap .stext{background-color:#161B1E;color:#fff}
@media only screen and ( max-width: 1219px ){
	.w1170 .header-blog .header-blog-wrap,
	.w986 .header-blog .header-blog-wrap{max-width:986px}
}
@media only screen and (max-width:986px) {
	
	.bsd{display:none}
	.bsm{display:block}
	.nav-desktop{display:none}
	.btn-nav-menu {display:block;}
	.header-blog .header-blog-wrap{width:90%}
}
@media only screen and (max-width:767px) {
	.header-blog .header-blog-wrap{width:94%}
}
@media only screen and (max-width:560px) {
	.header-blog .header-blog-wrap{width:98%}
}
.header-brand-center img{margin:0 auto}
.header-brand-center{display:block;height:auto}
/*
 * Header : Menu
 *
*/
.menu-blog{width:100%;float:left}
.menu-blog ul{width:auto!important;position:absolute;min-width:12em;top:100%;left:0;z-index:99}
.menu-blog > li{float:left}
.menu-blog li{position:relative}
.menu-blog li li{width:100%;white-space:nowrap!important}
.menu-blog li li{line-height:1.5}
.menu-blog a{padding:10px .8em;text-decoration:none;display:block}
.menu-blog li li a{padding:10px 1em}
.menu-blog li li li a{padding:10px 1em}
.menu-blog,
.menu-blog *{margin:0;padding:0;list-style:none}
.menu-blog li:hover > ul{display:block}
.menu-blog ul ul{top:0;left:100%}
.menu-blog .menu-item-has-children{padding-right:1.5em}
.menu-blog .menu-item-has-children:after{position:absolute}
.menu-blog .menu-item-has-children:after{content:'';top:50%;right:0.9em;margin-top:-1px;height:0;width:0;border:5px solid transparent;border-top-color:#f8f8f8;border-top-color:rgba(255,255,255,.5)}
.menu-blog > li > .menu-item-has-children:focus:after,
.menu-blog > li:hover > .menu-item-has-children:after{border-top-color:black}
.menu-blog ul .menu-item-has-children:after{margin-top:-5px;margin-left:-3px;border-top-color:transparent;border-left-color:black}
.menu-blog ul li > .menu-item-has-children:focus:after,
.menu-blog ul li:hover > .menu-item-has-children:after{border-left-color:black}
.menu-blog .sub-menu{display:none;box-shadow:0 2px 5px -3px #ccc}
.rtl .menu-blog > li{float:right}
.rtl .menu-blog,
.rtl .menu-blog > li,
.rtl .menu-blog ul{left:auto;right:0}
.rtl .menu-blog ul ul{left:auto;right:100%}
.rtl .menu-blog .menu-item-has-children{padding-right:0;padding-left:1.5em}
.rtl .menu-blog .menu-item-has-children:after{right:auto;left:.9em}
.rtl .menu-blog ul .menu-item-has-children:after{margin-left:auto;margin-right:-3px;border-right-color:black;border-left-color:transparent}
.rtl .menu-blog ul li > .menu-item-has-children:focus:after,
.rtl .menu-blog ul li:hover > .menu-item-has-children:after{border-right-color:black;border-left-color:transparent}
.dark .sub-menu{box-shadow:0 2px 5px -3px #272F34}
.dark .menu-blog a{color:#fff;}
.dark .menu-blog > li > .menu-item-has-children:focus:after,
.dark .menu-blog > li:hover > .menu-item-has-children:after{border-top-color:#fff}
.dark .menu-blog ul .menu-item-has-children:after,
.dark .menu-blog ul li > .menu-item-has-children:focus:after,
.dark .menu-blog ul li:hover > .menu-item-has-children:after{border-left-color:#fff}
.dark.rtl .menu-blog ul .menu-item-has-children:after,
.dark.rtl .menu-blog ul li > .menu-item-has-children:focus:after,
.dark.rtl .menu-blog ul li:hover > .menu-item-has-children:after{border-left-color:transparent;border-right-color:#fff}

.h-logo-dark {display:none!important}
.dark .h-logo-dark {display:block!important}
.dark .h-logo-light{display:none!important}