ul.initial{display:none!important;}
.wrap-mainmenu{width:100%; float:left; }
.wrap-mainmenu .mainmenu-left{width:290px; height:50px; background:var(--color2); float:left; border-radius:7px 0 0 7px; }
.wrap-mainmenu .mainmenu-right{width:calc(100% - 290px); height:50px; float:left; background:var(--color1); position:relative; border-radius: 0 0 7px 0;}
.wrap-mainmenu .mainmenu-right:before{content:''; width:100%; height:24px; background:#f3f3f6; position:absolute; left:0; bottom:100%; z-index:1; border-radius:7px 7px 0 0}

.dropdown-blog{width:100%; float:left; position:relative;}
.dropdown-blog .nav-drop{width:100%; height:50px; text-decoration:none; text-transform:uppercase; color:#fff; font-weight:bold; position:relative; display:block; z-index:3;}
.dropdown-blog .nav-drop label{margin:0; line-height:53px; cursor:pointer; padding-left:55px; font-size:15px; letter-spacing:1px;}
.dropdown-blog .nav-drop svg{height:24px; top:50%; margin-top:-13px; position:absolute; left:20px;}
.dropdown-blog .nav-drop:after{font-family: "Font Awesome 5"; content:'\f0d7'; font-size:12px; width:16px; height:16px; line-height:16px; margin-top:-8px; position:absolute; top:50%; text-align:center; background:rgba(0,0,0,.1); display:block; right:15px; border-radius:2px;  }
.dropdown-blog>ul{ margin:0 0; border:none; box-shadow:none; width:100%; padding:15px 0; border-radius:0 0 7px 7px; position:relative; border:1px solid var(--color-border); background:#fff; float:left; border-top:none;}
.dropdown-blog>ul>li{width:100%; float:left; margin:0; padding:0;}
.dropdown-blog>ul>li>i{display:none;}
.dropdown-blog>ul>li>a{line-height:42px; height:42px; font-size:15px; background:none!important;  padding: 0 20px 0 60px; font-weight:500; color:#000; transition:.3s; text-decoration:none; display:block;position:relative;} 
.dropdown-blog>ul>li>a>svg{height:24px; margin-top:-12px; position:absolute; top:50%; left:20px; opacity:.4}
.dropdown-blog>ul>li:hover>a{color:var(--color2); background:#f3f3f6;}
.dropdown-blog>ul>li:hover>a>svg{fill:var(--color2); opacity:1;}
.dropdown-blog>ul>li>ul{display:none; position:absolute; left:100%; height:100%; width:280px; background:#fff; top:0; list-style:none; margin:0; padding:15px 0; border:1px solid var(--color-border); border-radius: 0 0 7px 7px; overflow:hidden; overflow-y:auto; border-top:none; }
.dropdown-blog>ul>li:hover>ul{display:block;}
.dropdown-blog>ul>li>ul>li{width:100%; float:left; position:relative;}
.dropdown-blog>ul>li>ul>li>a{line-height:42px; height:42px; padding: 0 20px; display:block; text-decoration:none; color:#000; transition:.3s; white-space:nowrap; font-size:15px;}
.dropdown-blog>ul>li>ul>li>a:hover{color:var(--color2); padding-left:40px;}



ul.menu-channels{margin:0; padding:0 ; list-style:none; position:relative; z-index:2; }
ul.menu-channels li{float:left; position:relative; padding: 0 30px;}
ul.menu-channels li:before{content:''; width:1px; height:10px; margin-bottom:7px; background:#000; position:absolute; right:0; bottom:100%; opacity:.2}
ul.menu-channels li:last-child:before{display:none;}
ul.menu-channels li:after{content:''; width:1px; height:20px; background:#fff; position:absolute; right:0; bottom:15px; opacity:.2}
ul.menu-channels li:last-child:after{display:none;}
ul.menu-channels li a{text-decoration:none; display:block; position:relative;}
ul.menu-channels li a span{position:absolute; left:0; line-height:22px; bottom:100%; text-transform:uppercase; font-size:12px; font-weight:500; white-space:nowrap; font-weight:500; color:#000;}
ul.menu-channels li a label{margin:0; height:50px; text-decoration:none; color:#fff; text-transform:uppercase; line-height:50px; font-size:15px; cursor:pointer}
ul.menu-channels li:hover a span{color:var(--color1)}










@media (max-width:991px){
   
    .menuMobile-open{}
    .menuMobile-open:before{content:''; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; top:0; left:0; z-index:99}
    .menuMobile-open #wrapper-page,
    .menuMobile-open .index-bar,
    .menuMobile-open .title-mainpage,
    .menuMobile-open .tabbar{left:300px;}
    .menuMobile-open #wrapper-page{overflow:hidden;}

    .responsiveMenu{width:300px; height:100%; position:fixed; top:0; left:-300px; opacity:0; background:rgba(255,255,255,0); z-index:1; padding-top:70px; background:#fff; box-shadow:1px 0 rgba(0,0,0,.05), 2px 0 15px rgba(0,0,0,.0); z-index:100; transition:.3s; pointer-events:none }
    .responsiveMenu .head-menu{position:absolute; top:0; left:0; height:70px; width:100%;}
    .responsiveMenu .head-menu .logo{display:flex; height:60px; float:left; align-items:center; margin-left:15px;}
    .responsiveMenu .head-menu .logo img{height:30px;}
    .responsiveMenu .head-menu .link-page{display:table-cell; vertical-align:middle; position:relative; padding-right:30px;}
    .responsiveMenu .head-menu .link-page ul{margin:15px 0 0 20px; padding:0; list-style:none; list-style:none; display:flex;}
    .responsiveMenu .head-menu .link-page ul li{position:relative; padding:15px 15px 0 15px; }
    .responsiveMenu .head-menu .link-page ul li:before{content:''; width:1px; height:12px; background:rgba(0,0,0,.1); position:absolute; right:0; bottom:5px;}
    .responsiveMenu .head-menu .link-page ul li:first-child{padding-left:0;}
    .responsiveMenu .head-menu .link-page ul li:last-child{padding-right:0;}
    .responsiveMenu .head-menu .link-page ul li:last-child:before{display:none;}
    .responsiveMenu .head-menu .link-page ul li a{text-decoration:none; text-transform:uppercase; font-weight:bold; color:#000; position:relative; font-size:14px; transition:.3s; white-space:nowrap}
    .responsiveMenu .head-menu .link-page ul li a:hover{color:var(--color1)}
    .responsiveMenu .head-menu .link-page ul li a .icon{position:absolute; bottom:100%; left:100%; margin-bottom:5px; margin-left:-5px; opacity:.4; transition:.3s; }
    .responsiveMenu .head-menu .link-page ul li a:hover .icon{opacity:1;}
    .responsiveMenu .head-menu .navClose{width:24px; height:24px; background:#d80101; position:absolute; top:0; right:-1px; border-radius: 0 0 0 3px; display:flex; align-items:center; justify-content:center;}
    .responsiveMenu .head-menu .navClose svg{height:16px; fill:#fff;}
    .responsiveMenu>ul{width:100%; height:calc(100% - 70px); position:absolute; left:0; bottom:0; margin:0; padding:0px 20px 0 20px; overflow-y:auto; list-style:none;}
    .responsiveMenu>ul>li{width:100%; float:left; position:relative; border-bottom:1px solid rgba(0,0,0,.07); padding-top:15px;}
    .responsiveMenu>ul>li.home{padding-bottom:10px;}
    .responsiveMenu>ul>li.home>a{width:100%; float:left; position:relative; display:block; padding-left:25px; } 
    .responsiveMenu>ul>li.home>a:before{display:none;}
    .responsiveMenu>ul>li.home>a>i{color:#fff; font-size:16px; position:absolute; top:8px; left:0; text-align:center; color:rgba(0,0,0,.5) } 
    .responsiveMenu>ul>li>a{color:var(--color1); font-weight:bold; display:block; font-size:14px; padding:8px 0 8px 0px; text-decoration:none; text-transform:uppercase; position:relative; width:100%; float:left; background:none!important;}
    .responsiveMenu>ul>li>a:before{font-family:"Font Awesome 5"; display:none; font-weight:900; content: "\f07c"; color:rgba(0,0,0,.5); font-size:16px; position:absolute; top:0px; left:0; width:32px; height:32px; line-height:32px;  text-align:center; background:rgba(0,0,0,.05); border-radius:4px; }
    .responsiveMenu>ul>li>ul{width:100%; margin:0; padding:0 0 13px 0 ; list-style:none; float:left;}
    .responsiveMenu>ul>li>ul>li{width:100%; float:left; position:relative; padding-left:0px;}
    .responsiveMenu>ul>li>ul>li>a{text-decoration:none; font-weight:normal; color:rgba(0,0,0,1); font-size:15px; padding: 8px 0 8px 18px; display:block; position:relative; transition:.3s;}
    .responsiveMenu>ul>li>ul>li>a:hover{color:var(--color1)}
    .responsiveMenu>ul>li>ul>li>a:before{font-family:"Font Awesome 5"; font-weight:900; content: "\f105"; font-size:14px; opacity:.4; position:absolute; top:8px; left:0;}

    .menuMobile-open .responsiveMenu{left:0; pointer-events:initial; opacity:1;}
}


@media (min-width:992px){
    .wrap-mainmenu{width:100%; float:left; position:relative; position:absolute; bottom:0; left:0;}

    .responsiveMenu{background:var(--color1); width:100%; float:left; border-radius:7px; height:50px;}
    .responsiveMenu>ul{ height:50px; list-style: none; margin: 0; padding: 0;}
    .responsiveMenu>ul>li{position:relative; margin-right:20px; float:left; display:block;}
    .responsiveMenu>ul>li:last-child{margin-right:0;}
    .responsiveMenu>ul>li.home{padding-left:20px;}
    .responsiveMenu>ul>li.home>a{height:50px; display:flex; align-items:center;}
    .responsiveMenu>ul>li.home>a>span{display:none;}
    .responsiveMenu>ul>li>a{text-transform: uppercase; padding:0; color: #fff; line-height: 50px; font-weight:500; text-decoration:none; transition:.3s; display: block; background:none; white-space:nowrap}
    .responsiveMenu>ul>li:hover>a{box-shadow: 0 -2px var(--color2); background:none;}
    .responsiveMenu>ul>li>ul{position:absolute; top:100%; width:230px; background: #fff;border-radius: 0 0 5px 5px;  box-shadow: 0 0px 10px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.07); list-style:none; padding:10px 20px; margin:10px 0 0 0; opacity:0; visibility:hidden; pointer-events:none; transition:.3s;}
    .responsiveMenu>ul>li:hover>ul{opacity:1; margin:0; visibility:initial; pointer-events:initial}
    .responsiveMenu>ul>li>ul>li{width:100%; float:left; position:relative;  border-bottom:1px solid rgba(0,0,0,.07)}
    .responsiveMenu>ul>li>ul>li:last-child{border-bottom:none;}
    .responsiveMenu>ul>li>ul>li>a{text-decoration:none; color:rgba(0,0,0,.9); padding: 10px 0 10px 0; width:100%; float:left; display:block; font-weight:500; transition:.3s;} 
    .responsiveMenu>ul>li>ul>li>a:before{font-family:"Font Awesome 5"; font-weight:900; font-size:16px; content:"\f30b"; position:absolute; top:8px; left:-10px; opacity:0; visibility:hidden; transition:.3s;}
    .responsiveMenu>ul>li>ul>li>a:hover{color:var(--color1); padding-left:25px;}
    .responsiveMenu>ul>li>ul>li>a:hover:before{left:0; opacity:1; visibility:initial}

    .responsiveMenu>ul>li:last-child:not(.sa-stacker):hover>ul{left:initial; right:0;}

    .responsiveMenu>ul>li.sa-stacker>a.nav-more{width:30px; height:50px; display:flex; align-items:center; justify-content:center; box-shadow:none!important; background:none!important}
    .responsiveMenu>ul>li.sa-stacker>a.nav-more>i{font-size:12px; width:30px; height:30px; line-height:30px; text-align:center; background:var(--color2); border-radius:50%; transition:.3s; }
    .responsiveMenu>ul>li.sa-stacker.sa-open>a.nav-more>i{background:#d80101; line-height:31px; }
    .responsiveMenu>ul>li.sa-stacker.sa-open>a.nav-more>i:before{content: "\f08d";}
    .responsiveMenu>ul>li.sa-stacker>ul{left:initial!important; right:0; padding:10px 0;}

    .responsiveMenu>ul>li.sa-stacker>ul>li{width:100%; border:none; position:initial}
    .responsiveMenu>ul>li.sa-stacker>ul>li>a{padding: 10px 20px; font-weight:500; color:#000; text-transform:uppercase; position:relative;}
    .responsiveMenu>ul>li.sa-stacker>ul>li:hover>a{color:var(--color1); font-weight:bold}
    .responsiveMenu>ul>li.sa-stacker>ul>li>a:before{display:none;}
    .responsiveMenu>ul>li.sa-stacker>ul>li>a:after{content:''; background:rgba(0,0,0,.07); width:calc(100% - 40px); height:1px; left:20px; bottom:0; position:absolute}
    .responsiveMenu>ul>li.sa-stacker>ul>li:last-child>a:after{display:none;}
    .responsiveMenu>ul>li.sa-stacker>ul>li>ul{position:absolute; top:0; right:100%; width:230px; background: #fff;border-radius: 5px;  box-shadow: 0 0px 10px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.07); list-style:none; padding:10px 20px; margin:10px 0 0 0; opacity:0; visibility:hidden; pointer-events:none; transition:.3s;}
    .responsiveMenu>ul>li.sa-stacker>ul>li:hover>ul{opacity:1; visibility:initial; pointer-events:initial; margin-top:0;}
    .responsiveMenu>ul>li.sa-stacker>ul>li>ul>li{width:100%; float:left; border-bottom:1px solid rgba(0,0,0,.07) } 
    .responsiveMenu>ul>li.sa-stacker>ul>li>ul>li:last-child{border:none;}
    .responsiveMenu>ul>li.sa-stacker>ul>li>ul>li>a{text-decoration:none; color:rgba(0,0,0,.9); position:relative; padding: 10px 0 10px 0; width:100%; float:left; display:block; font-weight:500; transition:.3s;} 
    .responsiveMenu>ul>li.sa-stacker>ul>li>ul>li>a:before{font-family:"Font Awesome 5"; font-weight:900; font-size:16px; content:"\f30b"; position:absolute; top:8px; left:-10px; opacity:0; visibility:hidden; transition:.3s;}
    .responsiveMenu>ul>li.sa-stacker>ul>li>ul>li>a:hover{color:var(--color1); padding-left:25px;}
    .responsiveMenu>ul>li.sa-stacker>ul>li>ul>li>a:hover:before{left:0; opacity:1; visibility:initial}

    .responsiveMenu>ul>li.sa-stacker.sa-open>ul{opacity:1; margin:0; visibility:initial; pointer-events:initial; padding-bottom:5px;}
    .responsiveMenu>ul>li.sa-stacker.sa-open>ul>li>ul{position:relative; right:initial; opacity:1; padding:0 20px 10px 30px; visibility:initial; pointer-events:initial; border:none; box-shadow:none; margin:-5px 0 0 0; width:100%; float:left; border:none; }
    .responsiveMenu>ul>li.sa-stacker.sa-open>ul>li{border-bottom:1px solid rgba(0,0,0,.07)}
    .responsiveMenu>ul>li.sa-stacker.sa-open>ul>li:last-child{border:none;}
    .responsiveMenu>ul>li.sa-stacker.sa-open>ul>li>a{padding-top:15px; font-weight:bold;}
    .responsiveMenu>ul>li.sa-stacker.sa-open>ul>li>a:after{display:none;}
    .responsiveMenu>ul>li.sa-stacker.sa-open>ul>li>ul>li{border:none;}
    .responsiveMenu>ul>li.sa-stacker.sa-open>ul>li>ul>li>a{}
}