/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \**************************************************************************************************************/
@import url(https://fonts.cdnfonts.com/css/caver-pitalsal);
/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss (1) ***!
  \******************************************************************************************************************/
@font-face {
  font-family: 'Inter';
  src: url(ac03a6de9ea313009257.woff2) format("woff2"), url(f3ce705f806c10eb6e2d.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter';
  src: url(df454d31cb00344b1ff1.woff2) format("woff2"), url(3a84061fa1e9573b4a9f.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter';
  src: url(1bd9d6681529f12fe6e1.woff2) format("woff2"), url(bb0b5ceeaf068f5ef275.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter';
  src: url(d9b60b2ca718d9700f6e.woff2) format("woff2"), url(ab23821f6838e42706fb.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter';
  src: url(7249951440b8b2f3f6ba.woff2) format("woff2"), url(6d7d360a0832f5c43a22.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter';
  src: url(afa727d8db7992117c0f.woff2) format("woff2"), url(ec5268cf58f8972b50dd.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter';
  src: url(d4b5441320ecab87d64a.woff2) format("woff2"), url(484bd6e66988b594f558.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter';
  src: url(218afe6ea4cd7ba61ef9.woff2) format("woff2"), url(24bf3d3f1efe6a99f59a.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter';
  src: url(2fa884f3d7326c4b3f6b.woff2) format("woff2"), url(5114637207c58c8f55be.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

.inter-48-700 {
  font-family: 'Inter';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; }
  @media screen and (max-width: 750px) {
    .inter-48-700 {
      font-size: 32px; } }

.inter-32-700 {
  font-family: 'Inter';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; }

.inter-24-400 {
  font-family: 'Inter';
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.inter-20-700 {
  font-family: 'Inter';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; }

.inter-16-700 {
  font-family: 'Inter';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; }
  @media screen and (max-width: 395px) {
    .inter-16-700 {
      font-size: 14px; } }

.inter-18-600 {
  font-family: 'Inter';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; }
  @media screen and (max-width: 395px) {
    .inter-18-600 {
      font-size: 16px; } }

.inter-18-300 {
  font-family: 'Inter';
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%; }
  @media screen and (max-width: 395px) {
    .inter-18-300 {
      font-size: 16px; } }

.inter-16-600 {
  font-family: 'Inter';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; }
  @media screen and (max-width: 395px) {
    .inter-16-600 {
      font-size: 14px; } }

.inter-16-500 {
  font-family: 'Inter';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; }
  @media screen and (max-width: 395px) {
    .inter-16-500 {
      font-size: 14px; } }

.inter-14-700 {
  font-family: 'Inter';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; }

.inter-14-600 {
  font-family: 'Inter';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; }

.inter-14-400 {
  font-family: 'Inter';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; }

.inter-12-700 {
  font-family: 'Inter';
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; }

.inter-8-700 {
  font-family: 'Inter';
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; }

.inter-8-500 {
  font-family: 'Inter';
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; }

*:focus {
  outline: none; }

.wp-block-group .entry-content {
  display: flex;
  padding: 0 !important; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #000 !important; }

.landing-form {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 80px 0; }
  @media screen and (max-width: 400px) {
    .landing-form {
      padding: 80px 25px; } }
  .landing-form .lf_iunput-phone-box {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    border: 1px solid #d1d5db;
    border-radius: 8px; }
    .landing-form .lf_iunput-phone-box .js-phone-field {
      margin-bottom: 0;
      border: none;
      padding: 12px 5px 13px; }
  .landing-form .select2-container {
    width: 170px !important;
    height: 100%;
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; }
  .landing-form .select2-container--default .select2-selection--single {
    border: none; }
  .landing-form .select2-container .select2-selection--single .select2-selection__rendered span {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .landing-form .select2-container .select2-selection--single .select2-selection__rendered span svg {
      width: 20px;
      height: 20px;
      min-width: 20px;
      min-height: 20px;
      object-fit: cover;
      margin-right: 5px; }

.select2-dropdown {
  font-family: 'Inter';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; }
  .select2-dropdown svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    object-fit: cover;
    margin-right: 5px; }
  .select2-dropdown li span {
    display: flex;
    align-items: center; }

.lf_inner {
  background: #fff;
  padding: 50px;
  filter: drop-shadow(0 4px 60px rgba(0, 0, 0, 0.1));
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 368px; }
  @media screen and (max-width: 400px) {
    .lf_inner {
      padding: 48px 25px; } }

.lf_title {
  margin-bottom: 6px;
  text-transform: uppercase;
  margin-top: 12px; }
  .lf_title:first-child {
    margin-top: 0; }

.lf_line {
  width: 100%;
  height: 1px;
  background: #000;
  margin-bottom: 16px; }

.lf_input {
  width: 100%;
  border-radius: 8px;
  background: #fff;
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  margin-bottom: 12px;
  outline: none; }
  .lf_input:disabled {
    color: #9ca3af;
    background: #f4f4f4; }
  .lf_input::-webkit-outer-spin-button, .lf_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .lf_input:-webkit-autofill::first-line, .lf_input:-webkit-autofill, .lf_input:-webkit-autofill:hover, .lf_input:-webkit-autofill:focus, .lf_input:-webkit-autofill:active {
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; }

input[type='number'] {
  -moz-appearance: textfield; }

.lf_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f58220;
  border-radius: 8px;
  border: none;
  padding: 12px 20px;
  color: #fff;
  margin-top: 16px;
  cursor: pointer; }

.lf_checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 12px; }
  .lf_checkbox input {
    display: none; }
  .lf_checkbox label {
    position: relative;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #f4f4f4;
    color: #667085;
    padding: 12px 16px 12px 40px;
    width: 100%;
    cursor: pointer; }
    .lf_checkbox label::before {
      content: '';
      position: absolute;
      left: 12px;
      top: calc(50% - 9px);
      width: 16px;
      height: 16px;
      border-radius: 4px;
      border: 1px solid #d1d5db;
      background: #fff; }
    .lf_checkbox label svg {
      position: absolute;
      top: calc(50% - 6px);
      left: 15px;
      width: 12px;
      height: 12px;
      object-fit: cover;
      opacity: 0; }
  .lf_checkbox input:checked ~ label {
    border: 1px solid #f58220;
    background: rgba(245, 130, 32, 0.07);
    color: #000; }
    .lf_checkbox input:checked ~ label::before {
      border: 1px solid #f58220; }
    .lf_checkbox input:checked ~ label svg {
      opacity: 1; }
      .lf_checkbox input:checked ~ label svg circle:nth-child(2) {
        fill: #f58220; }

.lf_checkbox2 {
  display: flex;
  flex-direction: column;
  align-self: flex-start; }
  .lf_checkbox2 input {
    display: none; }
  .lf_checkbox2 label {
    position: relative;
    color: #000;
    padding-left: 26px;
    width: 100%;
    cursor: pointer; }
    .lf_checkbox2 label a {
      color: #000;
      text-decoration: underline; }
    .lf_checkbox2 label::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 16px;
      height: 16px;
      border-radius: 4px;
      border: 1px solid #d1d5db;
      background: #fff; }
    .lf_checkbox2 label svg {
      position: absolute;
      top: 3px;
      left: 3px;
      width: 12px;
      height: 12px;
      object-fit: cover;
      opacity: 0; }
  .lf_checkbox2 input:checked ~ label::before {
    border: 1px solid #f58220; }
  .lf_checkbox2 input:checked ~ label svg {
    opacity: 1; }

.lf_form-error {
  margin-top: 7px;
  color: #ed4337;
  display: none; }
  .lf_form-error.text-error {
    margin-right: auto;
    margin-top: -5px;
    margin-bottom: 10px; }

.lf_radio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 12px; }
  .lf_radio input {
    display: none; }
  .lf_radio-box {
    width: 100%; }
  .lf_radio label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    color: #667085;
    background: #f4f4f4;
    padding: 12px 16px 12px 40px;
    width: 100%;
    cursor: pointer; }
    .lf_radio label::before {
      content: '';
      position: absolute;
      left: 12px;
      top: calc(50% - 9px);
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: 1px solid #d1d5db;
      background: #fff; }
    .lf_radio label svg {
      position: absolute;
      left: 12px;
      top: calc(50% - 10px);
      width: 20px;
      height: 20px;
      object-fit: cover;
      opacity: 0; }
  .lf_radio input:checked ~ label {
    border: 1px solid #f58220;
    background: rgba(245, 130, 32, 0.07);
    color: #000; }
    .lf_radio input:checked ~ label svg {
      opacity: 1; }
      .lf_radio input:checked ~ label svg circle:nth-child(2) {
        fill: #f58220; }
    .lf_radio input:checked ~ label .lf_radio-price {
      color: #f58220; }
  .lf_radio input:disabled ~ label {
    border: 1px solid #d1d5db;
    color: #667085;
    background: #f4f4f4; }
    .lf_radio input:disabled ~ label svg {
      opacity: 0; }
    .lf_radio input:disabled ~ label .lf_radio-price {
      color: #667085; }

.lf_input:has(.select2-container) {
  padding: 6px; }

.lf_input > .select2-container {
  width: 100% !important; }

* {
  box-sizing: border-box; }

.vts-popup-active body {
  overflow: hidden; }

.seats {
  display: flex;
  padding: 0 32px;
  max-width: unset !important;
  width: 100%; }
  @media screen and (max-width: 1215px) {
    .seats {
      padding: 0; } }
  .seats .seats_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #212223;
    color: #fff;
    width: 100%;
    max-width: unset !important;
    padding: 31px 75px 12px; }
    .seats .seats_inner.overflow {
      align-items: flex-start;
      overflow: auto; }
      .seats .seats_inner.overflow .seats_diamond {
        transform: none; }
        .seats .seats_inner.overflow .seats_diamond.vip, .seats .seats_inner.overflow .seats_diamond.premier {
          margin-top: 32px; }
      @media screen and (max-width: 800px) {
        .seats .seats_inner.overflow {
          overflow: hidden;
          align-items: center; } }
  .seats .seats_main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 800px) {
      .seats .seats_main-wrapper {
        transform: scale(0.5);
        margin: -360px 0; } }
    @media screen and (max-width: 640px) {
      .seats .seats_main-wrapper {
        transform: scale(0.45);
        margin: -400px 0; } }
    @media screen and (max-width: 575px) {
      .seats .seats_main-wrapper {
        transform: scale(0.4);
        margin: -440px 0; } }
    @media screen and (max-width: 440px) {
      .seats .seats_main-wrapper {
        transform: scale(0.35);
        margin: -475px 0; } }
    @media screen and (max-width: 375px) {
      .seats .seats_main-wrapper {
        transform: scale(0.32);
        margin: -495px 0; } }
    @media screen and (max-width: 345px) {
      .seats .seats_main-wrapper {
        transform: scale(0.3);
        margin: -505px 0; } }
  .seats .seats_top-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    width: 100%; }
    @media screen and (max-width: 680px) {
      .seats .seats_top-wrapper {
        transform: scale(0.5);
        margin: -45px 0;
        min-width: unset; } }
  .seats .seats_top {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 24px;
    border: 3px solid #a7a7a7;
    background: #f5f5f5;
    width: 100%;
    max-width: 400px;
    padding: 40px; }
    .seats .seats_top h2 {
      position: absolute;
      top: -38px;
      left: 50%;
      transform: translateX(-50%);
      color: #a7a7a7; }
  .seats .seats_diamond-wrapper {
    overflow: auto; }
  .seats .seats_diamond {
    position: relative;
    margin-top: 32px;
    border: 5px solid #ff8000;
    background: rgba(255, 128, 0, 0.15);
    padding: 48px 65px;
    width: auto;
    min-height: 273px; }
    @media screen and (max-width: 800px) {
      .seats .seats_diamond {
        width: 100%; } }
    @media screen and (max-width: 780px) {
      .seats .seats_diamond {
        padding: 20px; } }
    .seats .seats_diamond::before {
      content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backdrop-filter: blur(2px);
      opacity: 0;
      visibility: hidden;
      will-change: opacity, visibility;
      transition: 0.3s opacity, 0.3s visibility; }
    .seats .seats_diamond.disabled {
      border: 5px solid #dbdbdb;
      background: #373737; }
      .seats .seats_diamond.disabled.active::before {
        opacity: 1;
        visibility: visible; }
      .seats .seats_diamond.disabled .seats_diamond-text {
        color: #dbdbdb; }
      .seats .seats_diamond.disabled .seats_diamond-seat-bottom-svg {
        opacity: 0.5;
        mix-blend-mode: luminosity; }
    .seats .seats_diamond.vip .seats_diamond-seat {
      margin-right: 14px; }
      .seats .seats_diamond.vip .seats_diamond-seat:nth-child(3), .seats .seats_diamond.vip .seats_diamond-seat:nth-child(4) {
        margin-right: 66px; }
      .seats .seats_diamond.vip .seats_diamond-seat:last-child {
        margin-right: 0; }
    .seats .seats_diamond.premier {
      padding: 48px 43px; }
      @media screen and (max-width: 780px) {
        .seats .seats_diamond.premier {
          padding: 20px; } }
      .seats .seats_diamond.premier .seats_diamond-seat-top {
        justify-content: center;
        margin-bottom: 24px; }
      .seats .seats_diamond.premier .seats_diamond-column:first-child {
        align-items: flex-end;
        margin-bottom: 20px; }
        .seats .seats_diamond.premier .seats_diamond-column:first-child .seats_diamond-labe {
          top: 8px !important; }
      .seats .seats_diamond.premier .seats_diamond-labe {
        top: 0 !important; }
      .seats .seats_diamond.premier .seats_dsbi-notice-inner {
        top: calc(100% + 5px); }
      .seats .seats_diamond.premier .seats_diamond-seat {
        margin-right: 15px; }
        .seats .seats_diamond.premier .seats_diamond-seat:last-child {
          margin-right: 0; }
        .seats .seats_diamond.premier .seats_diamond-seat:nth-child(13) {
          margin-right: 40px; }
  .seats .seats_diamond-text {
    position: absolute;
    top: 50%;
    left: -52px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ff8000; }
  .seats .seats_diamond-box {
    width: 100%; }
  .seats .seats_diamond-column {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px; }
    .seats .seats_diamond-column:first-child {
      margin-top: 0; }
      .seats .seats_diamond-column:first-child .seats_diamond-labe {
        position: relative;
        top: 0; }
  .seats .seats_diamond-labe {
    position: relative;
    top: -10px;
    width: 25px;
    text-align: center; }
  .seats .seats_diamond-seat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 40px; }
    .seats .seats_diamond-seat:nth-child(2) {
      margin-left: 15px; }
    .seats .seats_diamond-seat:last-child {
      margin-right: 0; }
  .seats .seats_diamond-seat-top {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 76px; }
    .seats .seats_diamond-seat-top.active {
      display: flex; }
  .seats .seats_diamond-seat-mid {
    border-radius: 8px;
    border: 1px solid #a7a7a7;
    background: #f4f5f6;
    height: 43px;
    width: 130px;
    margin: 8.5px 0 4.5px; }
    @media screen and (max-width: 780px) {
      .seats .seats_diamond-seat-mid {
        height: 39px;
        width: 100px; } }
  .seats .seats_diamond-seat-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 89px; }
  .seats .seats_diamond-seat-bottom-icon {
    display: flex;
    position: relative;
    cursor: pointer; }
    .seats .seats_diamond-seat-bottom-icon.disabled .seats_diamond-seat-bottom-svg {
      opacity: 0.5;
      mix-blend-mode: luminosity; }
    .seats .seats_diamond-seat-bottom-icon.disabled .seats_dsbi-taken {
      display: flex; }
  .seats .seats_diamond-seat-bottom-svg {
    display: flex; }
  .seats .seats_dsbi-modal {
    opacity: 0;
    visibility: hidden; }
    .seats .seats_dsbi-modal.active {
      opacity: 1;
      visibility: visible; }
  .seats .seats_dsbi-modal-inner {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: calc(100% + 15px);
    transform: translateY(-50%);
    background: #fff;
    color: #000;
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.3));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    min-width: 175px;
    cursor: default; }
    .seats .seats_dsbi-modal-inner::before {
      content: '';
      position: absolute;
      top: 50%;
      left: -17px;
      transform: translateY(-50%);
      border-left: 10px solid transparent;
      border-right: 10px solid #fff;
      border-bottom: 10px solid transparent;
      border-top: 10px solid transparent;
      display: inline-block; }
  .seats .seats_dsbi-modal-bg {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    cursor: default; }
    @media screen and (max-width: 800px) {
      .seats .seats_dsbi-modal-bg {
        height: 216vh; } }
  .seats .seats_dsbi-modal-btn {
    margin-top: 5px;
    padding: 8px 16px;
    display: flex;
    width: 100%;
    color: #fff;
    background: #ff8000;
    border-radius: 4px;
    border: none;
    outline: none;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer; }
  .seats .seats_main-btn {
    display: flex;
    padding: 12px 20px;
    border-radius: 8px;
    border: 1px solid #ff8000;
    background: #ff8000;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
    text-decoration: none; }
    @media screen and (max-width: 390px) {
      .seats .seats_main-btn {
        font-size: 12px !important; } }
  .seats .seats_dsbi-notice {
    display: none;
    opacity: 0;
    visibility: hidden; }
    .seats .seats_dsbi-notice.active {
      display: flex;
      opacity: 1;
      visibility: visible; }
  .seats .seats_dsbi-notice-inner {
    position: absolute;
    z-index: 4;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f05252;
    padding: 5px 8px;
    border-radius: 2px;
    cursor: default; }
    .seats .seats_dsbi-notice-inner::before {
      content: '';
      position: absolute;
      z-index: -1;
      top: -9px;
      left: 50%;
      transform: translateX(-50%);
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #f05252;
      border-top: 5px solid transparent;
      display: inline-block;
      cursor: default; }
  .seats .seats_dsbi-notice-bg {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    cursor: default; }
  .seats .seats_premier-seat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 16px; }
    .seats .seats_premier-seat:last-child {
      margin-right: 0; }
  .seats .seats_popup {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #000;
    overflow: auto;
    will-change: opacity, visibility;
    transition: 0.3s opacity, 0.3s visibility;
    opacity: 0;
    visibility: hidden; }
    .seats .seats_popup.active {
      opacity: 1;
      visibility: visible; }
  .seats .seats-popup-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 925px;
    border-radius: 20px;
    background: #fff;
    filter: drop-shadow(0 4px 60px rgba(0, 0, 0, 0.1));
    padding: 64px;
    margin: 170px 0; }
    @media screen and (max-width: 1020px) {
      .seats .seats-popup-inner {
        width: calc(100% - 60px);
        margin: 130px auto; } }
    @media screen and (max-width: 750px) {
      .seats .seats-popup-inner {
        padding: 64px 30px; } }
  .seats .seats_popup-top {
    position: relative;
    width: 100%;
    text-align: center; }
  .seats .seats_popup-title {
    margin: 0; }
  .seats .seats_popup-close {
    position: absolute;
    top: 15px;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer; }
    @media screen and (max-width: 750px) {
      .seats .seats_popup-close {
        top: -40px;
        right: -8px; } }
  .seats .seats_popup-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 572px;
    text-align: center; }
  .seats .seats_popup-bottom-title {
    margin-bottom: 6px;
    text-transform: uppercase;
    margin-top: 32px; }
  .seats .seats_popup-bottom-line {
    width: 100%;
    height: 1px;
    background: #000;
    margin-bottom: 16px; }
  .seats .seats_popup-bottom-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px 32px;
    width: 100%; }
    .seats .seats_popup-bottom-row.additional {
      margin-top: 12px;
      display: none; }
    .seats .seats_popup-bottom-row.active {
      display: grid; }
    @media screen and (max-width: 670px) {
      .seats .seats_popup-bottom-row {
        grid-template-columns: 1fr;
        grid-gap: 12px; } }
  .seats .span-2 {
    grid-column: span 2; }
    @media screen and (max-width: 670px) {
      .seats .span-2 {
        grid-column: span 1; } }
  .seats .seats_popup-bottom-input {
    width: 100%;
    border-radius: 8px;
    background: #fff;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    color: #000;
    max-height: 43.5px; }
    .seats .seats_popup-bottom-input:disabled {
      background: #f4f4f4;
      color: #9ca3af; }
    .seats .seats_popup-bottom-input::-webkit-outer-spin-button, .seats .seats_popup-bottom-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .seats .seats_popup-bottom-input:-webkit-autofill::first-line, .seats .seats_popup-bottom-input:-webkit-autofill, .seats .seats_popup-bottom-input:-webkit-autofill:hover, .seats .seats_popup-bottom-input:-webkit-autofill:focus, .seats .seats_popup-bottom-input:-webkit-autofill:active {
      -webkit-text-fill-color: #000;
      transition: background-color 5000s ease-in-out 0s;
      box-shadow: inset 0 0 20px 20px #f4f4f4;
      font-family: 'Inter';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%; }
  .seats .seats_popup-bottom-link {
    color: #1c64f2;
    text-decoration: underline;
    background: transparent;
    border: none;
    outline: none;
    margin-top: 16px;
    cursor: pointer;
    margin-bottom: 15px; }
  .seats .seats_popup-bottom-radios {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px 32px;
    width: 100%; }
    @media screen and (max-width: 670px) {
      .seats .seats_popup-bottom-radios {
        grid-template-columns: 1fr;
        grid-gap: 12px; } }
  .seats .seats_popup-bottom-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
    .seats .seats_popup-bottom-radio.disabled label {
      cursor: default; }
    .seats .seats_popup-bottom-radio input {
      display: none; }
    .seats .seats_popup-bottom-radio label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      border-radius: 8px;
      border: 1px solid #d1d5db;
      background: #f4f4f4;
      color: #667085;
      padding: 12px 16px 12px 40px;
      width: 100%;
      cursor: pointer; }
      .seats .seats_popup-bottom-radio label::before {
        content: '';
        position: absolute;
        left: 12px;
        top: calc(50% - 9px);
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid #d1d5db;
        background: #fff; }
      .seats .seats_popup-bottom-radio label svg {
        position: absolute;
        left: 12px;
        top: calc(50% - 10px);
        width: 20px;
        height: 20px;
        object-fit: cover;
        opacity: 0; }
    .seats .seats_popup-bottom-radio input:checked ~ label {
      border: 1px solid #f58220;
      background: rgba(245, 130, 32, 0.07);
      color: #000; }
      .seats .seats_popup-bottom-radio input:checked ~ label svg {
        opacity: 1; }
        .seats .seats_popup-bottom-radio input:checked ~ label svg circle:nth-child(2) {
          fill: #f58220; }
  .seats .seats_popup-bottom-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 8px;
    background: #f58220;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    margin-top: 32px;
    text-transform: uppercase; }
  .seats .seats_popup-bottom-norification {
    display: none;
    text-align: center; }
    .seats .seats_popup-bottom-norification.active {
      display: block;
      margin-top: 12px; }
    .seats .seats_popup-bottom-norification.red {
      color: #f05252; }
    .seats .seats_popup-bottom-norification.green {
      color: #4fbf26; }

.seats_disabled-category {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 75%);
  background-color: #f05252;
  padding: 8px;
  border-radius: 2px;
  width: 238px;
  cursor: default;
  opacity: 0;
  visibility: hidden;
  will-change: opacity, visibility;
  transition: 0.3s opacity, 0.3s visibility;
  pointer-events: none;
  user-select: none; }
  .seats_disabled-category.active {
    opacity: 1;
    visibility: visible; }
  .seats_disabled-category::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #f05252;
    border-top: 5px solid transparent;
    display: inline-block;
    cursor: default; }

.js-payment-popup .seats-popup-inner {
  margin: 0;
  height: calc(100% - 80px);
  margin-top: 40px; }

.vts-progress {
  width: 100%; }
  .vts-progress-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    color: #1c64f2; }
    .vts-progress-text p {
      margin: 0; }
  .vts-progress-bar {
    position: relative;
    width: 100%;
    height: 5px;
    background: #ccc;
    border-radius: 250px; }
    .vts-progress-bar-inner {
      position: absolute;
      height: 5px;
      top: 0;
      left: 0;
      background: #1c64f2;
      border-radius: 250px; }
      .vts-progress-bar-inner::after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background: #8a8a8a;
        border-radius: 100%;
        top: 50%;
        right: 0;
        transform: translate(50%, -50%); }

.ty {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  text-align: left;
  font-family: 'Caver Pitalsal', sans-serif; }
  .ty-heading {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 12px; }
  .ty_mid table {
    width: 100%;
    border: 1px solid #d8d8d8;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden; }
    .ty_mid table tr {
      height: 64px; }
    .ty_mid table th, .ty_mid table td {
      padding: 0 30px;
      text-align: center;
      font-family: 'Inter';
      font-size: 18px;
      border-right: 1px solid #d8d8d8; }
    .ty_mid table tr:first-child {
      background-color: #000;
      color: #fff;
      font-weight: 600; }

.contract {
  width: 100%; }
  .contract-container {
    width: 100%;
    margin-bottom: 16px; }
    .contract-container p {
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 16px; }
  .contract #signature-pad {
    border: 1px solid #000;
    max-width: 500px;
    width: 100%; }