/**
 * KNC Flatsome header and main navigation
 * Generated from keonhacai10-flatsome-optimized.css.
 * Load through inc/knc-assets.php; do not use @import.
 */

#header {
position: relative;
  z-index: 9999;
}

.header-wrapper {
background: var(--background-dark);
}

.header-main {
position: relative;
  height: 92px;
  min-height: 92px !important;
  background-image: linear-gradient(
    90deg,
    rgba(255,255,255,.04) 0%,
    rgba(1,45,34,.05) 28%,
    rgba(1,45,34,.24) 55%,
    rgba(1,45,34,.55) 100%
    ),
    var(--knc-stadium-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(var(--knc-green-rgb),.65);
  box-shadow: 0 2px 15px rgba(0,0,0,.35),
    inset 0 -1px 0 rgba(var(--knc-green-edge-rgb),.15);
  overflow: visible;
}

.header-main::before {
content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 35%,
    rgba(var(--knc-green-rgb),.08) 65%,
    rgba(var(--knc-green-rgb),.14) 100%
    );
}

.header-main .header-inner {
height: 92px;
  min-height: 92px !important;
  max-width: 1480px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.header-logo,
.header-logo a {
display: flex;
  align-items: center;
  height: 92px;
}

.header-logo img {
display: block;
  width: auto;
  max-width: 305px;
  max-height: 68px;
  object-fit: contain;
}

.header-nav {
height: 92px;
}

.header-nav > li > a {
letter-spacing: .1px;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

.header-nav > li > a::after {
position: absolute;
  left: 13px;
  right: 13px;
  bottom: 0;
  height: 3px;
  background: var(--knc-green);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
  box-shadow: 0 0 8px rgba(var(--knc-green-rgb),.65);
}

.header-nav > li:hover > a::after,
.header-nav > li.active > a::after,
.header-nav > li.current-menu-item > a::after,
.header-nav > li.current_page_item > a::after {
transform: scaleX(1);
}

.header-inner .flex-col.logo {
position: relative;
  z-index: 3;
  flex: 0 0 365px;
  min-width: 365px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header-inner .flex-col.logo::after {
position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  pointer-events: none;
}

.header-inner .flex-col.nav {
flex: 1 1 auto;
}

.header-inner .flex-col.nav-left {
justify-content: flex-start;
}

.header-nav .sub-menu li a {
color: var(--knc-white) !important;
  font-size: 13px;
  padding: 10px 16px;
  transition: background .2s ease,
    color .2s ease;
}

.header-main .header-inner::after {
content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--knc-green-rgb),.8),
    transparent
    );
}

.stuck .header-main {
height: 72px;
  min-height: 72px !important;
  box-shadow: 0 3px 20px rgba(0,0,0,.45);
}

.stuck .header-main .header-inner {
height: 72px;
  min-height: 72px !important;
}

.stuck .header-nav,
.stuck .header-nav > li,
.stuck .header-nav > li > a,
.stuck .header-logo,
.stuck .header-logo a,
.stuck .header-inner .flex-col.logo {
height: 72px;
}

.stuck .header-logo img {
max-width: 260px;
  max-height: 54px;
}

@media (max-width: 1099px) {
  .header-main,
  .header-main .header-inner,
  .header-logo,
  .header-logo a,
  .header-nav,
  .header-nav > li,
  .header-nav > li > a {
  height: 82px;
  }

  .header-main,
  .header-main .header-inner {
  min-height: 82px !important;
  }

  .header-inner .flex-col.logo {
  flex-basis: 315px;
      min-width: 315px;
      height: 82px;
      padding-left: 24px;
      padding-right: 34px;
  }

  .header-logo img {
  max-width: 265px;
      max-height: 60px;
  }

  .header-nav > li > a {
  padding-left: 9px !important;
      padding-right: 9px !important;
      font-size: 13px;
  }
}

@media (max-width: 849px) {
  .header-inner .flex-col.logo {
  flex-basis: 250px;
      margin-left: -10px;
      padding-left: 18px;
      padding-right: 26px;
  }

  .stuck .header-main,
  .stuck .header-main .header-inner,
  .stuck .header-logo,
  .stuck .header-logo a,
  .stuck .header-nav,
  .stuck .header-nav > li,
  .stuck .header-nav > li > a {
  height: 60px;
      min-height: 60px !important;
  }

  .stuck .header-inner .flex-col.logo {
  flex-basis: 225px;
  }
}

@media (max-width: 849px) {
  .header-main {
  height: var(--knc-header-stuck-height);
      min-height: var(--knc-header-stuck-height) !important;
  }

  .header-main .header-inner {
  height: var(--knc-header-stuck-height);
      min-height: var(--knc-header-stuck-height) !important;
      padding-left: 12px;
      padding-right: 12px;
  }

  .header-nav {
  height: var(--knc-header-stuck-height);
  }
}

@media (max-width: 480px) {
  .header-main .header-inner {
  padding-left: 8px;
      padding-right: 8px;
  }
}

.header-nav > li {
height: var(--knc-header-height) !important;
  display: flex !important;
  align-items: center !important;
}

.header-nav > li > a {
position: relative !important;
  height: 40px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 3px !important;
  padding: 0 13px !important;
  color: var(--knc-white) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: color .22s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.header-nav > li > a::after {
display: none !important;
  content: none !important;
}

.header-nav > li:hover > a {
color: var(--knc-green-active) !important;
  border-color: rgba(var(--knc-green-light-rgb),.55) !important;
  background: rgba(var(--knc-green-rgb),.10) !important;
  box-shadow: inset 0 0 0 1px
    rgba(255,255,255,.03),
    0 2px 8px
    rgba(0,0,0,.18) !important;
}

.header-nav > li.current-menu-item > a,
.header-nav > li.current_page_item > a,
.header-nav > li.active > a,
.header-nav > li.current-menu-ancestor > a,
.header-nav > li.current-menu-parent > a,
.header-nav > li.current_page_parent > a,
.header-nav > li.current_page_ancestor > a {
color: var(--knc-green-selected-text) !important;
  border: 1px solid
    rgba(var(--knc-green-light-rgb),.95) !important;
  background: linear-gradient(
    180deg,
    rgba(var(--knc-green-rgb),.30),
    rgba(var(--knc-green-shadow-dark-rgb),.18)
    ) !important;
  border-radius: 7px !important;
  box-shadow: 0 0 0 1px
    rgba(var(--knc-green-rgb),.10),
    0 2px 10px
    rgba(0,0,0,.22),
    inset 0 1px 0
    rgba(255,255,255,.08) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
}

.header-nav > li.current-menu-item:hover > a,
.header-nav > li.current_page_item:hover > a,
.header-nav > li.active:hover > a,
.header-nav > li.current-menu-ancestor:hover > a,
.header-nav > li.current-menu-parent:hover > a,
.header-nav > li.current_page_parent:hover > a,
.header-nav > li.current_page_ancestor:hover > a {
color: var(--knc-green-hover-text) !important;
  border-color: var(--knc-green-light) !important;
  background: linear-gradient(
    180deg,
    rgba(var(--knc-green-rgb),.38),
    rgba(var(--knc-green-shadow-dark-rgb),.24)
    ) !important;
  box-shadow: 0 0 10px
    rgba(var(--knc-green-rgb),.20),
    inset 0 1px 0
    rgba(255,255,255,.10) !important;
}

.header-nav .sub-menu {
background: var(--knc-header-bg) !important;
  border: 1px solid
    rgba(var(--knc-green-rgb),.55) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px
    rgba(0,0,0,.40) !important;
  overflow: hidden !important;
}

.header-nav .sub-menu li > a {
color: var(--knc-link-gold) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  padding: 10px 15px !important;
  transition: color .2s ease,
    background .2s ease;
}

.header-nav .sub-menu li:hover > a {
color: var(--knc-white) !important;
  background: linear-gradient(
    90deg,
    var(--knc-green-dark),
    var(--knc-green)
    ) !important;
}

.header-nav .sub-menu li.current-menu-item > a,
.header-nav .sub-menu li.current_page_item > a {
color: var(--knc-green-selected-text) !important;
  background: rgba(var(--knc-green-rgb),.20) !important;
}

.header-nav .nav-dropdown > a:after {
color: var(--knc-green-light) !important;
}

.header-main .header-inner {
position: relative;
  z-index: 2;
}

@media (max-width: 849px) {
  .header-nav > li {
  height: var(--knc-header-stuck-height) !important;
  }

  .header-nav > li > a {
  height: var(--knc-sidebar-title-height) !important;
      min-height: var(--knc-sidebar-title-height) !important;
      margin: 0 2px !important;
      padding: 0 9px !important;
      font-size: 13px !important;
      border-radius: 6px !important;
  }
}

@media (max-width: 480px) {
  .header-nav > li > a {
  height: 36px !important;
      min-height: 36px !important;
      padding: 0 8px !important;
      font-size: 12px !important;
      border-radius: 6px !important;
  }
}

.header-inner .flex-col.logo,
.stuck .header-inner .flex-col.logo {
isolation: auto !important;
  margin-left: 0 !important;
  padding: 0 24px 0 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  clip-path: none !important;
  box-shadow: none !important;
}

.header-inner .flex-col.logo::before,
.header-inner .flex-col.logo::after {
display: none !important;
  content: none !important;
  background: none !important;
}

.header-logo,
.header-logo a {
background: transparent !important;
}

.header-logo img {
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .42)) !important;
}

@media (min-width: 850px) {
  .header-main,
  .header-main .header-inner,
  .header-logo,
  .header-logo a {
  height: 92px !important;
      min-height: 92px !important;
  }

  .header-inner .flex-col.logo {
  flex: 0 0 350px !important;
      min-width: 350px !important;
      height: 92px !important;
  }

  .header-logo img {
  width: auto !important;
      max-width: 325px !important;
      max-height: 76px !important;
      object-fit: contain !important;
  }

  .header-nav > li:hover > a {
  border-color: rgba(var(--knc-green-light-rgb), .55) !important;
  }

  .header-nav > li.current-menu-item > a,
  .header-nav > li.current_page_item > a,
  .header-nav > li.active > a,
  .header-nav > li.current-menu-ancestor > a,
  .header-nav > li.current-menu-parent > a,
  .header-nav > li.current_page_parent > a,
  .header-nav > li.current_page_ancestor > a {
  border-radius: 7px !important;
  }

  .header-nav > li.current-menu-item:hover > a,
  .header-nav > li.current_page_item:hover > a,
  .header-nav > li.active:hover > a,
  .header-nav > li.current-menu-ancestor:hover > a,
  .header-nav > li.current-menu-parent:hover > a,
  .header-nav > li.current_page_parent:hover > a,
  .header-nav > li.current_page_ancestor:hover > a {
  color: var(--knc-green-hover-text) !important;
      border-color: var(--knc-green-light) !important;
      background: linear-gradient(
        180deg,
        rgba(var(--knc-green-rgb), .38),
        rgba(var(--knc-green-shadow-dark-rgb), .24)
        ) !important;
  }

  .stuck .header-main,
  .stuck .header-main .header-inner,
  .stuck .header-logo,
  .stuck .header-logo a {
  height: 72px !important;
      min-height: 72px !important;
  }

  .stuck .header-inner .flex-col.logo {
  height: 72px !important;
  }

  .stuck .header-logo img {
  max-width: 285px !important;
      max-height: 60px !important;
  }
}

@media (min-width: 850px) and (max-width: 1099px) {
  .header-inner .flex-col.logo {
  flex-basis: 290px !important;
      min-width: 290px !important;
      padding-right: 16px !important;
  }

  .header-logo img {
  max-width: 270px !important;
      max-height: 66px !important;
  }

  .header-nav > li {
  margin: 0 1px !important;
  }
}

@media (max-width: 849px) {
  .header-inner .flex-col.logo,
  .stuck .header-inner .flex-col.logo {
  flex: 0 1 auto !important;
      min-width: 0 !important;
      height: 64px !important;
      margin: 0 !important;
      padding: 0 12px 0 0 !important;
  }

  .header-logo,
  .header-logo a {
  height: 64px !important;
      min-height: 64px !important;
  }

  .header-logo img,
  .stuck .header-logo img {
  width: auto !important;
      max-width: 235px !important;
      max-height: 52px !important;
  }
}

@media (min-width: 850px) {
  .header-nav,
  .header-nav > li {
  height: 92px !important;
      min-height: 92px !important;
  }

  .header-nav > li {
  position: relative !important;
      display: flex !important;
      align-items: stretch !important;
      margin: 0 1px !important;
      overflow: visible !important;
  }

  .header-nav > li > a {
  --knc-menu-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScyJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSc5Jy8+PHBhdGggZD0nbTEyIDcgMyAyLTEgNGgtNEw5IDlsMy0yWm0tMyAyLTQgMW0xMC0xIDQgMW0tOSAzLTMgNG03LTQgMyA0bS01IDR2LTQnLz48L3N2Zz4=");
      position: relative !important;
      isolation: isolate !important;
      height: 92px !important;
      min-height: 92px !important;
      margin: 0 !important;
      padding: 9px 20px 8px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 6px !important;
      color: var(--white) !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      line-height: 1.1 !important;
      white-space: nowrap !important;
      border: 0 !important;
      border-radius: 0 !important;
      clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%) !important;
      background: transparent !important;
      box-shadow: none !important;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;
      transition: color .22s ease, background .22s ease, box-shadow .22s ease !important;
      overflow: hidden !important;
  }

  .header-nav > li > a::before {
  content: "" !important;
      position: relative !important;
      inset: auto !important;
      display: block !important;
      flex: 0 0 23px !important;
      width: 23px !important;
      height: 23px !important;
      margin: 0 !important;
      padding: 0 !important;
      z-index: 2 !important;
      background-color: currentColor !important;
      -webkit-mask: var(--knc-menu-icon) center / contain no-repeat !important;
      mask: var(--knc-menu-icon) center / contain no-repeat !important;
      opacity: .96 !important;
      transform: none !important;
  }

  .header-nav > li > a::after {
  content: "" !important;
      position: absolute !important;
      inset: 0 !important;
      display: block !important;
      width: auto !important;
      height: auto !important;
      z-index: 1 !important;
      box-shadow: none !important;
      transform-origin: center !important;
      pointer-events: none !important;
  }

  .header-nav > li:nth-child(1) > a {
  --knc-menu-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScyJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSc5Jy8+PHBhdGggZD0nbTEyIDcgMyAyLTEgNGgtNEw5IDlsMy0yWm0tMyAyLTQgMW0xMC0xIDQgMW0tOSAzLTMgNG03LTQgMyA0bS01IDR2LTQnLz48L3N2Zz4=");
  }

  .header-nav > li:nth-child(2) > a {
  --knc-menu-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScyJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSczJyBmaWxsPSdibGFjaycvPjxwYXRoIGQ9J003LjggNy44YTYgNiAwIDAgMCAwIDguNG04LjQgMGE2IDYgMCAwIDAgMC04LjRNNC45IDQuOWExMCAxMCAwIDAgMCAwIDE0LjJtMTQuMiAwYTEwIDEwIDAgMCAwIDAtMTQuMicvPjwvc3ZnPg==");
  }

  .header-nav > li:nth-child(3) > a {
  --knc-menu-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScyJz48cmVjdCB4PSczJyB5PSc1JyB3aWR0aD0nMTgnIGhlaWdodD0nMTYnIHJ4PScyJy8+PHBhdGggZD0nTTggM3Y0bTgtNHY0TTMgMTBoMThNNyAxNGgzbTQgMGgzbS0xMCA0aDNtNCAwaDMnLz48L3N2Zz4=");
  }

  .header-nav > li:nth-child(4) > a {
  --knc-menu-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScyJz48cGF0aCBkPSdNOCA0aDh2NGMwIDQtMiA2LTQgNnMtNC0yLTQtNlY0Wm00IDEwdjRtLTQgMmg4TTggNkg0djJjMCAzIDIgNCA1IDRtNy02aDR2MmMwIDMtMiA0LTUgNCcvPjwvc3ZnPg==");
  }

  .header-nav > li:nth-child(5) > a {
  --knc-menu-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nYmxhY2snPjxwYXRoIGQ9J000IDEzaDR2N0g0di03Wm02LTVoNHYxMmgtNFY4Wm02LTVoNHYxN2gtNFYzWicvPjwvc3ZnPg==");
  }

  .header-nav > li:nth-child(6) > a {
  --knc-menu-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nYmxhY2snPjxwYXRoIGQ9J20xMiAyIDMuMSA2LjMgNi45IDEtNSA0LjkgMS4yIDYuOC02LjItMy4yTDUuOCAyMSA3IDE0LjIgMiA5LjNsNi45LTFMMTIgMlonLz48L3N2Zz4=");
  }

  .header-nav > li:nth-child(7) > a {
  --knc-menu-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdibGFjaycgc3Ryb2tlLXdpZHRoPScyJz48cmVjdCB4PSczJyB5PSc0JyB3aWR0aD0nMTgnIGhlaWdodD0nMTYnIHJ4PScyJy8+PHBhdGggZD0nTTcgOGgxME03IDEyaDRtMiAwaDRNNyAxNmg0bTIgMGg0Jy8+PC9zdmc+");
  }

  .header-nav > li:hover > a,
  .header-nav > li.current-menu-item > a,
  .header-nav > li.current_page_item > a,
  .header-nav > li.active > a,
  .header-nav > li.current-menu-ancestor > a,
  .header-nav > li.current-menu-parent > a,
  .header-nav > li.current_page_parent > a,
  .header-nav > li.current_page_ancestor > a {
  border: 0 !important;
  }

  .stuck .header-nav,
  .stuck .header-nav > li,
  .stuck .header-nav > li > a {
  height: 72px !important;
      min-height: 72px !important;
  }

  .stuck .header-nav > li > a {
  gap: 4px !important;
      padding-top: 6px !important;
      padding-bottom: 5px !important;
  }

  .stuck .header-nav > li > a::before {
  flex-basis: 19px !important;
      width: 19px !important;
      height: 19px !important;
  }
}

@media (min-width: 850px) and (max-width: 1099px) {
  .header-nav > li > a {
  padding-right: 12px !important;
      padding-left: 12px !important;
      font-size: 12px !important;
  }

  .header-nav > li > a::before {
  flex-basis: 20px !important;
      width: 20px !important;
      height: 20px !important;
  }
}

@media (min-width: 850px) {
  .header-main::after {
  position: absolute !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 3px !important;
      z-index: 4 !important;
      background: linear-gradient(90deg, var(--primary-dark) 0%, var(--primary) 18%, var(--primary-light) 50%, var(--primary) 82%, var(--primary-dark) 100%) !important;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .12), 0 0 8px rgba(var(--knc-green-glow-rgb), .24) !important;
      pointer-events: none !important;
  }

  .header-main .header-inner::after {
  display: none !important;
      content: none !important;
  }

  .header-nav > li > a::after {
  background: linear-gradient(108deg, transparent 0%, transparent 16%, rgba(var(--knc-green-light-rgb), .08) 16%, rgba(var(--knc-green-light-rgb), .08) 36%, transparent 36%, transparent 43%, rgba(var(--knc-green-light-rgb), .18) 43%, rgba(var(--knc-green-light-rgb), .18) 60%, transparent 60%, transparent 67%, rgba(255, 255, 255, .25) 67%, rgba(255, 255, 255, .25) 79%, transparent 79%, transparent 100%) !important;
      opacity: 0 !important;
      transform: none !important;
      transition: opacity .2s ease !important;
  }

  .header-nav > li:hover > a,
  .header-nav > li.current-menu-item > a,
  .header-nav > li.current_page_item > a,
  .header-nav > li.active > a,
  .header-nav > li.current-menu-ancestor > a,
  .header-nav > li.current-menu-parent > a,
  .header-nav > li.current_page_parent > a,
  .header-nav > li.current_page_ancestor > a {
  color: var(--primary-light) !important;
      background: linear-gradient(180deg, rgba(13, 93, 62, .96) 0%, rgba(var(--knc-header-overlay-rgb), .96) 100%) !important;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .55), 0 0 8px rgba(var(--knc-green-glow-rgb), .18) !important;
  }

  .header-nav > li:hover > a::after,
  .header-nav > li.current-menu-item > a::after,
  .header-nav > li.current_page_item > a::after,
  .header-nav > li.active > a::after,
  .header-nav > li.current-menu-ancestor > a::after,
  .header-nav > li.current-menu-parent > a::after,
  .header-nav > li.current_page_parent > a::after,
  .header-nav > li.current_page_ancestor > a::after {
  opacity: 1 !important;
      transform: none !important;
  }
}

@media (min-width: 850px) {
  .header-main::after {
  display: none !important;
      content: none !important;
  }

  .header-nav > li:hover > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 0 15px rgba(var(--knc-green-glow-rgb), .12) !important;
  }

  .header-nav > li.current-menu-item > a,
  .header-nav > li.current_page_item > a,
  .header-nav > li.active > a,
  .header-nav > li.current-menu-ancestor > a,
  .header-nav > li.current-menu-parent > a,
  .header-nav > li.current_page_parent > a,
  .header-nav > li.current_page_ancestor > a,
  .header-nav > li.current-menu-item:hover > a,
  .header-nav > li.current_page_item:hover > a,
  .header-nav > li.active:hover > a,
  .header-nav > li.current-menu-ancestor:hover > a,
  .header-nav > li.current-menu-parent:hover > a,
  .header-nav > li.current_page_parent:hover > a,
  .header-nav > li.current_page_ancestor:hover > a {
  box-shadow: inset 0 -4px 0 var(--primary-light), inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 16px rgba(var(--knc-green-glow-rgb), .16) !important;
  }
}

#header {
--knc-top-menu-height: 52px;
  --knc-menu-gold: #D8B34A;
  --knc-menu-gold-light: #F3D36A;
}

@media (min-width: 850px) {
  #header .header-nav,
  #header .header-nav > li {
  height: var(--knc-top-menu-height) !important;
      min-height: var(--knc-top-menu-height) !important;
  }

  #header .header-nav {
  align-items: stretch !important;
  }

  #header .header-nav > li {
  position: relative !important;
      align-items: stretch !important;
      margin: 0 2px !important;
      overflow: visible !important;
  }

  #header .header-nav > li + li::before {
  content: "";
      position: absolute;
      top: 17px;
      bottom: 17px;
      left: -2px;
      width: 1px;
      z-index: 0;
      background: rgba(255, 255, 255, .10);
      transform: skewX(-12deg);
      pointer-events: none;
  }

  #header .header-nav > li > a {
  position: relative !important;
      isolation: isolate !important;
      height: var(--knc-top-menu-height) !important;
      min-height: var(--knc-top-menu-height) !important;
      margin: 0 !important;
      padding: 0 24px !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
      overflow: hidden !important;
      color: var(--knc-white) !important;
      font-size: 14px !important;
      font-weight: 700 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
      text-transform: uppercase;
      border: 0 !important;
      border-radius: 0 !important;
      clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important;
      background: transparent !important;
      box-shadow: none !important;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .55) !important;
      transition:
        color .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
  }

  #header .header-nav > li > a::before {
  content: "" !important;
      position: absolute !important;
      top: -18% !important;
      bottom: auto !important;
      left: -48% !important;
      width: 28% !important;
      height: 136% !important;
      min-width: 0 !important;
      flex: none !important;
      z-index: 1 !important;
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      opacity: 0 !important;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, .24),
        rgba(var(--knc-green-light-rgb), .20),
        transparent
      ) !important;
      -webkit-mask: none !important;
      mask: none !important;
      transform: skewX(-20deg) !important;
      transition: left .42s ease, opacity .18s ease !important;
      pointer-events: none !important;
  }

  #header .header-nav > li > a::after {
  display: none !important;
      content: none !important;
  }

  #header .header-nav > li::after {
  content: "";
      position: absolute;
      right: 11px;
      bottom: 0;
      left: 11px;
      height: 2px;
      z-index: 4;
      opacity: 0;
      background: linear-gradient(
        90deg,
        transparent,
        var(--knc-green-light),
        transparent
      );
      box-shadow: 0 0 8px rgba(var(--knc-green-glow-rgb), .45);
      transform: scaleX(.25);
      transform-origin: center;
      transition:
        opacity .2s ease,
        transform .24s ease,
        background .2s ease,
        box-shadow .2s ease;
      pointer-events: none;
  }

  #header .header-nav > li:hover > a {
  color: var(--knc-green-light) !important;
      background: linear-gradient(
        110deg,
        rgba(1, 62, 43, .96) 0%,
        rgba(13, 93, 62, .86) 58%,
        rgba(0, 185, 79, .28) 100%
      ) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 -2px 0 rgba(var(--knc-green-light-rgb), .18),
        0 0 14px rgba(var(--knc-green-rgb), .12) !important;
  }

  #header .header-nav > li:hover > a::before {
  left: 118% !important;
      opacity: 1 !important;
  }

  #header .header-nav > li:hover::after {
  opacity: 1;
      transform: scaleX(1);
  }

  #header .header-nav > li.current-menu-item > a,
  #header .header-nav > li.current_page_item > a,
  #header .header-nav > li.active > a,
  #header .header-nav > li.current-menu-ancestor > a,
  #header .header-nav > li.current-menu-parent > a,
  #header .header-nav > li.current_page_parent > a,
  #header .header-nav > li.current_page_ancestor > a,
  #header .header-nav > li.current-menu-item:hover > a,
  #header .header-nav > li.current_page_item:hover > a,
  #header .header-nav > li.active:hover > a,
  #header .header-nav > li.current-menu-ancestor:hover > a,
  #header .header-nav > li.current-menu-parent:hover > a,
  #header .header-nav > li.current_page_parent:hover > a,
  #header .header-nav > li.current_page_ancestor:hover > a {
  color: var(--knc-white) !important;
      background: linear-gradient(
        110deg,
        #006B34 0%,
        var(--knc-green) 52%,
        var(--knc-green-light) 100%
      ) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .20),
        inset 0 -2px 0 rgba(1, 62, 43, .24),
        0 0 16px rgba(var(--knc-green-rgb), .20) !important;
  }

  #header .header-nav > li.current-menu-item::after,
  #header .header-nav > li.current_page_item::after,
  #header .header-nav > li.active::after,
  #header .header-nav > li.current-menu-ancestor::after,
  #header .header-nav > li.current-menu-parent::after,
  #header .header-nav > li.current_page_parent::after,
  #header .header-nav > li.current_page_ancestor::after {
  height: 3px;
      opacity: 1;
      background: linear-gradient(
        90deg,
        transparent,
        var(--knc-menu-gold),
        var(--knc-menu-gold-light),
        var(--knc-menu-gold),
        transparent
      );
      box-shadow: 0 0 8px rgba(216, 179, 74, .58);
      transform: scaleX(1);
  }
}

@media (min-width: 850px) and (max-width: 1099px) {
  #header .header-nav > li > a {
  padding-right: 14px !important;
      padding-left: 14px !important;
      font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) and (min-width: 850px) {
  #header .header-nav > li > a,
  #header .header-nav > li > a::before,
  #header .header-nav > li::after {
  transition: none !important;
  }

  #header .header-nav > li:hover > a::before {
  opacity: 0 !important;
  }
}

#header {
--knc-menu-height-final: 58px;
  --knc-menu-gold: #D8B34A;
  --knc-menu-gold-light: #F3D36A;
}

#header .header-main {
position: relative;
  background-color: #013E2B !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(1, 45, 34, .54) 0%,
      rgba(1, 62, 43, .42) 42%,
      rgba(1, 45, 34, .68) 100%
    ),
    var(--knc-stadium-image) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  border-bottom: 0 !important;
  box-shadow:
    inset 0 -1px 0 rgba(255, 255, 255, .08),
    0 3px 12px rgba(0, 0, 0, .18) !important;
}

#header .header-main::before {
background: linear-gradient(
    115deg,
    rgba(32, 232, 102, .07) 0%,
    transparent 28% 62%,
    rgba(32, 232, 102, .10) 62% 72%,
    transparent 72%
  ) !important;
}

#header .header-bottom {
position: relative;
  min-height: var(--knc-menu-height-final) !important;
  background-color: #012D22 !important;
  background-image:
    linear-gradient(90deg, rgba(1, 45, 34, .96) 0%, rgba(1, 62, 43, .84) 48%, rgba(1, 45, 34, .96) 100%),
    var(--knc-stadium-image) !important;
  background-repeat: no-repeat !important;
  background-position: center 56% !important;
  background-size: cover !important;
  border-top: 1px solid rgba(32, 232, 102, .12) !important;
  border-bottom: 1px solid rgba(32, 232, 102, .48) !important;
  box-shadow:
    0 5px 14px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

@media (min-width: 850px) {
  #header .header-bottom .header-inner {
  min-height: var(--knc-menu-height-final) !important;
  }

  #header .header-bottom .header-nav,
  #header .header-bottom .header-nav > li,
  #header .header-bottom-nav,
  #header .header-bottom-nav > li {
  height: var(--knc-menu-height-final) !important;
      min-height: var(--knc-menu-height-final) !important;
  }

  #header .header-bottom .header-nav,
  #header .header-bottom-nav {
  align-items: stretch !important;
  }

  #header .header-bottom .header-nav > li,
  #header .header-bottom-nav > li {
  position: relative !important;
      align-items: stretch !important;
      margin: 0 2px !important;
      overflow: visible !important;
  }

  #header .header-bottom .header-nav > li + li::before,
  #header .header-bottom-nav > li + li::before {
  content: "";
      position: absolute;
      top: 18px;
      bottom: 18px;
      left: -2px;
      width: 1px;
      z-index: 0;
      background: rgba(255, 255, 255, .10);
      transform: skewX(-12deg);
      pointer-events: none;
  }

  #header .header-bottom .header-nav > li > a,
  #header .header-bottom-nav > li > a {
  position: relative !important;
      isolation: isolate !important;
      height: var(--knc-menu-height-final) !important;
      min-height: var(--knc-menu-height-final) !important;
      margin: 0 !important;
      padding: 0 18px !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      overflow: hidden !important;
      border: 0 !important;
      border-radius: 0 !important;
      clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important;
      color: #FFFFFF !important;
      background: transparent !important;
      box-shadow: none !important;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .72) !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
      text-transform: uppercase;
      transition:
        color .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
  }

  #header .header-bottom .header-nav > li > a::before,
  #header .header-bottom-nav > li > a::before {
  content: "" !important;
      position: relative !important;
      inset: auto !important;
      display: block !important;
      flex: 0 0 20px !important;
      width: 20px !important;
      height: 20px !important;
      min-width: 20px !important;
      margin: 0 !important;
      padding: 0 !important;
      z-index: 2 !important;
      opacity: 1 !important;
      background: linear-gradient(145deg, #FFFFFF 0%, #8DFFB7 42%, #00B94F 100%) !important;
      -webkit-mask: var(--knc-menu-icon) center / contain no-repeat !important;
      mask: var(--knc-menu-icon) center / contain no-repeat !important;
      filter:
        drop-shadow(0 1px 0 rgba(255, 255, 255, .45))
        drop-shadow(0 2px 2px rgba(0, 0, 0, .55));
      transform: translateY(-1px) scale(1) !important;
      transition: transform .22s ease, filter .22s ease !important;
      pointer-events: none !important;
  }

  #header .header-bottom .header-nav > li > a::after,
  #header .header-bottom-nav > li > a::after {
  content: "" !important;
      position: absolute !important;
      top: -20% !important;
      bottom: auto !important;
      left: -52% !important;
      display: block !important;
      width: 28% !important;
      height: 140% !important;
      z-index: 1 !important;
      opacity: 0 !important;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent) !important;
      transform: skewX(-20deg) !important;
      transition: left .42s ease, opacity .18s ease !important;
      pointer-events: none !important;
  }

  #header .header-bottom .header-nav > li::after,
  #header .header-bottom-nav > li::after {
  content: "";
      position: absolute;
      right: 12px;
      bottom: 0;
      left: 12px;
      height: 2px;
      z-index: 5;
      opacity: 0;
      background: linear-gradient(90deg, transparent, #20E866, transparent);
      box-shadow: 0 0 8px rgba(32, 232, 102, .45);
      transform: scaleX(.25);
      transform-origin: center;
      transition: opacity .2s ease, transform .24s ease;
      pointer-events: none;
  }

  #header .header-bottom .header-nav > li:hover > a,
  #header .header-bottom-nav > li:hover > a {
  color: var(--knc-green-light, #20E866) !important;
      background: linear-gradient(110deg, rgba(1, 62, 43, .98) 0%, rgba(13, 93, 62, .91) 64%, rgba(0, 185, 79, .30) 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        inset 0 -2px 0 rgba(32, 232, 102, .16),
        0 0 14px rgba(0, 185, 79, .14) !important;
  }

  #header .header-bottom .header-nav > li:hover > a::before,
  #header .header-bottom-nav > li:hover > a::before {
  filter:
        drop-shadow(0 1px 0 rgba(255, 255, 255, .60))
        drop-shadow(0 3px 3px rgba(0, 0, 0, .56))
        drop-shadow(0 0 5px rgba(32, 232, 102, .34));
      transform: translateY(-2px) scale(1.08) rotate(-3deg) !important;
  }

  #header .header-bottom .header-nav > li:hover > a::after,
  #header .header-bottom-nav > li:hover > a::after {
  left: 122% !important;
      opacity: 1 !important;
  }

  #header .header-bottom .header-nav > li:hover::after,
  #header .header-bottom-nav > li:hover::after {
  opacity: 1;
      transform: scaleX(1);
  }

  #header .header-bottom .header-nav > li.current-menu-item > a,
  #header .header-bottom .header-nav > li.current_page_item > a,
  #header .header-bottom .header-nav > li.active > a,
  #header .header-bottom .header-nav > li.current-menu-ancestor > a,
  #header .header-bottom .header-nav > li.current-menu-parent > a,
  #header .header-bottom .header-nav > li.current_page_parent > a,
  #header .header-bottom .header-nav > li.current_page_ancestor > a,
  #header .header-bottom-nav > li.current-menu-item > a,
  #header .header-bottom-nav > li.current_page_item > a,
  #header .header-bottom-nav > li.active > a,
  #header .header-bottom-nav > li.current-menu-ancestor > a,
  #header .header-bottom-nav > li.current-menu-parent > a,
  #header .header-bottom-nav > li.current_page_parent > a,
  #header .header-bottom-nav > li.current_page_ancestor > a {
  color: #FFFFFF !important;
      background: linear-gradient(110deg, #006B34 0%, #00B94F 56%, #20E866 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .23),
        inset 0 -2px 0 rgba(1, 62, 43, .28),
        0 0 16px rgba(0, 185, 79, .22) !important;
  }

  #header .header-bottom .header-nav > li.current-menu-item::after,
  #header .header-bottom .header-nav > li.current_page_item::after,
  #header .header-bottom .header-nav > li.active::after,
  #header .header-bottom .header-nav > li.current-menu-ancestor::after,
  #header .header-bottom .header-nav > li.current-menu-parent::after,
  #header .header-bottom .header-nav > li.current_page_parent::after,
  #header .header-bottom .header-nav > li.current_page_ancestor::after,
  #header .header-bottom-nav > li.current-menu-item::after,
  #header .header-bottom-nav > li.current_page_item::after,
  #header .header-bottom-nav > li.active::after,
  #header .header-bottom-nav > li.current-menu-ancestor::after,
  #header .header-bottom-nav > li.current-menu-parent::after,
  #header .header-bottom-nav > li.current_page_parent::after,
  #header .header-bottom-nav > li.current_page_ancestor::after {
  height: 3px;
      opacity: 1;
      background: linear-gradient(90deg, transparent, var(--knc-menu-gold), var(--knc-menu-gold-light), var(--knc-menu-gold), transparent);
      box-shadow: 0 0 8px rgba(216, 179, 74, .58);
      transform: scaleX(1);
  }
}

@media (min-width: 850px) and (max-width: 1099px) {
  #header .header-bottom .header-nav > li > a,
  #header .header-bottom-nav > li > a {
  gap: 6px !important;
      padding-right: 11px !important;
      padding-left: 11px !important;
      font-size: 11px !important;
  }

  #header .header-bottom .header-nav > li > a::before,
  #header .header-bottom-nav > li > a::before {
  flex-basis: 17px !important;
      width: 17px !important;
      height: 17px !important;
      min-width: 17px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #header .header-bottom .header-nav > li > a,
  #header .header-bottom .header-nav > li > a::before,
  #header .header-bottom .header-nav > li > a::after,
  #header .header-bottom .header-nav > li::after,
  #header .header-bottom-nav > li > a,
  #header .header-bottom-nav > li > a::before,
  #header .header-bottom-nav > li > a::after,
  #header .header-bottom-nav > li::after {
  scroll-behavior: auto !important;
      transition: none !important;
      animation: none !important;
  }
}