.third-header-bg {
  --nav-accent: #f06a31;
  --nav-accent-glow: rgba(238,85,25,.24);
  --nav-border: #3a4453;
  --nav-muted: #b2bbc9;
  --nav-text: #f3f5f8;
  background: #202732;
}
.third-header-bg > .bg { display: none; }
.third-header-bg .header-top-area {
  margin: 0;
  padding: 7px 10px;
  background: #1c222c;
  border: 1px solid #343d4a;
  border-top: 0;
  border-radius: 0 0 12px 12px;
}
.third-header-bg .header-top-login ul li a,
.third-header-bg .header-top-social ul li a { color: #aeb7c5 !important; }
.third-header-bg .header-top-login ul li a:hover,
.third-header-bg .header-top-social ul li a:hover { color: #ff8b59 !important; }
.third-header-bg .header-top-login ul li.or { color: #687487; }
.third-header-bg .header-top-login i { color: #f07845; }
.third-header-bg .header-top-social ul li > a:not(.register-button) {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #aeb7c5 !important;
  background: #28313d;
  border: 1px solid #3b4655;
  border-radius: 8px;
}
.third-header-bg .header-top-social ul li > a:not(.register-button):hover {
  color: #fff !important;
  background: #343f4e;
  border-color: #e36a37;
}
.third-header-bg .register-button {
  color: #fff !important;
  background: #303a48 !important;
  border: 1px solid #455164 !important;
  border-radius: 8px !important;
}
.third-header-bg .register-button:hover { background: #dc5a24 !important; border-color: #ec7948 !important; }

#sticky-header {
  background: rgba(37,44,56,.98);
  border-top: 1px solid #343d4a;
  border-bottom: 1px solid #404a59;
  box-shadow: 0 9px 26px rgba(12,17,24,.26);
}
.third-header-bg .navbar-wrap > ul > li > a,
.third-header-bg .menu-style-two .navbar-wrap > ul > li > a {
  color: #c7ced9 !important;
  font-weight: 700;
}
.third-header-bg .navbar-wrap > ul > li:hover > a,
.third-header-bg .navbar-wrap > ul > li.show > a,
.third-header-bg .navbar-wrap > ul > li:focus-within > a {
  color: #fff !important;
  background: #343d4b;
  border-color: #535e6e;
}
.third-header-bg .navbar-wrap > ul > li > a.text-warning { color: #ff8b59 !important; }
.third-header-bg .navbar-wrap > ul > li > a .nav-caret { color: #808b9c; }
.third-header-bg .navbar-wrap > ul > li:hover > a .nav-caret { color: #ff8b59; }
.third-header-bg .navbar-wrap .logo img {
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.28)) !important;
}
.third-header-bg .navbar-wrap .logo img:hover {
  filter: drop-shadow(0 8px 18px rgba(238,85,25,.25)) !important;
}

.third-header-bg .submenu.ch-dd {
  padding: 5px !important;
  background: #2b3441 !important;
  border-color: #465263 !important;
  box-shadow: 0 18px 42px rgba(10,14,20,.38) !important;
}
.third-header-bg .submenu-head__inner {
  background: linear-gradient(90deg,#3b3432,#303946 76%);
  border-bottom-color: #465161;
  border-radius: 7px 7px 4px 4px;
}
.third-header-bg .submenu-head__icon { color: #ff8b59; background: rgba(238,85,25,.13); border-color: rgba(240,120,69,.34); }
.third-header-bg .submenu-head__title { color: #f3f5f8; }
.third-header-bg .submenu-head__title span { color: #ff8b59; }
.third-header-bg .submenu.ch-dd li:not(.submenu-head) a { color: #bcc5d1 !important; }
.third-header-bg .submenu.ch-dd li:not(.submenu-head) a:hover {
  color: #fff !important;
  background: #394452 !important;
  border-color: #566274 !important;
}

.third-header-bg .mobile-header-bar { min-height: 62px; }
.third-header-bg .mobile-header-logo img { filter: drop-shadow(0 6px 12px rgba(0,0,0,.25)); }
.third-header-bg .hbg-btn {
  background: #2d3643;
  border-color: #465263;
  box-shadow: 0 6px 16px rgba(9,13,19,.2);
}
.third-header-bg .hbg-btn:hover { background: #3a4351; border-color: #e07141; }
.third-header-bg .hbg-btn span { background: linear-gradient(90deg,#eef1f5,#f07845); }
.hbg-nav { background: #252d38; border-right-color: #414c5c; box-shadow: 8px 0 40px rgba(8,12,18,.42); }
.hbg-drawer-head { background: linear-gradient(90deg,#3b3432,#29323e 74%); border-bottom-color: #414c5c; }
.hbg-drawer-close { color: #c5ccd7; background: #303946; border-color: #4b5768; }
.hbg-drawer-close:hover { color: #fff; background: #3d4654; border-color: #df7040; }
.hbg-has-sub { background: #2b3441; border-color: #424e5e; box-shadow: 0 6px 18px rgba(9,13,19,.15); }
.hbg-has-sub > a { color: #edf0f4 !important; background: linear-gradient(90deg,#3a3432,#303946 76%); border-bottom-color: #465161; }
.hbg-has-sub > a:hover { color: #fff !important; background: #3a4351; }
.hbg-ul > li:not(.hbg-divider):not(.hbg-has-sub) > a,
.hbg-sub li a { color: #b9c2cf; }
.hbg-ul > li:not(.hbg-divider):not(.hbg-has-sub) > a:hover,
.hbg-sub li a:hover { color: #fff; background: #35404e; border-color: #505d6e; }
.hbg-arrow { color: #818c9d; }
.hbg-drawer-foot { color: #7f8a9a; border-top-color: #404b5a; }
.hbg-divider { background: linear-gradient(90deg,transparent,#8c5c48,transparent); }

@media (max-width:1199px) and (min-width:992px) {
  .third-header-bg .menu-style-two .navbar-wrap > ul > li > a { padding-left:8px !important; padding-right:8px !important; font-size:9px; }
  .third-header-bg .navbar-wrap .logo img { width:150px !important; max-width:150px !important; }
}
