/* Header fixes*/
header {
    position: sticky !important;
    height: auto !important;
    padding: 0 !important;
    background-color: #000000;
}

header > div.container::before,
header > div.container::after {
    display: none !important;
}

header > div.container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

header > div.container > .menu-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
    gap: 15px;
}

.logotype {
    padding: 0;
    margin: 0;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
}

header > div.container .header-search input {
    margin: 0
}

header > div.container .lang {
    margin: 0
}

header > div.container .btn {
    margin: 0
}

header > div.container .navbar {
    display: none
}

header > div.container .search-field-wrapper {
    width: 100%;
}

header > div.container a.favorit {
    margin: 0
}

header > div.container a.phone {
    margin-bottom: 0;
    margin-left: 0;
}

header > div.container a.phone:hover {
    filter: brightness(75%);
    color: var(--main-btn-font-color)
}

#content {
    padding-top: 0;
    min-height: 50vh;
    background-color: var(--main-bg-body-color)
}

header > div.container.mobile {
    flex-direction: column;
    gap: 20px;
}

header > div.container.mobile .menu-row {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 15px;
    overflow-y: scroll;
    scroll-behavior: smooth;
}

/* Hide scrollbar for Chrome, Safari and Opera */
header > div.container.mobile .menu-row::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
header > div.container.mobile .menu-row {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

header > div.container .open-nav {
    position: relative;
    width: 40px;
    height: 40px;
}

header > div.container .logo-menu-row {
    max-width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header > div.container .wrap_open_nav {
    display: inline-block
}

/* GDPR Cookie consent banner */
.cookie-consent__container {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 30%;
    height: auto;
    background-color: rgba(240, 240, 240, 0.9);
    color: #1c1c1c;
    z-index: 1000;
    padding: 20px 30px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.rtl .cookie-consent__container {
    right: unset;
    left: 0;
}

.cookie-consent-container__heading {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.cookie-consent__selection {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    gap: 20px;
}

.cookie-consent__button {
    border: none;
    line-height: 30px;
    margin-bottom: 0;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.cookie-consent__button:hover {
    opacity: 0.8
}

.cookie-consent__button.cookie-consent--accept {
    background-color: var(--bg-color);
    color: var(--font-color);
}

.cookie-consent__button.cookie-consent--decline {
    background-color: #a2a2a2;
    color: #000000;
}

/* END GDPR */

#card-errors {
    font-weight: 700;
    color: var(--bg-color);
    margin-bottom: 15px;
}

.show_b_office {
    padding-bottom: 10px;
}

.session-item.selected-row .select-ticket {
    border-bottom-right-radius: 0;
}

.write-us-btn {
    margin: 0
}
@media (min-width: 991px) and (max-width: 1100px) {
    a.favorit {
        top: unset;
        position: relative;
    }
}

@media (max-width: 1200px) {
    .phone {
        margin-bottom: 0;
    }
}

@media(min-width:992px) {
    header .logotype img {
        position: unset
    }
}

@media(min-width:991px) {
    header {
        height: auto !important;
    }

    /*
    header.has-menu {
        height: 179px;
    }
    .mobile-show {
        display: block
    }
    .fa-times-circle,
    .fa-bars {
        display: none
    }
	*/
}

@media (max-width: 980px) {
    header {
        position: relative;
    }

    header > div.container.mobile {
        min-height: 350px;
    }

    header > div.container .desktop {
        display: none;
    }

    header > div.container.mobile .desktop {
        display: block;
    }

    header > div.container.mobile .btn.desktop {
        display: none;
    }

    header > div.container.mobile .favorit.desktop {
        display: none;
    }

    header .open-nav {
        top: unset;
        left: unset;
        right: unset;
    }

    header > div.container .logo-menu-row {
        max-width: unset;
        width: 100%
    }

    header > div.container.mobile .header-search {
        max-width: unset;
    }

    header > div.container.mobile .header-search input {
        height: 40px;
    }

    header > div.container.mobile .header-search .search-button-icon {
        height: 40px;
        line-height: 40px;
    }

    header > div.container.mobile .lang a {
        padding: 5px 10px;
    }

    header > div.container.mobile .btn {
        line-height: 40px
    }

    header > div.container.mobile .navbar {
        display: block;
        width: 100%;
    }
}

@media (min-width: 981px) {

    header .wrap_open_nav,
    header .open-nav {
        display: none !important
    }

    .help-container,
    .help-container-menu {
        display: block;
    }
}

@media (max-width: 981px) {
    header .open-nav {
        top: unset;
        left: unset;
        right: unset;
    }

    .help-container,
    .help-container-menu {
        display: none !important;
    }
}

@media (min-width: 768px) {

    header .wrap_open_nav,
    header .open-nav {
        display: block
    }
}

@media (max-width: 767px) {

    /*
    header .logotype img {
        width: 100%;
    }
    */
    header .logotype {
        max-width: 160px;
    }
}


/* Style dropdown scroll */
.top-menu ul.navbar-nav > li:hover > .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.top-menu ul.navbar-nav > li:hover > .dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.top-menu ul.navbar-nav > li:hover > .dropdown-menu::-webkit-scrollbar-thumb {
    background: var(--bg-color);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Handle on hover */
.top-menu ul.navbar-nav > li:hover > .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: var(--hover-color);
}

/* Style dropdown scroll */
/* Modify scrollbar on search page*/
/* Width */
.selectric-items .selectric-scroll::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.selectric-items .selectric-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    background: var(--bg-color);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Handle on hover */
.selectric-items .selectric-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--hover-color);
}

/* Modify scrollbar on search page*/
.link-element {
    cursor: pointer
}

div.ui-tooltip-content > b {
    font-size: 10px;
    color: #ed1f24
}

span.low-visibility-message {
    font-size: 12px;
    color: #ed1f24;
}

/* New checkout styles */
.ticket-form .col-lg-12,
.ticket-form .col-sm-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.ticket-form__bottom {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
}

#checkout {
    margin: 0;
}

.checkout {
    background: #f1f1f1;
}

.order-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 10px 40px;
    gap: 20px;
    flex-wrap: wrap;
}

.order-container.timer-container {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.order-container > .form-box,
.order-container > .ordering-box {
    padding: 0;
}

.form-box input,
.form-box textarea {
    padding: 0;
}

.form-box .radio-container {
    margin: 0;
    font-size: 16px;
    border: 1px solid #cccccc;
    padding: 10px 10px 10px 40px;
    min-height: 60px;
}

.form-box .radio-container.centered {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.form-box .radio-container:hover {
    background-color: #f6f6f6;
}

.form-box .radio-container+.radio-container {
    border-top: none;
}

.form-box .checkmark {
    top: 10px;
    left: 10px;
}

.form-box .radio-container.centered .checkmark {
    top: 50%;
    transform: translate(0, -50%);
}

.rtl .form-box .checkmark {
    top: 10px;
    left: unset;
    right: 10px;
}

.form-box .radio-container > input {
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.rtl .form-box .radio-container > input {
    left: unset;
    right: 0;
}

.form-box .card-icons:not(.fa.card-icons) {
    margin: 0;
}

.form-box .card-icons.stripe.hidden {
    display: none !important;
}

.form-box .card-icons.stripe > img {
    max-height: 100px;
    width: auto;
}

.form-box .card-icons.revolut > img {
    max-height: 100px;
    width: auto;
}

.form-box .card-icons.stripe.applepay > img,
.form-box .card-icons.stripe.googlepay > img {
    max-height: 35px;
    width: auto;
    margin: 10px 0;
}

.form-box .card-icons.paypal > img {
    max-height: 60px;
    width: auto;
}

.revolut-fields #card-field {
    border: 1px solid #cccccc;
    padding: 3px;
    background-color: white;
    margin: 10px 0;
}

.revolut-fields #card-field.rc-card-field--invalid {
    border-color: red;
}

.form-box .button-container {
    padding: 20px 0 0;
}

.radio-container.wallet .payment-name {
    display: none;
}

.radio-container.wallet .payment-name.visible {
    display: inline;
}

.form-box .button-container .payment-button button:disabled {
    color: #000000;
    background-color: #cccccc;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=100);
}

.order-desc {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    padding: 20px 40px 10px;
    position: relative;
    min-height: 123px;
    background-color: #ffffff;
}

.order-desc .img > img {
    max-height: 150px;
}

.order-desc .info-banner li {
    color: #000;
    padding: 0px 25px 7px 0;
    font-size: 16px;
}

.order-desc h4 {
    font-size: 16px;
    font-weight: 500;
    padding-top: 0px;
    margin-bottom: 10px
}

.order-desc h3 {
    font-size: 18px;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin-bottom: 0
}

.order-desc .item-place {
    margin: 15px 11px 0 0
}

.form-box h3 {
    margin: 0;
    padding: 20px 5px;
}

#payment-select {
    flex: 2 1 auto;
    max-width: 65%;
}

#payment-select span.checkmark {
    border: 1px solid #cccccc;
}

#payment-select span.checkmark.invalid {
    border-color: red;
}

.stripe-fields #cardholder-name,
.stripe-fields .credit_card_field {
    margin: 0;
    height: 35px;
    width: 70%;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-color: #cccccc;
    font-size: 14px;
    font-weigth: normal
}

.stripe-fields .credit_card_field+.credit_card_field {
    margin-top: 15px;
}

.stripe-fields #card-errors {
    font-size: 14px;
    color: red;
    padding: 10px 0;
}

/* ArbiPay payment methods: inline row under the arbipay radio */
#arbipay_methods_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 30px;
    padding: 12px 0 4px 20px;
}

.form-box #arbipay_methods_list .radio-container.arbipay-method {
    position: relative;
    display: flex;
    align-items: center;
    border: none;
    min-height: auto;
    margin: 0;
    padding: 4px 0 4px 30px;
}

.form-box #arbipay_methods_list .radio-container.arbipay-method:hover {
    background-color: transparent;
}

.form-box #arbipay_methods_list .arbipay-method .checkmark {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.rtl .form-box #arbipay_methods_list .radio-container.arbipay-method {
    padding: 4px 30px 4px 0;
}

.rtl .form-box #arbipay_methods_list .arbipay-method .checkmark {
    left: unset;
    right: 0;
}

@media (max-width: 767px) {
    #arbipay_methods_list {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}

.delivery-method__container,
.tickets-insurance__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    position: relative;
}

.delivery-method__description,
.tickets-insurance__description {
    font-size: 11px;
    font-weight: normal;
}

.delivery-method__price,
.tickets-insurance__price {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

div.delivery-information,
div.bank-information {
    margin: 0;
    font-size: 16px;
    border: 1px solid #cccccc;
    padding: 15px 15px 15px 15px;
    min-height: 60px;
}

.bank-information #bank_requisites {
    font-size: 14px;
    width: 50%;
}

.delivery-information__row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 0;
}

.delivery-information__label {
    width: 25%;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}

.delivery-information__field {
    margin: 0;
    height: 35px;
    width: 70%;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-color: #cccccc;
    font-size: 14px;
    font-weight: normal
}

.agreements-container {
    padding: 15px 15px 15px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    border: 1px solid #cccccc;
}

.agreements-container .after-agreement-text {
    display: inline;
}

.agreements-container > .agreement {
    margin: 0 !important;
    height: auto;
}

.agreements-container > .agreement input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

/* Informational line between the agreement checkboxes — no input, so it is
   indented to the same text column as the checkbox labels. */
.agreements-container > .agreement-note {
    /* Negative block margins pull the line 2px closer to the checkboxes
       on either side, against the container's 15px flex gap. */
    margin: -2px 0;
    padding-left: 30px;
    max-width: 80%;
    font-size: 11px;
    line-height: 1.4;
}

.agreements-container > .agreement-note a {
    font-weight: 700;
    text-decoration: underline;
}

.mailing-agreement > label {
    display: flex;
}

.mailing-agreement .after-agreement-text {
    width: auto;
    max-width: 80%;
}

#tickets-list {
    flex: 1 1 auto;
    max-width: 33%
}

.ordering-box {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

form .form-box > h3,
.ordering-box > h3,
.order-container > .timer-block {
    display: flex;
    justify-content: space-between;
    margin: 0;
    font-size: 18px;
    padding: 12px 10px 12px;
    background-color: #cccccc;
    width: 100%;
}

.order-container .timer-block {
    justify-content: flex-end;
    gap: 15px;
    background-color: #ffffff;
    border-bottom: 1px dashed #000000;
    /*
border-right: 3px solid rgba(0,0,0,0);
border-left: 3px solid rgba(0,0,0,0);
border-radius: 3px;
*/
    width: 33%;
}

.order-container .timer-block span {
    font-size: 18px
}

.order-container #timer_counter {
    margin: 0;
    height: 100%;
    color: var(--bg-color);
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    border-radius: 0;
    background: none !important;
    /* min-width: 100px; */
    line-height: unset;
    height: auto;
}

.ordering-box .item-place {
    margin: 0;
    width: 100%;
    border-radius: 0;
    border-color: #cccccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ordering-box .item-place+.item-place {
    border-top: none;
}

.ordering-box .item-place .place {
    font-size: 16px;
}

.ordering-box .item-place .price-place {
    font-weight: normal;
    font-size: 16px;
}

.ordering-box .item-addition {
    margin: 0;
    width: 100%;
    border-radius: 0;
    border: 1px solid #cccccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 35px 15px 20px;
    font-size: 16px;
    font-weight: bold;
}

.ordering-box .item-addition+.item-addition {
    border-top: none;
}

.ordering-box .addition-value {
    font-weight: normal
}

.ordering-box .item-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0;
    text-align: right;
    border: 1px solid #cccccc;
    padding: 12px 35px 12px 10px;
    width: 100%
}

.rtl .ordering-box .item-total {
    text-align: left;
}

.ordering-box .item-total strong {
    font-size: 25px
}

/*
.order-item .item-total {
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #000;
line-height: 83px;
float: right;
margin-top: 15px
}

.order-item .item-total strong {
font-size: 25px
}
*/
.delivery-information input:required,
.checkmark-insurance {
    border-color: #cccccc;
}

.delivery-information input:required.invalid,
.checkmark-insurance.invalid {
    border-color: red;
}

#agreement_label,
#years_old_label {
    color: black
}

#agreement_label.invalid,
#years_old_label.invalid {
    color: red
}

#button_container {
    width: 65%;
}

#button_container > #common_button_container,
#button_container > #common_button_container > #card-button {
    width: 100%;
}

/* End new checkout styles */

/* New map controls styles */
#controls {
    left: 10px;
    bottom: -10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.control-button {
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

#standingTicketsModal {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    position: absolute;
    min-width: 300px;
    min-height: 150px;
    background-color: #eeeeee;
    color: #000;
    border: none;
    border-radius: 1px;
    transform: translate(-50%, 0);
    font-size: 16px;
    padding: 15px;
    -webkit-box-shadow: 10px 10px 5px -4px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0, 0, 0, 0.34);
    box-shadow: 10px 10px 5px -4px rgba(0, 0, 0, 0.34);
    z-index: 200;
}

#standingTicketsModal::after {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    /* Adjust the values to change the size of the triangle */
    border-color: transparent transparent #eeeeee transparent;
    /* Adjust the color if needed */
}

.standingTicketsModal__close {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 25px;
    height: 25px;
    color: black;
    background-color: #bbbbbb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.standingTicketsModal__close:hover {
    background-color: #cccccc;
}

.standingTicketsModal__section-info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    cursor: move;
}

.standingTicketsModal__ticket-controls,
.standingTicketsModal__tickets-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-direction: row;
    padding: 15px 0;
}

.standingTicketsModal__tickets-summary {
    padding-bottom: 0;
}

.standingTicketsModal__ticket-controls > .controls-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.standingTicketsModal__ticket-controls .section-legend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.standingTicketsModal__ticket-controls .section-legend .legend-color {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: blue;
}

.standingTicketsModal__ticket-controls .tickets-qty {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
}

.standingTicketsModal__ticket-controls .qty-control.plus,
.standingTicketsModal__ticket-controls .qty-control.minus {
    width: 25px;
    height: 25px;
    background: #a2a2a2;
    border-radius: 0px;
    padding: 5px 5px 5px 5px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    cursor: pointer
}

.standingTicketsModal__ticket-controls .qty-control.plus {
    background-color: var(--bg-color);
}

.standingTicketsModal__ticket-controls .qty-control.minus {
    background-color: #a2a2a2;
}

.standingTicketsModal__tickets-total {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 40px
}

.standingTicketsModal__tickets-add > button {
    height: 40px;
    border-radius: 0px;
    background-color: var(--bg-color);
    color: white;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
}

.cover-element {
    cursor: pointer
}

/*End new map controls styles*/

/* Shopping cart styles */
.shopping-cart {
    display: none;
    background-color: var(--bg-color);
    align-items: center;
    justify-content: space-between;
    padding: 4px 12px;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 3000;
    opacity: 0.9;
}

.shopping-cart__icon-container {
    position: relative
}

.shopping-cart__icon-counter {
    position: absolute;
    right: -9px;
    top: -3px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    z-index: 10;
    text-align: center;
    background-color: white;
    border-radius: 9px;
    line-height: 18px;
}

.shopping-cart__icon {
    max-width: 24px;
}

.shopping-cart__icon > circle {
    stroke: white;
    stroke-width: 0;
    fill: white;
}

.shopping-cart__icon > path {
    stroke: white;
    stroke-width: 0;
    fill: white;
}

.shopping-cart__sum {
    color: var(--font-color);
    font-size: 16px;
}

.shopping-cart__sum > div {
    text-align: center;
    line-height: 20px;
}

.shopping-cart__timer {
    font-size: 16px;
    font-weight: bold;
    color: var(--font-color);
    text-align: right;
    min-width: 60px
}

/* End Shopping cart styles */

span.low-visibility-message {
    font-size: 12px;
    color: var(--bg-color);
}


span.place-addinfo {
    text-decoration: underline;
    color: var(--bg-color);
    font-style: italic;
}

/**/
.catalog .dropdown-menu {
    width: auto
}

/**/



/* password-recovery section */
#password-recovery-section {
    background: #f1f1f1;
    padding-top: 35px;
    padding-bottom: 30px;
    position: relative;
    margin: 0 120px
}

#password-recovery-section h2 {
    font-weight: 500;
    margin-bottom: 3px
}

#password-recovery-section h3 {
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 20px;
    padding-top: 20px
}

.forgot_p a,
.forgot_p span {
    font-style: italic;
    border-bottom: dashed 2px var(--bg-color);
    cursor: pointer;
}

.password-recovery {
    margin-top: 50px;
}

.password-recovery .item-data {
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;

}

#savePassword {
    background-color: var(--bg-color);
}

.password-recovery input.has-error {
    border-color: #ed1f24;
}

.error-message {
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    color: #ed1f24;
    font-size: 14px;
}

#form_forgot_password .item-data {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

#form-auth {
    text-align: center;
}

.recover-password-message {
    max-width: 290px;
    text-align: center;
}

/* Subgenre multiselect */
.top-menu.catalog .dropdown-menu .nav-item,
.container.mobile .dropdown-menu .nav-item-inner,
.navbar.mobile .dropdown-menu .nav-item-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 5px;
    cursor: pointer;
    /*transition: all .4s;*/
}

.container.mobile .dropdown-menu .nav-item-inner,
.navbar.mobile .dropdown-menu .nav-item-inner {
    cursor: default;
}

.subgenre-label {
    border: 1px solid #555555;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*transition: all .4s;*/
}

/*
.top-menu.catalog .dropdown-menu .nav-item:hover .subgenre-label {
border: 1px solid #ffffff;
}
*/
.top-menu.catalog .dropdown-menu .nav-item.confirm {
    padding: 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-menu .nav-item.confirm:hover,
.top-menu .nav-item.confirm.active {
    background: initial !important;
}

.catalog-filter-confirm {
    width: 100%;
    margin: 0;
    height: 35px !important;
    line-height: 35px !important;
    font-size: 14px;
}

.subgenre-label .checkbox-indicator {
    content: "";
    width: 16px;
    height: 12px;
    border-radius: 3px;
    background: none;
    display: none;
    border: 4px solid var(--bg-color);
    border-top: none;
    border-right: none;
    transform: rotate(-50deg);
    top: -2px;
    position: relative;
}

/*
.top-menu.catalog .dropdown-menu .nav-item:hover .subgenre-label .checkbox-indicator{
background-color: #ffffff;
}
*/
.subgenre-label input:checked+.checkbox-indicator {
    display: inline-block;
}

/**/
.top-menu .navbar-nav > .nav-item,
.top-menu .navbar-nav > .nav-item {
    border: 1px solid rgba(255, 255, 255, 0) !important;
}

/*
.top-menu .navbar-nav  >  .nav-item:hover,
.top-menu .navbar-nav  >  .nav-item.active {
background-color: initial !important;
border: 1px solid var(--bg-color) !important;
}
.top-menu .navbar-nav  >  .nav-item:not(.no-dropdown):hover {
border-bottom: 1px solid rgba(255,255,255,0) !important;
}
.top-menu .navbar-nav  >  .nav-item:hover a,
.top-menu .navbar-nav  >  .nav-item.active a{
color: initial;
}

.top-menu .navbar-nav  >  .nav-item:hover path,
.top-menu .navbar-nav  >  .nav-item.active path{
fill: var(--bg-color) !important;
}
*/

.top-menu ul.navbar-nav > li:hover > .dropdown-menu {
    width: calc(100% + 2px);
    margin: 0 0 0 -1px;
    /*
padding: 10px;
min-width: calc(200% + 2px);
border: 1px solid var(--bg-color) !important;
border-top: none !important;
box-shadow: 0 10px 12px rgba(0,0,0,.175);
*/
}

.top-menu ul.navbar-nav > li.genre-item:hover > .dropdown-menu {
    min-width: calc(200% + 2px);
    margin: 0 0 0 -1px;
    padding: 10px;
}

.container.mobile ul.navbar-nav > li.genre-item.active-show > .dropdown-menu {
    min-width: calc(100% + 2px);
    margin: 0 0 0 -1px;
    padding: 10px;
}

.top-menu ul.navbar-nav > li > .dropdown-menu > .nav-item.filter-item:hover,
.top-menu ul.navbar-nav > li > .dropdown-menu > .nav-item.filter-item:hover > a,
.top-menu ul.navbar-nav > li > .dropdown-menu > .nav-item.filter-item.active,
.top-menu ul.navbar-nav > li > .dropdown-menu > .nav-item.filter-item.active > a,
.top-menu ul.navbar-nav > li.genre-item > .dropdown-menu > .nav-item:hover,
.top-menu ul.navbar-nav > li.genre-item > .dropdown-menu > .nav-item:hover > a,
.container.mobile ul.navbar-nav > li > .dropdown-menu > .nav-item.filter-item.active,
.container.mobile ul.navbar-nav > li > .dropdown-menu > .nav-item.filter-item.active > a,
.container.mobile .dropdown-menu > li > a:focus,
.container.mobile .dropdown-menu > li > a:hover {
    background-color: initial;
    color: var(--bg-color) !important;
}

/*
.top-menu ul.navbar-nav  >  li:hover  >  .dropdown-menu::before {
content: '';
display: block;
position: absolute;
top: 0;
width: 50%;
right: 0;
border-top: 1px solid var(--bg-color);
}
*/
/*
.top-menu .navbar-nav  >  .nav-item .filter-item:hover,
.top-menu .navbar-nav  >  .nav-item .filter-item:hover  >  a.dropdown-item {
background-color: initial !important;
color: var(--bg-color) !important;
}
*/
div.container.mobile div.menu-row div.navbar ul.navbar-nav > li.nav-item.active-show,
div.navbar.mobile ul.navbar-nav > li.nav-item.active-show {
    position: relative;
}

div.container.mobile div.menu-row div.navbar ul.navbar-nav > li.nav-item.active-show > .dropdown-menu,
div.navbar.mobile ul.navbar-nav > li.nav-item.active-show > .dropdown-menu {
    display: block;
}

div.container.mobile div.menu-row div.navbar ul.navbar-nav > li.nav-item.active-show > .dropdown-menu,
div.navbar.mobile ul.navbar-nav > li.nav-item.active-show > .dropdown-menu {
    max-height: 140px;
    overflow-y: auto;
    text-align: center;
}

div.container.mobile div.menu-row div.navbar ul.navbar-nav > li.nav-item.active-show > .dropdown-menu > .nav-item-inner,
div.navbar.mobile ul.navbar-nav > li.nav-item.active-show > .dropdown-menu > .nav-item-inner {
    margin: 10px auto;
}

div.container.mobile div.menu-row div.navbar ul.navbar-nav > li.nav-item.active-show > .dropdown-menu > .nav-item-inner > .dropdown-item,
div.navbar.mobile ul.navbar-nav > li.nav-item.active-show > .dropdown-menu > .nav-item-inner > .dropdown-item {
    padding: 0 10px;
}

div.container.mobile ul.navbar-nav > .nav-item > a,
.navbar.mobile ul.navbar-nav > .nav-item > a {
    border-bottom: none;
}

div.container.mobile ul.navbar-nav > .nav-item,
.navbar.mobile ul.navbar-nav > .nav-item {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--bg-color);
}

.navbar.mobile .nav-item > i.fa {
    color: var(--bg-color);
}

div.container.mobile .nav-item > i.fa.fa-chevron-down,
.navbar.mobile .nav-item > i.fa.fa-chevron-down {
    display: block;
}

div.container.mobile .nav-item > i.fa.fa-chevron-up,
.navbar.mobile .nav-item > i.fa.fa-chevron-up {
    display: none;
}

div.container.mobile .nav-item.active-show > i.fa.fa-chevron-down,
.navbar.mobile .nav-item.active-show > i.fa.fa-chevron-down {
    display: none;
}

div.container.mobile .nav-item.active-show > i.fa.fa-chevron-up,
.navbar.mobile .nav-item.active-show > i.fa.fa-chevron-up {
    display: block;
}

div.container.mobile span.dropdown-item,
.navbar.mobile span.dropdown-item {
    display: inline-block;
    width: 90%;
    text-align: left;
}

.event-genres-container {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 15px;
}

span.event-genre-item {
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    padding: 10px;
}

.main-content h2 {
    font-size: 25px;
    margin-bottom: 0;
}

.lang ul {
    z-index: 20;
}

.event h1 {
    font-size: 38px;
    line-height: 100%;
    color: var(--main-btn-font-color)
}
.event .desc_height p {
    color: var(--main-btn-font-color)
}
.text-link-element {
    cursor: pointer;
}

/* Event info box */
#event-info-modal {
    padding: 40px 30px;
    max-width: 600px;
    max-height: 700px;
    overflow: auto;
    text-align: center;
}

#event-info-modal ul {
    padding-left: 15px;
    padding-bottom: 15px
}

.event-info-modal-block {
    text-align: justify;
}

.close-event-info-modal {
    margin: 30px 0 0 0;
    display: inline-block !important;
}

#close_event_modal {
    position: absolute;
    right: 10px;
    top: 10px;
}

#close_event_modal i {
    color: var(--bg-color);
    font-size: 24px;
    cursor: pointer;
}

/* Seo text block */
.seo-text-block {
    background: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
    border-radius: 3px;
    position: relative;
    padding: 25px 25px 20px 65px;
}

.seo-text-block h2 {
    font-size: 20px;
}

#seo_title {
    cursor: default;
}

#seo_title {
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
}

#seo_content > h2 {
    margin: 20px 0 !important;
}

#seo_content > h2+p {
    padding-top: 0;
}

.seo-text-block__icon {
    cursor: pointer;
    position: absolute;
    font-size: 38px;
    color: var(--bg-color);
    top: 25px;
    left: 20px;
}

.seo-text-block > .seo-text-wrap {
    display: block !important;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.seo-text-block > .seo-text-wrap > .accord-content {
    display: block !important;
}

#seo_content ul {
    list-style-type: disc;
    list-style-position: inside;
}

/* SOON IN SALE*/
.td.where.no-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.td.where.no-cell > br {
    display: none;
}

.tr.no-row.soon-sale-container {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.soon-in-sale {
    min-width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    cursor: default;
    float: none !important;
    justify-content: center;
    height: 100%;
}

.soon-in-sale__row {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    width: 100%;
}

.soon-in-sale__header {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.soon-in-sale__row > .bold {
    font-weight: bold;
    text-transform: uppercase;
}
.soon-in-sale__row > span,
.soon-in-sale__row .date-item__value {
    font-size: 16px;
}

.date-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 12%;
}

.date-item+.date-item {
    margin-left: 5px;
}

.date-item__value {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: flex;
    text-align: center;
    justify-content: center;
    border: 1px solid var(--main-additional-elements-color);
}

.date-item:not(:first-child):not(:last-child)::after {
    content: ":";
    position: absolute;
    right: -4px;
    top: 8px;
}

.date-item__title {
    margin: 5px 0;
    text-transform: uppercase;
    font-size: 10px;
}

/* END SOON IN SALE*/

/* SUBSCRIPTION BLOCK UPDATE*/
.container.flex-container {
    display: flex;
    align-items: flex-end;
}

.container.flex-container .facebook-block {
    width: 30%;
}

.container.flex-container .subscription-block {
    width: 70%;
}

.subscription-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.subscribe__top-line {
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.subscribe__top-line .fa-envelope {
    position: relative;
    margin: 0;
    top: unset;
    left: unset;
    height: 40px;
    line-height: 40px;
}

.subscription-block.sb__footer {
    height: 134px;
    max-height: unset;
}

.subscription-form-group {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 5px;
    flex-direction: column;
    width: 100%;
    padding: 0 15px;
}

.subscription-form-group__inputs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.subscription-form-group__inputs .subscription-city {
    width: unset;
}

.subscription-block.sb__footer .subscription-email {
    width: 100%;
}

.subscription-form-group .subscription-form-group__inputs > input,
.subscription-form-group > select,
.subscription-form-group .subscription-form-group__inputs > button,
.subscription-form-group > input.select2-search__field,
input.select2-search__field {
    margin: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
}

.subscription-email {
    margin-bottom: 0;
}

.subscription-form-group .select2-container {
    display: block;
    min-width: 100%;
    height: 40px !important;
}

.subscribe .select2-container {
    height: 34px !important;
}

.select2-container--default .select2-selection--multiple {
    height: 40px !important;
    border: 1px solid #c2cad8 !important;
}

.subscribe .select2-container--default .select2-selection--multiple {
    height: 34px !important;
}

/*
.select2-container .select2-selection--multiple .select2-selection__rendered {
    height: 40px !important;
    line-height: 40px !important;
}
*/

.subscribe .select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bg-color) !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 150px;
    overflow-y: auto;
}

/**/

.validation-message {
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
    color: #ed1f24;
}

.header-phones {
    display: flex;
    align-items: center;
    gap: 10px
}

.subscription-page-form .select2.select2-container.select2-container--default,
.subscribe .select2.select2-container.select2-container--default {
    display: block;
    min-width: 100%;
    height: 40px !important;
}

.subscription-page-form .select2-selection.select2-selection--multiple,
.subscribe .select2-selection.select2-selection--multiple {
    height: 40px !important;
}

.subscription-page-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.subscribe .select2-container--default .select2-selection--multiple .select2-selection__choice {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px;
}

.subscription-page-form .select2-container .select2-selection--multiple .select2-selection__rendered,
.subscribe .select2-container .select2-selection--multiple .select2-selection__rendered {
    height: 40px !important;
    line-height: 40px !important;
}

.tiktok {
    vertical-align: middle;
}

.tiktok > img {
    width: 28px;
    height: 28px;
}

.mobile-copyright,
.soc-desctop {
    display: flex;
    align-items: center;
    justify-content: center;
}

.soc-desctop {
    justify-content: flex-start;
}
#thank-you-page > .container{
    padding-bottom: 50px !important
}
.session-item-element.soon-in-sale-container {
    padding-right: 15px;
    width: calc(140px + 30%);
    font-family: 'MontseratRegular';
}
.session-item {
    padding-left: 5%;
    position: relative
}
.session-item .session-item__date.sb_item_date {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 0;
}

/* Pages BG */
section.section.first.pages,
.contact-us #faq-section 
{
    background: #f1f1f1 !important;
}

.session-item__soldout.more-details > span {
    font-size: 14px;
    text-align: center;
    display: inline-block;
    max-width: 80%;
}
.session-item__element.session-item__prices > a > span {
    color: var(--main-additional-elements-color);
    font-weight: bold;
    text-decoration: underline;
}

.sessions-container {
    padding-top: 30px;
    position: relative;
}

/* New search field */
.header-search-list {
    position: absolute;
    top: 20px;
    right: 10px;
    width: unset;
    max-width: unset;
}
.header-search-list > .search-field-wrapper {
    width: unset;
}
.header-search-list > .search-field-wrapper > input {
    border: 3px solid var(--main-additional-elements-color);
    color: var(--main-additional-elements-color);
    background-color: var(--main-additional-buttons-color);
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0;
    width: 300px;
    padding-right: 40px;
    font-weight: bold;
    font-size: 18px;
}
/* Placeholder styles for Chrome / WebKit and standard spec */
.header-search-list > .search-field-wrapper > input::-webkit-input-placeholder {
    color: rgba(255,0,0,0.6);
    opacity: 1; /* prevent UA reduced opacity in WebKit */
    font-weight: 600;
}

.header-search-list > .search-field-wrapper > input::placeholder {
    color: rgba(255,0,0,0.6);
    opacity: 1;
    font-weight: 600;
}

/* Hide placeholder on focus for clearer input UX */
.header-search-list > .search-field-wrapper > input:focus::-webkit-input-placeholder,
.header-search-list > .search-field-wrapper > input:focus::placeholder {
    color: transparent;
}
.search-button-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 10;
    width: 20px;
    height: 20px;
}
.search-button-icon > i.fa-search {
    color: var(--main-additional-elements-color);
    font-size: 20px
}

.no-sessions-notice.from-search {
    display: block;
    margin-top: 50px;
    text-align: center;
}

h5.name-notification-frase{
    font-size: 14px;
    color: #000000;
}

.lang ul {
    max-height: 300px;
    overflow-y: scroll;
    scrollbar-width: thin;
}
.lang ul a {
    padding-left: 8px;
    padding-right: 8px;
}

.main-content h2.sale-start-time-block {
    margin-bottom: 30px;
    color: rgba(230, 6, 6, 0.8);
}

/* Media queries */
@media (min-width: 991px) and (max-width: 1100px) {
    a.favorit {
        top: unset;
        position: relative;
    }
}

@media (max-width: 1200px) {
    .phone {
        margin-bottom: 0;
    }
}

@media(min-width:992px) {
    header .logotype img {
        position: unset
    }
}

@media(min-width:991px) {
    header {
        height: auto !important;
    }

    /*
header.has-menu {
height: 179px;
}
.mobile-show {
display: block
}
.fa-times-circle,
.fa-bars {
display: none
}
*/
}

@media (max-width: 980px) {
    header {
        position: relative;
    }

    header > div.container.mobile {
        min-height: 350px;
    }

    header > div.container .desktop {
        display: none;
    }

    header > div.container.mobile .desktop {
        display: block;
    }

    header .open-nav {
        top: unset;
        left: unset;
        right: unset;
    }

    header > div.container .logo-menu-row {
        max-width: unset;
        width: 100%
    }

    header > div.container.mobile .header-search {
        max-width: unset;
    }

    header > div.container.mobile .header-search input {
        height: 40px;
    }

    header > div.container.mobile .header-search .search-button-icon {
        height: 40px;
        line-height: 40px;
    }

    header > div.container.mobile .lang a {
        padding: 5px 10px;
    }

    header > div.container.mobile .btn {
        line-height: 40px
    }

    header > div.container.mobile .navbar {
        display: none;
        width: 100%;
    }

    .top-menu ul.navbar-nav > li > a {
        padding: 0 5px;
        font-size: 12px;
    }

    .navbar.mobile {
        display: flex;
        align-items: stretch;
        justify-content: center;
        z-index: 10;
        margin-bottom: 8px;
    }

    .navbar.mobile > ul.navbar-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
        width: max-content;
        position: absolute;
        transition: all .4s;
    }

    .navbar.mobile > ul.navbar-nav > li.nav-item {
        border-bottom: none;
        float: none;
        width: auto;
    }

    .navbar.mobile > ul.navbar-nav > li.nav-item+li.nav-item {
        border-left: 1px solid var(--bg-color);
    }

    .navbar.mobile ul.navbar-nav > .nav-item > .nav-link {
        display: flex;
        max-width: unset;
        text-transform: uppercase;
        font-weight: 500;
        align-items: center;
        justify-content: space-between;
        margin-right: 0;
        margin-left: 0;
        flex-wrap: nowrap;
        padding-left: 5px;
        padding-right: 10px;
    }

    .navbar.mobile .navbar-nav > li > i.fa {
        position: relative;
        right: unset;
        transform: translateY(-10%);
        margin: 0 10px;
    }
}

@media (min-width: 981px) {

    header .wrap_open_nav,
    header .open-nav {
        display: none !important
    }

    .help-container,
    .help-container-menu {
        display: block;
    }
}

@media (max-width: 981px) {
    header .open-nav {
        top: unset;
        left: unset;
        right: unset;
    }

    .help-container,
    .help-container-menu {
        display: none !important;
    }
}

@media (max-width: 1110px) {
    #payment-select {
        max-width: unset;
    }

    #tickets-list {
        max-width: unset;
    }
}

@media (max-width: 981px) {
    header .logotype img {
        width: auto;
    }

    header .logotype {
        max-width: 160px;
        width: auto;
    }

    /* Checkout form mobile styles */
    .order-desc > .img > img {
        width: 100%;
        height: auto;
    }

    .order-desc .event-description > h4 {
        font-size: 14px;
    }

    .order-desc .info-banner li {
        font-size: 14px;
    }

    .order-desc .info-banner li span {
        font-weight: bold;
    }

    .order-container {
        flex-direction: column;
        align-items: stretch;
        padding-left: 25px;
        padding-right: 25px;
    }

    #payment-select {
        max-width: unset;
        margin: 0;
    }

    .order-container.timer-container {
        padding: 10px 25px;
    }

    .order-container .timer-block {
        width: 100%;
        font-size: 16px;
        margin: 0 -15px;
    }

    form .form-box > h3,
    .ordering-box > h3,
    .order-container > .timer-block {
        font-size: 16px;
    }

    .form-box .radio-container {
        font-size: 14px;
    }

    .delivery-method__description,
    .tickets-insurance__description {
        display: inline-block;
        max-width: 75%;
    }

    #tickets-list {
        max-width: unset;
        margin: 0
    }

    #button_container {
        width: 100%
    }

    .ordering-box .item-place .place,
    .ordering-box .item-place .price-place {
        font-size: 14px;
    }

    .ordering-box .item-total {
        font-size: 16px;
    }

    .stripe-fields #cardholder-name,
    .stripe-fields .credit_card_field {
        width: 100%;
    }

    .delivery-information__label {
        font-size: 12px;
    }

    .delivery-information__field {
        height: 25px;
        line-height: unset !important;
        font-size: 12px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 0;
        padding-bottom: 0;
    }

    .delivery-information__row {
        padding: 5px 0;
    }
}

@media (min-width: 768px) {

    header .wrap_open_nav,
    header .open-nav {
        display: block
    }

}

@media (max-width: 767px) {
    #tickets-list {
        max-width: unset;
    }

    .order-desc {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .bank-information #bank_requisites {
        width: 100%;
    }

    .shopping-cart {
        display: flex;
    }

    #CybotCookiebotDialog {
        max-height: 60% !important;
        transform: translate(-50%, 0) !important;
        top: unset !important;
        bottom: 15px !important;
    }

    #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
        padding: 0.5em !important;
    }

    .home .main-catalog {
        padding-top: 0;
    }

    header .logotype img {
        width: 100%;
    }

    header .logotype {
        max-width: 160px;
    }

    h1.affiche_h,
    h1.up_h {
        font-size: 25px;
        margin: 15px auto 20px !important;
    }

    .event .main-catalog h1 {
        font-size: 25px;
    }

    h1.affiche_h {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    header > div.container.mobile {
        min-height: 80vh !important;
    }

    #content .navbar.mobile {
        display: none;
    }

    header > div.container.mobile .navbar {
        display: block;
    }

    .navbar.mobile > ul.navbar-nav {
        display: initial;
        position: relative;
    }

    .navbar.mobile > ul.navbar-nav > li.nav-item+li.nav-item {
        border-left: none;
    }

    .navbar.mobile > ul.navbar-nav > li.nav-item {
        border-bottom: 1px solid var(--bg-color);
    }

    div.container.mobile ul.navbar-nav > .nav-item > .nav-link,
    .navbar.mobile ul.navbar-nav > .nav-item > .nav-link {
        max-width: 70%
    }

    .event-genres-container {
        bottom: 5px;
        gap: 5px;
    }

    span.event-genre-item {
        font-size: 12px;
        padding: 5px;
    }

    div.container.mobile .nav-item > i.fa,
    .navbar.mobile .nav-item > i.fa {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--bg-color);
        margin: 0px;
    }

    .cookie-consent__container {
        width: 100%;
    }

    .has-soon-in-sale .session-item__element:nth-child(4) {
        width: 100% !important;
    }
    .session-item.has-soon-in-sale {
        height: auto !important;
        padding-right: 35px
    }

    .session-item__element {
        width: 100% !important;
    }

    .soon-in-sale {
        margin-top: 10px;
        min-width: unset;
        gap: 5px
    }

    .session-item-element.soon-in-sale-container {
        width: 100%;
        padding-right: 0
    }

    .has-soon-in-sale .session-item__element {
        align-items: center;
    }
    .has-soon-in-sale .session-item__element.session-item__location {
        justify-content: center;
    }

    .soon-in-sale__row {
        width: 100% !important;
        min-height: 18px;
        font-size: 14px
    }
    .soon-in-sale__row > .bold {
        font-size: 12px;
    }

    .soon-in-sale__header {
        line-height: 18px;
        font-size: 14px;
    }

    .date-item {
        width: 20%
    }

    .session-item.selected-row + #hall_map > .td {
        padding-top: 0;
    }

    .date-item__value {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .date-item:not(:first-child):not(:last-child)::after {
        top: 4px;
    }

    .soon-sale-container .td.where {
        flex-grow: 1;
    }

    .select-ticket.soon-in-sale {
        float: none;
        border: none !important;
    }

    .tr.no-row.soon-sale-container {
        border: 1px solid #f3f3f3
    }

    .subscription-block.sb__footer {
        padding: 15px;
        max-height: unset !important;
    }

    .subscription-form-group {
        width: 100%;
        flex-direction: column;
    }

    .subscription-block.sb__footer .subscription-email {
        width: 100%;
    }

    .soon-in-sale__row > span,
    .soon-in-sale__row .date-item__value {
        font-size: 14px;
    }

    .session-item__element.session-item__prices > a {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-top: 5px;
    }
    .session-item__soldout.more-details > span{
        font-size: 11px;
    }

    .header-search-list > .search-field-wrapper > input {
        width: 200px
    }
    .no-sessions-notice.from-search {
        font-size: 24px;
        line-height: 30px;
    }

    .show_b_office .td {
        font-size: 12px !important;
    }
}