#wrapper-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 7px 20px;
    margin-top: 60px;
    z-index: 1042;
    transition: background .3s, transform .3s, opacity .3s, visibility .3s, backdrop-filter .3s, padding .3s, margin .3s, box-shadow .3s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    will-change: transform;
    background: var(--color-lgray);
    box-shadow: 0 0px 13px 0 rgba(0, 0, 0, 0.3);
}
.home #wrapper-navbar {
    padding: 20px;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0);
}
#wrapper-navbar.scrolled {
    padding: 5px 20px;
    margin-top: 0;
}
#wrapper-navbar.scrolled:not(.open) {
    box-shadow: 0 0px 13px 0 rgba(0, 0, 0, 0.3);
    padding-top: 5px;
    padding-bottom: 5px;
}
#wrapper-navbar.nomarq {
    margin-top: 0!important;
}
.sitelogo {
    width: 136px;
    max-width: 100%;
    display: inline-block;
    align-items: center;
    box-shadow: none!important;
    background: transparent !important;
}
/* .home .sitelogo {
    width: 136px;
} */
.sitelogo svg {
    height: 100%;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.open .sitelogo svg {
    opacity: 0 !important;
    visibility: hidden !important
}
.sitelogo svg>* {
    fill: var(--color-black);
    transition: fill .3s ease-in-out
}
.home #wrapper-navbar .sublogo {
    padding: 0;
    width: 100%;
    transition: transform 0.3s ease-in-out, padding 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.home #wrapper-navbar .sublogo img {
    display: inline-block;
    width: 100%;
    height: auto;
    aspect-ratio: 250 / 10;
}
.home #wrapper-navbar.scrolled .sublogo {
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10%);
}
.sitelogo .isHome {
    aspect-ratio: 250 / 10;
    opacity: 1;
    /* transform: translateY(-10%); */
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
    /* transition-delay: 0.3s; */
}
.scrolled .sitelogo .isHome {
    opacity: 1;
    transform: translateY(0);
    display: inline;
}
.fade-hide {
    opacity: 0!important;
    transform: translateY(-10%)!important;
    visibility: hidden!important;
    /* height: 0!important; */
}
.fully-hidden {
    display: none !important;
}
@media(min-width:576px) {
    .sitelogo {
        width: 140px;
    }
}
@media(min-width:744px) {
    .home #wrapper-navbar {
        padding: 26px 38px;
        margin-top: 60px;
    }
    #wrapper-navbar {
        padding: 13px 38px;
        margin-top: 60px;
    }
    #wrapper-navbar.scrolled, #wrapper-navbar.scrolled:not(.open) {
        padding: 10px 38px;
        margin-top: 0;
    }
    .sitelogo {
        width: 200px;
    }
    .home #wrapper-navbar .sublogo {
        padding: 15px 0 0;
    }
}
@media(min-width:1200px) {
    .sitelogo {
        width: 215px;
    }
    .home #wrapper-navbar {
        padding: 34px 40px;
        margin-top: 60px;
    }
    #wrapper-navbar {
        padding: 16px 40px;
        margin-top: 60px;
    }
    #wrapper-navbar.scrolled, #wrapper-navbar.scrolled:not(.open) {
        padding: 13px 40px;
        margin-top: 0;
    }
}
@media(min-width:1800px) {
    .sitelogo {
        width: 370px
    }
    /* .home .sitelogo {
        width: 270px;
    } */
    .home #wrapper-navbar.scrolled .sublogo {
        width: 370px;
    }
}
@media(min-width:1921px) {
    .home #wrapper-navbar {
        padding: 34px 100px;
        margin-top: 60px;
    }
    #wrapper-navbar {
        padding: 16px 100px;
        margin-top: 60px;
    }
    #wrapper-navbar.scrolled, #wrapper-navbar.scrolled:not(.open) {
        padding: 13px 100px;
        margin-top: 0;
    }
}
#wrapper-navbar.open {
    background: var(--color-gray);
    box-shadow: none;
    margin: 0;
}
.home #wrapper-navbar .right-col {
    transition: transform .3s ease-in-out;
}
.home #wrapper-navbar.scrolled .navbar.pt-2>.container-fluid .right-col {
    transform: translateY(50%);
}
#wrapper-navbar .container-fluid > div:not(.right-col) {
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
#wrapper-navbar.open .container-fluid > div:not(.right-col),
#wrapper-navbar.open .container-fluid > div > *:not(.btn-hd) {
    opacity: 0;
    visibility: hidden;
}
#wrapper-navbar.open .container-fluid > div:not(.right-col) {
    display: none!important;
}
/* #wrapper-navbar.open .btn-hd {
    display: inline-flex !important;
} */
#menu-button {
    position: relative;
    width: 20px;
    height: 50px;
    background: 0 0;
    padding: 0;
    border: none;
    outline: 0 !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;
    max-width: 100%;
    background-color: var(--color-black);
    position: absolute;
    left: 0;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.menu-button-inner {
    top: 50%;
    transition: background-color .5s
}
.menu-button-inner:before {
    content: "";
    top: -7px;
    transform-origin: left;
}
.menu-button-inner:after {
    content: "";
    top: 7px;
    transform-origin: right;
}
.menu-button-inner::after,
.menu-button-inner::before {
    transition: background-color .5s, transform .5s, top .5s .5s;
}
#menu-button .menu-button-inner {
    transition-duration: .5s
}
#menu-button.open .menu-button-inner {
    transition-duration: .1s;
    transition-delay: .5s;
    background: 0 0 !important
}
#menu-button.open .menu-button-inner::before {
    background-color: var(--color-black) !important;
    transition: background-color .5s, top .5s, transform .5s .5s;
    top: 0;
    transform: rotateZ(-45deg) scaleX(1);
    transform-origin: center;
}
#menu-button.open .menu-button-inner::after {
    background-color: var(--color-black) !important;
    transition: background-color .5s, top .5s, transform .5s .5s;
    top: 0;
    transform: rotateZ(45deg) scaleX(1);
    transform-origin: center;
}
@media (hover:hover) {
    #menu-button.open:hover .menu-button-inner::after,
    #menu-button.open:hover .menu-button-inner::before {
        background-color: var(--color-blue);
    }
    #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-blue);
    }
    #menu-button:hover:not(.open) .menu-button-inner::before,
    #menu-button:hover:not(.open) .menu-button-inner::after {
        transform: rotateZ(0) scaleX(0.8);
    }
    #menu-button:hover .menu-button-inner::before,
    #menu-button:hover .menu-button-inner::after {
        background-color: var(--color-blue)!important;
    }
}
@media(min-width: 744px) {
    #menu-button {
        width: 50px;
    }
}
#offcanvasMenu {
    width: 100%;
    height: 100vh;
    z-index: 1041;
    transition: opacity 0.6s cubic-bezier(.215, .61, .355, 1);
    opacity: 0;
    visibility: hidden;
}
#offcanvasMenu.show {
    opacity: 1;
    visibility: visible;
}
#offcanvasMenu .container-fluid {
    overflow-y: hidden;
    position: relative;
    height: 100vh;
    background: var(--color-gray)
}
.offcanvas-backdrop.show {
    opacity: 1;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.mini-cart-open #wrapper-navbar, body.modal-open #wrapper-navbar .container-fluid > *:not(.right-col) {
    filter: blur(10px);
}
:root { --main-gap: 70px; }
.menus-container {
    overflow-y: auto;
}
.menus-container::-webkit-scrollbar {
    /* width: 1px; */
    width: 0;
}
.menus-container::-webkit-scrollbar-track {
    background: var(--color-gray);
}
.menus-container::-webkit-scrollbar-thumb {
    background-color: var(--color-dgray);
}
.navbar-nav {
    flex-wrap: wrap;
    column-gap: var(--main-gap);
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}
.navbar-nav .nav-link {
    position: relative;
    display: inline-block;
    max-width: 75%;
    font-family: var(--font-b);
    line-height: 110%;
    text-transform: uppercase;
    color: var(--color-black);
    padding: 0;
    margin-bottom: 5px;
    overflow: hidden
}
.navbar-nav .menu-item:not(.ticketsModal) .nav-link[href="#"],
.navbar-nav .menu-item:not(.ticketsModal) .nav-link[href="#!"] {
    pointer-events: none;
}
.navbar-nav .menu-item.ticketsModal .nav-link {
    pointer-events: all !important;
}
.navbar-nav .menu-item.current-menu-item > .nav-link,
.navbar-nav .nav-link:hover {
    color: var(--color-blue)
}
.navbar-nav .menu-item.menu-parent {
    border-top: 1px solid var(--color-dgray);
    padding: 30px 0 0;
    width: 100%;
}
.navbar-nav .dropdown-menu {
    display: block;
    background: transparent;
    border: none !important;
}
@media(min-width: 744px) {
    .navbar-nav .nav-link {
        max-width: 85%;
    }
}
/* @media(min-width: 992px) {
    
} */
@media(min-width: 1200px) {
    .navbar-nav .nav-link {
        max-width: 75%;
    }
}
/* CART BUTTON */
.btn-cart {
    width: 24px;
    display: flex;
}
.btn-cart .cart-contents {
    position: relative;
}
.btn-cart .cart-contents svg {
    width: 100%;
}
.btn-cart .cart-contents svg.hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.btn-cart:hover .cart-contents svg.hover {
    opacity: 1;
}
.btn-cart .cart-contents-count {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 60%;
    left: 50%;
    width: auto;
    height: auto;
    color: var(--color-black);
    font-size: 12px;
    transform: translate(-50%, -50%);
    transition: color 0.3s ease-out;
}
.btn-cart:hover .cart-contents-count {
    color: var(--color-white);
}
@media(min-width: 744px) {
    .btn-cart {
        width: 27px;
    }
}
.btn-tickets {
    display: flex;
    border: 1px solid var(--color-black-15);
    border-radius: 50%;
    width: 33px;
    height: 33px;
    padding: 8px;
    background: transparent;
    transition: background 0.3s ease-in-out;
}
.btn-tickets:hover {
    background: var(--color-black);
}
.btn-tickets svg {
    width: 100%;
    height: 100%;
}
.btn-tickets svg > * {
    transition: fill 0.3s ease-in-out;
}
.btn-tickets:hover svg > * {
    fill: var(--color-white)!important;
}
.btn-tickets-l, #wrapper-navbar.open .btn-tickets-l {
    display: none!important;
}
@media(min-width: 744px) {
    .btn-tickets, #wrapper-navbar.open .btn-tickets {
        display: none!important;
    }
    .btn-tickets-l, #wrapper-navbar.open .btn-tickets-l {
        display: flex!important;
    }
}
/* HEADER MARQUEE */
/* .header-marquee {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    background: var(--color-black);
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
} */
.header-marquee {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    /* background: var(--color-black); */
    transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .3s ease-in-out;
    z-index: 999;
}
#wrapper-navbar.scrolled .header-marquee, .header-marquee.open {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
}
.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-in-out;
}
.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;
}