.header {
    position: sticky;
    top: -55px;
    background: var(--mirage-950);
    z-index: 100;
}

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.header-logo {
    display: block;
}

.header-logo-img {
    max-width: 320px;
    max-height: 62px;
}

.header-banner {
    flex: 1;
    max-width: 730px;
    border-radius: 8px;
    overflow: hidden;
}

.header-bottom {
    display: flex;
    align-items: center;
}

.header-nav-box {
    display: flex;
    gap: 8px;
    font-size: 15px;
    margin-right: auto;
}

.header-nav-box a {
    display: block;
    color: var(--white);
    padding: 24px 12px;
    transition: all ease .1s;
}

.header-nav-box > li:first-child > a {
    padding-left: 0;
}

.header-nav-box > li.current-menu-item > a,
.header-nav-box > li.current-menu-ancestor > a,
.header-nav-box > li:hover > a,
.header-nav-box a:hover {
    color: var(--thunderbird-500);
}

.header-nav-wrap-submenu {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 12px 0;
    background: var(--mirage-950);
    border-top: 1px solid var(--mirage-800);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    display: none;
}

.header-nav-box .sub-menu li:hover > .sub-menu, 
.header-nav-wrap-submenu li:hover > .header-nav-wrap-submenu, 
.header-nav-box > .menu-item-has-children:hover > .header-nav-wrap-submenu {
    display: block;
}

.header-nav-wrap-submenu > .sub-menu {
    position: relative;
    max-height: calc(100vh - 140px);
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 15px;
    overflow: auto;
    overscroll-behavior-y: contain;
}

.header-nav-wrap-submenu > .sub-menu a {
    padding: 12px 8px;
}

.header-nav-wrap-submenu > .sub-menu > li {
    max-width: 255px;
    padding-right: 32px;
}

.header-nav-wrap-submenu > .sub-menu > li > a {
    font-weight: 500;
    border-radius: 12px;
}

.header-nav-wrap-submenu > .sub-menu > li.current-menu-item > a,
.header-nav-wrap-submenu > .sub-menu > li.current-menu-ancestor > a,
.header-nav-wrap-submenu > .sub-menu > li:hover > a,
.header-nav-wrap-submenu > .sub-menu > li > a:hover {
    color: var(--white);
    background: var(--mirage-700);
}

.header-nav-wrap-submenu > .sub-menu .sub-menu {
    position: absolute;
    top: 0;
    left: 270px;
    padding: 0 35px;
    width: 100%;
    max-width: 520px;
    height: 100%;
    column-count: 2;
    column-gap: 44px;
    border-left: 1px solid var(--mirage-800);
    display: none;
}

.header-nav-wrap-submenu > .sub-menu > li:hover > .sub-menu,
.header-nav-wrap-submenu > .sub-menu > .menu-item-has-children:hover .sub-menu {
    display: block;
}

.header-nav-wrap-submenu > .sub-menu .sub-menu a {
    color: var(--mirage-200);
    padding: 12px 4px;
}

.header-nav-wrap-submenu > .sub-menu .sub-menu li.current-menu-item a,
.header-nav-wrap-submenu > .sub-menu .sub-menu a:hover {
    color: var(--thunderbird-500);
}

.header-search {
    position: relative;
    transition: padding ease .25s;
}

.header-search.active {
    padding-right: 15px;
}

input.search-input {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0;
    padding: 0;
    height: 40px;
    font-size: 14px;
    border: none;
    background: var(--mirage-100);
    border-radius: 8px;
    transition: all ease .25s;
}

.header-search.active input.search-input {
    width: 200px;
    padding: 0 45px 0 12px;
}

.search-button {
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDIxTDE2LjY1IDE2LjY1TTExIDZDMTMuNzYxNCA2IDE2IDguMjM4NTggMTYgMTFNMTkgMTFDMTkgMTUuNDE4MyAxNS40MTgzIDE5IDExIDE5QzYuNTgxNzIgMTkgMyAxNS40MTgzIDMgMTFDMyA2LjU4MTcyIDYuNTgxNzIgMyAxMSAzQzE1LjQxODMgMyAxOSA2LjU4MTcyIDE5IDExWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-size: 24px;
    transition: background-image ease .1s;
    z-index: 1;
}

.header-search.active .search-button,
.search-button:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDIxTDE2LjY1IDE2LjY1TTExIDZDMTMuNzYxNCA2IDE2IDguMjM4NTggMTYgMTFNMTkgMTFDMTkgMTUuNDE4MyAxNS40MTgzIDE5IDExIDE5QzYuNTgxNzIgMTkgMyAxNS40MTgzIDMgMTFDMyA2LjU4MTcyIDYuNTgxNzIgMyAxMSAzQzE1LjQxODMgMyAxOSA2LjU4MTcyIDE5IDExWiIgc3Ryb2tlPSIjRkIwNzA3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
}

.header-hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 48px;
    height: 48px;
    padding: 0 15px;
    background: var(--thunderbird-500);
    border-radius: 12px;
    transition: background ease .15s;
}

.header-hamburger.active {
    background: var(--mirage-900);
}

.header-hamburger span {
    display: block;
    width: 100%;
    border-bottom: 2px solid var(--white);
    border-radius: 5px;
    transition: transform ease .15s, opacity ease .15s;
}

.header-hamburger.active span {
    border-width: 3px;
}

.header-hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.header-hamburger.active span:nth-child(2) {
    transform: translateX(15px);
    opacity: 0;
}

.header-hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px)
}


.header-mobile-nav-box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0 9px 0;
    background: var(--mirage-950);
    border-radius: 12px 12px 0 0;
    z-index: 100;
}

.header-mobile-nav-box li {
    flex: 1 0 auto;
    text-align: center;
}

.header-mobile-nav-box a {
    font-size: 11px;
    color: var(--white);
}

.header-mobile-nav-box a:hover {
    color: var(--thunderbird-500);
}

.header-mobile-nav-box a::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: 24px;
    margin: 0 auto 4px auto;
}

.header-mobile-nav-box li:nth-child(1) a::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjE1ODIyIDEuMzI1NDFMNy4xMDMwMyA0LjkyMTk4TDMuOTg5OTYgNC43NDUxM0MzLjc0ODE3IDQuNzMxNCAzLjUxMzIyIDQuNzM1MTYgMy4yODU2NSA0Ljc1NUMxLjY5NjkgNi43OTc5NiAwLjc1IDkuMzcwMDggMC43NSAxMi4xNjQ2QzAuNzUgMTIuMzcyNSAwLjc1NTIzOSAxMi41NzkxIDAuNzY1NTkyIDEyLjc4NDRDMC44MDc5MjEgMTIuODIwNyAwLjg1MTE1MSAxMi44NTY2IDAuODk1Mjg5IDEyLjg5MkwzLjc4NDA3IDE1LjIwOTJMMi41OTczNiAxOC41NTEzQzIuNTk0MjYgMTguNTYgMi41OTEyIDE4LjU2ODggMi41ODgxNiAxOC41Nzc1QzQuMTY2OTMgMjEuMDk0OCA2LjY0NzcxIDIyLjk4MjggOS41NzQxNSAyMy43ODI1TDEyLjUwMjUgMjEuNzIwOUwxNS40MzM3IDIzLjgxODlDMTUuNDU5NyAyMy44Mzc1IDE1LjQ4NTggMjMuODU1OCAxNS41MTIgMjMuODczOEMxOC4zODk0IDIzLjE4MjggMjAuODYzNSAyMS40NDcxIDIyLjUxNTggMTkuMDg3NUMyMi40Nzg3IDE4LjkyODUgMjIuNDMyOSAxOC43NjgzIDIyLjM3OCAxOC42MDcxTDIxLjI1NTEgMTUuMzExMkwyNC4zMzYzIDEyLjk1OThDMjQuNDU4IDEyLjg2NyAyNC41NzMxIDEyLjc3MDYgMjQuNjgxOCAxMi42NzExQzI0LjY4ODcgMTIuNTAzMSAyNC42OTIyIDEyLjMzNDMgMjQuNjkyMiAxMi4xNjQ2QzI0LjY5MjIgOS4zNzYyNCAyMy43NDk0IDYuODA5MzEgMjIuMTY3IDQuNzY4NTJDMjEuOTAxMiA0LjczNzY5IDIxLjYyNDcgNC43Mjg5MSAyMS4zMzg2IDQuNzQ0NTJMMTcuOTQ1NiA0LjkyOTYxTDE2Ljg4ODIgMS4zMjU0MUMxNi44MzU2IDEuMTQ2MTYgMTYuNzc0OCAwLjk3NDI2NSAxNi43MDY1IDAuODA5NzA5QzE1LjQ1OTggMC4zNjcyMTIgMTQuMTE4NCAwLjEyNjQ2NSAxMi43MjExIDAuMTI2NDY1QzExLjE0ODQgMC4xMjY0NjUgOS42NDY0OSAwLjQzMTQ0MyA4LjI3MDczIDAuOTg1Nzk2QzguMjI5OSAxLjA5NTkxIDguMTkyMzQgMS4yMDkxMSA4LjE1ODIyIDEuMzI1NDFaTTMuNjA5ODkgOS40Njk4OEMzLjQ1OTE1IDkuMzQ4OTUgMy41NTE5MiA5LjEwNDczIDMuNzQ0NDQgOS4xMTU2N0wxMC4xNDU0IDkuNDc5MjhDMTAuMTY0NyA5LjQ4MDM4IDEwLjE4MzYgOS40Nzg2MyAxMC4yMDE3IDkuNDc0MzdDMTAuMjY5NiA5LjQ1ODM2IDEwLjMyNTggOS40MDY4OSAxMC4zNDY0IDkuMzM2OTNMMTIuMzMzNCAyLjU2NDEyQzEyLjM4OTIgMi4zNzM4OSAxMi42NTcyIDIuMzczODkgMTIuNzEzIDIuNTY0MTJMMTQuNzAwMSA5LjMzNzI4QzE0LjcyMDcgOS40MDcxNiAxNC43NzY4IDkuNDU4NjEgMTQuODQ0NiA5LjQ3NDY3QzE0Ljg2MjYgOS40Nzg5NCAxNC44ODE0IDkuNDgwNyAxNC45MDA2IDkuNDc5NjZMMjEuNTc0NCA5LjExNTZDMjEuNzY5MSA5LjEwNDk3IDIxLjg2MDEgOS4zNTQyMSAyMS43MDQ3IDkuNDcyNzlMMTYuMjMxMSAxMy42NDk5QzE2LjE4NDUgMTMuNjg1NSAxNi4xNTcgMTMuNzM5IDE2LjE1MzMgMTMuNzk1M0MxNi4xNTE2IDEzLjgyMSAxNi4xNTQ5IDEzLjg0NzQgMTYuMTYzNiAxMy44NzI5TDE4LjI1OTggMjAuMDI1OUMxOC4zMjIxIDIwLjIwODggMTguMTE0NiAyMC4zNjQ2IDE3Ljk1NzkgMjAuMjUyNUwxMi42MzcgMTYuNDQ0MUMxMi42MjQ2IDE2LjQzNTMgMTIuNjExNSAxNi40MjggMTIuNTk3OSAxNi40MjI0QzEyLjU0NDkgMTYuNDAwMyAxMi40ODQ1IDE2LjQwMjQgMTIuNDMyOCAxNi40Mjg3QzEyLjQyNDYgMTYuNDMzIDEyLjQxNjUgMTYuNDM3OCAxMi40MDg4IDE2LjQ0MzJMNi45OTY4IDIwLjI1MzNDNi44Mzg4NCAyMC4zNjQ1IDYuNjMyMTMgMjAuMjA2IDYuNjk2OTcgMjAuMDIzNEw4Ljg4MTY3IDEzLjg3MDdDOC44OTA3NSAxMy44NDUxIDguODk0MzUgMTMuODE4NiA4Ljg5Mjg5IDEzLjc5MjZDOC44ODk3OCAxMy43MzcyIDguODYzNjkgMTMuNjg0MyA4LjgxODcxIDEzLjY0ODJMMy42MDk4OSA5LjQ2OTg4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.header-mobile-nav-box li:nth-child(2) a::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSA5SDkuNTFNMTUuNSAxNUgxNS41MU0xNi41IDhMOC41IDE2TTkuNzAxOSAyMC42MDA5QzEwLjAyOTcgMjAuNTU3NSAxMC4zNjA3IDIwLjY0NjQgMTAuNjIxOCAyMC44NDc1TDExLjgyNTEgMjEuNzcwOEMxMi4yMjI4IDIyLjA3NjQgMTIuNzc2MSAyMi4wNzY0IDEzLjE3MjcgMjEuNzcwOEwxNC40MjE1IDIwLjgxMkMxNC42NTQ4IDIwLjYzMzEgMTQuOTQ5MiAyMC41NTQyIDE1LjI0MDMgMjAuNTkzMUwxNi44MDI0IDIwLjc5ODZDMTcuMjk5IDIwLjg2NDIgMTcuNzc3OSAyMC41ODc1IDE3Ljk3MDEgMjAuMTI0MkwxOC41NzEyIDE4LjY3MDlDMTguNjgzNCAxOC4zOTg3IDE4Ljg5ODkgMTguMTgzMiAxOS4xNzExIDE4LjA3MDlMMjAuNjI0MyAxNy40Njk4QzIxLjA4NzYgMTcuMjc4NyAyMS4zNjQzIDE2Ljc5ODggMjEuMjk4NyAxNi4zMDIxTDIxLjEwMSAxNC43OTY2QzIxLjA1NzYgMTQuNDY4OCAyMS4xNDY1IDE0LjEzNzcgMjEuMzQ3NiAxMy44NzY2TDIyLjI3MDkgMTIuNjczM0MyMi41NzY0IDEyLjI3NTUgMjIuNTc2NCAxMS43MjIyIDIyLjI3MDkgMTEuMzI1NkwyMS4zMTIgMTAuMDc2N0MyMS4xMzMyIDkuODQzMzkgMjEuMDU0MyA5LjU0ODk2IDIxLjA5MzIgOS4yNTc4NUwyMS4yOTg3IDcuNjk1NjhDMjEuMzY0MyA3LjE5OTAyIDIxLjA4NzYgNi43MjAxNSAyMC42MjQzIDYuNTI3OTNMMTkuMTcxMSA1LjkyNjg0QzE4Ljg5ODkgNS44MTQ2MiAxOC42ODM0IDUuNTk5MDcgMTguNTcxMiA1LjMyNjg1TDE3Ljk3MDEgMy44NzM1NkMxNy43NzkgMy40MTAyNCAxNy4yOTkgMy4xMzM1OCAxNi44MDI0IDMuMTk5MTNMMTUuMjQwMyAzLjQwNDY4QzE0Ljk0OTIgMy40NDQ2OCAxNC42NTQ4IDMuMzY1NzkgMTQuNDIyNiAzLjE4ODAyTDEzLjE3MzggMi4yMjkxNkMxMi43NzYxIDEuOTIzNjEgMTIuMjIyOCAxLjkyMzYxIDExLjgyNjIgMi4yMjkxNkwxMC41Nzc0IDMuMTg4MDJDMTAuMzQ0MSAzLjM2NTc5IDEwLjA0OTYgMy40NDQ2OCA5Ljc1ODU2IDMuNDA2OTFMOC4xOTY0NyAzLjIwMTM2QzcuNjk5ODQgMy4xMzU4IDcuMjIxIDMuNDEyNDYgNy4wMjg3OSAzLjg3NTc4TDYuNDI4ODQgNS4zMjkwN0M2LjMxNTUyIDUuNjAwMTggNi4wOTk5OCA1LjgxNTczIDUuODI4ODkgNS45MjkwNkw0LjM3NTY4IDYuNTI5MDRDMy45MTIzOCA2LjcyMTI2IDMuNjM1NzQgNy4yMDAxMyAzLjcwMTI5IDcuNjk2NzlMMy45MDY4MyA5LjI1ODk3QzMuOTQ0NiA5LjU1MDA3IDMuODY1NzIgOS44NDQ1IDMuNjg3OTYgMTAuMDc2N0wyLjcyOTE1IDExLjMyNTZDMi40MjM2MiAxMS43MjMzIDIuNDIzNjIgMTIuMjc2NyAyLjcyOTE1IDEyLjY3MzNMMy42ODc5NiAxMy45MjIyQzMuODY2ODMgMTQuMTU1NSAzLjk0NTcxIDE0LjQ0OTkgMy45MDY4MyAxNC43NDFMMy43MDEyOSAxNi4zMDMyQzMuNjM1NzQgMTYuNzk5OSAzLjkxMjM4IDE3LjI3ODcgNC4zNzU2OCAxNy40NzFMNS44Mjg4OSAxOC4wNzIxQzYuMTAxMDkgMTguMTg0MyA2LjMxNjYzIDE4LjM5OTggNi40Mjg4NCAxOC42NzJMNy4wMjk5IDIwLjEyNTNDNy4yMjEgMjAuNTg4NyA3LjcwMDk2IDIwLjg2NTMgOC4xOTc1OCAyMC43OTk4TDkuNzAxOSAyMC42MDA5Wk0xMCA5QzEwIDkuMjc2MTQgOS43NzYxNCA5LjUgOS41IDkuNUM5LjIyMzg2IDkuNSA5IDkuMjc2MTQgOSA5QzkgOC43MjM4NiA5LjIyMzg2IDguNSA5LjUgOC41QzkuNzc2MTQgOC41IDEwIDguNzIzODYgMTAgOVpNMTYgMTVDMTYgMTUuMjc2MSAxNS43NzYxIDE1LjUgMTUuNSAxNS41QzE1LjIyMzkgMTUuNSAxNSAxNS4yNzYxIDE1IDE1QzE1IDE0LjcyMzkgMTUuMjIzOSAxNC41IDE1LjUgMTQuNUMxNS43NzYxIDE0LjUgMTYgMTQuNzIzOSAxNiAxNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}
.header-mobile-nav-box li:nth-child(3) a::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjExOTQgMS41MDYyOEwxMy44MDAzIDAuMDM5NDExNkMxMi40MDA1IC0wLjIwNzM3OSAxMS4wNjA3IDAuNzMwNjYgMTAuODEzOCAyLjEzMDY0TDEwLjYxNTkgMy4yNTI2NkMxMC41MTc0IDMuMjY3MjQgMTAuNDE5MSAzLjI4NjkyIDEwLjMyMTUgMy4zMTMwOEwyLjE2MTk1IDUuNDk5NDFDMS40OTY4MSA1LjY3NzYzIDAuOTQwODQ0IDYuMTA0MjMgMC41OTY1NTYgNi43MDA1NkMwLjI1MjI2OCA3LjI5NjkzIDAuMTYwNzcgNy45OTE2OSAwLjMzOTAzMSA4LjY1NjgzTDMuOTM3OTEgMjIuMDg4QzQuMTE2MTIgMjIuNzUzMSA0LjU0MjcyIDIzLjMwOTEgNS4xMzkxIDIzLjY1MzRDNS41MzYzNSAyMy44ODI4IDUuOTc3MTUgMjMuOTk5OSA2LjQyMzkxIDIzLjk5OTlDNi42NDc4MiAyMy45OTk5IDYuODczMjkgMjMuOTcwNSA3LjA5NTM4IDIzLjkxMDlMMTUuMjU0OSAyMS43MjQ2QzE1LjkyIDIxLjU0NjQgMTYuNDc2IDIxLjExOTggMTYuODIwMyAyMC41MjM1QzE2LjkyMjYgMjAuMzQ2MyAxNy4wMDIgMjAuMTYwMyAxNy4wNTkyIDE5Ljk2OTFMMTguODA5NSAyMC4yNzc3QzE4Ljk2MDMgMjAuMzA0MyAxOS4xMTAzIDIwLjMxNzIgMTkuMjU4NCAyMC4zMTcyQzIwLjQ4NTMgMjAuMzE3MiAyMS41NzU4IDE5LjQzNTcgMjEuNzk2IDE4LjE4NjVMMjQuMjEwNiA0LjQ5Mjg1QzI0LjQ1NzQgMy4wOTI5MSAyMy41MTkzIDEuNzUzMTYgMjIuMTE5NCAxLjUwNjI4Wk0xNS43MTk1IDE4LjkzMTJDMTUuODAwNSAxOS4yMzM1IDE1Ljc1ODkgMTkuNTQ5MyAxNS42MDI0IDE5LjgyMDRDMTUuNDQ1OSAyMC4wOTE1IDE1LjE5MzIgMjAuMjg1MyAxNC44OTA5IDIwLjM2NjRMNi43MzEzNSAyMi41NTI3QzYuNDI5MDIgMjIuNjMzOCA2LjExMzIzIDIyLjU5MjIgNS44NDIxNiAyMi40MzU2QzUuNTcxMDkgMjIuMjc5MSA1LjM3NzE3IDIyLjAyNjQgNS4yOTYxNyAyMS43MjQxTDEuNjk3MjkgOC4yOTI5MUMxLjYxNjMgNy45OTA1NyAxLjY1Nzg3IDcuNjc0NzMgMS44MTQzOCA3LjQwMzY2QzEuOTcwOSA3LjEzMjU5IDIuMjIzNTkgNi45Mzg3MiAyLjUyNTkzIDYuODU3NjhMMTAuNjg1NCA0LjY3MTM0QzEwLjc4NjQgNC42NDQyOSAxMC44ODg5IDQuNjMwODkgMTAuOTkwNiA0LjYzMDg5QzExLjE5MzcgNC42MzA4OSAxMS4zOTQxIDQuNjg0MTQgMTEuNTc0NiA0Ljc4ODM4QzExLjg0NTcgNC45NDQ5IDEyLjAzOTYgNS4xOTc1OSAxMi4xMjA2IDUuNDk5OTNMMTUuNzE5NSAxOC45MzEyWk0xNC4zMTEyIDguMjQyMTRDMTQuMzE2MyA4LjIwMTk3IDE0LjMyMTcgOC4xNjE4NSAxNC4zMjg4IDguMTIyQzE0LjQwNDYgNy42OTE3IDE0Ljc4MDIgNy4zODgxIDE1LjIwMjkgNy4zODgxQzE1LjI1MzkgNy4zODgxIDE1LjMwNTYgNy4zOTI1MSAxNS4zNTc1IDcuNDAxNjlDMTUuNjg0NiA3LjQ1OTQgMTUuOTUwMiA3LjY5MjU5IDE2LjA1MDQgOC4wMTAzQzE2LjEyOTMgOC4yNjAyOCAxNi4zNDA3IDguNDQ1NjIgMTYuNTk4OSA4LjQ5MTEzQzE2Ljg1NzEgOC41MzY3IDE3LjExOTEgOC40MzQ3OSAxNy4yNzg3IDguMjI2OTFDMTcuNDgxNSA3Ljk2MjYzIDE3LjgxMDggNy44MzQzNCAxOC4xMzggNy44OTE5OUMxOC4zNzE2IDcuOTMzMiAxOC41NzUxIDguMDYyOSAxOC43MTEyIDguMjU3MTlDMTguODQ3MyA4LjQ1MTQ4IDE4Ljg5OTUgOC42ODcxMSAxOC44NTg0IDguOTIwNzNDMTguNTc4NyAxMC41MDY3IDE2Ljc5MTIgMTEuODU2MyAxNS45MDI5IDEyLjQzODZDMTUuNjggMTIuMTQwMiAxNS4zODU4IDExLjcxNTMgMTUuMTA5NCAxMS4yMjEzTDE0LjMxMTIgOC4yNDIxNFpNMjIuODI1NyA0LjI0ODY4TDIwLjQxMTEgMTcuOTQyNEMyMC4yOTg5IDE4LjU3ODggMTkuNjg5OSAxOS4wMDUgMTkuMDUzNiAxOC44OTI5TDE3LjA3MTQgMTguNTQzNUwxNS44Njg1IDE0LjA1NDFDMTUuOTM5OCAxNC4wNDA5IDE2LjAxIDE0LjAxNjQgMTYuMDc2NCAxMy45ODAyQzE2LjIyNjMgMTMuODk4NSAxOS43NTI2IDExLjk0NzEgMjAuMjQzMiA5LjE2NDlDMjAuNDYyOSA3LjkxOTA5IDE5LjYyOCA2LjcyNjggMTguMzgyMiA2LjUwNzE1QzE3Ljg2NzYgNi40MTY0NSAxNy4zNTExIDYuNTAzNSAxNi45MDc4IDYuNzM5MzJDMTYuNTcxOCA2LjM2NjA2IDE2LjExNjMgNi4xMDc2IDE1LjYwMTcgNi4wMTY4NUMxNC45OTgzIDUuOTEwNCAxNC4zODk0IDYuMDQ1NCAxMy44ODczIDYuMzk2OTFDMTMuODY3MyA2LjQxMDk3IDEzLjg0NzkgNi40MjU3OCAxMy44Mjg0IDYuNDQwMzZMMTMuNDc4OSA1LjEzNkMxMy4zMDA3IDQuNDcwODYgMTIuODc0MSAzLjkxNDg5IDEyLjI3NzcgMy41NzA2QzEyLjE5MDkgMy41MjA1IDEyLjEwMTggMy40NzYzOSAxMi4wMTEzIDMuNDM3MDZMMTIuMTk4NiAyLjM3NDgxQzEyLjMxMDggMS43Mzg0OSAxMi45MTk4IDEuMzEyMDggMTMuNTU2MSAxLjQyNDI1TDIxLjg3NTEgMi44OTExMkMyMi41MTE1IDMuMDAzMzQgMjIuOTM3OSAzLjYxMjMyIDIyLjgyNTcgNC4yNDg2OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05LjMyNDcgMTguMTczMkM5LjQ1NDU5IDE4LjI4NzUgOS42MjAyIDE4LjM0ODQgOS43ODkxOCAxOC4zNDg0QzkuODQ5ODggMTguMzQ4NCA5LjkxMTA1IDE4LjM0MDUgOS45NzEwOSAxOC4zMjQ1QzEwLjE5ODMgMTguMjYzNiAxMC4zOCAxOC4wOTMxIDEwLjQ1NTMgMTcuODcwM0wxMi4wNjA1IDEzLjExNzNDMTIuMTUxMiAxMi44NDg2IDEyLjA3MTcgMTIuNTUxNyAxMS44NTg3IDEyLjM2NDRMOC4wOTIwNiA5LjA1MDcyQzcuOTE1NDQgOC44OTUzOCA3LjY3MjgyIDguODM4NTcgNy40NDU2NyA4Ljg5OTQ2QzcuMjE4NDggOC45NjAzNCA3LjAzNjc1IDkuMTMwNzggNi45NjE1MSA5LjM1MzYyTDUuMzU2MjcgMTQuMTA2N0M1LjI2NTUzIDE0LjM3NTMgNS4zNDUwNyAxNC42NzIyIDUuNTU4MDIgMTQuODU5Nkw5LjMyNDcgMTguMTczMlpNNy45NTU5OSAxMC44MDM5TDEwLjU3ODQgMTMuMTEwOUw5LjQ2MDgzIDE2LjQyTDYuODM4NDIgMTQuMTEzTDcuOTU1OTkgMTAuODAzOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.header-mobile-nav-box li:nth-child(4) a::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDJWMy40QzE1Ljc1IDMuOTYwMDUgMTUuNzUgNC4yNDAwOCAxNS42NDEgNC40NTM5OUMxNS41NDUxIDQuNjQyMTUgMTUuMzkyMiA0Ljc5NTEzIDE1LjIwNCA0Ljg5MTAxQzE0Ljk5MDEgNSAxNC43MTAxIDUgMTQuMTUgNUgxMS4zNUMxMC43ODk5IDUgMTAuNTA5OSA1IDEwLjI5NiA0Ljg5MTAxQzEwLjEwNzggNC43OTUxMyA5Ljk1NDg3IDQuNjQyMTUgOS44NTg5OSA0LjQ1Mzk5QzkuNzUgNC4yNDAwOCA5Ljc1IDMuOTYwMDUgOS43NSAzLjRWMk04Ljk1IDIySDE2LjU1QzE3LjY3MDEgMjIgMTguMjMwMiAyMiAxOC42NTggMjEuNzgyQzE5LjAzNDMgMjEuNTkwMyAxOS4zNDAzIDIxLjI4NDMgMTkuNTMyIDIwLjkwOEMxOS43NSAyMC40ODAyIDE5Ljc1IDE5LjkyMDEgMTkuNzUgMTguOFY1LjJDMTkuNzUgNC4wNzk4OSAxOS43NSAzLjUxOTg0IDE5LjUzMiAzLjA5MjAyQzE5LjM0MDMgMi43MTU2OSAxOS4wMzQzIDIuNDA5NzMgMTguNjU4IDIuMjE3OTlDMTguMjMwMiAyIDE3LjY3MDEgMiAxNi41NSAySDguOTVDNy44Mjk5IDIgNy4yNjk4NCAyIDYuODQyMDIgMi4yMTc5OUM2LjQ2NTY5IDIuNDA5NzMgNi4xNTk3MyAyLjcxNTY5IDUuOTY3OTkgMy4wOTIwMkM1Ljc1IDMuNTE5ODQgNS43NSA0LjA3OTkgNS43NSA1LjJWMTguOEM1Ljc1IDE5LjkyMDEgNS43NSAyMC40ODAyIDUuOTY3OTkgMjAuOTA4QzYuMTU5NzMgMjEuMjg0MyA2LjQ2NTY5IDIxLjU5MDMgNi44NDIwMiAyMS43ODJDNy4yNjk4NCAyMiA3LjgyOTg5IDIyIDguOTUgMjJaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}


@media (max-width: 1199px) {
    .header {
        top: -60px;
    }

    .header-logo-img {
        max-width: 250px;
    }
}

@media (max-width: 1065px) {
    .header {
        top: -50px;
    }

    .header-banner {
        max-width: 650px;
    }
}

@media (max-width: 991px) {
    .header {
        position: relative;
        top: 0;
    }

    .header-wrap {
        position: relative;
    }

    .header-top {
        flex-wrap: wrap;
        gap: 0;
    }

    .header-banner {
        order: 0;
        max-width: 100%;
        flex-basis: 100%;
    }

    .header-logo {
        order: 1;
    }

    .header-logo-img {
        max-width: 230px;
        max-height: 44px;
    }

    .header-hamburger {
        order: 2;
        margin-left: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .header-bottom {
        position: absolute;
        left: 0;
        width: 100%;
        background: var(--mirage-950);
        flex-direction: column;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
        overflow: hidden;
        display: none;
    }

    .header-bottom.active {
        display: flex;
    }

    .header-nav-box {
        order: 1;
        width: 100%;
        display: block;
    }

    .header-nav-box a {
        font-weight: 500;
        border-radius: 8px;
    }

    .header-nav-box a,
    .header-nav-box > li:first-child > a {
        padding: 12px 42px 12px 12px;
    }

    .header-nav-box > li.current-menu-item > a,
    .header-nav-box > li.current-menu-ancestor > a,
    .header-nav-box > li:hover > a, 
    .header-nav-box a:hover {
        background: var(--thunderbird-500);
        color: var(--white);
    }

    .header-nav-box li:hover > a ~ .header-nav-touch {
        transform: rotate(-180deg);
    }

    .header-nav-box .menu-item-has-children {
        position: relative;
    }

    .header-nav-touch {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 42px;
        height: 42px;
        margin-left: auto;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center;
        transition: transform ease .15s;
        z-index: 1;
    }

    .header-nav-box .menu-item-has-children:hover > a::after {
        transform: rotate(-180deg);
    }

    .header-nav-wrap-submenu {
        position: static;
        padding: 0;
        background: var(--mirage-900);
        border: none;
        box-shadow: none;
    }

    .header-nav-wrap-submenu > .sub-menu {
        padding: 0;
    }

    .header-nav-wrap-submenu > .sub-menu > li {
        max-width: 100%;
        padding: 0;
    }

    .header-nav-wrap-submenu > .sub-menu > li > a {
        padding: 12px 42px 12px 24px;
        border-radius: 8px;
    }

    .header-nav-wrap-submenu > .sub-menu > li.current-menu-item > a,
    .header-nav-wrap-submenu > .sub-menu > li.current-menu-ancestor > a,
    .header-nav-wrap-submenu > .sub-menu > li:hover > a, 
    .header-nav-wrap-submenu > .sub-menu > li > a:hover {
        background: var(--mirage-700);
    }

    .header-nav-wrap-submenu > .sub-menu .sub-menu {
        position: static;
        padding: 0;
        max-width: 100%;
        height: auto;
        column-count: 1;
        border: none;
    }

    .header-nav-wrap-submenu > .sub-menu .sub-menu a {
        padding: 12px 32px;
        font-weight: 400;
    }

    .header-nav-wrap-submenu > .sub-menu .sub-menu li.current-menu-item a,
    .header-nav-wrap-submenu > .sub-menu .sub-menu a:hover {
        color: var(--thunderbird-500);
        background: none;
    }

    .header-search {
        width: 100%;
        padding-right: 0;
        border-radius: 0;
    }

    .header-search.active input.search-input,
    input.search-input {
        position: static;
        transform: none;
        width: 100%;
        height: 44px;
        color: var(--white);
        background: var(--mirage-900);
        padding: 0 12px 0 40px;
    }

    input.search-input::placeholder {
        color: var(--mirage-500);
    }

    .search-button {
        position: absolute;
        top: 50%;
        left: 12px;
        width: 20px;
        height: 20px;
        background-size: 20px;
        transform: translateY(-50%);
    }

    .header-search.active .search-button, 
    .search-button,
    .search-button:hover {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMTcuNUwxNC41ODMzIDE0LjU4MzRNOS41ODMzMyAxNi42NjY3QzEzLjQ5NTMgMTYuNjY2NyAxNi42NjY3IDEzLjQ5NTQgMTYuNjY2NyA5LjU4MzMzQzE2LjY2NjcgNS42NzEzMiAxMy40OTU0IDIuNSA5LjU4MzMzIDIuNUM1LjY3MTMyIDIuNSAyLjUgNS42NzEzMiAyLjUgOS41ODMzM0MyLjUgMTMuNDk1NCA1LjY3MTMyIDE2LjY2NjcgOS41ODMzMyAxNi42NjY3WiIgc3Ryb2tlPSIjN0M5MUI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    }
}

@media (min-width: 992px) {
    .header-hamburger {
        display: none;
    }

    .header-nav-wrap-submenu > .sub-menu > .menu-item-has-children > a {
        display: flex;
        align-items: center;
    }

    .header-nav-wrap-submenu > .sub-menu > .menu-item-has-children > a::after {
        content: '';
        display: block;
        min-width: 16px;
        max-width: 16px;
        height: 16px;
        margin-left: auto;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNjY2NjkgOEgxMy4zMzM0TTEzLjMzMzQgOEw5LjMzMzM1IDRNMTMuMzMzNCA4TDkuMzMzMzUgMTIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
        background-size: 16px;
    }
}

@media (min-width: 577px) {
    .header-mobile-nav-box {
        display: none;
    }
}