body{top:0 !important;}
.top-bar{background: #f5f5f5;}
.he_logo-wrap{padding: 3px 0px;}
.he_site-header {background: #fff;}
.he_logo-wrap img {position: relative; z-index: 9; transition: 0.5s; max-width: 100%; max-height: 65px;}
.theme9_nav {display: flex; justify-content: end;}
.custom-toggle .close-icon {
  display: none;
  font-size: 28px;
  width: 40px;
  height: 40px;
  line-height:40px;
  border-radius:50%;
  background:var(--secondary-color);
  color:#fff;
}
.custom-toggle:not(.collapsed) .menu-icon {
  display: none;
}
.custom-toggle:not(.collapsed) .close-icon {
  display: inline-block;
}
.custom-toggle .menu-icon {
    font-size: 23px;
    color: #fff;
    background:var(--secondary-color);
    width: 40px;
    height: 40px;
    line-height:40px;
    display: block;
    border-radius: 50%;
}
.theme9_nav ul li a i { font-size:18px;}
.theme9_nav .lg_device_hidden {display: none;}
.theme9_nav .nav-tabs {border-bottom: none;}
.custom_nav_fixed .login_btn_drop {text-decoration: none;padding: 3px 0px;display: block; color: #000;}
.custom_nav_fixed .dropdown-menu {padding: 0; box-shadow: rgb(0 0 0 / 50%) 0px 0 6px; width: 171px; border-radius: 5px; border: none; overflow: hidden;}
.custom_nav_fixed:hover .dropdown-menu{display: block; transition: all .5s ease 0s;}
.custom_nav_fixed .dropdown-menu>li>a{padding: 8px 10px;}
.custom_nav_fixed li {list-style: none; margin: 0; padding: 0;}
.custom_nav_fixed { text-align: end; margin-left: 20px;}
.flexlogin span {line-height: 15px;}
.flexlogin span i{font-size:15px !important;}
.hidden-more .dropdown-menu a {display: flex; border-bottom: 1px solid #ccc; justify-content: start;line-height: 34px; align-items: center; text-decoration: none; color: #333; padding: 0px 11px;}
 .he-menu .nav-tabs > li.active > a, .he-menu .nav-tabs > li.active > a:hover,  .he-menu .nav-tabs > li a{background: transparent; border: 0px; font-weight: 500;  padding: 0px; cursor: pointer;} 
.he-menu .nav-tabs > li a span{padding: 3px 10px; color: #000; font-size: 14px; border-radius: 24px; display: inline-block;}
.he-menu .nav-tabs > li a span:hover{background: #0000001c;}
.hidden-more .dropdown-menu {padding: 10px; width:213px; box-shadow: rgb(0 0 0 / 50%) 0px 0 6px; width:216px; border-radius: 7px; border:0;}
.hidden-more img {margin-right: 10px;}
.hidden-more .dropdown-menu a:last-child {border-bottom: none;}
.hidden-more:hover .dropdown-menu {display: block; transition: all .5s ease 0s;}
/*header css start from here*/
.show_tooltips {position: relative;}
.show_tooltips .head_tool {visibility: hidden; min-width: 139px; background: var(--main-color); color: #fff; text-align: left; border-radius: 4px; padding: 5px 7px;position: absolute; z-index: 1; top: 29px; left: 30%; margin-left: -20px; font-size: 13px; line-height: 14px;}
.mt_m5{margin-top:-5px;}
.show_tooltips .head_tool::after {content: ""; position: absolute; bottom: 100%; left: 9%; margin-left: -9px; border-width: 7px; border-style: solid;border-color: transparent transparent var(--main-color) transparent;}
.show_tooltips:hover .head_tool {visibility: visible;}
.head_tool small{display: block; margin: 0; padding:0;}
.topbar_navigation .navbar-default{background:transparent; border:none;}
.theme2_h {background:#fff0; padding:3px 0;}
.logo-cols .navbar-brand {height: auto;}
.topbar_navigation .navbar-nav>li>a {color: #fff; background: #283845; margin: 5px 2px; padding: 4px 14px; border-radius: 5px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 12px;}
.topbar_navigation .navbar-nav>li>a:hover{background:#283845; color:#0299d3; border-color: #0299d3;}
.topbar_navigation .navbar-nav>li:hover {background:transparent;}
nav.navbar.navbar-default.topbar_navigation {margin-bottom: 0; min-height:33px;}
.topbar_navigation {margin-top:12px;}
.topbar_navigation .navbar{position:relative; min-height:30px; margin-bottom:0px; z-index:3;}
.custom_nav i {font-size:12px;}
.topbar_navigation .navbar-nav>li>a:hover .icofont-caret-down{color:#fff;}
.small_logo img {width: auto; height: 65px; z-index: 2; position: relative;}
.custom_nav .navbar-nav>.open>a:hover {color: #fff; background:#0299d3;}
.custom_nav .navbar-nav>.open>a:focus{color: #fff; background: #283845;}
.custom_nav .dropdown-menu>li>a {line-height:21px; border-bottom:1px solid #e8e8e8; font-size:13px; font-weight:500;}
.custom_nav .dropdown-menu {padding: 0;}
.full_img {height: 25px;width: auto;}
.affix {position: fixed;z-index: 99;width: 100%;box-shadow: 0px 3px 8px rgb(0 0 0 / 10%);top: 0;background: #fff;padding: 3px 0;}
@media screen and (min-width:992px) {
  .headlg-p0{padding:0;}
    .lgshow_only{display: block;}
    .he_header_section {display: flex; align-items: center;}
}
@media screen and (min-width:992px) and  (max-width:1200px){
    .topbar_navigation .navbar-nav>li>a {margin: 5px 2px; padding: 5px 3px; font-size: 11px;}
}
@media screen and (min-width:768px) and  (max-width:1000px){
    .small_logo img {width:auto; height:45px; z-index: 2; position: relative;}
}
@media screen and (min-width:768px){
  
  .mobile_s{
    display: none !important;
  }
}
@media screen and (max-width: 767px){
  .theme9_nav .nav-tabs {
    border-bottom: none;
    padding: 10px 15px;
    background:#f3f3f3;
  }
  .custom_nav_fixed .login_btn_drop{
    text-decoration: none;
    color: #fff;
    padding: 7px 0px;
  }
  .lg_imgshow{
    display:none;
  }
  .custom_nav_fixed .dropdown-menu>li>a {
    padding: 2px 9px;
  }
    .theme9_nav .dropdown-menu-right {
        padding: 6px 5px 0;
    }
  .full_img {
    height: 30px;
    margin-right: 5px;
  }
  .he-menu .nav-tabs > li a span{font-size: 15px;}
  .he-menu .nav-tabs > li a span:hover {
    background:transparent;
  }
  .hidden-more {
    display: none !important;
  }
    #myNavbar {
    position: fixed !important;
    top: 0;
    left: -280px;
    width: 260px;
    height: 100vh !important;
    background: #fff;
    overflow-y: auto;
    transition: 0.4s ease;
    z-index: 9999;
    padding:0 0 20px 0;
  }
  /* When open */
  #myNavbar.in {
    left: 0;
    box-shadow: 0 0px 6px 0 rgb(0 0 0 / 44%);
  }
  /* Remove float so items stack */
  #myNavbar .navbar-nav {
    float: none !important;
  }
  #myNavbar .navbar-nav > li {
    float: none;
  }
  #myNavbar .navbar-nav > li > a {
    padding: 8px 15px;
  }
    .bl-user{filter: brightness(1) invert(1);}
    .he_logo-wrap img{max-height:60px;}
    .topbar_navigation .navbar{margin-bottom: 11px;}
    .custom_nav .navbar-nav {margin: 0;}
    .lgshow_only{display:none !important;}
    .navbar-collapse {position:unset; background: rgb(255, 255, 255); width: 100%; z-index: 99; left: 0px;}
    .he_header_section .navbar-collapse.in {overflow: visible;}
    .desktopnav{display:block;}
    .he_site-header {display: block !important; background: #fff; }
    .theme2_h{padding:0;}
    .navbar-toggle{margin:0; top:12px;  padding:0;}    
    .small_logo img {width:auto; height:41px; z-index:2; position:relative;}
    .topbar_navigation {margin-top: 0px; border-bottom:1px dashed #ccc; background: #fff;}
    .custom_nav .navbar-nav .open .dropdown-menu{position: absolute; left:-25px;}
    .no_collapse{display: block; text-align: center;}
    .custom_nav ul li {display: inline-block;}
    .small_logo .navbar-brand>img{margin-top:5px !important;}
    .custom_nav .dropdown-menu li {display:block; background: #f7f6f6;}
    .logo-cols {display: flex; justify-content: center; align-items: center;}
  .theme9_nav .hidden-more .dropdown-menu a {line-height: 27px;}
	.theme9_nav .dropdown-menu-right {
    right: 0;
    left: 0px;
    width: 100%;
  }
	.he_header_section .theme9_nav ul li a i {display:inline-block;}
  .theme9_nav .custom_nav_fixed {
        margin: 0px 0px 0px;
        text-align: left;
        background:var(--secondary-color);
        padding: 7px 8px;
        border-radius: 0px;
        border: 1px solid var(--secondary-color);
  }
	.theme9_nav .dropdown-backdrop {position: absolute; top: 0; right: 0; bottom: 0; left:5px; z-index: 9;}
  .he_header_section .theme9_nav {
        padding: 0px;  
        border-top: 1px solid #ccc;
        display: block;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
	.he_header_section .theme9_nav .nav>li>a {padding: 6px 0px;font-weight: 500;}
  .theme9_nav ul li {
        display: block;
        float: none;
        border:1px solid var(--secondary-color);
        border-radius: 10px;
        margin-bottom: 9px;
        background:#fff;
        box-shadow: 0px 0px 6px rgb(7 13 23 / 30%);
    }
	.he_navbar .navbar-toggle .icon-bar {background: var(--secondary-color);}
  .mobile_s .icofont-caret-down{
    float: right;
  }
}
@media screen and (max-width:570px){
    .custom_nav i {font-size: 12px;}
}