html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }
      
      *, *::after, *::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
      }
      
      ul[class], ol[class] {
        padding: 0
      }
      
      body, h1, h2, h3, h4, h5, h6, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
        margin: 0
      }
      
      ul[class] {
        list-style: none
      }
      
      img {
        max-width: 100%;
        display: block
      }
      
      input, button, textarea, select {
        font: inherit
      }
      
      a {
        text-decoration: none
      }
      
      button:focus {
        outline: none
      }
      
      .overflowx-auto {
        overflow-x: scroll
      }
      
      .overflowx-auto::-webkit-scrollbar {
        background-color: rgba(0, 0, 0, 0);
        width: 0;
        height: 0
      }
      
      .overflowx-auto::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0)
      }
      
      @media (min-width: 768px) {
        .overflowx-auto {
            padding: 0 15px;
        }
      }
      
      
      .rounded-2 {
        border-radius: 10px
      }
      
      .rounded-3 {
        border-radius: 30px
      }
      
      .rounded-3-5 {
        border-radius: 34.2px
      }
      
      .font-weight-semibold {
        font-weight: 600
      }
      
      .fs-12 {
        font-size: 12px;
        line-height: 14px
      }
      
      .fs-12-18 {
        font-size: 12px;
        line-height: 18px !important
      }
      
      .fs-14 {
        font-size: 14px;
        line-height: 21px
      }
      
      .text-purple {
        color: #29166f
      }
      
      .text-purple:hover {
        color: #29166f;
        text-decoration: none
      }
      
      .bg-purple {
        background-color: #29166f
      }
      
      .bg-light {
        background-color: #f2f2f2
      }
      
      .text-gray {
        color: #4d4d4d
      }
      
      .text-gray:hover {
        color: #4d4d4d;
        text-decoration: none
      }
      
      .mr-2-5 {
        margin-right: 20px
      }
      
      .mb-2-5 {
        margin-bottom: 12px
      }
      
      .pb-2-5 {
        padding-bottom: 5px
      }
      
      .pt-2-5 {
        padding-top: 12px
      }
      
      .pl-2-5 {
        padding-left: 12px
      }
      
      .pr-2-5 {
        padding-right: 12px
      }
      
      .p2-5 {
        padding: 12px
      }
      
      .border-color-gray {
        border-bottom: 1px solid rgba(0, 0, 0, .12)
      }
      
      .border-color-purple {
        border-bottom: 2px solid #29166f
      }
      
      .border-color-light {
        border: 1px solid #ced4da
      }
      
      .button-bg-gray {
        background: rgba(77, 77, 77, .4)
      }
      
      .button-bg-purple {
        background: rgba(90, 82, 157, .6)
      }
      
      .arrow {
        padding-right: 26px
      }
      
      .arrow::after {
        content: "";
        position: absolute;
        width: 9px;
        height: 9px;
        right: 12px;
        top: 10px;
        background-image: url("../images/catalog_mobile_place/arrow.64faf109776f.svg")
      }
      
      .seats {
        max-width: 100%;
        margin: 0 !important;
        padding: 11px 0 0 0
      }
      
      .seats .col-4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
        border-radius: 10px
      }
      
      .seats .col-4 a {
        height: 80px;
        padding-top: 10px;
        padding-left: 10px;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain;
      }
      
      .poster a {
        line-height: 18px
      }
      
      .dropdown-seats {
        width: 218px;
        display: none;
        -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, .12);
        box-shadow: 0px 2px 12px rgba(0, 0, 0, .12)
      }
      
      .dropdown-seats::before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #fff;
        top: -3px;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg)
      }
      .dropdown-toggle-seats.active::after{
        background-image: url("../images/catalog_mobile_place/arrow_white.88bbe4421b81.svg");
      }
      
      .dropdown-seats.active {
        display: block
      }
      
      .checkbox-input {
        width: 1px;
        height: 1px;
        overflow: hidden;
        visibility: hidden;
        clip: rect(0 0 0);
        position: absolute
      }
      
      .checkbox-input:disabled+.checkbox-text {
        color: rgba(77, 77, 77, .4) !important
      }
      
      .checkbox-input:checked+.checkbox-text {
        background: #29166f !important;
        color: #fff !important
      }
      .datepickers-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
      }
      
      .poster > div {
        padding: 0 15px !important;
      }