.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; }
}

/* 2026 kurumsal acik navbar */
.third-header-bg {
  --nav-border: #d7dde5;
  --nav-muted: #5f6b7c;
  --nav-text: #202a38;
  background: #edf1f5 !important;
  color: #273244;
}

.third-header-bg .header-top-area {
  background: #e6ebf1 !important;
  border-color: #cfd7e1 !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.8);
}

.third-header-bg .header-top-login ul li a,
.third-header-bg .header-top-social ul li a { color: #596679 !important; }
.third-header-bg .header-top-login ul li.or { color: #8a95a5; }
.third-header-bg .header-top-login ul li a {
  padding-right: 15px;
  background: #f7f9fb !important;
  border: 1px solid #cdd5df !important;
  box-shadow: none !important;
}
.third-header-bg .header-top-login ul li a i {
  margin-right: 10px;
  color: #dd5b25 !important;
  background: #edf1f5 !important;
  box-shadow: none !important;
}

.third-header-bg .header-top-social ul li > a:not(.register-button) {
  color: #536176 !important;
  background: #f6f8fa;
  border-color: #cdd5df;
  box-shadow: none;
}

.third-header-bg .header-top-social ul li > a:not(.register-button):hover {
  color: #e15b24 !important;
  background: #fff;
  border-color: #e28a64;
}

.third-header-bg .register-button {
  color: #344055 !important;
  background: #f7f9fb !important;
  border-color: #cbd4df !important;
  box-shadow: none !important;
}

#sticky-header {
  background: rgba(249,250,252,.98) !important;
  border-top-color: #dce2e9 !important;
  border-bottom-color: #cfd7e1 !important;
  box-shadow: 0 7px 20px rgba(34,45,61,.10) !important;
}

.third-header-bg .navbar-wrap > ul > li > a,
.third-header-bg .menu-style-two .navbar-wrap > ul > li > a {
  color: #465367 !important;
  font-weight: 800;
}

.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: #d84e18 !important;
  background: #f3e9e4 !important;
  border-color: #e8c8b9 !important;
}

.third-header-bg .navbar-wrap > ul > li > a.text-warning { color: #d94f19 !important; }
.third-header-bg .navbar-wrap > ul > li > a .nav-caret { color: #8c97a6; }

.third-header-bg .submenu.ch-dd {
  background: #f8fafc !important;
  border-color: #cfd7e1 !important;
  box-shadow: 0 14px 30px rgba(35,46,62,.16) !important;
}

.third-header-bg .submenu-head__inner {
  background: #edf1f5 !important;
  border-bottom-color: #d6dde6 !important;
}
.third-header-bg .submenu-head__title { color: #263144; }
.third-header-bg .submenu.ch-dd li:not(.submenu-head) a { color: #5c687a !important; }
.third-header-bg .submenu.ch-dd li:not(.submenu-head) a:hover {
  color: #d84e18 !important;
  background: #f5e9e3 !important;
  border-color: #ead0c4 !important;
}

/* Mobil: blur ve agir animasyon yok */
.third-header-bg .mobile-header-bar { min-height: 58px; }
.third-header-bg .hbg-btn {
  background: #f7f9fb !important;
  border-color: #cbd4df !important;
  box-shadow: none !important;
  transition: none !important;
}
.third-header-bg .hbg-btn:hover { background: #edf1f5 !important; border-color: #db7448 !important; transform: none !important; }
.third-header-bg .hbg-btn span { background: #344055 !important; transition: none !important; }

.hbg-overlay {
  background: rgba(22,29,39,.48) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
}

.hbg-nav {
  background: #f3f6f9 !important;
  border-right-color: #cbd4df !important;
  box-shadow: 7px 0 20px rgba(28,38,52,.16) !important;
  transition: transform .14s linear !important;
}
.hbg-nav::after { display: none !important; }

.hbg-drawer-head {
  background: #e7ecf2 !important;
  border-bottom-color: #cdd5df !important;
}
.hbg-drawer-brand img { filter: none !important; }
.hbg-drawer-close { color: #4f5d71 !important; background: #f7f9fb !important; border-color: #c8d1dc !important; transition: none !important; }

.hbg-ul { gap: 6px !important; }
.hbg-has-sub {
  background: #fff !important;
  border-color: #d2dae4 !important;
  box-shadow: none !important;
}
.hbg-has-sub > a {
  color: #2e3a4d !important;
  background: #e9eef4 !important;
  border-bottom-color: #d4dce5 !important;
}
.hbg-has-sub > a:hover { color: #d84e18 !important; background: #f2e8e3 !important; }
.hbg-has-sub > a .hbg-ico { background: #f4ddd3 !important; border-color: #e7bca9 !important; }
.hbg-arrow { color: #7b8797 !important; transition: none !important; }
.hbg-sub { background: #fff !important; transition: none !important; }
.hbg-sub li a { color: #596679 !important; transition: none !important; }
.hbg-sub li a:hover { color: #d84e18 !important; background: #f5e9e3 !important; border-color: #ead0c4 !important; padding-left: 12px !important; }

.hbg-ul > li:not(.hbg-divider):not(.hbg-has-sub) > a {
  color: #4f5d70 !important;
  background: #fff !important;
  border-color: #d5dce5 !important;
  transition: none !important;
}
.hbg-ul > li:not(.hbg-divider):not(.hbg-has-sub) > a:hover {
  color: #d84e18 !important;
  background: #f5e9e3 !important;
  border-color: #ead0c4 !important;
  padding-left: 12px !important;
}
.hbg-drawer-foot { color: #738094 !important; background: #e7ecf2; border-top-color: #ccd5df !important; }

@media (prefers-reduced-motion: reduce), (max-width: 991px) {
  .hbg-nav,
  .hbg-overlay,
  .hbg-btn,
  .hbg-btn span,
  .hbg-sub,
  .hbg-arrow { animation: none !important; }
}

/* Navbar altinda sabit, tek katmanli duyuru bandi */
.site-announcement-bar {
  position: relative;
  z-index: 5;
  display: flex;
  width: 100%;
  height: 34px;
  align-items: stretch;
  overflow: hidden;
  color: #dbe2eb;
  border-top: 1px solid #303b49;
  border-bottom: 1px solid #0f151d;
  background: #18212c;
}
.site-announcement-label {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  padding: 0 17px;
  color: #fff;
  background: #df571f;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .8px;
}
.site-announcement-viewport { min-width: 0; flex: 1; overflow: hidden; }
.site-announcement-track {
  display: flex;
  width: max-content;
  min-width: 200%;
  height: 100%;
  align-items: center;
  white-space: nowrap;
  animation: siteAnnouncementFlow 30s linear infinite !important;
  will-change: transform;
}
.site-announcement-group {
  display: flex;
  flex: 0 0 auto;
  min-width: 50%;
  height: 100%;
  align-items: center;
  justify-content: space-around;
}
.site-announcement-track span { padding: 0 18px; color: #d9e0e9; font-size: 9px; font-weight: 800; letter-spacing: .55px; text-transform: uppercase; }
.site-announcement-track b { color: #e6a235; font-size: 10px; }
@keyframes siteAnnouncementFlow {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}
@media (max-width: 575px) {
  .site-announcement-label { padding: 0 10px; }
  .site-announcement-label span { display: none; }
  .site-announcement-track span { padding: 0 12px; font-size: 8px; }
}

/* SultanKO sinematik navbar: solda marka, dengeli yatay menu */
.third-header-bg { background: #090b0e !important; color: #d9dde3 !important; }
.third-header-bg .container.custom-container { width: calc(100% - 32px); max-width: 1460px; }
.third-header-bg .header-top-area {
  min-height: 42px;
  padding: 5px 12px !important;
  background: linear-gradient(180deg,#15191f,#0d1014) !important;
  border-color: #222832 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.third-header-bg .header-top-login ul,
.third-header-bg .header-top-social ul { display: flex; margin: 0; padding: 0; align-items: center; gap: 7px; list-style: none; }
.third-header-bg .header-top-social ul { justify-content: flex-end; }
.third-header-bg .header-top-login ul li,
.third-header-bg .header-top-social ul li { margin: 0 !important; }
.third-header-bg .header-top-login ul li a,
.third-header-bg .header-top-social ul li a { color: #abb3be !important; background: #181d23 !important; border: 1px solid #303740 !important; }
.third-header-bg .header-top-login ul li a { display: inline-flex; min-height: 30px; padding: 0 11px !important; align-items: center; border-radius: 3px; font-size: 8px; font-weight: 900; letter-spacing: .65px; }
.third-header-bg .header-top-login ul li:first-child a { color: #f2d8bb !important; border-color: #693139 !important; background: #5d1016 !important; }
.third-header-bg .header-top-login ul li.or { padding: 0 2px; color: #5e6874 !important; font-size: 7px; font-weight: 900; }
.third-header-bg .header-top-login ul li a i { color: #d98a37 !important; background: transparent !important; }
.third-header-bg .header-top-social ul li > a:not(.register-button),
.third-header-bg .register-button { color: #adb5c0 !important; background: #181d23 !important; border-color: #303740 !important; border-radius: 3px !important; }
.third-header-bg .header-top-social ul li > a:not(.register-button):hover { color: #e4a14a !important; background: #1d232b !important; border-color: #74522c !important; }
.third-header-bg .publisher-link { display: inline-flex !important; width: auto !important; height: 30px !important; padding: 0 12px !important; align-items: center; gap: 7px; color: #f2d8bb !important; border-color: #693139 !important; background: #5d1016 !important; font-size: 8px; font-weight: 900; letter-spacing: .7px; }
.third-header-bg .publisher-link i { color: #d99a4f; background: none !important; box-shadow: none !important; }
.third-header-bg .server-total-gb {
    display: inline-flex;
    height: 30px;
    padding: 0 11px;
    align-items: center;
    gap: 6px;
    border: 1px solid #74522c;
    border-radius: 3px;
    background: linear-gradient(180deg, #24201a, #17191d);
    color: #aeb7c5;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .45px;
    white-space: nowrap;
}
.third-header-bg .server-total-gb > i { color: #e4a14a; font-size: 11px; }
.third-header-bg .server-total-gb > strong { color: #ffd27a; font-family: "Oxanium", sans-serif; font-size: 10px; letter-spacing: .2px; }
.third-header-bg .server-total-gb > em { padding-left: 7px; border-left: 1px solid #5e4930; color: #7ee2a8; font-size: 8px; font-style: normal; letter-spacing: .35px; }
.third-header-bg .server-user-count {
    display: inline-flex;
    height: 30px;
    padding: 0 11px;
    align-items: center;
    gap: 6px;
    border: 1px solid #334b61;
    border-radius: 3px;
    background: linear-gradient(180deg, #1c242c, #17191d);
    color: #aeb7c5;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .4px;
    white-space: nowrap;
}
.third-header-bg .server-user-count > i { color: #68b8e8; font-size: 10px; }
.third-header-bg .server-user-count > strong { color: #9edcff; font-family: "Oxanium", sans-serif; font-size: 10px; }
.site-daily-visitor {
    position: fixed;
    z-index: 990;
    left: 0;
    top: 48%;
    display: flex;
    min-width: 156px;
    align-items: center;
    gap: 9px;
    padding: 9px 11px 9px 8px;
    border: 1px solid rgba(74, 145, 110, .55);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: linear-gradient(135deg, rgba(13,20,24,.96), rgba(22,39,32,.96));
    box-shadow: 0 8px 28px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.04);
    color: #dce7e2;
    font-family: "Oxanium", sans-serif;
    transform: translateY(-50%);
    backdrop-filter: blur(6px);
}
.site-daily-visitor > span { width: 31px; height: 31px; display: grid; flex: 0 0 31px; place-items: center; border: 1px solid rgba(78,211,142,.35); border-radius: 8px; background: rgba(42,159,98,.13); color: #66dda0; }
.site-daily-visitor > div { display: grid; grid-template-columns: 1fr auto; min-width: 0; align-items: center; column-gap: 7px; }
.site-daily-visitor small { grid-column: 1 / -1; color: #8fa69b; font-size: 7px; font-weight: 800; letter-spacing: .7px; white-space: nowrap; }
.site-daily-visitor strong { color: #ecfff5; font-size: 17px; line-height: 1.1; }
.site-daily-visitor em { padding: 2px 4px; border-radius: 4px; background: rgba(45,190,111,.14); color: #62dc9b; font-size: 6px; font-style: normal; font-weight: 900; letter-spacing: .5px; }
@media (max-width: 991px) {
    .site-daily-visitor { top: auto; bottom: 16px; min-width: 132px; padding: 7px 9px 7px 6px; transform: none; }
    .site-daily-visitor > span { width: 27px; height: 27px; flex-basis: 27px; }
    .site-daily-visitor strong { font-size: 14px; }
}
#sticky-header {
  position: relative;
  height: auto !important;
  min-height: 133px;
  background: #0c0f13 !important;
  border-top-color: #351014 !important;
  border-bottom: 1px solid #8e4f57 !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.34) !important;
}
#sticky-header::before {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  height: 99px;
  content: "";
  background-color: #5d080d;
  background-image: url('../Public/Web/img/menu_bg.png');
  background-repeat: repeat-x;
  background-position: left center;
  background-size: auto;
}
#sticky-header > .container.custom-container {
  position: relative;
  z-index: 50;
  height: 99px;
  overflow: visible !important;
}
.third-header-bg .main-menu,
.third-header-bg .main-menu nav {
  position: relative;
  z-index: 60;
  width: 100%;
  overflow: visible !important;
}
.third-header-bg .main-menu { position: relative; z-index: 60; width: 100%; overflow: visible !important; }
.third-header-bg .menu-style-two .navbar-wrap,
.third-header-bg .sticky-menu .navbar-wrap {
  display: flex !important;
  min-height: 99px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.third-header-bg .navbar-wrap .logo,
.third-header-bg .sticky-menu .navbar-wrap .logo,
.navbar-wrap .logo {
  position: static !important;
  order: 1 !important;
  left: auto !important;
  top: auto !important;
  margin: 0 30px 0 0 !important;
  transform: translateY(-26px) !important;
}
.third-header-bg .navbar-wrap .logo img,
.third-header-bg .sticky-menu .navbar-wrap .logo img {
  width: 164px !important;
  max-width: 164px !important;
  filter: drop-shadow(0 5px 15px rgba(0,0,0,.5)) !important;
}
.third-header-bg .navbar-wrap > ul.left { order: 2 !important; margin: 0 !important; }
.third-header-bg .navbar-wrap > ul.right { order: 3 !important; margin: 0 0 0 auto !important; }
.third-header-bg .navbar-wrap > ul { display: flex; position: relative; z-index: 70; align-items: center; gap: 0 !important; transform: translateY(-26px); }
.third-header-bg .menu-style-two .navbar-wrap > ul > li + li { margin-left: 1px !important; }
.third-header-bg .navbar-wrap > ul > li > a,
.third-header-bg .menu-style-two .navbar-wrap > ul > li > a {
  height: 52px;
  padding: 0 9px !important;
  color: #b8c0ca !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .5px;
}
.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: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(0,0,0,.18) 100%) !important;
  box-shadow: inset 0 -2px 0 #e0a34e !important;
}
.third-header-bg .navbar-wrap > ul > li > a.text-warning { color: #e2a24e !important; }
.third-header-bg .submenu.ch-dd { z-index: 10090 !important; background: #11161c !important; border-color: #303844 !important; box-shadow: 0 18px 44px rgba(0,0,0,.5) !important; }
.third-header-bg .submenu-head__inner { background: #171d24 !important; border-bottom-color: #303844 !important; }
.third-header-bg .submenu-head__title { color: #eef0f3 !important; }
.third-header-bg .submenu.ch-dd li:not(.submenu-head) a { color: #aeb7c2 !important; }
.third-header-bg .submenu.ch-dd li:not(.submenu-head) a:hover { color: #efa84c !important; background: #1b222a !important; border-color: #3b4653 !important; }
@media (max-width: 1199px) and (min-width: 992px) {
  .third-header-bg .navbar-wrap .logo img { width: 132px !important; max-width: 132px !important; }
  .third-header-bg .navbar-wrap .logo { margin-right: 14px !important; }
  .third-header-bg .menu-style-two .navbar-wrap > ul > li > a { padding-right: 6px !important; padding-left: 6px !important; font-size: 8px; }
}
@media (max-width: 991px) {
  .third-header-bg { padding: 0 !important; }
  #sticky-header.sticky-menu { padding: 0 !important; }
  #sticky-header { min-height: 90px; }
  #sticky-header::before, #sticky-header > .container.custom-container { height: 56px; }
  .third-header-bg .mobile-header-bar { min-height: 56px !important; }
  .third-header-bg .mobile-header-logo img { filter: drop-shadow(0 4px 12px rgba(0,0,0,.5)) !important; }
  .third-header-bg .hbg-btn { background: #151a20 !important; border-color: #303843 !important; }
  .third-header-bg .hbg-btn span { background: #d8dde3 !important; }
  .hbg-nav { background: #11161c !important; border-right-color: #303844 !important; }
  .hbg-drawer-head, .hbg-drawer-foot { background: #171d24 !important; border-color: #303844 !important; }
  .hbg-has-sub, .hbg-ul > li:not(.hbg-divider):not(.hbg-has-sub) > a { background: #171d24 !important; border-color: #303844 !important; }
  .hbg-has-sub > a { color: #eef1f4 !important; background: #1b222a !important; border-color: #303844 !important; }
  .hbg-sub { background: #11161c !important; }
  .hbg-sub li a, .hbg-ul > li:not(.hbg-divider):not(.hbg-has-sub) > a { color: #b9c1cc !important; }
}