#wrapper-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 1042;
    transition: background .3s, transform .3s, opacity .3s, visibility .3s, backdrop-filter .3s, padding .3s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    will-change: transform
}
/* #wrapper-navbar.scrolled {
    background: var(--color-white)
} */
.sitelogo {
    width: 136px;
    max-width: 100%;
    display: inline-block;
    align-items: center;
}
.sitelogo svg {
    height: 100%;
    transition: opacity .3s ease, visibility .3s ease
}
.open .sitelogo svg {
    opacity: 0 !important;
    visibility: hidden !important
}
.sitelogo svg>* {
    fill: var(--color-black);
    transition: fill .3s ease
}
@media(min-width:576px) {
    .sitelogo {
        width: 140px;
    }
}
@media(min-width:744px) {
    #wrapper-navbar {
        padding: 26px 38px;
    }
    .sitelogo {
        width: 150px;
    }
}
@media(min-width:1200px) {
    .sitelogo {
        width: 215px
    }
    #wrapper-navbar {
        padding: 34px 40px
    }
}
@media(min-width:1800px) {
    .sitelogo {
        width: 270px
    }
}
@media(min-width:1921px) {
    #wrapper-navbar {
        padding: 34px 100px;
    }
}
#menu-button {
    position: relative;
    width: 50px;
    height: 22px;
    background: 0 0;
    border: none;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
#menu-button .menu-button-inner,
#menu-button .menu-button-inner::after,
#menu-button .menu-button-inner::before {
    height: 2px;
    width: 50px;
    background-color: var(--color-black);
    position: absolute;
    left: 0;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
.menu-button-inner {
    top: 11px;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s
}
.menu-button-inner:before {
    content: "";
    top: -10px
}
.menu-button-inner:after {
    content: "";
    top: 10px
}
.menu-button-inner::after,
.menu-button-inner::before {
    -webkit-transition: background-color .5s, top .3s .3s, -webkit-transform .3s;
    transition: background-color .5s, top .3s .3s, -webkit-transform .3s;
    -o-transition: background-color .5s, transform .3s, top .3s .3s;
    transition: background-color .5s, transform .3s, top .3s .3s;
    transition: background-color .5s, transform .3s, top .3s .3s, -webkit-transform .3s
}
#menu-button .menu-button-inner {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
#menu-button.open .menu-button-inner {
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    background: 0 0 !important
}
#menu-button.open .menu-button-inner::before {
    background-color: var(--color-orange) !important;
    -webkit-transition: background-color .5s, top .3s, -webkit-transform .3s .3s;
    transition: background-color .5s, top .3s, -webkit-transform .3s .3s;
    -o-transition: background-color .5s, top .3s, transform .3s .3s;
    transition: background-color .5s, top .3s, transform .3s .3s;
    transition: background-color .5s, top .3s, transform .3s .3s, -webkit-transform .3s .3s;
    top: 0;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg)
}
#menu-button.open .menu-button-inner::after {
    background-color: var(--color-orange) !important;
    -webkit-transition: background-color .5s, top .3s, -webkit-transform .3s .3s;
    transition: background-color .5s, top .3s, -webkit-transform .3s .3s;
    -o-transition: background-color .5s, top .3s, transform .3s .3s;
    transition: background-color .5s, top .3s, transform .3s .3s;
    transition: background-color .5s, top .3s, transform .3s .3s, -webkit-transform .3s .3s;
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg)
}
@media (hover:hover) {
    #menu-button.open:hover .menu-button-inner::after,
    #menu-button.open:hover .menu-button-inner::before {
        background-color: var(--color-orange)
    }
    #menu-button:hover .menu-button-inner::after,
    #menu-button:hover .menu-button-inner::before,
    #menu-button:hover:not(.open) .menu-button-inner {
        background-color: var(--color-orange)
    }
}
#offcanvasMenu {
    height: 100vh;
    z-index: 1041;
    transition: transform 1s cubic-bezier(.215, .61, .355, 1)
}
#offcanvasMenu .container-fluid {
    overflow-y: hidden;
    position: relative;
    height: 100vh;
    background: var(--color-purple)
}
.offcanvas-backdrop.show {
    opacity: 1;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(5px)
}
.navbar-nav {
    display: block
}
.navbar-nav .nav-link {
    position: relative;
    display: inline-block;
    font-family: var(--font-b);
    line-height: 110%;
    text-transform: uppercase;
    color: var(--color-white);
    padding: 0;
    margin-bottom: .5rem;
    overflow: hidden
}
.navbar-nav .nav-link:hover {
    color: var(--color-orange)
}
@media(min-width:744px) {
    .navbar-nav {
        columns: 2
    }
}
/* HEADER MARQUEE */
.header-marquee {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    background: var(--color-black);
}
.marquee__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: inline-block;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    /* background: var(--color-blue); */
    background: var(--color-blue) url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath d%3D%22M15.68%2C15L29.86.83c.19-.19.19-.5%2C0-.68s-.5-.19-.68%2C0l-14.17%2C14.17L.83.14C.64-.05.33-.05.14.14S-.05.64.14.83l14.17%2C14.17L.14%2C29.17c-.19.19-.19.5%2C0,.68.09.09.22.14.34.14s.25-.05.34-.14l14.17-14.17%2C14.17%2C14.17c.09.09.22.14.34.14s.25-.05.34-.14c.19-.19.19-.5%2C0-.68l-14.17-14.17Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E') center / 15px auto no-repeat;
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    transition: background-color .3s ease;
}
.header-marquee .marquee__close:hover {
    background: var(--color-white) url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath d%3D%22M15.68%2C15L29.86.83c.19-.19.19-.5%2C0-.68s-.5-.19-.68%2C0l-14.17%2C14.17L.83.14C.64-.05.33-.05.14.14S-.05.64.14.83l14.17%2C14.17L.14%2C29.17c-.19.19-.19.5%2C0,.68.09.09.22.14.34.14s.25-.05.34-.14l14.17-14.17%2C14.17%2C14.17c.09.09.22.14.34.14s.25-.05.34-.14c.19-.19.19-.5%2C0-.68l-14.17-14.17Z%22 fill%3D%22%23000000%22/%3E%3C/svg%3E') center / 15px auto no-repeat;
}
.header-marquee .marquee {
    position: relative;
    width: 100%;
}
.header-marquee .marquee__text {
    overflow: hidden;
}
.header-marquee .marquee__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header-marquee .marquee__sentence {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: inherit;
}