@charset "UTF-8";
input[type=text], select {
  color: #000000;
  font-size: 14px; }

html .tf-btn {
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  color: #000000;
  background: #A5E28F;
  border: 0;
  font-family: "Lexend Deca, font";
  font-weight: 700;
  font-size: 18px;
  border-radius: 0 !important;
  padding: 5px 12px 5px 12px;
  text-transform: uppercase;
  min-height: unset; }
  html .tf-btn:hover {
    color: #000000;
    background: #7CAA6B;
    text-decoration: none; }

html .mobile-undershadow {
  box-shadow: none !important; }

::-ms-reveal {
  display: none; }

html body {
  background: #fff;
  font-family: "Lexend Deca, font";
  font-weight: 500;
  /* header cart start here*/
  /*Header section end here*/
  /*Banner section start here */
  /*main content section start here*/
  /*Footer section start here*/ }
  html body div.tf-controls input[type=text],
  html body div.tf-controls input[type=password],
  html body div.tf-controls input[type=email],
  html body div.tf-controls select {
    border: solid 1px #FF6E67; }
  html body a {
    color: #000000;
    overflow: unset; }
  html body p {
    overflow-wrap: unset;
    word-wrap: unset;
    -ms-word-break: unset;
    word-break: unset;
    word-break: unset;
    -ms-hyphens: unset;
    -moz-hyphens: unset;
    -webkit-hyphens: unset;
    hyphens: unset; }
  html body #seating-ba-ss-block #seating-ba-ss-buttons #seating-ba-ss-no {
    background-color: #FFFFFF !important;
    color: #000000; }
  html body div {
    box-sizing: border-box; }
    @media only screen and (max-width: 748px) {
      html body div {
        box-sizing: unset; } }
  html body .visible-on-ets-v2 {
    display: block; }
  html body button.tf-btn-primary:hover, html body input.tf-btn-primary:hover, html body a.tf-btn-primary:hover {
    background-color: #7CAA6B; }
  html body.overlay-exist {
    overflow: hidden;
    max-height: 100vh; }
  html body .tf-btn.tf-btn-default {
    color: #000000; }
    html body .tf-btn.tf-btn-default:hover {
      color: #FFFFFF; }
  html body #event-sign-terms-and-conditions {
    text-align: left !important;
    padding-left: 8px;
    margin-top: 10px; }
    @media only screen and (max-width: 748px) {
      html body #event-sign-terms-and-conditions {
        padding: 0 8px;
        text-align: center !important; } }
    html body #event-sign-terms-and-conditions label.checkbox {
      color: #000000 !important;
      font-weight: 700;
      font-size: 14px; }
    html body #event-sign-terms-and-conditions label a {
      text-decoration: underline;
      color: #000000; }
    html body #event-sign-terms-and-conditions label .checkbox-img {
      border: 0 !important; }
      html body #event-sign-terms-and-conditions label .checkbox-img::before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #000000;
        padding: 8px;
        display: inline-block;
        position: absolute;
        vertical-align: middle;
        cursor: pointer;
        background-color: #FFFFFF;
        left: 0;
        top: -2px; }
    html body #event-sign-terms-and-conditions label input {
      display: none; }
      html body #event-sign-terms-and-conditions label input:checked ~ .checkbox-img::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 6px;
        width: 6px;
        height: 11px;
        border: solid #A5E28F;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg); }
  html body .form_guideline_wrapper {
    padding: 0 8px; }
    html body .form_guideline_wrapper .formActions {
      display: flex;
      gap: 20px; }
      @media only screen and (max-width: 748px) {
        html body .form_guideline_wrapper .formActions {
          gap: 0; } }
  html body #address-location-map {
    width: 720px;
    height: auto;
    max-width: 100%; }
    html body #address-location-map .modalBody {
      max-height: calc(100vh - 100px);
      background: #FFFFFF;
      border-radius: 0;
      padding: 0 !important; }
      html body #address-location-map .modalBody .head-block {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        @media only screen and (max-width: 748px) {
          html body #address-location-map .modalBody .head-block {
            height: 50px; } }
        html body #address-location-map .modalBody .head-block .close-btn {
          position: absolute;
          right: 0;
          background: url("/static/whitelabels/ticketbox/images/close-icon.svg") no-repeat;
          background-size: contain;
          background-position: center;
          color: transparent;
          width: 25px;
          height: 25px; }
        html body #address-location-map .modalBody .head-block .location-title {
          flex: 1;
          font-size: 18px;
          font-family: "Lexend Deca, font";
          font-weight: 400;
          color: #000000; }
    html body #address-location-map #location-map-node {
      height: 500px; }
  html body #popup_based_unlock #popup_unlock_input {
    width: 100%;
    height: 40px;
    border: 0;
    box-sizing: border-box;
    border-bottom: solid 1px #707070;
    outline: none;
    color: #707070;
    font-size: 16px;
    padding-left: 10px; }
  html body #popup_based_unlock .modalBody {
    margin-top: 25px;
    text-align: left;
    min-height: 70px; }
    @media only screen and (max-width: 748px) {
      html body #popup_based_unlock .modalBody {
        margin: 15px 20px 0px 20px;
        width: unset;
        padding: 0;
        min-height: 75px; } }
    html body #popup_based_unlock .modalBody.error-active #popup_unlock_input {
      border-color: #FF6E67; }
    html body #popup_based_unlock .modalBody.error-active .error-block {
      font-size: 14px;
      font-family: "Lexend Deca, font";
      font-weight: 400;
      padding: 5px 0 0 10px;
      display: block;
      color: #FF6E67; }
    html body #popup_based_unlock .modalBody.success {
      color: #A5E28F !important;
      font-size: 14px !important;
      font-family: "Lexend Deca, font";
      font-weight: 400; }
      html body #popup_based_unlock .modalBody.success + .modalFooter .tf-btn-primary {
        margin-left: auto; }
      html body #popup_based_unlock .modalBody.success .code {
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        border-bottom: solid 1px #A5E28F;
        color: #707070;
        font-size: 16px;
        padding-left: 10px;
        text-transform: uppercase;
        margin-bottom: 5px;
        display: block; }
      html body #popup_based_unlock .modalBody.success .messsage {
        padding-left: 10px; }
  html body #popup_based_unlock .modalFooter {
    display: flex;
    gap: 10px;
    margin-top: 5px; }
    html body #popup_based_unlock .modalFooter button {
      width: 50%;
      border-radius: 0 !important;
      margin: 0;
      height: 40px; }
      html body #popup_based_unlock .modalFooter button.tf-btn-primary {
        background: #CFCFCF;
        color: #000000; }
        html body #popup_based_unlock .modalFooter button.tf-btn-primary:hover {
          color: #FFFFFF; }
    html body #popup_based_unlock .modalFooter #unlock-input:disabled, html body #popup_based_unlock .modalFooter #unlock-input[disabled] {
      color: transparent;
      position: relative; }
      html body #popup_based_unlock .modalFooter #unlock-input:disabled #unlock-attempt-progress, html body #popup_based_unlock .modalFooter #unlock-input[disabled] #unlock-attempt-progress {
        position: absolute;
        left: 45%;
        top: 10px;
        color: #FFFFFF; }
  html body .blockUI:has(#popup_based_unlock) {
    width: 340px !important;
    max-width: 100%;
    border-radius: 0;
    min-height: 165px; }
  html body #my-account-overlay {
    display: none;
    z-index: 97;
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(112, 112, 112, 0.7); }
    html body #my-account-overlay.active {
      display: block; }
  html body #ets-queuer-keep-alive-confirm-modal .modalBody, html body #order_state_cancel_double_confirm .modalBody {
    padding-top: 20px; }
    html body #ets-queuer-keep-alive-confirm-modal .modalBody .main-text, html body #order_state_cancel_double_confirm .modalBody .main-text {
      font-weight: normal;
      font-family: "Lexend Deca, font"; }
  html body #ets-queuer-keep-alive-confirm-modal .modalFooter, html body #order_state_cancel_double_confirm .modalFooter {
    display: flex;
    align-items: center;
    flex-direction: column; }
    html body #ets-queuer-keep-alive-confirm-modal .modalFooter .tf-btn, html body #order_state_cancel_double_confirm .modalFooter .tf-btn {
      width: 340px;
      box-sizing: border-box;
      padding: 10px 12px 10px 12px;
      margin-bottom: 20px; }
      @media (max-width: 360px) {
        html body #ets-queuer-keep-alive-confirm-modal .modalFooter .tf-btn, html body #order_state_cancel_double_confirm .modalFooter .tf-btn {
          width: 100%; } }
    html body #ets-queuer-keep-alive-confirm-modal .modalFooter .tf-btn-default, html body #order_state_cancel_double_confirm .modalFooter .tf-btn-default {
      background: #D9D9D9 !important;
      color: #000000 !important; }
      html body #ets-queuer-keep-alive-confirm-modal .modalFooter .tf-btn-default:hover, html body #order_state_cancel_double_confirm .modalFooter .tf-btn-default:hover {
        color: #FFFFFF !important; }
  html body #ets-queuer-keep-alive-reject-modal .modalBody {
    padding-top: 20px; }
  html body #ets-queuer-keep-alive-reject-modal .modalFooter {
    text-align: center; }
    html body #ets-queuer-keep-alive-reject-modal .modalFooter .tf-btn-primary {
      width: 340px;
      box-sizing: border-box;
      padding: 10px 12px 10px 12px;
      margin-bottom: 20px; }
      @media (max-width: 360px) {
        html body #ets-queuer-keep-alive-reject-modal .modalFooter .tf-btn-primary {
          width: 100%; } }
  html body .container {
    width: auto !important;
    box-sizing: border-box;
    padding: 0; }
    html body .container #content > .clearfix.buyer-expired {
      text-align: center;
      padding-top: 30px; }
      html body .container #content > .clearfix.buyer-expired h2 {
        font-family: "Lexend Deca, font";
        font-weight: 500;
        font-size: 21px;
        color: #000000;
        text-transform: capitalize; }
      html body .container #content > .clearfix.buyer-expired .infoItem {
        margin: 0 auto; }
        @media (min-width: 749px) {
          html body .container #content > .clearfix.buyer-expired .infoItem {
            width: 480px; } }
        html body .container #content > .clearfix.buyer-expired .infoItem p {
          font-size: 14px;
          line-height: 21px;
          color: #000000;
          margin-top: 25px;
          margin-bottom: 25px;
          font-family: "Lexend Deca, font";
          font-weight: 500; }
        html body .container #content > .clearfix.buyer-expired .infoItem a .tf-btn {
          width: 340px;
          height: 40px; }
    html body .container .access-code-block:has(#event-additional-info) h2.tf-title {
      margin-bottom: 0; }
    html body .container .access-code-block #event-additional-info {
      font-size: 16px;
      margin-top: 0;
      text-align: center;
      padding: 0 10px 10px;
      font-family: "Lexend Deca, font";
      font-weight: 400;
      box-sizing: border-box; }
      html body .container .access-code-block #event-additional-info img {
        width: auto;
        max-width: 100%; }
    html body .container .access-code-block h2.tf-title {
      font-size: 21px;
      color: #000000;
      text-transform: unset;
      margin-bottom: 10px;
      text-align: center; }
    html body .container .access-code-block .tf-btn {
      width: 100%;
      background-color: #A5E28F;
      color: #FFFFFF;
      padding: 9px 12px;
      margin-top: 20px;
      border-radius: 0 !important; }
      html body .container .access-code-block .tf-btn:hover {
        background-color: #D9D9D9; }
    html body .container .access-code-block #id_access_code {
      border: solid 1px #d7d7d7;
      font-family: "Lexend Deca, font"; }
    html body .container .access-code-block .alert-danger {
      display: none; }
    html body .container .access-code-block .alert-danger ~ form .tf-controls .required #id_access_code {
      border-color: #FF6E67; }
    html body .container .access-code-block .layout-ets-v2 {
      display: block !important; }
      html body .container .access-code-block .layout-ets-v2 .alert-danger {
        display: block;
        border: 0 !important;
        padding: 0;
        margin-bottom: 5px;
        text-align: left;
        font-size: 0.9em;
        color: #FF6E67 !important; }
    html body .container .access-code-block .errorlist li {
      color: #FF6E67; }
  html body #download-prompt {
    color: #000000;
    padding: 30px !important;
    line-height: 23px; }
    html body #download-prompt h2.tf-title {
      font-size: 21px !important;
      color: #000000;
      text-transform: unset;
      margin-bottom: 10px;
      font-family: "Lexend Deca, font";
      font-weight: 700; }
    html body #download-prompt .actions {
      display: flex;
      flex-direction: column; }
      html body #download-prompt .actions .unblock-ui {
        background: #D9D9D9;
        padding: 8px 12px 8px 12px;
        order: 2;
        color: #000000; }
        html body #download-prompt .actions .unblock-ui:hover {
          color: #000000; }
      html body #download-prompt .actions .download-prompt {
        order: 1;
        padding: 8px 12px 8px 12px;
        margin-bottom: 25px;
        margin-top: 20px;
        color: #F8F8F8; }
  html body #messages {
    margin-top: 100px; }
    html body #messages ul {
      display: block;
      text-align: center;
      border-bottom: 2px solid #d7d7d7 !important;
      padding-bottom: 30px; }
      html body #messages ul li.alert.alert-success {
        color: #000000 !important;
        font-size: 21px;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAbCAYAAAAULC3gAAAABHNCSVQICAgIfAhkiAAAAf1JREFUSEvFlbtKA0EUhv9BRGxsBe02PoGVYBJJ6WtIhCgWXooYFSMRNeAlhah4wbewFpMQtPABhGQbK0EQS5G4/jsmsjHZndlc1mkWds75z7fn/DMr8E+rUMa2BSQgcFcdRCI2glcbRQTNY1kQRRNXrDvjqP3ULzA1YeAlUCAXmB8uC2bfAKKBAuXLuBQCcY+pPAQGRM9c0CCzCou8BQJUrOCUBp5T+ZUwSz0H0oUhbCoSQranQH5henrs24FpALo3Mfxp4YwvJy2B86iBTdXM3fZ5mo55mhY08uWYnHFyZBLmCyWeAsOxeR02EKcw/ai/8hXkKLqokdEEIztUesZo9QP5PzBSj8Jn4RDmNcRlSKcwsibb+8gujHsUPWFble0vVHBIjWUVPO2wTjvsusUJXljvbMWQlxBnlouG3ItR44AaK53CyA4VTApZFFSvI3aqqSg7Y5syqUwX2IgY2FHFSVNTdJWPPVUw97OEStXjmGfn2Lmq1dLArZJ+L0ZdKCZkaPR0L2DkyJyUeRNrwlK3lSO+ZWZM1RZ6L03vZVRxzv2mX4dupzSKNIxXI16GtPyXdQGqLRhXoJrRt/hM636ZI65tGE+gGpTuKarzdASjBPIJ1TGMFpAmVFdgtIEUUF2D8QXkAtVVGN9ANagkL8ZpXno30THst3EKPVO+AaCvqOcFdssRAAAAAElFTkSuQmCC");
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 0px 2px;
        display: inline-block;
        border-width: 0 !important;
        border-color: unset !important;
        padding: 0 0 0 30px; }
        @media (max-width: 500px) {
          html body #messages ul li.alert.alert-success {
            font-size: 16px; } }
        @media (max-width: 345px) {
          html body #messages ul li.alert.alert-success {
            background-position: 55px 2px; } }
  html body .transition-container {
    transition: margin-left .5s;
    max-width: 1280px;
    margin: 0 auto; }
    @media (max-width: 1280px) {
      html body .transition-container {
        max-width: 100%; } }
    @media only screen and (max-width: 748px) {
      html body .transition-container.menu-margin {
        margin-left: 0 !important; } }
  html body #header {
    z-index: 8;
    position: fixed;
    width: 100%;
    background: #000000;
    top: 0;
    min-height: 70px; }
    @media only screen and (max-width: 748px) {
      html body #header {
        border: none; } }
    html body #header .menu .menu-row {
      margin-top: 2px; }
  html body header {
    width: 100%;
    left: 50%;
    transform: translateX(-50%); }
    @media only screen and (max-width: 748px) {
      html body header .header__shownav {
        display: none; } }
    html body header .header-fixed {
      position: relative;
      background-color: #000000;
      padding: 0;
      z-index: 12;
      display: none; }
      @media only screen and (max-width: 748px) {
        html body header .header-fixed {
          padding: 3px 0 1px;
          z-index: 100; } }
      html body header .header-fixed .container {
        width: auto;
        padding: 0;
        box-sizing: border-box; }
        html body header .header-fixed .container .menu-row .special-header {
          text-align: right;
          padding: 0 25px;
          text-transform: capitalize; }
          @media only screen and (max-width: 748px) {
            html body header .header-fixed .container .menu-row .special-header {
              text-align: left;
              padding: 0 5px; } }
          html body header .header-fixed .container .menu-row .special-header span {
            font-family: "Lexend Deca, font";
            text-transform: capitalize;
            font-size: 12px;
            color: #FFFFFF; }
            @media only screen and (max-width: 748px) {
              html body header .header-fixed .container .menu-row .special-header span {
                font-size: 10px;
                float: left;
                line-height: 12px; } }
            html body header .header-fixed .container .menu-row .special-header span a {
              font-family: "Lexend Deca, font";
              color: #FFFFFF;
              font-size: 12px;
              text-transform: initial; }
              @media only screen and (max-width: 748px) {
                html body header .header-fixed .container .menu-row .special-header span a {
                  font-size: 10px; } }
            html body header .header-fixed .container .menu-row .special-header span:first-child a {
              text-transform: capitalize; }
            html body header .header-fixed .container .menu-row .special-header span:first-child::after {
              content: '|';
              display: inline-block;
              color: #FFFFFF;
              margin: 0 5px; }
              @media only screen and (max-width: 748px) {
                html body header .header-fixed .container .menu-row .special-header span:first-child::after {
                  display: none; } }
            html body header .header-fixed .container .menu-row .special-header span:nth-child(2) {
              line-height: 30px; }
              @media only screen and (max-width: 748px) {
                html body header .header-fixed .container .menu-row .special-header span:nth-child(2) {
                  line-height: 15px;
                  clear: both; } }
              html body header .header-fixed .container .menu-row .special-header span:nth-child(2) a {
                font-family: "Lexend Deca, font";
                font-weight: 700; }
          html body header .header-fixed .container .menu-row .special-header > a {
            color: #FFFFFF;
            font-size: 14px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            border-radius: 0;
            padding: 5px 10px;
            text-transform: uppercase;
            float: right;
            line-height: 19px;
            font-weight: normal; }
            @media (min-width: 749px) {
              html body header .header-fixed .container .menu-row .special-header > a {
                display: none !important;
                font-size: 16px; } }
          html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile, html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile-no-login {
            padding: 7px 10px 5px !important;
            border-radius: 0; }
            html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile.active, html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile-no-login.active {
              background: #A5E28F;
              font-size: 11px;
              padding: 5px 8px !important;
              height: auto;
              margin: -10px 0 0;
              line-height: 11px; }
            @media only screen and (max-width: 748px) {
              html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile, html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile-no-login {
                margin-top: -15px;
                margin-right: -10px;
                font-size: 11px; } }
          html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile {
            opacity: 0;
            position: absolute;
            right: 9px;
            top: 31px;
            background: #F8F8F8;
            z-index: 9;
            width: 140px;
            height: 0;
            overflow: hidden;
            transition: all 0.3s ease-in-out; }
            html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active {
              opacity: 1;
              height: auto; }
              html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul {
                display: inline-block;
                margin: 0;
                width: 100%;
                padding: 0; }
                html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul li {
                  width: 100%;
                  text-transform: capitalize !important; }
                  html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul li a {
                    color: #000000;
                    padding: 10px;
                    display: block !important;
                    box-sizing: border-box;
                    width: 100%;
                    text-decoration: none; }
                    html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul li a:hover {
                      background: #D9D9D9; }
                    html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul li a.active {
                      background: #A5E28F !important;
                      color: #FFFFFF !important; }
    html body header #mySidebar-content {
      position: fixed;
      overflow-x: hidden;
      padding-top: 80px;
      background: #000000;
      width: 285px;
      height: 100vh;
      display: none;
      z-index: 6; }
      @media only screen and (max-width: 748px) {
        html body header #mySidebar-content {
          padding-top: 20px;
          top: 0; } }
      html body header #mySidebar-content.menu-width {
        display: block;
        left: -1px; }
        @media only screen and (max-width: 748px) {
          html body header #mySidebar-content.menu-width {
            width: 101% !important;
            padding-top: 20px;
            z-index: 101;
            top: 0;
            left: -1px; } }
      html body header #mySidebar-content ul.menu-ul li {
        margin-bottom: 10px; }
        html body header #mySidebar-content ul.menu-ul li a {
          font-size: 16px;
          color: #FFFFFF;
          font-family: "Lexend Deca, font";
          font-weight: 400;
          padding: 5px 25px;
          display: block;
          text-transform: capitalize; }
          html body header #mySidebar-content ul.menu-ul li a:hover {
            color: #A5E28F;
            text-decoration: none; }
      html body header #mySidebar-content ul.menu-ul.menu-section-2 {
        padding: 20px 0 0px 0; }
      html body header #mySidebar-content .sidenav-tab {
        padding: 15px 0 15px 0 !important; }
        @media screen and (max-height: 896px) {
          html body header #mySidebar-content .sidenav-tab {
            padding: 0px 0 20px 0 !important; } }
  @media only screen and (max-height: 896px) and (max-width: 748px) {
    html body header #mySidebar-content .sidenav-tab {
      padding: 0px 0 15px 0 !important; } }
        html body header #mySidebar-content .sidenav-tab .tab {
          width: 100%;
          color: #FFFFFF;
          overflow: hidden; }
          html body header #mySidebar-content .sidenav-tab .tab-label {
            display: flex;
            justify-content: space-between;
            padding: 5px 25px 15px 25px;
            background: #000000;
            cursor: pointer;
            font-family: "Lexend Deca, font";
            font-weight: 400;
            font-size: 16px; }
            html body header #mySidebar-content .sidenav-tab .tab-label:hover {
              background: #000000; }
            html body header #mySidebar-content .sidenav-tab .tab-label::after {
              transition: all .35s;
              width: 0;
              height: 0;
              content: '';
              border-left: 8px solid transparent;
              border-right: 8px solid transparent;
              border-top: 9px solid #FFFFFF;
              font-size: 0;
              margin-top: 4px; }
          html body header #mySidebar-content .sidenav-tab .tab-content {
            display: none;
            padding: 0 1.5em;
            color: #FFFFFF;
            background: #000000;
            transition: all .35s; }
          html body header #mySidebar-content .sidenav-tab .tab-close {
            display: flex;
            justify-content: flex-end;
            padding: 1em;
            font-size: 0.75em;
            background: #F8F8F8;
            cursor: pointer; }
            html body header #mySidebar-content .sidenav-tab .tab-close:hover {
              background: #F8F8F8; }
          html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox {
            position: absolute;
            opacity: 0;
            z-index: -1; }
          html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked + .tab-label::after {
            transform: rotate(180deg); }
          html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content {
            display: inline-block;
            padding: 0em 1.7em .8em 1.7em; }
            html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul {
              margin: 0; }
              html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li {
                margin-bottom: 10px; }
                html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span {
                  color: #FFFFFF;
                  cursor: pointer;
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 400;
                  display: block;
                  padding: 5px 0; }
                  html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span.active {
                    color: #A5E28F; }
                    html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span.active a {
                      color: #A5E28F; }
                  html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span:hover {
                    color: #A5E28F; }
                  html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span a {
                    color: #FFFFFF;
                    text-decoration: none; }
                    html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span a:hover {
                      color: #A5E28F; }
                html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li:last-child {
                  margin-bottom: 0; }
          html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked .tab-content {
            max-height: 100vh;
            padding: 1em 1.7em;
            background-color: #FFFFFF; }
            html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked .tab-content ul {
              margin: 0 -15px; }
              html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked .tab-content ul li {
                margin-bottom: 10px; }
                html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked .tab-content ul li span {
                  color: #000000;
                  cursor: pointer;
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  display: block;
                  padding: 5px 0; }
      html body header #mySidebar-content .mobile-close-btn {
        display: none; }
        @media only screen and (max-width: 748px) {
          html body header #mySidebar-content .mobile-close-btn {
            color: #FFFFFF;
            display: block;
            float: right;
            font-size: 45px;
            margin-top: -12px;
            margin-right: 25px;
            cursor: pointer;
            transition: 0.3s; }
            html body header #mySidebar-content .mobile-close-btn .fa::before {
              content: '\D7'; } }
    html body header .container {
      margin-top: 0; }
      html body header .container.header-links {
        padding: 15px 25px 0 25px !important; }
        html body header .container.header-links .left-side-menu {
          position: absolute;
          left: 25px;
          top: 20px;
          cursor: pointer; }
          @media only screen and (max-width: 748px) {
            html body header .container.header-links .left-side-menu {
              left: 10px; } }
          @media (min-width: 749px) {
            html body header .container.header-links .left-side-menu {
              z-index: 51; } }
          html body header .container.header-links .left-side-menu .hamburger .line {
            width: 22px;
            height: 3px;
            background-color: #FFFFFF;
            display: block;
            margin: 5px auto;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          @media (min-width: 749px) {
            html body header .container.header-links .left-side-menu.active .line:nth-child(2) {
              opacity: 0; }
            html body header .container.header-links .left-side-menu.active .line:nth-child(1) {
              -webkit-transform: translateY(5px) rotate(45deg);
              -ms-transform: translateY(5px) rotate(45deg);
              -o-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg); }
            html body header .container.header-links .left-side-menu.active .line:nth-child(3) {
              -webkit-transform: translateY(-11px) rotate(-45deg);
              -ms-transform: translateY(-11px) rotate(-45deg);
              -o-transform: translateY(-11px) rotate(-45deg);
              transform: translateY(-11px) rotate(-45deg); } }
          html body header .container.header-links .left-side-menu.active + .brand::before {
            width: 210px;
            background: #000000;
            content: "";
            height: 75px;
            position: absolute;
            left: -75px;
            top: -15px;
            z-index: 0; }
        @media only screen and (max-width: 748px) {
          html body header .container.header-links {
            background: #000000 !important;
            padding: 18px 10px !important;
            margin: 0; } }
        @media (max-width: 360px) {
          html body header .container.header-links {
            align-items: center;
            justify-content: space-between; } }
      html body header .container .menu {
        background: none !important;
        width: auto; }
        @media only screen and (max-width: 748px) {
          html body header .container .menu {
            display: inline-block;
            margin-top: 0px !important; } }
        @media (max-width: 360px) {
          html body header .container .menu {
            display: block;
            margin-top: 0px !important; } }
        @media only screen and (max-width: 748px) {
          html body header .container .menu .menu-row {
            margin: 0 !important; } }
        @media only screen and (max-width: 748px) {
          html body header .container .menu .menu-row .navbar {
            display: flex !important;
            position: unset;
            align-items: center; } }
        @media (max-width: 360px) {
          html body header .container .menu .menu-row .navbar {
            justify-content: right; } }
        html body header .container .menu .menu-row .navbar ul.nav-auth {
          margin-top: 0;
          display: flex; }
          @media only screen and (max-width: 748px) {
            html body header .container .menu .menu-row .navbar ul.nav-auth {
              display: inline-flex !important;
              align-items: center; } }
          html body header .container .menu .menu-row .navbar ul.nav-auth .languageWrap {
            order: 3; }
          html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart {
            margin-top: 0px;
            margin-right: 20px;
            padding-top: 8px; }
            @media only screen and (max-width: 748px) {
              html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart {
                margin-right: 15px;
                padding-top: 4px; } }
            html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a {
              padding: 0 !important;
              background: none !important; }
              html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a .shopping-cart-icon {
                background: url("/static/whitelabels/ticketbox/images/cart-icon.svg") no-repeat;
                padding: 10px;
                background-size: contain;
                display: block;
                background-color: none !important;
                filter: invert(1); }
                @media only screen and (max-width: 748px) {
                  html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a .shopping-cart-icon {
                    display: block !important; } }
                @media (max-width: 360px) {
                  html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a .shopping-cart-icon {
                    background-size: 95%; } }
              html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a #nav-cart-count {
                top: -4px;
                left: 16px;
                background: #A5E28F; }
                @media only screen and (max-width: 748px) {
                  html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a #nav-cart-count {
                    top: -9px !important;
                    left: 70% !important; } }
          html body header .container .menu .menu-row .navbar ul.nav-auth li {
            margin-right: 15px; }
            @media only screen and (max-width: 748px) {
              html body header .container .menu .menu-row .navbar ul.nav-auth li {
                margin: 0; } }
            html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link {
              margin-right: 0;
              margin-top: 9px;
              position: relative; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu {
                height: 0;
                overflow: hidden;
                position: absolute;
                top: 35px;
                width: 190px;
                transition: all 0.3s ease-in-out; }
                html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul {
                  display: block; }
                  html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul li {
                    margin-right: 0;
                    width: 100%;
                    background-color: #F8F8F8; }
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul li a {
                      background: none !important;
                      color: #000000 !important;
                      font-size: 14px;
                      font-family: "Lexend Deca, font";
                      font-weight: 500;
                      transition: 0.2s;
                      border-radius: 0;
                      display: block !important;
                      width: 100%;
                      box-sizing: border-box;
                      text-transform: unset !important; }
                      html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul li a:hover {
                        background-color: #D9D9D9 !important; }
                      html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul li a.active {
                        background-color: #A5E28F !important;
                        color: #000000 !important; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link.active a {
                background-color: #000000 !important;
                color: #A5E28F !important; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link.active .my-ticket-menu {
                height: 250px;
                top: 46px; }
              @media only screen and (max-width: 748px) {
                html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link {
                  display: none; } }
            html body header .container .menu .menu-row .navbar ul.nav-auth li.packages-link {
              margin-top: 8px; }
              @media only screen and (max-width: 748px) {
                html body header .container .menu .menu-row .navbar ul.nav-auth li.packages-link {
                  display: none !important; } }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.packages-link a.active {
                background-color: #000000 !important;
                color: #A5E28F; }
            html body header .container .menu .menu-row .navbar ul.nav-auth li a {
              background: none !important;
              color: #FFFFFF !important;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-size: 19px;
              padding: 8px 16px !important;
              border-radius: 0;
              text-transform: uppercase; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li a:hover {
                text-decoration: none;
                background-color: #000000 !important;
                color: #A5E28F !important; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li a.active {
                background-color: #000000 !important;
                color: #A5E28F !important; }
            html body header .container .menu .menu-row .navbar ul.nav-auth li::before {
              display: none; }
            html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile {
              display: flex;
              height: 34px;
              margin-left: 15px;
              margin-right: 0;
              order: 4; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a {
                padding: 5px 10px !important;
                background: none !important;
                position: relative;
                z-index: 99; }
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a svg {
                  width: 17px;
                  height: 17px;
                  margin-top: 4px; }
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a:hover {
                  background: #000000 !important; }
                  @media (max-width: 1280px) {
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a:hover {
                      background: unset !important; } }
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active {
                  background: #A5E28F !important;
                  color: #000000 !important; }
                  @media only screen and (max-width: 748px) {
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active {
                      position: absolute;
                      display: block;
                      width: 52px !important;
                      left: 20px; } }
                  @media (max-width: 360px) {
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active {
                      position: unset;
                      display: unset;
                      width: auto !important;
                      left: unset; } }
                  @media (max-width: 360px) {
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active svg {
                      width: 17px;
                      height: 17px; } }
              @media only screen and (max-width: 748px) {
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile {
                  order: 2;
                  margin-left: 12px;
                  margin-right: 8px; } }
              @media (max-width: 360px) {
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile {
                  margin-left: 0; } }
        html body header .container .menu .menu-row .navbar span {
          display: block !important; }
        @media only screen and (max-width: 748px) {
          html body header .container .menu .menu-row {
            display: block; } }
      html body header .container .brand {
        margin-left: 50px;
        position: relative;
        z-index: 50; }
        @media only screen and (max-width: 748px) {
          html body header .container .brand {
            margin-top: -7px !important;
            margin-left: 45px !important;
            z-index: 1 !important; } }
        @media (max-width: 360px) {
          html body header .container .brand {
            margin-left: 30px !important;
            margin-right: 0 !important; } }
        @media (max-width: 360px) {
          html body header .container .brand.pullLeft {
            height: 45px !important;
            width: auto !important; } }
        html body header .container .brand #brand-logo {
          width: 185px;
          height: 30px;
          position: relative;
          left: 0;
          top: 8px !important;
          background: url("/static/whitelabels/ticketbox/images/logo-sm.png");
          background-repeat: no-repeat; }
          @media (min-resolution: 192dpi) {
            html body header .container .brand #brand-logo {
              background-image: -webkit-image-set(url("/static/whitelabels/ticketbox/images/logo-sm.png") 1x, url("/static/whitelabels/ticketbox/images/logo.png") 2x);
              background-image: image-set(url("/static/whitelabels/ticketbox/images/logo-sm.png") 1x, url("/static/whitelabels/ticketbox/images/logo.png") 2x); } }
          @media (min-width: 749px) {
            @-moz-document url-prefix() {
              html body header .container .brand #brand-logo {
                top: 35px; } } }
          @media only screen and (max-width: 748px) {
            html body header .container .brand #brand-logo {
              top: 17px !important;
              width: 103px;
              height: 30px;
              background-size: contain; } }
          @media (max-width: 360px) {
            html body header .container .brand #brand-logo {
              margin-left: 5px !important;
              margin-right: 8px !important; } }
  html body #password-reset-confirm-page #password-reset-confirm-wrap {
    text-align: center; }
    html body #password-reset-confirm-page #password-reset-confirm-wrap br {
      display: none; }
    @media (min-width: 749px) {
      html body #password-reset-confirm-page #password-reset-confirm-wrap {
        width: 500px; } }
    html body #password-reset-confirm-page #password-reset-confirm-wrap h2 {
      font-family: "Lexend Deca, font";
      font-weight: 500;
      font-size: 21px;
      color: #000000;
      text-transform: capitalize;
      margin: 50px 0 15px 0;
      padding: 0; }
    html body #password-reset-confirm-page #password-reset-confirm-wrap p {
      font-family: "Lexend Deca, font";
      font-weight: 500;
      font-size: 16px !important;
      color: #000000 !important;
      text-align: center;
      line-height: 24px;
      margin-top: 30px; }
    html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal .alert {
      margin-bottom: 15px;
      padding: 0;
      display: block !important; }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal .alert.alert-info {
        border: 0;
        visibility: hidden; }
        html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal .alert.alert-info ul {
          visibility: visible;
          background-color: #F8F8F8 !important;
          padding: 12px;
          border-width: 0.5px 0 0.5px 0 !important;
          border-style: solid !important;
          border-color: #707070 !important;
          box-sizing: border-box;
          margin-top: -5px; }
          html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal .alert.alert-info ul li {
            font-size: 14px;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            color: #000000;
            line-height: 24px;
            list-style-position: outside;
            margin-left: 15px; }
    html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset {
      width: 100%;
      flex-wrap: wrap;
      display: flex; }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .banner-message {
        display: none;
        font-size: 16px;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        color: #000000;
        padding: 0 40px; }
        @media only screen and (max-width: 748px) {
          html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .banner-message {
            padding: 0 15px; } }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls {
        order: 1;
        width: 100%; }
        html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password1-wrap {
          position: relative; }
          html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password1-wrap input {
            border-width: 0 0 1px 0;
            border-style: solid;
            border-color: #707070;
            font-size: 14px;
            border-radius: 0;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            padding: 0 12px;
            height: 40px; }
            @media only screen and (max-width: 748px) {
              html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password1-wrap input {
                border-radius: 0; } }
          html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password1-wrap .show-password-button {
            top: 15px; }
        html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password2-wrap {
          display: none; }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .formActions {
        order: 3;
        width: 100%;
        text-align: center;
        margin-top: 50px; }
        html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .formActions input.tf-btn {
          width: 340px;
          height: 40px; }
          @media (max-width: 360px) {
            html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .formActions input.tf-btn {
              width: 100%; } }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset div:nth-child(2) {
        order: 2;
        width: 100%; }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset div ul.errorlist li {
        text-align: left;
        margin-top: 8px;
        color: #FF6E67;
        font-size: 14px;
        font-family: "Lexend Deca, font";
        font-weight: 500; }
  html body #password-reset-done-page {
    padding-top: 92px; }
    html body #password-reset-done-page #password-reset-done-wrap {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media only screen and (max-width: 748px) {
        html body #password-reset-done-page #password-reset-done-wrap {
          display: block;
          text-align: center; } }
      html body #password-reset-done-page #password-reset-done-wrap h2 {
        font-family: "Lexend Deca, font";
        font-weight: 500;
        font-size: 21px;
        color: #000000;
        text-transform: capitalize; }
        html body #password-reset-done-page #password-reset-done-wrap h2.tf-title {
          font-family: "Lexend Deca, font";
          font-weight: 500;
          font-size: 21px;
          color: #000000;
          text-transform: capitalize;
          margin: 50px 0 0 0; }
      html body #password-reset-done-page #password-reset-done-wrap .infoItem {
        width: 345px;
        margin-top: 30px; }
        @media only screen and (max-width: 748px) {
          html body #password-reset-done-page #password-reset-done-wrap .infoItem {
            width: 100%; } }
        html body #password-reset-done-page #password-reset-done-wrap .infoItem p {
          font-family: "Lexend Deca, font";
          font-weight: 700;
          font-size: 16px !important;
          color: #000000 !important;
          text-align: center;
          line-height: 24px;
          padding: 0;
          margin-bottom: 0; }
  html body #password-reset-complete-page #password-reset-complete-wrap {
    text-align: center; }
    html body #password-reset-complete-page #password-reset-complete-wrap br {
      display: none; }
    @media (min-width: 749px) {
      html body #password-reset-complete-page #password-reset-complete-wrap {
        width: 500px; } }
    html body #password-reset-complete-page #password-reset-complete-wrap h2.tf-title {
      font-family: "Lexend Deca, font";
      font-weight: 500;
      font-size: 21px;
      color: #000000;
      text-transform: capitalize;
      margin-top: 50px; }
    html body #password-reset-complete-page #password-reset-complete-wrap .infoItem p {
      font-family: "Lexend Deca, font";
      font-weight: 500;
      font-size: 16px !important;
      color: #000000 !important;
      text-align: center;
      line-height: 24px;
      margin-top: 30px;
      padding: 0;
      margin-bottom: 0; }
    html body #password-reset-complete-page #password-reset-complete-wrap a.tf-btn {
      width: 340px;
      height: 40px;
      box-sizing: border-box;
      margin: 35px auto 0 auto;
      display: flex;
      vertical-align: middle;
      align-items: center;
      justify-content: center; }
      @media (max-width: 360px) {
        html body #password-reset-complete-page #password-reset-complete-wrap a.tf-btn {
          width: 100%; } }
  html body #upsell-app .view h2 {
    font-family: "Lexend Deca, font";
    font-weight: 500;
    font-size: 16px !important;
    color: #000000;
    text-transform: capitalize;
    text-align: left !important; }
    @media only screen and (max-width: 748px) {
      html body #upsell-app .view h2 {
        text-align: center !important; } }
  html body #upsell-app .view .item-listing {
    width: 100%;
    display: grid;
    height: auto;
    gap: 20px 18px;
    margin: 10px 0 0 0;
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
    @media (min-width: 1366px) {
      html body #upsell-app .view .item-listing {
        grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media only screen and (max-width: 748px) {
      html body #upsell-app .view .item-listing {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 420px) {
      html body #upsell-app .view .item-listing {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0; } }
    html body #upsell-app .view .item-listing li.overlayed {
      width: 100%;
      box-shadow: none;
      margin: 0; }
      html body #upsell-app .view .item-listing li.overlayed a {
        display: block; }
        html body #upsell-app .view .item-listing li.overlayed a .overlay {
          box-shadow: none;
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: #000000;
          opacity: 0.2;
          z-index: 1;
          display: block; }
        html body #upsell-app .view .item-listing li.overlayed a .info-txts {
          padding: 20px !important;
          height: 125px !important;
          background-color: #F8F8F8; }
          @media only screen and (max-width: 748px) {
            html body #upsell-app .view .item-listing li.overlayed a .info-txts {
              height: 100% !important; } }
          html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels {
            position: relative; }
            html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels span.blue {
              color: #A5E28F;
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              height: auto;
              margin-bottom: 6px; }
            html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner {
              position: relative;
              color: #000000;
              font-size: 11px;
              font-family: "Lexend Deca, font";
              border-radius: 5px;
              padding: 2px 10px;
              opacity: 1;
              width: auto;
              height: 16px;
              left: 0;
              font-weight: normal;
              text-transform: uppercase;
              line-height: 14px;
              letter-spacing: 0px;
              margin-bottom: 10px;
              bottom: unset;
              display: inline-block; }
              @media only screen and (max-width: 748px) {
                html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner {
                  line-height: 16px; } }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-all-reserved {
                background-color: #CFCFCF; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-available {
                background-color: #C3DD00; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-sold-out {
                background-color: #FF6E67; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-openingsoon {
                background-color: #D9D9D9; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-sellingfast {
                background-color: #FFC400; }
          html body #upsell-app .view .item-listing li.overlayed a .info-txts .infoItem.title {
            height: auto; }
            html body #upsell-app .view .item-listing li.overlayed a .info-txts .infoItem.title span {
              height: auto; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .infoItem.title span strong {
                color: #000000;
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                line-height: normal;
                height: auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: normal; }
          html body #upsell-app .view .item-listing li.overlayed a .info-txts .infoItem.truncate span {
            font-size: 14px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            height: auto !important;
            text-overflow: ellipsis;
            display: block; }
          html body #upsell-app .view .item-listing li.overlayed a .info-txts .event-location-name {
            font-size: 12px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000; }
  html body #upsell-app-buttons {
    border: none !important;
    margin-top: 30px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end; }
    @media only screen and (max-width: 748px) {
      html body #upsell-app-buttons {
        align-items: center; } }
    @media (max-width: 360px) {
      html body #upsell-app-buttons {
        align-items: center; } }
    html body #upsell-app-buttons #btn-next {
      width: 200px;
      height: 32px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
    html body #upsell-app-buttons #btn-viewall {
      background: #D9D9D9;
      color: #000000;
      width: 200px;
      height: 32px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 30px; }
      html body #upsell-app-buttons #btn-viewall:hover {
        color: #FFFFFF; }
  html body #shopping-cart-app > h2 {
    font-family: "Lexend Deca, font";
    font-weight: 500;
    font-size: 21px;
    color: #000000;
    text-transform: capitalize;
    text-align: center; }
  html body #shopping-cart-app .evf-order-list-item {
    background: #F8F8F8;
    border-top: solid #CFCFCF 1px;
    align-items: start; }
    html body #shopping-cart-app .evf-order-list-item .package-item::before {
      content: '\2022'; }
    html body #shopping-cart-app .evf-order-list-item .list-item-detail {
      padding: 20px 0; }
    html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box {
      padding-top: 0;
      padding-bottom: 10px; }
      @media only screen and (max-width: 748px) {
        html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box {
          padding: 0 10px 10px 10px; } }
      html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box .label {
        font-family: "Lexend Deca, font";
        font-weight: 500;
        color: #000000;
        font-size: 16px; }
      html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box .value {
        font-family: "Lexend Deca, font";
        font-weight: 400;
        color: #000000;
        font-size: 16px; }
        html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box .value .data-field, html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box .value .data-field.data-title {
          font-family: "Lexend Deca, font";
          font-weight: 400;
          color: #000000;
          font-size: 16px; }
    html body #shopping-cart-app .evf-order-list-item .remove-button {
      color: #000000;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      font-size: 16px; }
      @media only screen and (max-width: 748px) {
        html body #shopping-cart-app .evf-order-list-item .remove-button {
          margin: 10px 10px 20px 10px;
          box-sizing: border-box;
          text-align: right; } }
      html body #shopping-cart-app .evf-order-list-item .remove-button .remove-button-x {
        color: #000000;
        border: solid #000000 2px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 0;
        text-align: center;
        margin-right: 6px;
        padding: 0px 3px;
        margin-top: -2px;
        float: left; }
        @media only screen and (max-width: 748px) {
          html body #shopping-cart-app .evf-order-list-item .remove-button .remove-button-x {
            float: none;
            padding: 0; } }
        html body #shopping-cart-app .evf-order-list-item .remove-button .remove-button-x i {
          top: -3px !important;
          font-size: 13px; }
          @media only screen and (max-width: 748px) {
            html body #shopping-cart-app .evf-order-list-item .remove-button .remove-button-x i {
              top: -1px !important; } }
      html body #shopping-cart-app .evf-order-list-item .remove-button:hover {
        color: #A5E28F; }
        html body #shopping-cart-app .evf-order-list-item .remove-button:hover .remove-button-x {
          color: #A5E28F !important;
          border-color: #A5E28F !important; }
  html body #shopping-cart-app #order-group-price-detail {
    border-top: solid #CFCFCF 1px;
    border-bottom: solid #CFCFCF 1px;
    font-size: 18px;
    color: #000000; }
    @media only screen and (max-width: 748px) {
      html body #shopping-cart-app #order-group-price-detail {
        padding-left: 10px;
        padding-right: 10px; } }
    html body #shopping-cart-app #order-group-price-detail .label, html body #shopping-cart-app #order-group-price-detail .value {
      padding: 7px 8px 3px 8px;
      color: #000000;
      font-family: "Lexend Deca, font";
      font-weight: 700; }
    html body #shopping-cart-app #order-group-price-detail .label {
      background: #D9D9D9;
      border: solid #D9D9D9 1px; }
    html body #shopping-cart-app #order-group-price-detail .value {
      border: solid #000000 1px;
      min-width: 110px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: center; }
      @media (min-width: 749px) {
        html body #shopping-cart-app #order-group-price-detail .value {
          min-width: 158px; } }
    html body #shopping-cart-app #order-group-price-detail #price-total {
      margin: 5px 0; }
    html body #shopping-cart-app #order-group-price-detail #price-sub-total, html body #shopping-cart-app #order-group-price-detail #price-fee, html body #shopping-cart-app #order-group-price-detail #price-total {
      display: flex;
      justify-content: center; }
      html body #shopping-cart-app #order-group-price-detail #price-sub-total .label, html body #shopping-cart-app #order-group-price-detail #price-fee .label, html body #shopping-cart-app #order-group-price-detail #price-total .label {
        min-width: 96px;
        text-align: center;
        padding: 7px 5px 5px 5px; }
      html body #shopping-cart-app #order-group-price-detail #price-sub-total .value, html body #shopping-cart-app #order-group-price-detail #price-fee .value, html body #shopping-cart-app #order-group-price-detail #price-total .value {
        text-align: left; }
        @media only screen and (max-width: 748px) {
          html body #shopping-cart-app #order-group-price-detail #price-sub-total .value, html body #shopping-cart-app #order-group-price-detail #price-fee .value, html body #shopping-cart-app #order-group-price-detail #price-total .value {
            min-width: 120px;
            box-sizing: border-box;
            padding-left: 8px;
            padding-right: 8px; } }
    html body #shopping-cart-app #order-group-price-detail #price-total .value {
      border-width: 2px;
      padding-left: 14px;
      padding-right: 14px; }
      @media only screen and (max-width: 748px) {
        html body #shopping-cart-app #order-group-price-detail #price-total .value {
          padding-left: 7px;
          padding-right: 7px; } }
  html body #shopping-cart-app #bottom-button-container {
    margin-top: 40px; }
    @media only screen and (max-width: 748px) {
      html body #shopping-cart-app #bottom-button-container {
        margin-bottom: 100px;
        margin-left: 10px;
        margin-right: 10px; } }
    html body #shopping-cart-app #bottom-button-container > a {
      margin: 15px auto;
      width: 340px; }
      @media (max-width: 360px) {
        html body #shopping-cart-app #bottom-button-container > a {
          width: 100%; } }
      html body #shopping-cart-app #bottom-button-container > a > button {
        width: 340px;
        height: 40px;
        margin: 0; }
        @media (max-width: 360px) {
          html body #shopping-cart-app #bottom-button-container > a > button {
            width: 100%; } }
    html body #shopping-cart-app #bottom-button-container #btn-cart-cancel > button, html body #shopping-cart-app #bottom-button-container #btn-cart-view-all > button {
      color: #000000;
      background: #A5E28F;
      border: 0;
      font-family: "Lexend Deca, font";
      font-weight: 700;
      font-size: 18px;
      border-radius: 0 !important;
      padding: 5px 12px 5px 12px;
      text-transform: uppercase;
      min-height: unset;
      background: #D9D9D9;
      color: #000000;
      height: 40px; }
      html body #shopping-cart-app #bottom-button-container #btn-cart-cancel > button:hover, html body #shopping-cart-app #bottom-button-container #btn-cart-view-all > button:hover {
        color: #000000;
        background: #7CAA6B;
        text-decoration: none; }
      html body #shopping-cart-app #bottom-button-container #btn-cart-cancel > button:hover, html body #shopping-cart-app #bottom-button-container #btn-cart-view-all > button:hover {
        background-color: #D9D9D9; }
  html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item {
    flex-wrap: wrap; }
    html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .qty-mark {
      margin: 0 2px; }
    html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail {
      flex: 0 0 60%; }
      html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .label {
        width: 200px; }
        @media only screen and (max-width: 748px) {
          html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .label {
            width: 150px; } }
        html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .label .ticket-data-row {
          display: block; }
      html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value {
        width: calc(100% - 200px); }
        @media only screen and (max-width: 748px) {
          html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value {
            width: calc(100% - 150px); } }
        html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value .data-field {
          margin-bottom: 10px; }
          html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value .data-field:last-child {
            margin-bottom: 0; }
        html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value .package-item {
          margin-bottom: 10px; }
          html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value .package-item:last-child {
            margin-bottom: 0; }
  html body #confirm-order-page #confirm-orders-app > h2 {
    font-family: "Lexend Deca, font";
    font-weight: 500;
    font-size: 21px;
    color: #000000;
    text-transform: capitalize;
    text-align: center;
    font-weight: normal; }
  html body #confirm-order-page #confirm-orders-app .evf-order-list-item {
    background: #F8F8F8;
    border-top: solid #CFCFCF 1px;
    align-items: start; }
    html body #confirm-order-page #confirm-orders-app .evf-order-list-item .package-item::before {
      content: '\2022'; }
    html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail {
      padding: 20px 0; }
    html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box {
      padding-top: 0;
      padding-bottom: 10px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box {
          padding: 0 10px 10px 10px; } }
      html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box .label {
        font-family: "Lexend Deca, font";
        font-weight: 500;
        color: #000000;
        font-size: 16px; }
      html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box .value {
        font-family: "Lexend Deca, font";
        font-weight: 400;
        color: #000000;
        font-size: 16px; }
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box .value .data-field, html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box .value .data-field.data-title {
          font-family: "Lexend Deca, font";
          font-weight: 400;
          color: #000000;
          font-size: 16px; }
    html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button {
      color: #000000;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      font-size: 16px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button {
          margin: 10px 10px 20px 10px;
          box-sizing: border-box;
          text-align: right; } }
      html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button .remove-button-x {
        color: #000000;
        border: solid #000000 2px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 0;
        text-align: center;
        margin-right: 6px;
        padding: 0px 3px;
        margin-top: -2px;
        float: left; }
        @media only screen and (max-width: 748px) {
          html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button .remove-button-x {
            float: none;
            padding: 0; } }
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button .remove-button-x i {
          top: -3px !important;
          font-size: 13px; }
          @media only screen and (max-width: 748px) {
            html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button .remove-button-x i {
              top: -1px !important; } }
      html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button:hover {
        color: #A5E28F; }
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button:hover .remove-button-x {
          color: #A5E28F !important;
          border-color: #A5E28F !important; }
  html body #confirm-order-page #confirm-orders-app #order-group-price-detail {
    border-top: solid #CFCFCF 1px;
    border-bottom: solid #CFCFCF 1px;
    font-size: 18px;
    color: #000000; }
    @media only screen and (max-width: 748px) {
      html body #confirm-order-page #confirm-orders-app #order-group-price-detail {
        padding-left: 10px;
        padding-right: 10px; } }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail .label, html body #confirm-order-page #confirm-orders-app #order-group-price-detail .value {
      padding: 7px 8px 3px 8px;
      color: #000000;
      font-family: "Lexend Deca, font";
      font-weight: 700; }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail .label {
      background: #D9D9D9;
      border: solid #D9D9D9 1px; }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail .value {
      border: solid #000000 1px;
      min-width: 110px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: center; }
      @media (min-width: 749px) {
        html body #confirm-order-page #confirm-orders-app #order-group-price-detail .value {
          min-width: 158px; } }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total {
      margin: 5px 0; }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-sub-total, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-fee, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total {
      display: flex;
      justify-content: center; }
      html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-sub-total .label, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-fee .label, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .label {
        min-width: 96px;
        text-align: center;
        padding: 7px 5px 5px 5px; }
      html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-sub-total .value, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-fee .value, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .value {
        text-align: left; }
        @media only screen and (max-width: 748px) {
          html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-sub-total .value, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-fee .value, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .value {
            min-width: 120px;
            box-sizing: border-box;
            padding-left: 8px;
            padding-right: 8px; } }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .value {
      border-width: 2px;
      padding-left: 14px;
      padding-right: 14px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .value {
          padding-left: 7px;
          padding-right: 7px; } }
  html body #confirm-order-page #confirm-orders-list .evf-order-list-item {
    flex-wrap: wrap; }
    html body #confirm-order-page #confirm-orders-list .evf-order-list-item .qty-mark {
      margin: 0 2px; }
    html body #confirm-order-page #confirm-orders-list .evf-order-list-item .ticket-data-row {
      clear: both; }
    html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail {
      flex: 0 0 60%; }
      html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .label {
        width: 200px; }
        @media only screen and (max-width: 748px) {
          html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .label {
            width: 150px; } }
        html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .label .ticket-data-row {
          display: block; }
      html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value {
        width: calc(100% - 200px); }
        @media only screen and (max-width: 748px) {
          html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value {
            width: calc(100% - 150px); } }
        html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value .data-field {
          margin-bottom: 10px; }
          html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value .data-field:last-child {
            margin-bottom: 0; }
        html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value .package-item {
          margin-bottom: 10px; }
          html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value .package-item:last-child {
            margin-bottom: 0; }
  html body form#ordersForm .cart-member-id-block, html body form#ordersForm .member-id-block {
    max-width: unset;
    justify-content: center;
    flex-direction: column; }
    html body form#ordersForm .cart-member-id-block .member-id-field, html body form#ordersForm .member-id-block .member-id-field {
      max-width: 340px; }
    html body form#ordersForm .cart-member-id-block .member-id-label, html body form#ordersForm .member-id-block .member-id-label {
      margin-bottom: 10px; }
    @media only screen and (max-width: 748px) {
      html body form#ordersForm .cart-member-id-block, html body form#ordersForm .member-id-block {
        justify-content: center;
        align-items: center; } }
  html body form#ordersForm .member-id-block {
    margin-top: 30px; }
    html body form#ordersForm .member-id-block .member-id-field {
      width: 340px; }
      @media (max-width: 360px) {
        html body form#ordersForm .member-id-block .member-id-field {
          width: 100%; } }
  html body form#ordersForm .formActions {
    text-align: center;
    margin-top: 40px;
    display: flex;
    flex-direction: column-reverse; }
    @media (min-width: 1024px) {
      html body form#ordersForm .formActions {
        flex-direction: row; } }
    html body form#ordersForm .formActions #btnBuyTickets, html body form#ordersForm .formActions .tf-btn-default {
      display: block;
      margin: 0 auto;
      width: 340px;
      height: 40px;
      box-sizing: border-box;
      line-height: 28px; }
      @media (max-width: 360px) {
        html body form#ordersForm .formActions #btnBuyTickets, html body form#ordersForm .formActions .tf-btn-default {
          width: 100%; } }
    html body form#ordersForm .formActions .tf-btn-default {
      margin-top: 15px;
      padding-left: 0;
      padding-right: 0;
      line-height: 28px; }
      @media (min-width: 1024px) {
        html body form#ordersForm .formActions .tf-btn-default {
          margin-top: 0; } }
      html body form#ordersForm .formActions .tf-btn-default:hover {
        color: #000000; }
  @media only screen and (max-width: 748px) {
    html body #confirm-orders-page {
      padding-left: 0 !important;
      padding-right: 0 !important; } }
  html body #confirm-orders-page #ordersWrapper h2 {
    font-family: "Lexend Deca, font";
    font-weight: 500;
    font-size: 21px;
    color: #000000;
    text-transform: capitalize;
    text-align: center;
    font-weight: 700;
    max-width: 500px;
    margin: 30px auto 0;
    text-align: left;
    padding-bottom: 0; }
    @media only screen and (max-width: 748px) {
      html body #confirm-orders-page #ordersWrapper h2 {
        padding: 0 8px; } }
  html body #confirm-orders-page #ordersWrapper #event-header {
    width: 100%;
    position: relative; }
    html body #confirm-orders-page #ordersWrapper #event-header #event-header-row {
      background: #000000; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row {
          display: table;
          width: 100%; } }
      @media (min-width: 749px) {
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row {
          width: 330px;
          left: auto !important;
          right: 0; } }
      html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first {
        padding: 0;
        background: none;
        margin: 0; }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-image {
          margin-right: 0;
          width: 100%;
          float: none; }
        @media (min-width: 749px) {
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first {
            width: 100%; }
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-image {
              margin-bottom: 0; }
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-image img {
                width: 100%;
                object-fit: cover; } }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-image {
            margin-bottom: 10px; } }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-title {
          font-family: "Lexend Deca, font";
          font-weight: 700;
          font-size: 16px;
          float: none;
          width: 100%;
          color: #FFFFFF;
          margin-bottom: 0; }
          @media (min-width: 749px) {
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-title {
              padding-left: 15px;
              padding-top: 10px; } }
          @media (max-width: 420px) {
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-title {
              padding-left: 15px; } }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-subtitle {
          font-family: "Lexend Deca, font";
          font-weight: 400;
          font-size: 16px;
          text-align: left;
          padding: 5px 15px;
          color: #FFFFFF; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-subtitle * {
            font-family: "Lexend Deca, font";
            font-weight: 400;
            font-size: 16px; }
      html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second {
        padding: 0;
        background: transparent;
        width: 100%;
        padding-left: 15px;
        display: inline-block;
        margin: 10px 0 0; }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second {
            float: none !important; } }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times.has-customized-time > div {
          font-family: "Lexend Deca, font";
          font-weight: 700;
          color: #000000;
          font-size: 14px; }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-first .blue.upper, html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-second .blue.upper {
          font-family: "Lexend Deca, font";
          font-weight: 500;
          font-size: 15px;
          padding: 2px 8px;
          margin-bottom: 8px;
          background: transparent;
          display: inline-block;
          color: #FFFFFF;
          width: auto;
          left: auto !important;
          right: 0;
          border: solid 1px #FFFFFF;
          line-height: 29px;
          padding-bottom: 0;
          text-transform: uppercase; }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-first .upper, html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-second .upper {
          font-family: "Lexend Deca, font";
          font-weight: 700;
          font-size: 16px;
          color: #FFFFFF;
          text-transform: uppercase; }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail {
          margin-bottom: 20px; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail .address-title {
            font-family: "Lexend Deca, font";
            font-weight: 500;
            font-size: 15px;
            padding: 2px 8px;
            margin-bottom: 8px;
            background: transparent;
            display: inline-block;
            color: #FFFFFF;
            width: auto;
            left: auto !important;
            right: 0;
            border: solid 1px #FFFFFF;
            line-height: 29px;
            padding-bottom: 0; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail .location-map pre {
            font-family: "Lexend Deca, font";
            font-weight: 500;
            font-size: 16px;
            color: #FFFFFF; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail #map-expand-icon {
            color: #FFFFFF; }
      html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar.floating {
        top: 118px; }
      @media only screen and (min-width: 1200px) {
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row {
          position: absolute;
          left: calc(50vw + 280px);
          margin-top: 19px; } }
    @media only screen and (max-width: 1199px) and (min-width: 749px) {
      html body #confirm-orders-page #ordersWrapper #event-header {
        width: 500px;
        margin: 0 auto; }
        html body #confirm-orders-page #ordersWrapper #event-header .event-image {
          width: 100% !important; }
          html body #confirm-orders-page #ordersWrapper #event-header .event-image img {
            width: 100% !important; }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row,
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-first {
          float: none;
          width: 100% !important; } }
  html body #confirm-orders-page #ordersWrapper > .shorter > br {
    display: none; }
  html body #confirm-orders-page #ordersWrapper > .shorter > br:nth-child(1),
  html body #confirm-orders-page #ordersWrapper > .shorter > br:nth-child(2) {
    display: none; }
  html body #confirm-orders-page #ordersWrapper > .shorter #custom-order-message {
    margin: 0 auto;
    width: 500px;
    padding-top: 10px; }
    @media (max-width: 820px) {
      html body #confirm-orders-page #ordersWrapper > .shorter #custom-order-message {
        width: 65%; } }
    @media only screen and (max-width: 748px) {
      html body #confirm-orders-page #ordersWrapper > .shorter #custom-order-message {
        width: 100%;
        transform: none;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box; } }
    html body #confirm-orders-page #ordersWrapper > .shorter #custom-order-message p {
      font-size: 16px;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      color: #000000;
      line-height: 21px; }
  html body #confirm-orders-page #ordersWrapper form#ordersForm {
    width: 500px;
    margin: 0 auto;
    margin: 0 auto; }
    @media screen and (max-width: 1200px) {
      html body #confirm-orders-page #ordersWrapper form#ordersForm {
        width: 500px;
        transform: translate(0, 0); } }
    @media only screen and (max-width: 748px) {
      html body #confirm-orders-page #ordersWrapper form#ordersForm {
        width: 100%; } }
    html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form > div > h4 {
      display: none; }
    @media only screen and (max-width: 748px) {
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form .infoItem {
        padding: 0; } }
    html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders {
      display: flex;
      flex-direction: column; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders #order_data_section_hide {
        display: none !important; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders {
          margin-top: 0; } }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead {
        background: #EFFAEB; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr {
          width: 100%;
          display: table; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr {
              position: unset;
              display: flex;
              justify-content: space-between; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr th.tbl-seat-column {
            display: none; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr th {
              width: auto !important; } }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr th:last-child {
              display: none; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead th {
          font-family: "Lexend Deca, font";
          font-weight: 700;
          font-size: 18px;
          color: #000000;
          padding: 0 10px;
          text-transform: none;
          height: 32px;
          line-height: 32px; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr {
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
        background: transparent; }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr {
            padding: 0 10px;
            box-sizing: border-box; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem {
          margin-top: 37px;
          flex-direction: row; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem {
              background: #fff; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem td {
            color: #000000;
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            padding: 10px 0; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem td {
                background: none; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem td:last-child {
              justify-content: flex-end; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total_selling_price {
          flex-direction: row;
          color: #A5E28F;
          display: none; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total_selling_price td:last-child {
            justify-content: flex-end; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem {
          width: 100%;
          display: flex;
          flex-direction: row;
          gap: 10px;
          color: #000000;
          font-size: 16px;
          justify-content: space-between;
          margin-top: 0;
          margin-bottom: 15px;
          padding: 0 8px;
          box-sizing: border-box;
          margin-top: 20px;
          font-family: "Lexend Deca, font";
          font-weight: 400; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td {
            width: auto; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td.row-border {
              text-transform: capitalize; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td.total-ticket-price {
              font-family: "Lexend Deca, font" !important;
              font-weight: 400; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td.total-ticket-price {
                  padding: 0; } }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td {
                padding: 0 !important; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td .mini {
              padding-left: 5px; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem {
              margin-top: 0;
              padding: 0px 10px; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          box-sizing: border-box;
          vertical-align: top;
          padding: 0; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type {
            order: 1;
            background: #fff; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 {
              margin-top: 9px;
              margin-bottom: 0;
              padding: 4px 8px 3px;
              line-height: unset;
              max-width: 50%; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 {
                  max-width: 100%;
                  height: auto;
                  display: flex;
                  padding-left: 0;
                  padding-right: 0; } }
              @media (max-width: 360px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 {
                  height: 100%;
                  line-height: 24px; } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2 span, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 span {
                color: #000000;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                font-size: 16px;
                line-height: 24px; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.seat-num {
            text-align: center;
            font-size: 16px;
            color: #000000;
            font-family: "Lexend Deca, font";
            font-weight: 400;
            order: 3;
            width: 100%;
            padding: 10px 10px 0 10px; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.seat-num {
                display: flex;
                flex-wrap: nowrap; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.seat-num span.seat-title {
              font-size: 16px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 400;
              display: inline-block !important;
              padding-right: 3px; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-price {
            width: auto;
            order: 2;
            right: 0;
            position: absolute; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-price {
                position: unset; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-price span {
              padding: 0 8px;
              border: 10;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 400;
              font-size: 16px;
              margin-top: 9px;
              display: inline-block;
              height: 32px;
              line-height: 32px; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-price span {
                  padding: 0; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td {
            order: 4;
            width: 100%;
            background: #fff;
            margin-top: 15px;
            padding: 0; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-label {
              border-bottom: 1px solid #707070;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-size: 14px;
              color: #000000;
              width: 30%;
              box-sizing: border-box;
              padding: 0 10px 10px 10px;
              margin-bottom: 28px;
              text-transform: capitalize; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block {
              border-bottom: 1px solid #707070;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-size: 14px;
              width: calc(100% - 30%);
              margin-bottom: 28px;
              padding: 0 10px 10px 10px;
              box-sizing: border-box; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block {
                  margin-left: 0;
                  margin-right: 0; } }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block b {
                  font-weight: normal; } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block select {
                background: transparent;
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE1IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNSAwLjVIMEw3LjUgOEwxNSAwLjVaIiBmaWxsPSIjNzA3MDcwIi8+Cjwvc3ZnPgo=");
                background-repeat: no-repeat;
                background-position-x: 98%;
                background-position-y: 5px;
                border-radius: 0;
                margin-right: 0;
                padding: 0 10px;
                background-size: 13px;
                color: #000000;
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 500; }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block select {
                    padding: 0;
                    min-height: unset; } }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block input[type=text] {
                  padding: 0 !important;
                  min-height: unset !important; } }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block .form-inline {
                  padding: 0; }
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block .form-inline label input.form-control {
                    padding: 0; }
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block .form-inline input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(#recaptcha_response_field):not([type="button"]), html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block .form-inline textarea {
                    min-height: unset; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div {
            display: flex;
            align-items: center; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(odd) {
              width: 20%;
              padding: 0 2%; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(even) {
              width: calc(100% - 20%); }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(even) {
                  width: calc(100% - 24%); } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(2), html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(6) {
              width: 100%; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div > select {
              position: relative;
              top: 0;
              padding: 0 0 0 2%;
              height: auto;
              line-height: normal; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div > input[type=text] {
              padding: 0 10px !important;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div > input[type=text] {
                  margin: -9px 0 0; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.single-ticket {
          padding: 0px;
          box-sizing: border-box;
          background: transparent !important;
          margin-top: 20px; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.single-ticket {
              padding: 0 10px; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.single-combo {
          padding: 0px;
          box-sizing: border-box; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.single-combo {
              padding: 0 10px; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr {
          background: #fff;
          margin-bottom: 15px;
          padding: 0;
          box-sizing: border-box; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr {
              padding: 0 10px; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td {
            width: 100% !important; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row {
              padding: 0;
              width: 100%; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row {
                width: 100%;
                display: flex !important;
                align-items: flex-end; }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row .data-field-label {
                  border-bottom: 1px solid #707070;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  font-size: 14px;
                  color: #000000;
                  width: 30%;
                  box-sizing: border-box;
                  padding: 0 10px 10px 10px;
                  margin-bottom: 28px;
                  text-transform: capitalize; }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row .pull-left {
                  border-bottom: 1px solid #707070;
                  color: #000000;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  font-size: 14px;
                  width: calc(100% - 30%);
                  margin-bottom: 28px;
                  padding: 0 10px 10px 10px;
                  box-sizing: border-box; }
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row .pull-left input {
                    line-height: normal;
                    min-height: unset; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row .pull-left {
              border-bottom: 1px solid #707070; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr * div {
            display: block !important;
            box-sizing: border-box; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr .data-field-row {
            display: block;
            padding: 0; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr .data-field-row .pull-left {
              padding: 0;
              margin-bottom: 25px; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr .data-field-row .pull-left select {
                background: transparent;
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE1IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNSAwLjVIMEw3LjUgOEwxNSAwLjVaIiBmaWxsPSIjNzA3MDcwIi8+Cjwvc3ZnPgo=");
                background-repeat: no-repeat;
                background-position-x: 98%;
                background-position-y: 5px;
                border-radius: 0;
                margin-right: 0;
                padding: 0;
                background-size: 13px;
                padding: 0 10px; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr .data-field-row input[type=text] {
                width: 100% !important; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total-cost-tr {
          flex-direction: row;
          width: auto;
          float: right;
          align-items: center;
          justify-content: flex-end;
          gap: 10px;
          padding: 0px;
          box-sizing: border-box;
          margin-bottom: 20px; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total-cost-tr {
              padding: 0;
              width: 100%;
              background: #fff;
              float: none;
              align-items: center;
              justify-content: center; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total-cost-tr td {
            width: auto;
            padding: 0;
            flex-wrap: nowrap; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total-cost-tr td {
                padding: 10px;
                background: none; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-data-row-heading {
          background: #D9D9D9;
          padding: 0 7px;
          height: 32px;
          margin-bottom: 25px;
          margin-top: 5px;
          box-sizing: border-box; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-data-row-heading td.title {
            color: #000000;
            font-size: 18px;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            line-height: 32px;
            padding-bottom: 10px; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.product-type .package-ticket-event {
        display: none; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.product-type > b, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.product-type .tiny-spec {
        display: none !important; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.product-type .tiny-spec-v2 {
        display: inline-block !important;
        color: #000000;
        border: 0;
        padding: 0 8px;
        font-family: "Lexend Deca, font";
        font-weight: 700;
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        width: auto;
        height: auto;
        margin-bottom: 0; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type .package-ticket-event {
        display: none; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type > b, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type .tiny-spec {
        display: none !important; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type .tiny-spec-v2 {
        display: inline-block !important;
        color: #000000;
        border: 0;
        padding: 0 8px;
        font-family: "Lexend Deca, font";
        font-weight: 700;
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        font-weight: 400;
        width: auto;
        height: auto;
        margin-bottom: 0; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type .tiny-spec-v2 span {
          font-weight: 400 !important;
          font-size: 16px !important; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type .tiny-spec-v2 .ticket-category-name {
          font-weight: 700 !important; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td {
        padding: 0; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td > div, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .th-blue {
          color: #000000;
          font-family: "Lexend Deca, font";
          font-weight: 500;
          font-size: 14px !important; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .required_field {
          margin-bottom: 20px; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .required_field {
              margin: 0 10px; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .required_field * {
            color: #000000;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            font-size: 14px !important;
            padding: 0;
            border-bottom: 0; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline {
          margin-top: 8px;
          display: flex;
          border: none;
          width: 100%;
          flex-direction: row-reverse; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label {
            display: inline-block; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(1) {
              width: 50%; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(1) > input {
                width: auto; }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(1) > input {
                    width: 100%;
                    box-sizing: border-box;
                    padding: 0; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(2), html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(3) {
              width: 25%; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(2) > input, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(3) > input {
                width: auto; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label > div {
              display: none; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label > input {
              border: none; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.seat-num {
        font-family: "Lexend Deca, font";
        font-weight: 400;
        font-size: 14px;
        padding-left: 10px;
        line-height: normal; }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.seat-num {
            text-align: left !important; } }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-price span.number {
        display: inline-block !important;
        color: #000000;
        border: 0;
        padding: 0 8px;
        font-family: "Lexend Deca, font";
        font-weight: 700;
        font-size: 16px;
        height: 32px;
        line-height: 32px; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tr#total-cost-tr td.total-cost-label {
        color: #000000;
        font-family: "Lexend Deca, font";
        font-weight: 400;
        font-size: 16px;
        padding-right: 70px; }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tr#total-cost-tr td.total-cost-label {
            padding-right: 10px; } }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tr#total-cost-tr td.total b {
        display: inline-block !important;
        color: #000000;
        border: 0;
        padding: 0 8px;
        font-family: "Lexend Deca, font";
        font-weight: 700;
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        border-width: 2px;
        font-size: 16px;
        font-weight: normal; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td {
          padding-left: 15px;
          padding-right: 15px; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tr#total-cost-tr {
          padding-bottom: 15px; } }
    html body #confirm-orders-page #ordersWrapper form#ordersForm p.note {
      color: #000000;
      font-family: "Lexend Deca, font";
      font-weight: 400;
      font-size: 12px;
      padding: 0 10px;
      margin: 0; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper form#ordersForm p.note {
          padding: 0 15px;
          text-align: center; } }
    @media only screen and (max-width: 748px) {
      html body #confirm-orders-page #ordersWrapper form#ordersForm .formActions {
        margin-left: 10px;
        margin-right: 10px; } }
    html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines {
      padding: 5px 15px;
      border-top: solid 1px #AAAAAA; }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines * {
        color: #000000;
        font-family: "Lexend Deca, font";
        font-style: normal;
        font-weight: 300;
        font-size: 12px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines {
          padding-left: 25px;
          padding-right: 25px; } }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines ol.order-list {
        margin: 0 10px; }
  html body #search-wrapper {
    display: none !important; }
  html body .filter-search {
    display: none;
    padding: 0 25px; }
    html body .filter-search .filter-container {
      display: block;
      float: left;
      margin-right: 15px; }
      @media only screen and (max-width: 748px) {
        html body .filter-search .filter-container {
          display: none; } }
      html body .filter-search .filter-container.active {
        width: 385px;
        margin-top: 0px;
        display: flex;
        margin-right: 0; }
        html body .filter-search .filter-container.active a.filter-btn {
          color: #FFFFFF;
          background: #A5E28F;
          text-decoration: none;
          float: left; }
          html body .filter-search .filter-container.active a.filter-btn svg path#Icon_feather-filter {
            stroke: #FFFFFF; }
      html body .filter-search .filter-container a.filter-btn {
        display: inline-block;
        color: #000000;
        background: #D9D9D9;
        border: 0;
        height: 20px;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        font-size: 16px;
        font-weight: 500;
        border-radius: 0;
        padding: 10px 12px 5px 12px;
        text-transform: capitalize; }
        html body .filter-search .filter-container a.filter-btn:hover {
          color: #FFFFFF;
          background: #A5E28F;
          text-decoration: none; }
          html body .filter-search .filter-container a.filter-btn:hover svg path#Icon_feather-filter {
            stroke: #FFFFFF; }
        html body .filter-search .filter-container a.filter-btn svg {
          margin-top: 0;
          float: left;
          margin-right: 5px; }
    html body .filter-search #search-wrap {
      margin: 0 15px !important;
      padding: 0;
      float: left; }
      html body .filter-search #search-wrap.search-width-scroll {
        width: auto;
        display: contents; }
        html body .filter-search #search-wrap.search-width-scroll .country-selector {
          overflow: auto;
          white-space: nowrap;
          -ms-overflow-style: none;
          /* IE and Edge */
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch; }
          html body .filter-search #search-wrap.search-width-scroll .country-selector::-webkit-scrollbar {
            width: 0px;
            background: transparent;
            /* make scrollbar transparent */ }
      html body .filter-search #search-wrap .country-selector .country {
        background-color: #D9D9D9 !important;
        border-radius: 0;
        padding: 10px 25px 6px 25px;
        margin-right: 12px; }
        @media only screen and (max-width: 748px) {
          html body .filter-search #search-wrap .country-selector .country {
            padding: 8px 11px 7px 11px; } }
        html body .filter-search #search-wrap .country-selector .country a {
          color: #000000 !important;
          font-size: 16px;
          text-transform: capitalize;
          font-family: "Lexend Deca, font";
          font-weight: 500; }
          html body .filter-search #search-wrap .country-selector .country a:hover {
            text-decoration: none; }
          @media only screen and (max-width: 748px) {
            html body .filter-search #search-wrap .country-selector .country a {
              font-size: 14px; } }
        html body .filter-search #search-wrap .country-selector .country.active {
          background-color: #A5E28F !important; }
          html body .filter-search #search-wrap .country-selector .country.active a {
            color: #FFFFFF !important; }
        html body .filter-search #search-wrap .country-selector .country:hover {
          background-color: #A5E28F !important; }
          html body .filter-search #search-wrap .country-selector .country:hover a {
            color: #FFFFFF !important; }
  html body .my-account-container {
    background: #000000;
    padding: 57px 25px 0 25px;
    position: fixed;
    right: 0;
    top: 0;
    width: 225px;
    height: 100vh;
    box-sizing: border-box;
    z-index: 98;
    display: none; }
    @media only screen and (max-width: 748px) {
      html body .my-account-container {
        top: 0; } }
    @media (max-width: 360px) {
      html body .my-account-container {
        padding: 20px 25px 0 25px;
        top: 70px;
        width: 100%;
        box-sizing: border-box; } }
    html body .my-account-container span.profile-name {
      font-size: 12px;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      color: #FFFFFF;
      margin-bottom: 5px;
      display: block; }
      html body .my-account-container span.profile-name p {
        color: #FFFFFF;
        display: block; }
    html body .my-account-container ul {
      margin: 0 -25px; }
      html body .my-account-container ul li a {
        padding: 0 5px;
        color: #FFFFFF;
        font-size: 16px;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        font-style: normal;
        padding: 10px 25px;
        display: block; }
        html body .my-account-container ul li a:hover {
          background-color: #000000;
          text-decoration: none;
          color: #A5E28F; }
  html body .top-content {
    padding-bottom: 25px;
    padding-top: 73px; }
    @media only screen and (max-width: 748px) {
      html body .top-content {
        padding-bottom: 0;
        padding-top: 70px; } }
    html body .top-content > .container {
      padding: 0 25px; }
      @media only screen and (max-width: 748px) {
        html body .top-content > .container {
          padding: 0;
          margin: 0; } }
      html body .top-content > .container h2.tf-title {
        font-size: 21px;
        color: #000000;
        font-family: "Lexend Deca, font";
        text-transform: unset;
        font-weight: normal;
        line-height: 28px; }
        @media only screen and (max-width: 748px) {
          html body .top-content > .container h2.tf-title {
            padding: 0 15px 15px; } }
      html body .top-content > .container .banner-slide.mobile-banner {
        margin-top: 22px; }
        @media only screen and (max-width: 748px) {
          html body .top-content > .container .banner-slide.mobile-banner {
            margin-top: 0; } }
      html body .top-content > .container .banner-slide.desktop-banner {
        height: auto;
        overflow: hidden; }
        html body .top-content > .container .banner-slide.desktop-banner a img {
          height: auto; }
  html body .main-content {
    padding-top: 0;
    min-height: calc(100vh - 193px);
    /*Login section start here*/ }
    html body .main-content .container {
      width: auto;
      padding: 0 25px;
      box-sizing: border-box; }
      @media only screen and (max-width: 748px) {
        html body .main-content .container {
          padding: 0;
          margin: 0; } }
      html body .main-content .container #content {
        position: inherit;
        /* My Account section start here*/ }
        html body .main-content .container #content.with-timer {
          padding-top: 20px; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content.with-timer {
              padding-top: 40px; } }
        html body .main-content .container #content .breadcrumbs {
          padding-bottom: 13px;
          margin-top: 0;
          display: none; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content .breadcrumbs {
              padding: 0 10px;
              margin-top: 15px; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content .breadcrumbs ul {
              display: flex; } }
          html body .main-content .container #content .breadcrumbs ul li {
            font-family: "Lexend Deca, font";
            font-weight: 500;
            font-size: 16px;
            color: #000000;
            display: inline-block; }
            html body .main-content .container #content .breadcrumbs ul li a {
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-size: 16px;
              color: #000000;
              text-decoration: underline; }
              html body .main-content .container #content .breadcrumbs ul li a:hover {
                text-decoration: underline; }
            html body .main-content .container #content .breadcrumbs ul li::after {
              content: '/';
              color: #000000;
              width: 5px;
              height: 5px;
              display: inline-block;
              padding: 0 5px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content .breadcrumbs ul li:first-child {
                flex-shrink: 0; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content .breadcrumbs ul li:last-child {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; } }
            html body .main-content .container #content .breadcrumbs ul li:last-child::after {
              display: none; }
        html body .main-content .container #content .shorter {
          width: 100%; }
        html body .main-content .container #content > infoItem {
          text-align: center;
          width: 550px;
          margin: 0 auto;
          font-size: 14px;
          font-weight: 400;
          line-height: 21px;
          margin-top: 20px; }
          html body .main-content .container #content > infoItem p {
            margin-bottom: 20px; }
          html body .main-content .container #content > infoItem a button {
            width: 340px;
            height: 40px;
            box-sizing: border-box; }
        html body .main-content .container #content #home-page h2.tf-title {
          text-transform: unset;
          text-align: left;
          font-family: "Lexend Deca, font" !important;
          line-height: 28px;
          font-weight: normal; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #home-page h2.tf-title {
              padding: 15px; } }
        html body .main-content .container #content #home-page .line-separator {
          display: none; }
        @media only screen and (max-width: 748px) {
          html body .main-content .container #content #home-page .breathe {
            display: none; } }
        html body .main-content .container #content #timer-wrapper {
          width: 100%;
          position: fixed;
          top: 70px;
          z-index: 3; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #timer-wrapper {
              top: 70px !important; } }
          html body .main-content .container #content #timer-wrapper #timer {
            padding-top: 3px !important; }
            html body .main-content .container #content #timer-wrapper #timer.fixed-position {
              position: fixed !important;
              margin-top: 70px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper #timer::after {
                display: block;
                content: "";
                flex: 0 0 100%;
                order: 3; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #timer-wrapper {
              top: 121px;
              bottom: auto; } }
          @media (max-width: 360px) {
            html body .main-content .container #content #timer-wrapper {
              top: 125px;
              bottom: auto; } }
          html body .main-content .container #content #timer-wrapper.move-downward {
            right: 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #timer-wrapper #timer.fixed-position {
              margin-top: 0; } }
          html body .main-content .container #content #timer-wrapper #timer {
            width: 100%;
            background-color: #A285D8;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 0;
            line-height: 15px;
            min-height: 40px !important; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper #timer {
                bottom: unset;
                position: fixed;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;
                padding-top: 8px !important;
                padding-bottom: 3px; } }
            html body .main-content .container #content #timer-wrapper #timer p {
              font-family: "Lexend Deca, font";
              font-weight: 700;
              font-size: 14px;
              color: #000000;
              text-transform: uppercase;
              display: inline-block;
              padding: 3px 0 4px 0; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #timer-wrapper #timer p.upper {
                  font-size: 12px;
                  text-align: right;
                  order: 1; } }
            html body .main-content .container #content #timer-wrapper #timer a {
              font-size: 14px;
              margin-bottom: 4px;
              margin-top: 3px;
              text-transform: uppercase;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              text-decoration: underline; }
            html body .main-content .container #content #timer-wrapper #timer #counter {
              min-height: unset;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              margin-left: 5px;
              margin-top: 0;
              font-size: 14px;
              color: #000000; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #timer-wrapper #timer #counter {
                  white-space: nowrap;
                  font-size: 12px;
                  margin: 0;
                  padding-left: 5px;
                  text-align: left;
                  order: 2; } }
            html body .main-content .container #content #timer-wrapper #timer #need-time, html body .main-content .container #content #timer-wrapper #timer #back-to-orders {
              text-decoration: underline;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              padding: 0 0 0 10px;
              color: #000000; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #timer-wrapper #timer #need-time, html body .main-content .container #content #timer-wrapper #timer #back-to-orders {
                  font-size: 12px;
                  padding: 0 0 0 10px;
                  font-weight: normal;
                  margin-top: 12px;
                  margin-bottom: 5px;
                  box-sizing: border-box;
                  flex: 0 0 auto; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper #timer #need-time {
                text-align: right;
                padding-left: 0;
                order: 4; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper #timer #back-to-orders {
                text-align: left;
                order: 5; } }
        html body .main-content .container #content #event-cart-timer-indicator {
          width: 100%;
          background-color: #D9D9D9;
          box-sizing: border-box;
          padding: 5px;
          display: flex;
          min-height: 32px;
          justify-content: space-between;
          line-height: normal;
          border-radius: 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-cart-timer-indicator {
              width: calc(100% - 24px);
              margin-left: 12px;
              margin-bottom: 0; } }
          @media (max-width: 420px) {
            html body .main-content .container #content #event-cart-timer-indicator {
              display: block; } }
          html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-count, html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time {
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000; }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-count, html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time {
                text-align: center; } }
            html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-count .fa, html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time .fa {
              color: #000000; }
            html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-count .counting, html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time .counting {
              font-family: "Lexend Deca, font";
              font-weight: 900;
              color: #000000; }
          @media (max-width: 420px) {
            html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time {
              padding-top: 5px; } }
          html body .main-content .container #content #event-cart-timer-indicator + br {
            display: none; }
        html body .main-content .container #content #event-header.contain-package #event-header-first {
          display: none; }
        html body .main-content .container #content #event-header.contain-package #event-header-row .sidebar-container {
          margin-top: -147px; }
          html body .main-content .container #content #event-header.contain-package #event-header-row .sidebar-container .floating {
            margin-top: 83px !important;
            bottom: 0; }
        html body .main-content .container #content #event-header #event-header-row #event-header-first {
          width: calc(100% - 365px);
          border-radius: 0;
          padding: 25px;
          background-color: #000000;
          box-sizing: border-box;
          margin-bottom: 30px; }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-header #event-header-row #event-header-first {
              width: calc(100% - 292px); } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-header #event-header-row #event-header-first {
              padding: 25px 15px;
              margin-bottom: 0;
              width: 100%;
              margin-top: 20px; }
              html body .main-content .container #content #event-header #event-header-row #event-header-first h1, html body .main-content .container #content #event-header #event-header-row #event-header-first h2 {
                padding: 15px; } }
          html body .main-content .container #content #event-header #event-header-row #event-header-first h1.event-title {
            margin-left: 0;
            margin-top: 0;
            font-size: 32px;
            text-transform: uppercase;
            line-height: 32px;
            margin-bottom: 12px;
            font-weight: normal;
            padding: 0;
            color: #FFFFFF;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            box-sizing: border-box; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h1.event-title {
                padding: 5px 15px;
                margin-bottom: 0;
                font-size: 21px;
                line-height: 21px; } }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h1.event-title {
                clear: both;
                padding-left: 0;
                padding-top: 10px; } }
          html body .main-content .container #content #event-header #event-header-row #event-header-first h2.event-subtitle {
            margin: 0;
            font-size: 16px;
            color: #000000;
            line-height: normal;
            color: #FFFFFF;
            font-family: "Lexend Deca, font"; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h2.event-subtitle {
                font-size: 16px;
                padding: 5px 15px; } }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h2.event-subtitle {
                clear: both;
                padding-left: 0; } }
          html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image {
            display: block;
            width: 225px;
            z-index: 2;
            margin-right: 25px; }
            html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image img {
              width: auto;
              max-width: 100%; }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image {
                width: 100%;
                margin-right: 0; } }
        html body .main-content .container #content #event-header #event-header-row .sidebar-container {
          width: 330px;
          margin-top: 0; }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-header #event-header-row .sidebar-container {
              width: 275px; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-header #event-header-row .sidebar-container {
              margin: 0 auto;
              float: none;
              display: table;
              width: 100%; } }
          html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar {
            margin-top: 0; }
            html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar::-webkit-scrollbar {
              width: 5px;
              height: 5px; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar::-webkit-scrollbar-track {
                background-clip: content-box;
                border: 2px solid transparent;
                background-color: #CFCFCF; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar::-webkit-scrollbar-thumb {
                background-color: #000000;
                border-radius: 0; }
            @media (min-width: 1024px) {
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar {
                width: 335px; } }
            @media screen and (min-width: 749px) {
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar.floating {
                top: 85px;
                max-height: calc(100vh - 85px); }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar.floating.overlapped {
                  max-height: calc(100vh - 350px); } }
            html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second {
              width: 330px;
              position: unset;
              background: none;
              padding: 0; }
              @media screen and (max-width: 900px) and (min-width: 749px) {
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second {
                  width: 275px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second {
                  width: 100%;
                  box-sizing: border-box;
                  padding: 12px; } }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times {
                padding-bottom: 20px;
                display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times.has-customized-time {
                  display: none !important; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .times-first .blue.upper, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .times-second .blue.upper {
                  background-color: #D9D9D9;
                  color: #000000;
                  font-size: 16px;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  padding: 0px 10px 0px 10px;
                  height: 32px;
                  line-height: 32px;
                  margin-bottom: 7px;
                  display: inline-block;
                  text-transform: uppercase; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .times-first .upper, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .times-second .upper {
                  font-size: 16px;
                  color: #000000;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  line-height: 21px;
                  text-transform: capitalize; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .upper {
                  color: #000000 !important;
                  text-transform: unset;
                  font-size: 21px;
                  font-family: "Lexend Deca, font";
                  margin-top: 5px;
                  font-weight: 700; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail {
                margin-top: 0;
                display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .address-title {
                  background-color: #D9D9D9;
                  color: #000000;
                  font-size: 16px;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  padding: 0px 10px 0px 10px;
                  height: 32px;
                  line-height: 32px;
                  margin-bottom: 7px;
                  display: inline-block;
                  display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .location-map {
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 400;
                  color: #FFFFFF;
                  padding: 0 12px 10px;
                  border-bottom-left-radius: 0;
                  border-bottom-right-radius: 0;
                  background: #000000;
                  color: #FFFFFF;
                  display: none; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .location-map pre {
                    font-size: 14px;
                    font-family: "Lexend Deca, font";
                    font-weight: 400;
                    color: #FFFFFF;
                    display: flex;
                    align-items: center; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .location-map pre::before {
                      width: 14px;
                      height: 14px;
                      content: "";
                      margin-right: 12px;
                      background: url("/static/whitelabels/ticketbox/images/location-icon.svg") no-repeat;
                      background-size: contain;
                      background-position: top; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .address-title {
                  font-weight: normal; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block {
                margin-top: 0; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event {
                  display: flex;
                  flex-wrap: wrap; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .date-details {
                    width: 80px;
                    min-height: 80px;
                    background-color: #000000;
                    border-radius: 0;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    margin-right: 10px;
                    color: #FFFFFF;
                    font-size: 14px;
                    font-family: "Lexend Deca, font";
                    font-weight: 700; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .date-details .date {
                      flex: 0 0 100%;
                      text-align: center;
                      font-size: 24px;
                      padding-top: 18px;
                      height: 14px; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .date-details .day {
                      font-family: "Lexend Deca, font";
                      font-weight: 700; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .event-name {
                    flex: 1;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: flex;
                    align-items: center; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .address-and-sessions {
                    flex: 0 0 100%;
                    box-sizing: border-box; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .address-and-sessions .location-details {
                      font-size: 14px;
                      font-family: "Lexend Deca, font";
                      font-weight: 700;
                      color: #FFFFFF;
                      display: flex;
                      margin: 0 0 3px; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .address-and-sessions .location-details::before {
                        width: 14px;
                        height: 14px;
                        content: "";
                        margin-right: 12px;
                        background: url("/static/whitelabels/ticketbox/images/location-icon.svg") no-repeat;
                        background-size: contain;
                        background-position: center;
                        margin-top: 4px;
                        flex-shrink: 0; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .address-and-sessions .location-details.location-map-exists {
                        cursor: pointer; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-details {
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  color: #FFFFFF;
                  display: flex;
                  margin: 0 0 3px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-details::before {
                    width: 14px;
                    height: 14px;
                    content: "";
                    margin-right: 12px;
                    background: url("/static/whitelabels/ticketbox/images/location-icon.svg") no-repeat;
                    background-size: contain;
                    background-position: center;
                    margin-top: 4px;
                    flex-shrink: 0; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-details.location-map-exists {
                    cursor: pointer; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .event-name {
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  color: #FFFFFF;
                  padding: 10px 12px;
                  border-radius: 0;
                  background: #000000;
                  color: #FFFFFF;
                  text-transform: uppercase; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .event-name {
                      display: none; } }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions {
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  color: #FFFFFF;
                  padding: 10px 12px;
                  border-radius: 0;
                  background: #000000;
                  margin-top: 10px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info {
                    color: #FFFFFF;
                    margin: 5px 0 8px; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info .show-date {
                      display: flex;
                      align-items: center;
                      margin-bottom: 5px;
                      flex-wrap: wrap; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info .show-date::before {
                        width: 14px;
                        height: 14px;
                        content: "";
                        margin-right: 12px;
                        background: url("/static/whitelabels/ticketbox/images/time-icon.svg");
                        background-size: 14px;
                        background-repeat: no-repeat; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info .show-date .separator {
                        margin: 0 3px; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info .show-date .show-time {
                        padding-left: 25px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-detail {
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  color: #FFFFFF;
                  padding: 5px 12px;
                  border-radius: 0;
                  background: #000000;
                  color: #FFFFFF; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-detail .address-title {
                    display: none; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .queue-actions-v2 {
                  position: fixed;
                  width: 100%;
                  bottom: 0;
                  z-index: 7;
                  left: 0;
                  padding: 10px;
                  box-sizing: border-box;
                  background: #FFFFFF; } }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .queue-actions-v2 .enter-queue-v2 {
                width: 100%;
                border-radius: 0 !important;
                margin: 0;
                padding-top: 7px;
                height: 40px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .queue-actions-v2 .enter-queue-v2 {
                    font-size: 14px; } }
            html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart {
              margin-top: 0;
              padding: 20px 0 0 0;
              width: 330px; }
              @media screen and (max-width: 900px) and (min-width: 749px) {
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart {
                  width: 275px; } }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section {
                padding-top: 0; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section h1, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section h1, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section h1, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section h2 {
                  background-color: #D9D9D9;
                  color: #000000;
                  font-size: 16px;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  padding: 0px 10px 0px 10px;
                  height: 32px;
                  line-height: 32px;
                  margin-bottom: 7px;
                  display: inline-block; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section h2 {
                  text-transform: uppercase; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta {
                  font-size: 16px;
                  color: #000000;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  line-height: 21px;
                  margin-bottom: 20px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta > div, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta > div, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta > div {
                    font-size: 16px;
                    color: #000000;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    line-height: 21px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing-right {
                    font-size: 16px;
                    color: #000000;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    line-height: 21px;
                    margin-bottom: 5px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section ul.section__meta li.sidebar_pages_items, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section ul.section__meta li.sidebar_pages_items, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section ul.section__meta li.sidebar_pages_items {
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  font-size: 16px;
                  color: #000000;
                  margin-left: 6px;
                  margin-bottom: 2px;
                  padding-left: 5px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section ul.section__meta li.sidebar_pages_items::marker, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section ul.section__meta li.sidebar_pages_items::marker, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section ul.section__meta li.sidebar_pages_items::marker {
                    color: #000000;
                    content: '\2022';
                    font-size: 16px;
                    text-align-last: center !important;
                    text-align: start !important; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_total, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta_total, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total {
                  margin-bottom: 12px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-right {
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    font-size: 16px;
                    color: #FFFFFF; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__meta_total {
                border-top: solid 2px #FFFFFF;
                margin: 0 -12px 6px !important;
                padding: 12px 12px 0; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__meta_total .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__meta_total .pricing-right {
                  font-size: 14px !important; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section {
                background-color: #000000;
                padding: 0 12px 5px;
                border-radius: 0;
                margin-top: -7px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__date-and-time {
                  margin-bottom: 20px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__date-and-time h2 {
                    display: none; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__date-and-time .section__meta {
                    padding-top: 7px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__combos-quantity {
                  display: none !important; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing {
                  border-bottom-left-radius: 0;
                  border-bottom-right-radius: 0;
                  margin-top: -8px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing h2 {
                    display: none; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta .pricing-left {
                    width: 50%;
                    color: #FFFFFF;
                    font-family: "Lexend Deca, font";
                    font-size: 12px;
                    line-height: 16px;
                    clear: left; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta .pricing-right {
                    color: #FFFFFF;
                    font-family: "Lexend Deca, font";
                    font-size: 12px;
                    line-height: 16px;
                    clear: right; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-left {
                    font-size: 16px;
                    width: 50%;
                    color: #FFFFFF; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-right {
                    font-size: 16px;
                    width: 50%;
                    color: #FFFFFF; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation {
                  text-align: right; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation div {
                    text-align: left;
                    display: table; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation h2 {
                    padding-top: 0;
                    padding-bottom: 0; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation a#show-more-allocations {
                    font-size: 15px;
                    padding: 0;
                    margin: 0 0 15px 0;
                    height: 25px;
                    width: 150px;
                    line-height: 25px;
                    display: inline-block; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta {
                    margin-bottom: 10px; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div {
                      color: #FFFFFF;
                      font-size: 12px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-right {
                  font-size: 12px;
                  color: #FFFFFF !important;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  padding-right: 0 !important; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-right {
                  text-align: right; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code div {
                  font-size: 12px;
                  color: #FFFFFF;
                  font-family: "Lexend Deca, font";
                  font-weight: 700; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta {
                  color: #FFFFFF;
                  margin-bottom: 0;
                  font-size: 12px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta span.total {
                    display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section h2 {
                  font-weight: normal;
                  background: none;
                  color: #FFFFFF;
                  font-size: 14px;
                  line-height: 24px;
                  font-family: "Lexend Deca, font";
                  padding: 12px 0 6px;
                  text-transform: unset;
                  height: auto;
                  margin: 0;
                  font-weight: 700; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity {
                  border-radius: 0; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity h2 {
                    display: flex;
                    justify-content: space-between; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity h2 + .section__meta {
                      display: none; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity .section__meta {
                    margin-bottom: 5px; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta {
                display: flex;
                justify-content: space-between; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing_bar_left {
                  font-size: 16px;
                  color: #FFFFFF;
                  font-family: "Lexend Deca, font";
                  font-weight: 500; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used {
                display: none;
                background-color: #000000;
                padding: 0 12px 5px;
                border-radius: 0;
                margin-top: -8px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied {
                  display: block; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied h2.header {
                    font-weight: normal;
                    background: none;
                    color: #FFFFFF;
                    font-size: 12px;
                    line-height: 19px;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    padding: 5px 0 0;
                    text-transform: unset;
                    height: auto;
                    margin: 0; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied .section__meta {
                    margin-bottom: 0; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied .section__meta .voucher-details .unlock-code {
                      font-size: 12px;
                      color: #FFFFFF;
                      font-family: "Lexend Deca, font";
                      font-weight: 700;
                      margin-bottom: 8px; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button {
                position: sticky;
                bottom: 0;
                margin-top: 10px;
                margin-bottom: 10px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button {
                  color: #000000;
                  background: #A5E28F;
                  border: 0;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  font-size: 18px;
                  border-radius: 0 !important;
                  padding: 5px 12px 5px 12px;
                  text-transform: uppercase;
                  min-height: unset;
                  width: 100%;
                  height: 40px;
                  border-radius: 0 !important; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button:hover {
                    color: #000000;
                    background: #7CAA6B;
                    text-decoration: none; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__event-name {
                background: none;
                padding: 0; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__event-name h1 {
                  padding: 0 0 5px;
                  background: none;
                  font-size: 28px;
                  line-height: 33px;
                  font-family: "Lexend Deca, font";
                  text-transform: unset;
                  font-weight: 700;
                  height: auto; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__event-name .section__meta {
                  display: none; }
        html body .main-content .container #content #event-header.contain-package #event-header-row .sidebar-container {
          margin-top: -217px; }
        html body .main-content .container #content #event-detail {
          width: calc(100% - 365px);
          position: relative; }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-detail {
              width: calc(100% - 292px); } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail {
              width: 100%;
              margin-top: 0; } }
          html body .main-content .container #content #event-detail #event-body h2:first-child {
            font-size: 21px;
            line-height: 24px;
            border: 0;
            border-bottom: solid 1px #000000;
            margin-bottom: 20px;
            display: block;
            text-align: left;
            padding: 0;
            text-transform: uppercase;
            font-family: "Lexend Deca, font" !important;
            font-weight: 700; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail #event-body {
              margin-top: 30px; } }
          html body .main-content .container #content #event-detail #event-body h2 {
            border: 2px solid #000000;
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            padding: 0 10px;
            margin: 0;
            text-transform: none;
            display: inline-block;
            line-height: normal;
            text-align: center;
            height: 32px;
            line-height: 32px;
            margin-top: 0 !important; }
          html body .main-content .container #content #event-detail #event-body a#show-more {
            color: #000000;
            font-size: 18px; }
            html body .main-content .container #content #event-detail #event-body a#show-more:hover {
              color: #A5E28F; }
          html body .main-content .container #content #event-detail #event-body .show-bullet {
            margin-bottom: 0 !important;
            padding: 0 0 20px 0; }
            html body .main-content .container #content #event-detail #event-body .show-bullet p {
              padding: 0;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-size: 14px;
              line-height: 24px; }
              html body .main-content .container #content #event-detail #event-body .show-bullet p img {
                margin-top: 0; }
          html body .main-content .container #content #event-detail #event-body iframe {
            width: 100%;
            min-height: 550px; }
            @media (max-width: 1280px) {
              html body .main-content .container #content #event-detail #event-body iframe {
                max-height: 500px;
                min-height: unset; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail #event-body iframe {
                max-height: 350px; } }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-detail #event-body iframe {
                max-height: 250px; } }
          @media (min-width: 749px) {
            html body .main-content .container #content #event-detail #buy-now-for-mobile-only {
              display: none !important; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail #buy-now-for-mobile-only {
              position: fixed;
              bottom: 0;
              width: 100%;
              padding: 0 10px 10px;
              left: 0;
              box-sizing: border-box;
              display: block;
              z-index: 8;
              background: #FFFFFF; } }
          html body .main-content .container #content #event-detail #buy-now-for-mobile-only button {
            color: #000000;
            background: #A5E28F;
            border: 0;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            font-size: 18px;
            border-radius: 0 !important;
            padding: 5px 12px 5px 12px;
            text-transform: uppercase;
            min-height: unset;
            border-radius: 0 !important;
            font-size: 18px;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            width: 100%;
            height: 40px; }
            html body .main-content .container #content #event-detail #buy-now-for-mobile-only button:hover {
              color: #000000;
              background: #7CAA6B;
              text-decoration: none; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail #buy-now-for-mobile-only button {
                font-size: 14px;
                line-height: 19px; } }
          html body .main-content .container #content #event-detail #special-mobile-booking-summary {
            position: fixed;
            width: 100%;
            height: 100vh;
            overflow: auto;
            z-index: 999;
            left: 0;
            top: 0;
            background: #FFFFFF;
            padding: 12px 12px 60px;
            box-sizing: border-box; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary.active {
              display: block !important; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary.active .sidebar__shopping-cart {
                display: block !important; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary #sessions-and-summary {
              position: relative; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #sessions-and-summary .promo-error-list {
                position: absolute;
                bottom: 38px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #sessions-and-summary:has(.promo-error-list) #buy_button_container #id_full_code {
                border-bottom: solid 1px red !important; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container {
              display: block !important;
              margin-top: 20px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #buy-btn-get, html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #btn-apply-promocode, html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #btn-promocode-clear {
                display: none !important; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #id_full_code {
                border: 0;
                border-bottom: solid 1px #000000;
                margin-bottom: 23px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #custom_apply_promocode {
                color: #000000;
                background: none;
                border: 0;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                font-size: 14px;
                border-radius: 0 !important;
                padding: 5px 12px 5px 12px;
                text-transform: capitalize;
                min-height: unset;
                border: solid 1px #A5E28F;
                width: 100%;
                height: 40px; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary .back-from-overlay {
              background: url("/static/whitelabels/ticketbox/images/back-icon.svg") no-repeat;
              background-size: contain;
              background-position: center;
              color: transparent;
              width: 25px;
              height: 25px;
              display: block;
              cursor: pointer; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary .summary-block .title {
              font-size: 24px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              margin: 15px 0;
              display: block; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block {
              margin-top: 0; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event {
                display: flex;
                flex-wrap: wrap; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .date-details {
                  width: 80px;
                  min-height: 80px;
                  background-color: #000000;
                  border-radius: 0;
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: center;
                  margin-right: 10px;
                  color: #FFFFFF;
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .date-details .date {
                    flex: 0 0 100%;
                    text-align: center;
                    font-size: 24px;
                    padding-top: 18px;
                    height: 14px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .date-details .day {
                    font-family: "Lexend Deca, font";
                    font-weight: 700; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .event-name {
                  flex: 1;
                  display: -webkit-box;
                  -webkit-line-clamp: 3;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: flex;
                  align-items: center; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .address-and-sessions {
                  flex: 0 0 100%;
                  box-sizing: border-box; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .address-and-sessions .location-details {
                    font-size: 14px;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    color: #FFFFFF;
                    display: flex; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .address-and-sessions .location-details::before {
                      width: 14px;
                      height: 14px;
                      content: "";
                      margin-right: 12px;
                      background: url("/static/whitelabels/ticketbox/images/location-icon.svg") no-repeat;
                      background-size: contain;
                      background-position: center;
                      margin-top: 4px;
                      background-repeat: no-repeat; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .address-and-sessions .location-details.location-map-exists {
                      cursor: pointer; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-details {
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                color: #FFFFFF;
                display: flex;
                margin: 0 0 3px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-details::before {
                  width: 14px;
                  height: 14px;
                  content: "";
                  margin-right: 12px;
                  background: url("/static/whitelabels/ticketbox/images/location-icon.svg") no-repeat;
                  background-size: contain;
                  background-position: center;
                  margin-top: 4px;
                  flex-shrink: 0; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-details.location-map-exists {
                  cursor: pointer; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .event-name {
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                color: #FFFFFF;
                padding: 10px 12px;
                border-radius: 0;
                background: #000000;
                color: #FFFFFF;
                text-transform: uppercase; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions {
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                color: #FFFFFF;
                padding: 10px 12px;
                border-radius: 0;
                background: #000000;
                margin-top: 10px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info {
                  color: #FFFFFF;
                  margin: 5px 0 8px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info .show-date {
                    display: flex;
                    align-items: center;
                    margin-bottom: 5px;
                    flex-wrap: wrap; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info .show-date::before {
                      width: 14px;
                      height: 14px;
                      content: "";
                      margin-right: 12px;
                      background: url("/static/whitelabels/ticketbox/images/time-icon.svg");
                      background-size: cover; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info .show-date .separator {
                      margin: 0 3px; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info .show-date .show-time {
                      padding-left: 25px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-detail {
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                color: #FFFFFF;
                padding: 5px 12px;
                border-radius: 0;
                background: #000000;
                color: #FFFFFF; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-detail .address-title {
                  display: none; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart {
              margin-top: 0;
              padding: 20px 0 0 0;
              width: 100%; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart {
                  padding-top: 15px; } }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section {
                padding-top: 0; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section h1, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section h1, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section h1, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section h2 {
                  background-color: #D9D9D9;
                  color: #000000;
                  font-size: 16px;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  padding: 0px 10px 0px 10px;
                  height: 32px;
                  line-height: 32px;
                  margin-bottom: 7px;
                  display: inline-block; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section h2 {
                  text-transform: uppercase; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta {
                  font-size: 16px;
                  color: #000000;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  line-height: 21px;
                  margin-bottom: 20px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta > div, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta > div, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta > div {
                    font-size: 16px;
                    color: #000000;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    line-height: 21px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing-right {
                    font-size: 16px;
                    color: #000000;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    line-height: 21px;
                    margin-bottom: 5px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section ul.section__meta li.sidebar_pages_items, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section ul.section__meta li.sidebar_pages_items, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section ul.section__meta li.sidebar_pages_items {
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  font-size: 16px;
                  color: #000000;
                  margin-left: 6px;
                  margin-bottom: 2px;
                  padding-left: 5px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section ul.section__meta li.sidebar_pages_items::marker, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section ul.section__meta li.sidebar_pages_items::marker, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section ul.section__meta li.sidebar_pages_items::marker {
                    color: #000000;
                    content: '\2022';
                    font-size: 16px;
                    text-align-last: center !important;
                    text-align: start !important; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total {
                  margin-bottom: 12px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-right {
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    font-size: 16px;
                    color: #FFFFFF;
                    font-weight: normal; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-left {
                    float: left; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-right {
                    float: right; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__meta_total {
                border-top: solid 2px #FFFFFF;
                margin: 0 -12px 6px !important;
                padding: 12px 12px 0; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__meta_total .pricing-right {
                  font-size: 14px !important; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section {
                background-color: #000000;
                padding: 0 12px 5px;
                border-top-right-radius: 5px;
                border-top-left-radius: 5px;
                margin-top: -7px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__date-and-time {
                  margin-bottom: 20px;
                  border-radius: 0; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__date-and-time h2 {
                    display: none; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__date-and-time .section__meta {
                    padding-top: 7px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__combos-quantity {
                  display: none !important; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing {
                  border-bottom-left-radius: 0;
                  border-bottom-right-radius: 0;
                  margin-top: -8px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing h2 {
                    display: none; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta .pricing-left {
                    width: 50%;
                    color: #FFFFFF;
                    font-family: "Lexend Deca, font";
                    font-size: 12px;
                    line-height: 16px;
                    float: left;
                    clear: left; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta .pricing-right {
                    color: #FFFFFF;
                    font-family: "Lexend Deca, font";
                    font-size: 12px;
                    line-height: 16px;
                    float: right;
                    clear: right; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-left {
                    font-size: 12px;
                    width: 50%;
                    color: #FFFFFF;
                    font-family: "Lexend Deca, font";
                    float: left;
                    clear: left; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-right {
                    font-size: 12px;
                    width: 50%;
                    color: #FFFFFF;
                    font-family: "Lexend Deca, font";
                    float: right; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation {
                  text-align: right; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation div {
                    text-align: left;
                    display: table; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation h2 {
                    padding-top: 0;
                    padding-bottom: 0; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation a#show-more-allocations {
                    font-size: 15px;
                    padding: 0;
                    margin: 0 0 15px 0;
                    height: 25px;
                    width: 150px;
                    line-height: 25px;
                    display: inline-block; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta {
                    margin-bottom: 10px; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div {
                      color: #FFFFFF;
                      font-size: 12px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-right {
                  font-size: 12px;
                  color: #FFFFFF !important;
                  font-family: "Lexend Deca, font";
                  padding-right: 0 !important;
                  font-weight: 700; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-right {
                  text-align: right; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code div {
                  font-size: 12px;
                  color: #FFFFFF;
                  font-family: "Lexend Deca, font";
                  font-weight: 700; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.cash-voucher {
                  margin-bottom: 12px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity {
                  border-radius: 0; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity h2 {
                    display: flex;
                    justify-content: space-between; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity .section__meta {
                    display: none; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta {
                  color: #FFFFFF;
                  margin-bottom: 0;
                  font-size: 12px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta span.total {
                    display: none; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section h2 {
                  font-weight: normal;
                  background: none;
                  color: #FFFFFF;
                  font-size: 14px;
                  line-height: 24px;
                  font-family: "Lexend Deca, font";
                  padding: 12px 0 6px;
                  text-transform: unset;
                  height: auto;
                  margin: 0;
                  font-weight: 700; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta {
                display: flex;
                justify-content: space-between; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing_bar_left {
                  font-size: 16px;
                  color: #FFFFFF;
                  font-family: "Lexend Deca, font";
                  font-weight: 500; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used {
                display: none;
                background-color: #000000;
                padding: 0 12px 5px;
                border-radius: 0;
                margin-top: -8px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied {
                  display: block; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied h2.header {
                    font-weight: normal;
                    background: none;
                    color: #FFFFFF;
                    font-size: 12px;
                    line-height: 19px;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    padding: 5px 0 0;
                    text-transform: unset;
                    height: auto;
                    margin: 0; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied .section__meta {
                    margin-bottom: 0; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied .section__meta .voucher-details .unlock-code {
                      font-size: 12px;
                      color: #FFFFFF;
                      font-family: "Lexend Deca, font";
                      font-weight: 700;
                      margin-bottom: 8px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button {
                position: fixed;
                bottom: 0;
                margin-top: 10px;
                margin-bottom: 0;
                width: 100%;
                left: 0;
                padding: 10px 12px;
                box-sizing: border-box;
                background: #FFFFFF;
                z-index: 5; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button {
                  color: #000000;
                  background: #A5E28F;
                  border: 0;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  font-size: 18px;
                  border-radius: 0 !important;
                  padding: 5px 12px 5px 12px;
                  text-transform: uppercase;
                  min-height: unset;
                  width: 100%;
                  height: 40px;
                  border-radius: 0 !important; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button:hover {
                    color: #000000;
                    background: #7CAA6B;
                    text-decoration: none; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button {
                      font-size: 14px;
                      line-height: 19px; } }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__event-name {
                background: none;
                padding: 0;
                display: none; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__event-name h1 {
                  padding: 0 0 15px;
                  background: none;
                  font-size: 32px;
                  line-height: 43px;
                  font-family: "Lexend Deca, font";
                  text-transform: unset;
                  font-weight: 700; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__event-name .section__meta {
                  display: none; }
          html body .main-content .container #content #event-detail #tix .ets-queue .actions.enter-q-outer {
            text-align: left; }
            html body .main-content .container #content #event-detail #tix .ets-queue .actions.enter-q-outer .tf-btn {
              min-width: 150px;
              height: 32px;
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 0 !important;
              position: absolute;
              right: 0;
              margin: 0;
              top: -5px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #tix .ets-queue .actions.enter-q-outer .tf-btn {
                  position: fixed;
                  bottom: 10px;
                  width: calc(100% - 20px);
                  z-index: 7;
                  left: 10px;
                  margin: 0;
                  top: unset;
                  height: 40px;
                  font-size: 14px; } }
          html body .main-content .container #content #event-detail #tix .ets-queue .message.enter-q-message {
            box-shadow: none;
            background: #F8F8F8;
            padding: 20px 15px 15px 15px; }
            html body .main-content .container #content #event-detail #tix .ets-queue .message.enter-q-message p {
              font-size: 21px;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              font-style: italic;
              color: #000000;
              line-height: 28px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #tix .ets-queue .message.enter-q-message p {
                  font-size: 19px;
                  line-height: 25px; } }
              html body .main-content .container #content #event-detail #tix .ets-queue .message.enter-q-message p span {
                color: #A5E28F; }
          html body .main-content .container #content #event-detail .calendar-container {
            margin-top: 0; }
            @media screen and (max-width: 900px) and (min-width: 749px) {
              html body .main-content .container #content #event-detail .calendar-container {
                margin-top: 60px !important; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .calendar-container {
                position: relative;
                padding-top: 67px; } }
            html body .main-content .container #content #event-detail .calendar-container #calendar_notify {
              margin-top: 0;
              box-sizing: border-box; }
            html body .main-content .container #content #event-detail .calendar-container .notify {
              font-size: 21px;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              border-bottom: solid 1px #000000;
              width: 100%;
              line-height: 28px;
              color: #000000;
              text-transform: uppercase;
              box-sizing: border-box; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .calendar-container .notify {
                  font-size: 16px; } }
            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar {
              display: flex;
              align-items: center;
              justify-content: flex-start;
              padding: 0;
              margin: 10px 0; }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-left {
                float: none;
                margin: 0; }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-left h2 {
                  font-size: 18px;
                  font-family: "Lexend Deca, font";
                  font-weight: 400;
                  color: #000000;
                  text-transform: capitalize;
                  font-weight: normal; }
                  @media screen and (max-width: 900px) and (min-width: 749px) {
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-left h2 {
                      margin-top: 5px !important; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-left h2 {
                      font-size: 16px;
                      margin-top: 3px; } }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right {
                width: 107px;
                float: none;
                display: block; }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group {
                  width: 100%; }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-prev-button {
                    float: left; }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-next-button {
                    float: right; }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button {
                    color: #000000; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button .fc-icon-left-single-arrow {
                      width: 0;
                      height: 0;
                      border-top: 6px solid transparent;
                      border-bottom: 6px solid transparent;
                      border-right: 6px solid #000000; }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button .fc-icon-left-single-arrow::after {
                        display: none; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button .fc-icon-right-single-arrow {
                      width: 0;
                      height: 0;
                      border-top: 6px solid transparent;
                      border-bottom: 6px solid transparent;
                      border-left: 6px solid #000000; }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button .fc-icon-right-single-arrow::after {
                        display: none; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button:hover {
                      border: 0; }
            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container *, html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container *:before, html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container *:after {
              box-sizing: border-box; }
            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table {
              border-collapse: collapse;
              border: 0; }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table thead tr th.fc-day-header {
                background-color: #FFFFFF;
                vertical-align: middle;
                color: #000000;
                font-size: 18px;
                height: 55px;
                font-weight: normal;
                font-family: "Lexend Deca, font";
                font-weight: 700; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table thead tr th.fc-day-header {
                    font-size: 16px;
                    height: 50px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row.fc-week {
                  padding-top: 0; } }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg {
                background-color: #FFFFFF; }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table {
                  height: 100%;
                  border-bottom: 0.5px solid #000000; }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td {
                    padding: 0;
                    border: 0.5px solid transparent; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day.selectable {
                      background-color: #FFFFFF;
                      border-color: 0.5px solid transparent;
                      height: 100%; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day.active {
                      background-color: #A5E28F; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day.fc-other-month.fc-future.selectable {
                      background-color: #fff; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day-number {
                      padding: 0 !important; }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day-number.fc-sat.fc-other-month.fc-future.selectable {
                        background: #FFFFFF;
                        box-sizing: border-box; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day-number.fc-sat.fc-other-month.fc-future.selectable span {
                          line-height: normal; }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton {
                height: 83px;
                top: 49%;
                background: #FFFFFF; }
                @media screen and (max-width: 900px) and (min-width: 749px) {
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton {
                    height: 100% !important;
                    top: 51%; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton {
                    height: 100% !important;
                    top: 52%; } }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table {
                  height: 100%;
                  border-right: 0 solid transparent; }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead {
                    height: 100%;
                    background: #FFFFFF; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td {
                      height: 100%;
                      vertical-align: middle; }
                      @media screen and (max-width: 900px) and (min-width: 749px) {
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td {
                          height: 100%; } }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td span {
                        font-size: 21px;
                        color: #CFCFCF;
                        font-family: "Lexend Deca, font";
                        font-weight: 400; }
                        @media only screen and (max-width: 748px) {
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td span {
                            font-size: 16px; } }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number {
                        height: 83px;
                        line-height: 30px; }
                        @media screen and (max-width: 900px) and (min-width: 749px) {
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number {
                            height: 100% !important; } }
                        @media only screen and (max-width: 748px) {
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number {
                            height: 45px !important; } }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable {
                          border: solid 1px #FFFFFF;
                          background: #FFFFFF;
                          height: 83px; }
                          @media screen and (max-width: 900px) and (min-width: 749px) {
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable {
                              height: 100%; } }
                          @media only screen and (max-width: 748px) {
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable {
                              height: 45px !important; } }
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable span {
                            border: 0;
                            background: none;
                            border-radius: 50%;
                            margin: auto;
                            width: 38px;
                            height: 38px;
                            box-sizing: border-box;
                            justify-content: center;
                            align-items: center;
                            display: flex;
                            color: #000000;
                            padding: 0; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month.fc-future.selectable {
                          background: #fff;
                          border: 0 !important;
                          opacity: 1; }
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month.fc-future.selectable span {
                            color: #000000; }
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month.fc-future.selectable.active span {
                            color: #FFFFFF; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.active {
                          background: #FFFFFF; }
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.active span {
                            color: #FFFFFF;
                            background: #000000; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month {
                          opacity: 0.5; }
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month span {
                            color: #CFCFCF;
                            font-family: "Lexend Deca, font";
                            font-weight: 400;
                            font-size: 21px; }
                            @media only screen and (max-width: 748px) {
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month span {
                                font-size: 16px; } }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number span {
                          width: 100%;
                          height: 100%;
                          box-sizing: border-box;
                          justify-content: center;
                          align-items: center;
                          display: flex;
                          padding: 0; }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-row {
                height: 83px !important;
                min-height: unset; }
                @media screen and (max-width: 900px) and (min-width: 749px) {
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-row {
                    height: 51px !important; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-row {
                    height: 51px !important;
                    padding: 0; } }
            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container *::after {
              -webkit-box-sizing: border-box;
              -moz-box-sizing: content-box;
              box-sizing: content-box; }
          html body .main-content .container #content #event-detail .fc-row table {
            border-left: 0 solid transparent; }
          html body .main-content .container #content #event-detail #sessions-container {
            margin: 40px 0 40px 0; }
            html body .main-content .container #content #event-detail #sessions-container.no-active-session #session_notify {
              display: none !important; }
            html body .main-content .container #content #event-detail #sessions-container.no-active-session #session_list {
              border-top: 0 !important; }
            html body .main-content .container #content #event-detail #sessions-container #session_notify {
              margin-top: 20px; }
              html body .main-content .container #content #event-detail #sessions-container #session_notify.hide {
                display: none !important; }
                html body .main-content .container #content #event-detail #sessions-container #session_notify.hide + #session_list {
                  border-top: unset; }
            html body .main-content .container #content #event-detail #sessions-container .notify {
              font-size: 21px;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              border-bottom: solid 1px #000000;
              width: 100%;
              line-height: 28px;
              color: #000000;
              text-transform: uppercase;
              box-sizing: border-box; }
            html body .main-content .container #content #event-detail #sessions-container #session_list {
              border-top: 1px solid #707070;
              padding: 20px 0 0 0;
              margin-top: -1px;
              display: table;
              width: 100%; }
              html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions {
                border-top: 0;
                margin: 0; }
                html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .unlock-locked-session .locked-session {
                  padding: 25px 15px 0 15px; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .unlock-locked-session .locked-session label {
                    font-family: "Lexend Deca, font";
                    font-weight: 400; }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .unlock-locked-session .locked-session label::before {
                      top: unset; }
                html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session {
                  border-bottom: 0;
                  position: relative;
                  padding: 0 15px 20px 15px;
                  margin-bottom: 0;
                  background: transparent !important; }
                  @media (max-width: 360px) {
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session {
                      padding: 0 15px 15px 15px; } }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input[type="checkbox"] {
                    width: 20px !important; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input {
                    display: none; }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input:checked + label::after {
                      content: '';
                      display: block;
                      position: absolute;
                      top: 4px;
                      left: 19px;
                      width: 16px;
                      height: 16px;
                      background: #000000;
                      border-radius: 50%; }
                      @media (max-width: 360px) {
                        html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input:checked + label::after {
                          left: 19px; } }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input:checked + label::before {
                      border-color: #000000; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label {
                    display: inline-block;
                    margin-left: 0px;
                    font-size: 18px;
                    font-family: "Lexend Deca, font";
                    font-weight: 500;
                    color: #000000;
                    text-transform: none;
                    padding-left: 35px; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label {
                        font-size: 16px; } }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label::before {
                      content: '';
                      -webkit-appearance: none;
                      background-color: transparent;
                      border: 2px solid #000000;
                      padding: 10px;
                      display: inline-block;
                      position: absolute;
                      vertical-align: middle;
                      cursor: pointer;
                      left: 15px;
                      top: 0px;
                      border-radius: 50%; }
                      @media (max-width: 360px) {
                        html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label::before {
                          left: 15px; } }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label a {
                      color: #000000; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session.period-type-null.selected {
                    background-color: transparent; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session:hover {
                    background: none; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session + .unlock-locked-session {
                    margin-top: 40px; }
              html body .main-content .container #content #event-detail #sessions-container #session_list .session_day.selected {
                display: none; }
              html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container {
                margin: 0; }
          html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header {
            margin: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 70px;
            z-index: 4;
            background: #FFFFFF;
            border-bottom: solid 1px #000000;
            flex-wrap: wrap;
            margin-top: 30px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header {
                position: static;
                top: unset;
                padding-left: 5px; } }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header:has(.hide) {
              display: none !important; }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header h2.tf-title {
              font-size: 21px;
              line-height: 24px;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              color: #000000;
              text-transform: uppercase;
              padding: 10px 10px 10px 0;
              margin-top: 0;
              order: 0; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header h2.tf-title {
                  font-size: 16px;
                  line-height: 21px; } }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header p {
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 400;
              color: #000000;
              order: 3;
              flex: 0 0 100%; }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price {
              padding: 0;
              float: unset;
              margin: 0;
              flex-shrink: 0; }
              @media (min-width: 749px) {
                html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price {
                  display: none !important; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price {
                  position: fixed;
                  bottom: 0;
                  width: 100%;
                  padding: 0 10px 10px;
                  left: 0;
                  box-sizing: border-box;
                  z-index: 7;
                  background: #FFFFFF; }
                  html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price.inactive {
                    display: none !important; } }
              html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price button {
                color: #000000;
                background: #A5E28F;
                border: 0;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                font-size: 18px;
                border-radius: 0 !important;
                padding: 5px 12px 5px 12px;
                text-transform: uppercase;
                min-height: unset;
                width: auto;
                height: 32px;
                border-radius: 0 !important;
                font-size: 16px;
                min-width: 150px;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                margin-bottom: 5px; }
                html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price button:hover {
                  color: #000000;
                  background: #7CAA6B;
                  text-decoration: none; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price button {
                    width: 100%;
                    height: 40px;
                    font-size: 14px;
                    line-height: 19px;
                    margin-bottom: 0; } }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .frontend-timer {
              order: 1; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container {
              margin-bottom: 0; } }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .hide {
            display: none !important; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container h2.tf-title {
            font-size: 21px;
            line-height: 24px;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            color: #000000;
            text-transform: uppercase;
            padding: 10px 10px 10px 0;
            margin-top: 0; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-header {
            display: none; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list {
            margin-bottom: 40px; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .unlock-locked .unlock_content, html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .unlock-locked .unlock_content_category {
              z-index: 3; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .unlock-locked .ticket-type-row .columns .quantity-price {
              opacity: 0.15; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row {
              padding: 10px 0;
              border-bottom: solid 1px #000000; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row {
                  font-size: 16px; } }
  @media only screen and (max-width: 748px) and (max-width: 360px) {
    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row {
      padding: 10px 0; } }
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns {
                padding: 0; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type {
                  padding: 0; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name {
                    min-height: 32px;
                    padding: 0; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name {
                        min-height: 28px; } }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span {
                      font-size: 18px;
                      font-family: "Lexend Deca, font";
                      font-weight: 400;
                      margin-top: 6px;
                      display: inline-block;
                      color: #000000; }
                      @media only screen and (max-width: 748px) {
                        html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span {
                          font-size: 16px; } }
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span > .name-extend.valued {
                        position: initial !important;
                        display: block;
                        width: auto;
                        text-align: left;
                        float: unset;
                        clear: both;
                        margin-top: 0 !important;
                        font-size: 14px !important; }
                        @media screen and (max-width: 1020px) {
                          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span > .name-extend.valued {
                            position: unset;
                            display: block; } }
                        html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span > .name-extend.valued .service-fee {
                          font-size: 14px;
                          margin-top: -5px; }
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span + br {
                        display: none; }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b {
                      font-size: 14px;
                      position: relative;
                      color: transparent; }
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b i {
                        position: absolute;
                        color: #000000;
                        top: -3px;
                        left: 30px;
                        transition: all 0.3s ease-in-out;
                        transform-origin: center; }
                        html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b i::before {
                          content: "" !important;
                          width: 13px;
                          height: 6px;
                          background: url("/static/whitelabels/ticketbox/images/arrow-dropdown.svg") no-repeat;
                          background-size: contain;
                          display: inline-block; }
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b.showing-desc {
                        display: inline-block;
                        visibility: visible; }
                        html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b.showing-desc i {
                          transform: rotate(-180deg);
                          top: 5px; }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name .showing-desc {
                      display: none; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type:has(.showing-desc) + .ticket-detail {
                    display: block !important; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .ticket-detail {
                  padding-left: 0;
                  display: none !important; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .ticket-detail .description p {
                    font-size: 14px;
                    color: #000000;
                    padding: 0;
                    font-family: "Lexend Deca, font";
                    font-weight: 400;
                    line-height: 22px; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .ticket-detail b {
                    color: #A5E28F;
                    font-size: 14px;
                    display: none; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-exists {
                  padding-top: 0; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-exists input.spinner-widget {
                    border: 2px solid #FFFFFF;
                    border-radius: 0;
                    color: #000000;
                    width: 32px;
                    height: 32px;
                    padding: 0;
                    min-width: 32px;
                    min-height: 32px;
                    font-size: 18px;
                    font-family: "Lexend Deca, font";
                    font-weight: 500; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-exists input.spinner-widget {
                        font-size: 16px; } }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus, html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus {
                  font-size: 21px;
                  color: #000000;
                  padding-top: 6px; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus.disable-icon, html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus.disable-icon {
                    color: #D9D9D9; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus {
                  margin-right: 10px; }
                  @media screen and (max-width: 1020px) {
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus {
                      margin-right: 0; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus {
                      margin-right: 0; } }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus i {
                    color: #000000; }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus i::before {
                      content: '-';
                      font-size: 21px;
                      font-family: "Lexend Deca, font";
                      font-weight: 500; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus {
                  margin-left: 10px; }
                  @media screen and (max-width: 1020px) {
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus {
                      margin-left: 0; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus {
                      margin-left: 0; } }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus i {
                    color: #000000; }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus i::before {
                      content: '+';
                      font-size: 21px;
                      font-family: "Lexend Deca, font";
                      font-weight: 500; }
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .status p:empty {
                display: none; }
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row + .unlock-locked {
                margin-top: 50px; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container input.show-price {
            margin: 0 0 40px 0; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.not-combos .tf-title {
            border-bottom: solid 1px #000000; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.not-combos .ticket-type-list {
            margin-bottom: 17px; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.combos {
            margin-bottom: 20px; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.combos .ticket-type-list {
              margin-bottom: 15px; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.combos .tf-title {
              border-bottom: solid 1px #000000; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container + .combos {
            margin-top: 50px !important; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha {
              position: relative;
              z-index: 7; } }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price {
            color: #000000;
            background: #A5E28F;
            border: 0;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            font-size: 18px;
            border-radius: 0 !important;
            padding: 5px 12px 5px 12px;
            text-transform: uppercase;
            min-height: unset;
            width: auto;
            height: 32px;
            border-radius: 0 !important;
            font-size: 16px;
            min-width: 150px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            margin-bottom: 5px;
            font-weight: 700;
            margin-top: 0; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price:hover {
              color: #000000;
              background: #7CAA6B;
              text-decoration: none; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price {
                display: none !important; } }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form .grecaptcha-badge {
            z-index: 2; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form .grecaptcha-badge {
                bottom: 58px !important; } }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price {
            color: #000000;
            background: #A5E28F;
            border: 0;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            font-size: 18px;
            border-radius: 0 !important;
            padding: 5px 12px 5px 12px;
            text-transform: uppercase;
            min-height: unset;
            width: auto;
            height: 32px;
            border-radius: 0 !important;
            font-size: 16px;
            min-width: 150px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            margin-bottom: 5px;
            font-weight: 700;
            margin-top: 0; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price:hover {
              color: #000000;
              background: #7CAA6B;
              text-decoration: none; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price {
                display: none !important; } }
          html body .main-content .container #content #event-detail .ticket-category-table {
            clear: both; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-category-table {
                max-width: 100%;
                overflow: auto; } }
            html body .main-content .container #content #event-detail .ticket-category-table table {
              margin-bottom: 40px;
              background-color: #F8F8F8;
              border-top: 1px solid #707070; }
              html body .main-content .container #content #event-detail .ticket-category-table table tr th {
                font-size: 18px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                color: #000000;
                padding: 5px 40px 20px 40px; }
                html body .main-content .container #content #event-detail .ticket-category-table table tr th:nth-child(2) {
                  padding-left: 0;
                  padding-right: 0; }
              html body .main-content .container #content #event-detail .ticket-category-table table tr:first-child th {
                padding: 0; }
              html body .main-content .container #content #event-detail .ticket-category-table table tr:nth-child(2) {
                font-family: "Lexend Deca, font";
                font-weight: 500; }
                html body .main-content .container #content #event-detail .ticket-category-table table tr:nth-child(2) th {
                  padding-top: 20px; }
                  html body .main-content .container #content #event-detail .ticket-category-table table tr:nth-child(2) th:nth-child(2) {
                    padding-left: 0; }
              html body .main-content .container #content #event-detail .ticket-category-table table tr:last-child {
                font-family: "Lexend Deca, font";
                font-weight: 700; }
          html body .main-content .container #content #event-detail.ticket-category-container {
            float: left;
            width: 100%;
            clear: both; }
            html body .main-content .container #content #event-detail.ticket-category-container h2.tf-title {
              border: 2px solid #000000;
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              padding: 0 10px;
              margin: 0;
              text-transform: none;
              display: inline-block;
              line-height: normal;
              text-align: center;
              height: 32px;
              line-height: 32px;
              margin: 0; }
          html body .main-content .container #content #event-detail .seating-header {
            margin-top: 50px; }
            html body .main-content .container #content #event-detail .seating-header .ticket-type-header {
              margin: 10px 0 0;
              float: left;
              width: 100%;
              box-shadow: 3px 1px 6px #d7d7d7;
              border-top-left-radius: 0;
              border-top-right-radius: 0;
              padding-left: 5px;
              border-bottom: solid 1px #000000;
              box-sizing: border-box;
              padding-right: 15px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .seating-header .ticket-type-header {
                  padding-left: 5px !important; } }
              html body .main-content .container #content #event-detail .seating-header .ticket-type-header .frontend-timer.counting {
                border: 2px solid #A5E28F;
                color: #A5E28F;
                font-size: 16px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                top: 7px;
                right: 7px;
                background: #FFFFFF; }
              html body .main-content .container #content #event-detail .seating-header .ticket-type-header h2.tf-title {
                padding: 10px 10px 10px 0;
                line-height: 24px; }
              html body .main-content .container #content #event-detail .seating-header .ticket-type-header #seat-select-info {
                display: block;
                color: #000000;
                padding: 10px 11px;
                background-color: #FFE9E8; }
              html body .main-content .container #content #event-detail .seating-header .ticket-type-header h2.tf-title {
                padding: 10px 10px 7px;
                text-align: left;
                line-height: 21px;
                height: auto; }
          html body .main-content .container #content #event-detail .ticket-category-click-to-reserve-msg {
            clear: both;
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            display: none !important; }
          html body .main-content .container #content #event-detail .ticket-category-list {
            margin: 0px 0 15px 0;
            width: 100%;
            clear: both; }
            html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper {
              box-shadow: 3px 1px 6px #d7d7d7;
              border-bottom-left-radius: 0;
              border-bottom-right-radius: 0;
              overflow: hidden; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper + .unlock-locked-category {
                margin-top: 50px;
                border-radius: 0;
                border-radius: 0; }
            html body .main-content .container #content #event-detail .ticket-category-list .unlock-locked-category {
              box-shadow: 3px 1px 6px #d7d7d7;
              border-bottom-left-radius: 0;
              border-bottom-right-radius: 0;
              overflow: hidden; }
            html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item {
              padding: 15px 15px 10px;
              background-color: #FFFFFF;
              display: flex;
              width: 100%;
              align-items: center;
              box-sizing: border-box;
              margin-top: -1px;
              flex-wrap: wrap; }
              @media screen and (max-width: 900px) and (min-width: 749px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item {
                  position: relative; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item {
                  position: relative; } }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item {
                  margin-top: 0;
                  align-items: start; } }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.unlocked-category.expanded {
                  padding-bottom: 0; } }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.locked-category {
                padding-bottom: 10px !important; }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.locked-category .ticket-category-price-expand {
                  opacity: 0.15; }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.locked-category .ticket-category-price {
                  opacity: 0.15; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item:first-child {
                border-top: 1px solid #707070; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover {
                background: #A5E28F; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.selected {
                background: #A5E28F; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-color {
                margin-right: 15px;
                flex-shrink: 0; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts {
                display: flex;
                align-items: self-end;
                align-items: center;
                position: relative; }
                @media screen and (max-width: 992px) {
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts {
                    position: relative;
                    text-align: left; } }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts {
                    display: block; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span:nth-child(2) {
                    float: unset; } }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                  font-size: 18px;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  color: #000000;
                  margin: 0;
                  display: inline-flex;
                  flex-wrap: wrap;
                  width: 50%; }
                  @media screen and (max-width: 900px) and (min-width: 749px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                      width: 35%; } }
                  @media screen and (max-width: 475px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                      width: 35%; } }
                  @media (max-width: 420px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                      width: 100%; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                      font-size: 14px;
                      font-family: "Lexend Deca, font";
                      font-weight: 700; } }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price {
                  padding: 0;
                  color: #000000;
                  font-size: 21px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price {
                      font-size: 14px;
                      font-family: "Lexend Deca, font";
                      font-weight: 700; } }
                  @media (max-width: 420px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price {
                      text-align: left;
                      min-width: 100px;
                      display: block;
                      align-items: start;
                      float: left;
                      width: auto;
                      position: relative;
                      margin: 0 0 5px 0; } }
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a {
                    position: absolute;
                    left: unset;
                    right: 230px;
                    top: 6px; }
                    @media screen and (max-width: 992px) {
                      html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a {
                        position: absolute;
                        right: 180px;
                        top: 6px; } }
                    @media (max-width: 420px) {
                      html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a {
                        left: unset;
                        top: 20%;
                        right: -35px;
                        bottom: auto; } }
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a i.fa {
                      cursor: pointer;
                      font-size: 18px;
                      margin-top: 12px;
                      float: left;
                      padding: 0;
                      height: auto; }
                      html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a i.fa::before {
                        width: 0;
                        height: 0;
                        border-left: 6px solid transparent;
                        border-right: 6px solid transparent;
                        border-top: 6px solid #AAAAAA;
                        content: ''; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-ba {
                top: -21px; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-ba {
                    top: -13px; } }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-ba input {
                  font-size: 16px;
                  border-radius: 0 !important;
                  margin-right: 15px; }
            html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand {
              background-color: unset !important;
              padding: 0;
              width: 100%;
              clear: left; }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand {
                  padding: 0 0 10px 40px !important;
                  text-align: left;
                  background-color: unset !important;
                  border-bottom: 0 !important; }
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand div {
                    text-align: left; } }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand div {
                font-size: 14px;
                line-height: 20px;
                font-family: "Lexend Deca, font";
                font-style: normal;
                font-weight: 300;
                color: #000000; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand div {
                    font-size: 12px; } }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand {
                  padding: 0 0 10px 70px;
                  text-align: left;
                  border-bottom: 1px solid #707070;
                  background: #F8F8F8; } }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand .handling-fee-label {
                text-transform: capitalize; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand {
              padding-top: 0;
              padding-bottom: 0;
              background: #F8F8F8;
              margin-top: -1px;
              border-bottom: solid 1px #B4B4B4;
              position: relative;
              display: block !important; }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand {
                  padding-left: 35px !important;
                  padding-bottom: 0 !important; } }
              @media (max-width: 360px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand {
                  padding-left: 50px; } }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand:last-child {
                border-bottom: 0; }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand div {
                padding: 0;
                line-height: 20px; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item {
              padding: 15px;
              border-bottom: solid 1px #B4B4B4;
              margin-top: 0; }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item:last-child {
                border-bottom: unset; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item {
                  padding-left: 15px; } }
              @media (max-width: 360px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item {
                  padding: 10px 15px; } }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-ba {
                top: -19px;
                left: 5px; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-ba {
                    top: 32px; } }
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-ba .tf-btn-primary {
                  height: 32px;
                  min-width: 100px;
                  margin-right: 5px;
                  margin-left: 15px;
                  display: none; }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-texts .ticket-category-price .fa-angle-down {
                transition: all 0.3s ease-in-out;
                transform: rotate(0); }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-texts .ticket-category-price {
                  margin-bottom: 0; } }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-texts .ticket-category-price a {
                display: none; }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item.expanded .ticket-category-texts .ticket-category-price .fa-angle-down {
                transform: rotate(180deg);
                transform-origin: top;
                transition: all 0.3s ease-in-out;
                margin-top: 2px; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available span.ticket-category-price {
              box-sizing: border-box;
              line-height: 30px !important;
              margin-right: 0; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-color {
              flex-shrink: 0; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available.auto-open .ticket-category-price a {
              display: none; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available.auto-open .ticket-category-price-expand {
              display: block !important;
              padding-bottom: 0; }
            html body .main-content .container #content #event-detail .ticket-category-list.non-seated, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category {
              clear: both; }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item {
                padding-bottom: 5px;
                border-top: solid 1px #707070;
                cursor: pointer; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item {
                    padding-bottom: 0;
                    padding-top: 15px; } }
                @media (max-width: 360px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item {
                    padding-right: 15px;
                    padding-left: 15px; } }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item .ticket-category-color, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item .ticket-category-color {
                  width: 24px;
                  height: 24px;
                  border: solid 2px #000000;
                  background-color: #FFFFFF;
                  position: relative;
                  margin-right: 15px;
                  flex-shrink: 0;
                  box-sizing: border-box;
                  border-radius: 50%; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item.selected, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item.selected {
                  background-color: #EFFAEB; }
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item.selected .ticket-category-color, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item.selected .ticket-category-color {
                    border-color: #000000; }
                    html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item.selected .ticket-category-color::after, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item.selected .ticket-category-color::after {
                      content: '';
                      display: block;
                      position: absolute;
                      top: 2px;
                      left: 2px;
                      width: 16px;
                      height: 16px;
                      background-color: #000000;
                      border-radius: 50%; }
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item.selected + .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item.selected + .ticket-category-price-expand {
                    background-color: #EFFAEB !important; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item:hover, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item:hover {
                  background-color: #EFFAEB; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item:hover + .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item:hover + .ticket-category-price-expand {
                  background-color: #EFFAEB; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item .ticket-category-texts .ticket-category-price, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item .ticket-category-texts .ticket-category-price {
                    margin: 0;
                    padding-top: 0; } }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price .fa, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price .fa {
                display: none; }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price-expand {
                background-color: #FFFFFF;
                padding-top: 0;
                cursor: pointer; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price-expand {
                    padding-left: 55px;
                    border-bottom: 0; } }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price-expand:hover, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price-expand:hover {
                  background-color: #EFFAEB; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price-expand div, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price-expand div {
                  padding: 0; }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item:has(+ .ticket-category-price-expand:hover), html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item:has(+ .ticket-category-price-expand:hover) {
                background-color: #EFFAEB; }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .unlock-locked-category ~ .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .unlock-locked-category ~ .ticket-category-price-expand {
                position: relative;
                background-color: #FFFFFF !important; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .unlock-locked-category ~ .ticket-category-price-expand::before, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .unlock-locked-category ~ .ticket-category-price-expand::before {
                  content: "";
                  background: none;
                  z-index: 1;
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  left: 0; }
            html body .main-content .container #content #event-detail .ticket-category-list .unlock_content_category {
              padding-left: 15px;
              border-bottom: none; }
          html body .main-content .container #content #event-detail h2.tf-title.manual-seat-select-title {
            border: 2px solid #000000;
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            padding: 0 10px;
            margin: 0;
            text-transform: none;
            display: inline-block;
            line-height: normal;
            text-align: center;
            height: 32px;
            line-height: 32px;
            font-weight: normal; }
          html body .main-content .container #content #event-detail .ticket-category-view-only-msg {
            display: none !important; }
          html body .main-content .container #content #event-detail #seat-allocation-preview .label {
            font-size: 18px !important;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            border: 0 !important;
            text-align: left !important;
            border-bottom: solid 1px #3C3C3C !important;
            width: 100% !important;
            line-height: 28px !important;
            color: #000000 !important;
            text-transform: unset;
            box-sizing: border-box;
            padding: 0 !important; }
          html body .main-content .container #content #event-detail #svg_container {
            clear: both;
            padding-top: 30px; }
            html body .main-content .container #content #event-detail #svg_container .frontend-timer.counting {
              color: #A5E28F;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-size: 16px;
              border: 1px solid #000000;
              right: 1px;
              top: 0; }
            html body .main-content .container #content #event-detail #svg_container #area_canclick_notify {
              padding: 0; }
              html body .main-content .container #content #event-detail #svg_container #area_canclick_notify h2.tf-title {
                font-size: 18px;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                border: 0;
                text-align: left;
                margin-bottom: 15px;
                border-bottom: solid 1px #3C3C3C;
                width: 100%;
                line-height: 28px;
                color: #000000;
                text-transform: unset;
                box-sizing: border-box; }
            html body .main-content .container #content #event-detail #svg_container .frontend-timer.counting#seating-plan-frontend-timer {
              top: 4px; }
            html body .main-content .container #content #event-detail #svg_container #svg_content_container {
              border: solid 1px #D9D9D9;
              margin-bottom: 20px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #svg_container #svg_content_container {
                  padding-bottom: 50px; } }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container div {
                box-sizing: unset !important; }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn {
                width: 45px;
                height: 45px;
                top: unset;
                bottom: 15px;
                right: 15px;
                border: 0;
                color: transparent;
                display: inline-block;
                background-size: 22px !important;
                z-index: 7;
                box-shadow: 3px 2px 5px #d7d7d7;
                background-position: center center;
                background-repeat: no-repeat; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn {
                    bottom: 0; } }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn.hidden {
                  display: none; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn i {
                  display: none; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn#small {
                  background-image: url("/static/whitelabels/ticketbox/images/zoom-out.svg");
                  background-color: #FFFFFF;
                  border-top-right-radius: 0;
                  border-bottom-right-radius: 0;
                  z-index: 4; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn#large {
                  right: 102px;
                  background-image: url("/static/whitelabels/ticketbox/images/zoom-in.svg");
                  z-index: 2;
                  border-top-left-radius: 5px;
                  border-bottom-left-radius: 5px; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn#home-button {
                  right: 58px;
                  background-image: url("/static/whitelabels/ticketbox/images/refresh.svg");
                  background-size: 20px !important;
                  z-index: 3; }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg {
                background-color: rgba(61, 61, 61, 0.5); }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg {
                  bottom: 0;
                  height: auto;
                  padding: 15px 40px;
                  background: rgba(60, 60, 60, 0.6);
                  box-sizing: border-box; }
                  html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg {
                    width: 100%;
                    background: none;
                    padding: 0;
                    width: 100%;
                    align-items: center;
                    justify-content: right;
                    display: flex; }
                    html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg input#ticket-category-unlock-code-svg {
                      width: 75%;
                      border: 2px solid #000000 !important;
                      margin-right: 20px;
                      background: #FFFFFF !important; }
                    html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg button:not(.close-btn-svg-unlock) {
                      width: 200px;
                      color: #000000;
                      background: #A5E28F;
                      border: 0;
                      font-family: "Lexend Deca, font";
                      font-weight: 700;
                      font-size: 16px;
                      letter-spacing: -0.05em;
                      border-radius: 0;
                      padding: 5px 12px 5px 12px;
                      text-transform: capitalize; }
                      html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg button:not(.close-btn-svg-unlock):hover {
                        color: #000000;
                        background: #000000;
                        text-decoration: none; }
                      html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg button:not(.close-btn-svg-unlock):hover {
                        background-color: #D9D9D9 !important; }
                    html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg button.close-btn-svg-unlock {
                      background: none;
                      color: #000000;
                      font-size: 0;
                      background-repeat: no-repeat;
                      background-position: center;
                      background: url("/static/images/cancel.png") no-repeat;
                      margin-top: 7px;
                      margin-left: 25px;
                      padding: 0 20px 0 5px; }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container #scroll-done {
                display: none; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container #scroll-done.active {
                  border: 2px solid #A5E28F;
                  color: #A5E28F;
                  bottom: -30px;
                  right: 15px;
                  display: none; }
                  html body .main-content .container #content #event-detail #svg_container #svg_content_container #scroll-done.active:hover {
                    background-color: #A5E28F;
                    color: #FFFFFF; }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container #closer {
                background: #F8F8F8;
                border: solid 2px rgba(0, 0, 0, 0.45);
                cursor: pointer; }
          html body .main-content .container #content #event-detail #seat-shopping-cart {
            margin: 40px 0 17px; }
            html body .main-content .container #content #event-detail #seat-shopping-cart h2 {
              border: 2px solid #000000;
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              padding: 0 10px;
              margin: 0;
              text-transform: none;
              display: inline-block;
              line-height: normal;
              text-align: center;
              height: 32px;
              line-height: 32px;
              font-weight: normal;
              display: none; }
            html body .main-content .container #content #event-detail #seat-shopping-cart #seat-reserved-error {
              font-size: 16px;
              border-radius: 0;
              padding: 15px; }
              html body .main-content .container #content #event-detail #seat-shopping-cart #seat-reserved-error p {
                color: #FFFFFF; }
            html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container {
              display: none;
              padding: 0;
              box-shadow: 3px 1px 6px #d7d7d7;
              border-radius: 0;
              position: relative;
              margin-bottom: 50px; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container.active {
                display: block; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container {
                  padding: 10px; } }
              @media screen and (max-width: 441px) {
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container {
                  overflow: scroll; } }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection {
                display: none; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active {
                  color: #000000;
                  background: #A5E28F;
                  border: 0;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  font-size: 18px;
                  border-radius: 0 !important;
                  padding: 5px 12px 5px 12px;
                  text-transform: uppercase;
                  min-height: unset;
                  border-radius: 0 !important;
                  display: block;
                  position: absolute;
                  right: 0;
                  bottom: -45px;
                  font-size: 16px !important;
                  font-family: "Lexend Deca, font" !important;
                  height: 32px;
                  min-width: 148px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active:hover {
                    color: #000000;
                    background: #7CAA6B;
                    text-decoration: none; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active {
                      position: sticky;
                      bottom: 0;
                      float: right; } }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table thead {
                border-bottom: 1px solid #707070;
                padding: 10px 15px 0; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table .subtotal td {
                border-color: #000000; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table .ticket_type_item td.title {
                padding: 15px 0 0 15px; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table .ticket_type_item.last td.title {
                padding-bottom: 15px; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table {
                margin: 0; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table thead tr th {
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  font-size: 18px;
                  color: #000000;
                  text-transform: capitalize;
                  border: 0;
                  text-align: left;
                  padding: 8px 0 5px 0;
                  min-width: 100px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table thead tr th:first-child {
                    text-align: left;
                    padding-left: 15px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table thead tr th:nth-child(2) {
                    display: none; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr {
                  border: 0; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td {
                    padding: 10px 0 5px;
                    vertical-align: top; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.title {
                      color: #000000;
                      font-size: 18px;
                      padding-left: 15px;
                      font-family: "Lexend Deca, font";
                      font-weight: 400;
                      border: 0;
                      text-align: left;
                      width: 65%; }
                      @media only screen and (max-width: 748px) {
                        html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.title {
                          left: auto; } }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.tt_quantity {
                      color: #AAAAAA;
                      text-align: center;
                      position: relative; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.tt_quantity::after {
                        border: 2px solid #AAAAAA;
                        content: '';
                        display: inline-block;
                        width: 35px;
                        height: 26px;
                        position: absolute;
                        margin: 0px auto 0 auto;
                        top: 8px;
                        transform: translateX(-50%);
                        left: 50%;
                        z-index: 0; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.edit {
                      display: inline-block !important;
                      text-align: center;
                      font-size: 18px;
                      position: relative;
                      font-family: "Lexend Deca, font";
                      font-weight: 400;
                      width: 100%;
                      min-width: 120px; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.edit a.seat_ticket_type_items_edit {
                        padding: 0 15px 0 0;
                        display: flex;
                        color: #000000;
                        font-size: 18px;
                        font-family: "Lexend Deca, font";
                        font-weight: 400;
                        text-transform: capitalize;
                        align-items: center; }
                        @media (max-width: 420px) {
                          html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.edit a.seat_ticket_type_items_edit {
                            padding: 0; } }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.edit a span.additional_action {
                        background: url("/static/images/edit.png") no-repeat;
                        width: 2px;
                        padding: 12px 10px;
                        display: inline-block;
                        background-size: 100%;
                        margin-right: 10px;
                        display: none; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.price {
                      text-align: left;
                      color: #000000;
                      position: relative;
                      vertical-align: top;
                      min-width: 125px;
                      box-sizing: border-box;
                      font-family: "Lexend Deca, font";
                      font-weight: 400;
                      font-size: 18px; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.price > span.value {
                        display: inline-block;
                        min-width: 121px;
                        text-align: left; }
                        @media only screen and (max-width: 748px) {
                          html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.price > span.value {
                            min-width: 117px; } }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.price::after {
                        border: 2px solid #000000;
                        content: '';
                        display: block;
                        height: 30px;
                        position: absolute;
                        top: 8px;
                        transform: translateX(-50%);
                        left: 50%;
                        width: 100%;
                        box-sizing: border-box;
                        display: none; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price {
                    padding-top: 8px !important;
                    padding-bottom: 5px !important; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price {
                    text-align: right;
                    padding: 0;
                    line-height: unset; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price::after, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price::after {
                      display: none; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price .value-with-currency, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price .value-with-currency {
                      position: relative;
                      padding: 0;
                      min-width: 155px;
                      display: inline-block;
                      box-sizing: border-box;
                      text-align: left; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price .value-with-currency:after, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price .value-with-currency:after {
                        border: 2px solid #000000;
                        content: '';
                        display: block;
                        height: 30px;
                        position: absolute;
                        top: 4px;
                        transform: translateX(-50%);
                        left: 50%;
                        width: 100%;
                        box-sizing: border-box;
                        display: none; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price .value-with-currency .value, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price .value-with-currency .value {
                        padding-right: 3px; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price .total-text, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price .total-text {
                      text-transform: capitalize;
                      min-width: 141px;
                      text-align: left;
                      display: inline-block; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total .total-text {
                    min-width: 140px;
                    text-transform: capitalize;
                    text-align: left;
                    display: inline-block; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total .grant-total {
                    display: inline-block;
                    min-width: 155px;
                    text-align: left; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total .grant-total .value {
                      text-align: left; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total td.price {
                    font-family: "Lexend Deca, font";
                    font-weight: unset;
                    font-weight: 700; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.added_row .tt_quantity {
                    display: none; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.added_row td.edit {
                    padding-top: 15px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.added_row td.price {
                    padding-top: 15px;
                    width: 155px;
                    min-width: 155px; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total td.price {
                  padding: 9px 0 0 0;
                  text-align: right;
                  border: 0;
                  line-height: normal; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total td::after {
                  display: none; }
          html body .main-content .container #content #event-detail #seat-allocation-preview span {
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            font-size: 16px;
            display: inline-block !important;
            width: auto !important; }
            html body .main-content .container #content #event-detail #seat-allocation-preview span.label {
              border: 2px solid #000000;
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              padding: 0 10px;
              margin: 0;
              text-transform: none;
              display: inline-block;
              line-height: normal;
              text-align: center;
              height: 32px;
              line-height: 32px;
              font-weight: normal; }
            html body .main-content .container #content #event-detail #seat-allocation-preview span:last-child {
              width: 100% !important;
              display: block !important;
              padding: 0;
              margin: 10px 0; }
          html body .main-content .container #content #event-detail .buy-wrapper {
            margin-top: 30px;
            padding-bottom: 0; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .buy-wrapper {
                position: relative; } }
            html body .main-content .container #content #event-detail .buy-wrapper .promo-error-list {
              text-align: left;
              padding-left: 10px;
              position: relative; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper .promo-error-list {
                  position: absolute;
                  top: 40px;
                  width: 100%;
                  box-sizing: border-box; } }
              html body .main-content .container #content #event-detail .buy-wrapper .promo-error-list li {
                color: #FF6E67; }
              html body .main-content .container #content #event-detail .buy-wrapper .promo-error-list::before {
                width: 100%;
                content: "";
                border-top: solid 1px #FF6E67;
                height: 1px;
                position: absolute;
                left: 0;
                top: -1px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper .promo-error-list::before {
                    top: -3px; } }
            html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container {
              border-bottom: 1px solid #000000; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container {
                  border: 0;
                  display: none !important; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right {
                  margin-top: 13px; } }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #buy-btn-get {
                display: none !important; }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #btn-apply-promocode {
                display: none !important; }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #btn-promocode-clear {
                display: none !important; }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode {
                color: #000000;
                background: #A5E28F;
                border: 0;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                font-size: 18px;
                border-radius: 0 !important;
                padding: 5px 12px 5px 12px;
                text-transform: uppercase;
                min-height: unset;
                height: 32px;
                border-radius: 0 !important;
                background: none;
                font-size: 16px;
                color: #000000;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                min-width: 150px;
                margin-bottom: 10px;
                border: solid 2px #A5E28F; }
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode:hover {
                  color: #000000;
                  background: #7CAA6B;
                  text-decoration: none; }
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode:hover {
                  background-color: #A5E28F; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode {
                    height: 40px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right {
                  margin-left: 0; } }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#btn-apply-promocode, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#btn-promocode-clear, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#btn-apply-promocode, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#btn-promocode-clear {
                width: 200px;
                font-size: 16px;
                height: 32px;
                padding: 0;
                line-height: 32px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#btn-apply-promocode, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#btn-promocode-clear, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#btn-apply-promocode, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#btn-promocode-clear {
                    width: 100%; } }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#buy-btn-get {
                line-height: 34px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button {
                  width: 100%;
                  margin-top: 10px; } }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left {
                margin-left: 0; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left {
                    border-bottom: 1px solid #000000; } }
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left input {
                  font-family: "Lexend Deca, font";
                  font-weight: 400;
                  font-size: 18px;
                  color: #000000;
                  height: 32px;
                  min-height: 32px;
                  line-height: normal;
                  padding: 5px 10px !important;
                  text-transform: uppercase;
                  border: 0;
                  margin-top: 2px; }
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left input::placeholder {
                    font-size: 18px;
                    font-family: "Lexend Deca, font";
                    font-style: normal;
                    font-weight: 300;
                    color: #000000;
                    text-transform: none; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left input::placeholder {
                        font-size: 14px; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left input {
                      width: 100%;
                      font-size: 14px; } }
            html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container {
              margin-top: 30px; }
              html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper {
                background-color: #F8F8F8;
                border-top: 1px solid #707070;
                padding: 20px; }
                html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .label {
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  font-size: 18px;
                  color: #000000;
                  text-decoration: underline;
                  margin: 0 !important; }
                html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container {
                  display: flex;
                  justify-content: flex-start;
                  margin-bottom: 10px; }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container > div .label {
                    font-family: "Lexend Deca, font";
                    font-weight: 500;
                    font-size: 18px;
                    color: #000000;
                    text-transform: capitalize;
                    text-decoration: none; }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container > div:last-child .label {
                    color: #AAAAAA;
                    font-family: "Lexend Deca, font";
                    font-weight: 500;
                    font-size: 18px;
                    text-transform: capitalize;
                    text-decoration: none; }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container .qrcode-image {
                    background-color: #A5E28F;
                    width: 50px; }
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container .qrcode-image img {
                      width: 100%; }
              html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls {
                display: flex;
                width: 100%;
                justify-content: space-between;
                margin: 15px 0 0 0;
                border-bottom: solid 1px #000000; }
                @media screen and (max-width: 900px) and (min-width: 749px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls {
                    display: flex;
                    flex-direction: column; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls {
                    display: block;
                    border: 0; } }
                html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left {
                  margin-left: 0;
                  width: 100%; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left {
                      border-bottom: solid 1px #000000; } }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left input#id_voucher_code {
                    font-family: "Lexend Deca, font";
                    font-weight: 400;
                    font-size: 18px;
                    color: #000000;
                    height: 32px;
                    min-height: 32px;
                    line-height: normal;
                    width: 100% !important;
                    padding: 5px 13px !important;
                    text-transform: uppercase;
                    border: 0; }
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left input#id_voucher_code::placeholder {
                      font-size: 18px;
                      font-family: "Lexend Deca, font";
                      font-style: normal;
                      font-weight: 300;
                      color: #000000;
                      text-transform: none; }
                      @media only screen and (max-width: 748px) {
                        html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left input#id_voucher_code::placeholder {
                          font-size: 14px; } }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left input#id_voucher_code {
                        font-size: 14px; } }
                html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right {
                  float: right;
                  margin-left: 16px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right {
                      width: 100% !important; } }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right #apply-voucher-btn {
                    min-width: 150px;
                    font-size: 16px;
                    min-height: 32px;
                    height: 32px;
                    padding: 0;
                    border-radius: 0 !important;
                    background-color: #CFCFCF;
                    color: #000000;
                    margin: 0 0 6px;
                    font-family: "Lexend Deca, font";
                    font-weight: 500; }
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right #apply-voucher-btn:hover {
                      color: #FFFFFF; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right #apply-voucher-btn {
                        width: 100% !important;
                        height: 40px; } }
          html body .main-content .container #content #event-detail #event-additional-info {
            float: left;
            clear: both;
            width: 100%;
            margin-top: 30px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail #event-additional-info {
                margin-top: 15px; } }
            html body .main-content .container #content #event-detail #event-additional-info h2 {
              font-size: 21px;
              line-height: 24px;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              color: #000000;
              text-transform: uppercase;
              padding: 10px 10px 10px 0;
              margin: 0; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #event-additional-info h2 {
                  font-size: 16px;
                  line-height: 21px; } }
            html body .main-content .container #content #event-detail #event-additional-info .show-bullet {
              border-top: 1px solid #707070;
              padding-top: 15px;
              margin-bottom: 40px;
              margin-top: -1px; }
              html body .main-content .container #content #event-detail #event-additional-info .show-bullet p {
                font-size: 16px;
                font-family: "Lexend Deca, font";
                font-weight: 400;
                color: #000000;
                padding: 0; }
          html body .main-content .container #content #event-detail #host-detail {
            clear: both; }
          html body .main-content .container #content #event-detail.selfselect-disabled #seat-shopping-cart #seat-shopping-cart-table .seat_ticket_type_items_edit {
            display: none; }
          html body .main-content .container #content #event-detail.under-package #seat-shopping-cart .shopping-items-container table#seat-shopping-cart-table tr th.price {
            display: none !important; }
          html body .main-content .container #content #event-detail.under-package #seat-shopping-cart .shopping-items-container table#seat-shopping-cart-table tr.added_row.ticket_type_item td.price {
            display: none !important; }
          html body .main-content .container #content #event-detail.under-package #seat-shopping-cart .shopping-items-container table#seat-shopping-cart-table tr.total {
            display: none !important; }
        html body .main-content .container #content .unlock-form, html body .main-content .container #content .unlock-form-category, html body .main-content .container #content .unlock-session-form {
          padding: 0 30px; }
          html body .main-content .container #content .unlock-form input#ticktype-unlock-code, html body .main-content .container #content .unlock-form input#ticket-category-unlock-code, html body .main-content .container #content .unlock-form input.session-unlock-code, html body .main-content .container #content .unlock-form-category input#ticktype-unlock-code, html body .main-content .container #content .unlock-form-category input#ticket-category-unlock-code, html body .main-content .container #content .unlock-form-category input.session-unlock-code, html body .main-content .container #content .unlock-session-form input#ticktype-unlock-code, html body .main-content .container #content .unlock-session-form input#ticket-category-unlock-code, html body .main-content .container #content .unlock-session-form input.session-unlock-code {
            border: 2px solid #000000 !important;
            margin-right: 20px;
            width: 75%;
            background: #FFFFFF !important; }
          html body .main-content .container #content .unlock-form input#ticktype-unlock-code, html body .main-content .container #content .unlock-form input.session-unlock-code, html body .main-content .container #content .unlock-form-category input#ticktype-unlock-code, html body .main-content .container #content .unlock-form-category input.session-unlock-code, html body .main-content .container #content .unlock-session-form input#ticktype-unlock-code, html body .main-content .container #content .unlock-session-form input.session-unlock-code {
            background: #FFFFFF !important;
            font-size: 18px;
            font-family: "Lexend Deca, font";
            font-weight: 500; }
          html body .main-content .container #content .unlock-form button, html body .main-content .container #content .unlock-form-category button, html body .main-content .container #content .unlock-session-form button {
            color: #000000;
            background: #A5E28F;
            border: 0;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            font-size: 16px;
            letter-spacing: -0.05em;
            border-radius: 0;
            padding: 5px 12px 5px 12px;
            text-transform: capitalize;
            width: 207px;
            line-height: 14px; }
            html body .main-content .container #content .unlock-form button:hover, html body .main-content .container #content .unlock-form-category button:hover, html body .main-content .container #content .unlock-session-form button:hover {
              color: #000000;
              background: #000000;
              text-decoration: none; }
            html body .main-content .container #content .unlock-form button::after, html body .main-content .container #content .unlock-form-category button::after, html body .main-content .container #content .unlock-session-form button::after {
              display: none; }
            html body .main-content .container #content .unlock-form button:hover, html body .main-content .container #content .unlock-form-category button:hover, html body .main-content .container #content .unlock-session-form button:hover {
              background: #D9D9D9 !important; }
        html body .main-content .container #content #my-account-page {
          width: 500px;
          margin: 0 auto;
          padding: 50px 0 10px 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #my-account-page {
              width: 100% !important; } }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup {
            display: block;
            position: relative; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup .helpBlock {
              position: absolute;
              left: 0;
              top: 45px;
              font-family: "Lexend Deca, font";
              font-weight: 400;
              padding: 0 10px; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup .controls {
              position: unset;
              width: 100% !important;
              box-sizing: border-box; }
              html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup .controls select#id_preferred_country {
                width: 100%;
                padding: 0; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup .controlLabel {
              width: 100%;
              display: none !important; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controlGroup {
            border: 0; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controlGroup .controlLabel {
              width: 100% !important; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls {
            width: 100%; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls ul {
              margin-left: 0; }
              html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls ul li label {
                font-family: "Lexend Deca, font" !important;
                font-size: 14px;
                color: #000000;
                line-height: 18px; }
                html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls ul li label input {
                  margin-right: 15px;
                  float: left; }
                html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls ul li label::after {
                  left: 0; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_email .controls, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_first_name .controls, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_last_name .controls, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_current_password .controls {
            width: 100%; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_email .controls input, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_first_name .controls input, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_last_name .controls input, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_current_password .controls input {
              width: 100%;
              padding: 0; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number_idd .controls select, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number_idd .controls input, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number .controls select, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number .controls input {
            padding: 0; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number.error {
            border-color: #FF6E67 !important; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number.error .controls .helpInline ul.errorlist li {
              padding: 0 10px; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_current_password .controlLabel {
            display: none !important; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_current_password .controls span.helpInline ul.errorlist li {
            padding: 0 10px; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .controls {
            position: unset;
            padding: 0 10px; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .controls::before {
              z-index: -1; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .controls ul#id_is_signup li label {
              display: flex; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal input[type=radio] {
            appearance: none;
            padding: 0;
            -webkit-appearance: none; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .signup-field-wrap .helpBlock {
            font-family: "Lexend Deca, font" !important;
            left: -205px; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .signup-field-wrap .controlGroup .controls {
            width: 285px; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference {
            padding: 15px 0 0 0; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference {
                padding: 0; } }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference .controlGroup label.controlLabel {
              width: 205px; }
              @media (min-width: 749px) {
                html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference .controlGroup label.controlLabel {
                  margin-top: -10px; } }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference .controlGroup .controls {
              width: 240px;
              margin-bottom: 20px;
              padding: 0;
              margin-left: 50px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference .controlGroup .controls {
                  margin-left: 0;
                  width: auto; } }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .controlGroup .controlLabel {
            display: none; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .controlGroup:first-child .controlLabel {
            display: block; }
          html body .main-content .container #content #my-account-page .id_current_password .error, html body .main-content .container #content #my-account-page .id_password1 .error {
            position: relative;
            border-bottom: solid 1px #FF6E67 !important; }
            html body .main-content .container #content #my-account-page .id_current_password .error .helpInline, html body .main-content .container #content #my-account-page .id_password1 .error .helpInline {
              position: absolute;
              left: 10px;
              top: 45px; }
              html body .main-content .container #content #my-account-page .id_current_password .error .helpInline .errorlist li, html body .main-content .container #content #my-account-page .id_password1 .error .helpInline .errorlist li {
                font-size: 14px;
                color: #FF6E67; }
          html body .main-content .container #content #my-account-page ul.navTabs {
            display: none; }
          html body .main-content .container #content #my-account-page .profile-breadcrumbs {
            display: flex;
            justify-content: center; }
            html body .main-content .container #content #my-account-page .profile-breadcrumbs li {
              font-size: 21px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              margin: 0 10px;
              position: relative; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #my-account-page .profile-breadcrumbs li {
                  font-size: 16px; } }
              html body .main-content .container #content #my-account-page .profile-breadcrumbs li::after {
                position: absolute;
                content: "/";
                top: 0;
                right: -15px; }
              html body .main-content .container #content #my-account-page .profile-breadcrumbs li:last-child::after {
                display: none; }
              html body .main-content .container #content #my-account-page .profile-breadcrumbs li a {
                color: #000000;
                text-decoration: underline; }
          html body .main-content .container #content #my-account-page .tab-content {
            margin-top: 50px; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane h2 {
              text-align: center;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              font-size: 18px;
              color: #000000; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal {
                padding: 0 15px; } }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup {
              width: 100%;
              padding: 0;
              margin-bottom: 15px !important;
              border-bottom: 0 !important; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup label.controlLabel {
                font-family: "Lexend Deca, font";
                font-weight: 500;
                font-size: 16px;
                color: #000000;
                padding: 15px 0; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li {
                margin-bottom: 10px;
                font-family: "Lexend Deca, font";
                font-weight: 500; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label {
                  font-size: 14px;
                  color: #000000;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  position: relative; }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label input {
                    margin-right: 23px;
                    width: auto;
                    padding: 0; }
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label input::after {
                      display: none; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label input[type='radio']:after {
                      top: 0px; }
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label input[type='radio']:checked:after {
                      top: 0px; } }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup {
              border-bottom: 0;
              margin-bottom: 50px; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup > .controlLabel {
                color: #000000;
                border-bottom: 1px solid #707070;
                width: 205px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup > .controlLabel {
                    width: 100%; } }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup .controls {
                width: 285px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup .controls {
                    width: 100%; } }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .id_password1, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .id_current_password {
              position: relative; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup {
              width: 100%;
              box-sizing: border-box;
              margin: 0 0 20px 0;
              padding: 0;
              border-bottom: 1px solid #707070;
              position: relative; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup.error {
                border-color: #FF6E67; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup label.controlLabel {
                padding: 10px;
                color: #000000;
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 500; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls {
                position: relative;
                box-sizing: border-box; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls .helpInline {
                  position: absolute;
                  left: 0;
                  bottom: -24px;
                  color: #FF6E67;
                  font-size: 14px; }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls .helpInline ul.errorlist li {
                    color: #FF6E67;
                    font-size: 14px;
                    font-weight: normal; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls input {
                  color: #000000;
                  font-size: 14px !important;
                  font-family: "Lexend Deca, font";
                  font-weight: 500; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls input {
                      padding: 10px; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls select {
                    padding: 10px; } }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_preferred_country, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_phone_number_idd, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_city {
                  background-color: transparent;
                  color: #000000;
                  font-size: 14px !important;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  border: 0; }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_preferred_country .controls select, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_phone_number_idd .controls select, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_city .controls select {
                    padding: 10px; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls p.helpBlock {
                  left: 0;
                  padding: 0;
                  position: relative;
                  top: 0;
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  color: #707070; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls p.helpBlock {
                      left: -5px !important;
                      white-space: pre-line; } }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup {
                  position: relative;
                  top: 12px;
                  margin-left: 44px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup {
                      margin-left: 15px; } }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup li {
                    height: auto; }
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup li label {
                      font-size: 14px;
                      font-family: "Lexend Deca, font";
                      font-weight: 500; }
                      html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup li label input {
                        margin-right: 15px;
                        width: 10px;
                        height: 10px; }
                      html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup li label input[type='radio']:after {
                        width: 12px;
                        height: 12px;
                        top: 0;
                        left: -2px;
                        border: 2px solid #FFFFFF; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference {
                  margin-left: 0; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference {
                      margin-left: 10px !important; } }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference li {
                    height: auto;
                    margin-bottom: 16px; }
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference li label {
                      font-size: 14px;
                      font-family: "Lexend Deca, font" !important; }
                      html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference li label input {
                        margin-right: 10px;
                        width: 10px;
                        height: 10px;
                        margin-top: 2px;
                        float: left; }
                      html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference li label input[type='radio']:after {
                        width: 12px;
                        height: 12px;
                        top: 0;
                        left: -2px;
                        border: 1px solid #FFFFFF; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .tel-field-container .controlGroup {
                min-height: unset;
                margin-bottom: 0;
                border-bottom: 1px solid #707070 !important; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .tel-field-container .controlGroup {
                    min-height: 40px; } }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup input, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .tel-field-container .controlGroup input {
                  min-height: 40px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup input, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .tel-field-container .controlGroup input {
                      min-height: 40px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container {
                  margin-bottom: 20px; } }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup .controls::before {
                color: #000000 !important;
                font-size: 18px; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup.phone-field-wrap {
                border-bottom: 0 !important; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup {
              margin-bottom: 50px; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup .controls {
                height: 40px; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup .controls p.helpBlock {
                  top: 10px;
                  left: -162px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup .controls p.helpBlock {
                      left: -5px !important;
                      white-space: pre-line; } }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup .controls::before {
                  color: #000000 !important;
                  font-size: 18px; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .email-container,
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .phone-container {
              position: relative; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .email-container .verified-icon,
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .phone-container .verified-icon {
                position: absolute;
                right: 0;
                bottom: 8px;
                font-size: 18px; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .phone-container .verified-icon {
              bottom: 16px; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .current_password {
              position: relative; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions {
              text-align: center;
              width: 100%;
              margin-top: 50px; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions input.tf-btn {
                background-color: #A5E28F !important;
                color: #000000;
                width: 340px;
                height: 40px;
                padding: 0;
                border: 0; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions input.tf-btn:hover {
                  background-color: #7CAA6B !important;
                  color: #000000;
                  border: 0; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions input.tf-btn {
                    width: 100%; } }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .cookie_input {
              width: 100%; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .cookie_input p {
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                color: #000000;
                line-height: 22px;
                text-align: center; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .cookie_input p a {
                  color: #A5E28F;
                  text-decoration: underline; }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .cookie_input p a:hover {
                    color: #000000; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .alert.alert-info {
              border: 0;
              visibility: hidden; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .alert.alert-info ul {
                visibility: visible;
                background-color: #F8F8F8 !important;
                padding: 12px;
                border-width: 0.5px 0 0.5px 0 !important;
                border-style: solid !important;
                border-color: #707070 !important;
                box-sizing: border-box;
                margin-top: -5px; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .alert.alert-info ul li {
                  font-size: 14px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  color: #000000;
                  line-height: 24px;
                  list-style-position: outside;
                  margin-left: 15px; }
          html body .main-content .container #content #my-account-page #close_ac .formHorizontal .letUsKnow .controlGroup .controlLabel {
            display: block;
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            padding: 20px 0 40px 0; }
          html body .main-content .container #content #my-account-page #close_ac .formHorizontal .controlGroup label.controlLabel {
            display: none; }
          html body .main-content .container #content #my-account-page #close_ac .formHorizontal .controlGroup .controls {
            width: 100%; }
            html body .main-content .container #content #my-account-page #close_ac .formHorizontal .controlGroup .controls input {
              width: 100%;
              padding: 0 10px;
              box-sizing: border-box; }
            html body .main-content .container #content #my-account-page #close_ac .formHorizontal .controlGroup .controls .helpInline {
              left: 10px; }
          html body .main-content .container #content #my-account-page #close_ac .actions {
            position: inherit; }
            html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation {
              background: none;
              border: none;
              box-shadow: none;
              position: absolute;
              left: 0;
              right: 0;
              margin: 0 auto;
              width: auto;
              padding: 0;
              top: 15%;
              z-index: 8; }
              html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .close-account-wrapper {
                width: 500px;
                padding: 50px 80px;
                background: #FFFFFF;
                position: relative;
                margin: 0 auto; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .close-account-wrapper {
                    width: 95%;
                    padding: 50px 15px;
                    box-sizing: border-box; } }
                html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .close-account-wrapper a.close {
                  display: none; }
              html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation::before {
                width: 100%;
                height: 100%;
                background: #AAAAAA;
                content: '';
                top: 0;
                left: 0;
                position: fixed;
                opacity: 0.8; }
              html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation p {
                font-size: 16px !important;
                color: #000000;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                margin-bottom: 70px; }
              html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap {
                display: flex;
                flex-direction: column;
                align-items: center; }
                html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap .tf-btn-default {
                  width: 340px;
                  height: 40px;
                  background: #A5E28F;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #FFFFFF;
                  font-size: 18px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  box-sizing: border-box;
                  margin-bottom: 30px; }
                  html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap .tf-btn-default:hover {
                    background: #D9D9D9; }
                html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap .tf-btn-primary {
                  width: 340px;
                  height: 40px;
                  background: #D9D9D9;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #000000;
                  font-size: 18px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  box-sizing: border-box; }
                  html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap .tf-btn-primary:hover {
                    color: #FFFFFF; }
          html body .main-content .container #content #my-account-page #password {
            padding: 0; }
            html body .main-content .container #content #my-account-page #password .formHorizontal.password .controlGroup label.controlLabel {
              display: none; }
            html body .main-content .container #content #my-account-page #password .formHorizontal.password .controls {
              width: 100%; }
              html body .main-content .container #content #my-account-page #password .formHorizontal.password .controls input {
                width: 100%;
                padding: 0 10px;
                box-sizing: border-box; }
              html body .main-content .container #content #my-account-page #password .formHorizontal.password .controls .helpInline {
                padding: 0 10px; }
        html body .main-content .container #content #package-list {
          padding: 50px 0 0 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #package-list {
              padding: 20px 0 0 0; } }
          html body .main-content .container #content #package-list h1#package-list-title {
            font-family: "Lexend Deca, font";
            font-weight: 500;
            font-size: 21px;
            color: #000000;
            text-align: center;
            text-transform: capitalize; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #package-list .packages-container {
              padding: 0 15px; } }
          html body .main-content .container #content #package-list .packages-container .package-content {
            border-top: 0.5px solid #707070;
            border-bottom: 0;
            background-color: #F8F8F8;
            margin-bottom: 20px;
            padding: 20px 44px;
            box-sizing: border-box;
            width: 100%;
            display: grid !important;
            grid-template-columns: 67% 33%; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #package-list .packages-container .package-content {
                padding: 20px;
                display: block !important; } }
            @media screen and (max-width: 900px) and (min-width: 749px) {
              html body .main-content .container #content #package-list .packages-container .package-content {
                padding: 15px; } }
            html body .main-content .container #content #package-list .packages-container .package-content .package-name, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list, html body .main-content .container #content #package-list .packages-container .package-content .package-spec {
              width: 100%;
              display: flex !important;
              grid-row-gap: 20px; }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .package-name, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list, html body .main-content .container #content #package-list .packages-container .package-content .package-spec {
                  width: 100%; } }
              @media (min-width: 749px) {
                html body .main-content .container #content #package-list .packages-container .package-content .package-name #package-buy-now, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list #package-buy-now, html body .main-content .container #content #package-list .packages-container .package-content .package-spec #package-buy-now {
                  bottom: auto;
                  top: 60px;
                  right: 386px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #package-list .packages-container .package-content .package-name #package-buy-now, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list #package-buy-now, html body .main-content .container #content #package-list .packages-container .package-content .package-spec #package-buy-now {
                  top: 20px;
                  position: relative; } }
            html body .main-content .container #content #package-list .packages-container .package-content .buy-container {
              width: 100%;
              text-align: right;
              margin-bottom: unset;
              grid-column-start: 2;
              grid-column-end: 2;
              grid-row-start: 1;
              grid-row-end: 4;
              max-width: 100%;
              display: flex !important;
              flex-direction: column;
              height: 100%;
              justify-content: center;
              flex: 1; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container {
                  width: 100%;
                  margin-top: 0;
                  justify-content: space-between;
                  align-items: center;
                  clear: both;
                  text-align: left;
                  flex-direction: row;
                  padding-top: 25px; } }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container {
                  display: block !important;
                  flex-direction: column; } }
            html body .main-content .container #content #package-list .packages-container .package-content .package-name {
              padding: 0 !important;
              margin-bottom: 8px; }
              html body .main-content .container #content #package-list .packages-container .package-content .package-name .package-special-label {
                font-size: 16px;
                color: #000000;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                width: 200px;
                float: left; }
                @media (max-width: 495px) {
                  html body .main-content .container #content #package-list .packages-container .package-content .package-name .package-special-label {
                    width: 110px;
                    flex: none; } }
              html body .main-content .container #content #package-list .packages-container .package-content .package-name h2 {
                font-family: "Lexend Deca, font";
                font-weight: 500;
                font-size: 16px;
                float: left;
                color: #000000; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #package-list .packages-container .package-content .step-item-list {
                margin-bottom: 8px; } }
            html body .main-content .container #content #package-list .packages-container .package-content .step-item-list .package-desc-msg {
              display: none !important; }
              html body .main-content .container #content #package-list .packages-container .package-content .step-item-list .package-desc-msg p {
                font-family: "Lexend Deca, font";
                font-weight: 500; }
            html body .main-content .container #content #package-list .packages-container .package-content .step-item-list .include-msg {
              font-size: 16px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              width: 200px;
              float: left; }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .step-item-list .include-msg {
                  width: 110px; } }
            html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul {
              float: left;
              padding: 0;
              width: calc(100% - 200px); }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul {
                  width: calc(100% - 110px); } }
              html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li {
                list-style: none;
                padding-left: 10px; }
                html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase {
                  position: relative;
                  padding-bottom: 5px; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase .arrow {
                    width: 1px;
                    height: 1px;
                    background-color: #000000;
                    padding: 2px;
                    border-radius: 5px;
                    position: absolute;
                    left: 0;
                    top: 7px; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase b {
                    vertical-align: top;
                    font-family: "Lexend Deca, font" !important;
                    font-weight: normal;
                    font-size: 16px;
                    color: #000000;
                    text-transform: none;
                    padding-left: 0;
                    margin: 0;
                    display: inline-block !important;
                    width: auto; }
                    @media (max-width: 495px) {
                      html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase b {
                        line-height: 20px; } }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p {
                    line-height: 1em;
                    vertical-align: top; }
                    html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span {
                      font-size: 16px;
                      padding: 0;
                      display: inline-block !important;
                      font-family: "Lexend Deca, font";
                      font-weight: 700;
                      color: #000000; }
                      @media only screen and (max-width: 748px) {
                        html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span {
                          padding: 0 !important; } }
                      html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p.offset-left b, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span b {
                        padding-left: 0; }
                    html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span:last-child.item-comma {
                      display: none !important; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase br {
                    display: none; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1) {
                    font-family: "Lexend Deca, font";
                    font-weight: 500;
                    padding-right: .2em !important; }
                    html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1)::before {
                      content: "("; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2) {
                    font-family: "Lexend Deca, font";
                    font-weight: 500; }
                    html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2)::after {
                      content: ")"; }
            html body .main-content .container #content #package-list .packages-container .package-content .package-spec .package-pricing {
              display: flex !important; }
              html body .main-content .container #content #package-list .packages-container .package-content .package-spec .package-pricing .label {
                font-size: 16px;
                color: #000000;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                width: 200px; }
                @media (max-width: 495px) {
                  html body .main-content .container #content #package-list .packages-container .package-content .package-spec .package-pricing .label {
                    width: 110px; } }
              html body .main-content .container #content #package-list .packages-container .package-content .package-spec .package-pricing #package-price {
                font-size: 16px;
                color: #000000;
                font-family: "Lexend Deca, font";
                font-weight: 500; }
            @media (max-width: 420px) {
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container {
                display: block !important;
                text-align: center; } }
            html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container {
              padding: 0;
              height: auto; }
              @media (min-width: 749px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container {
                  margin-bottom: 30px; } }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container {
                  width: 100%;
                  text-align: center; } }
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
                border: 2px solid #000000;
                padding: 5px;
                width: 200px;
                position: relative;
                font-size: 18px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                color: #000000;
                min-height: 18px;
                text-align: center;
                text-transform: lowercase; }
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity::first-letter {
                  text-transform: capitalize; }
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
                  background: transparent;
                  width: 36px;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  background: transparent;
                  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
                  background-repeat: no-repeat;
                  background-position-x: 100%;
                  background-position-y: -5px;
                  border-radius: 0;
                  margin-right: 0;
                  padding: 0;
                  background-size: 30px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
                      padding: 0; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
                    margin-top: 0;
                    width: 200px;
                    padding: 0;
                    height: 32px;
                    line-height: 32px; } }
                @media (max-width: 495px) {
                  html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
                    line-height: 28px; } }
            html body .main-content .container #content #package-list .packages-container .package-content .buy-container a.buy-package-button .tf-btn {
              width: 200px !important;
              font-size: 18px;
              margin: 0;
              height: 32px;
              line-height: 32px;
              padding: 0; }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container a.buy-package-button .tf-btn {
                  line-height: 26px; } }
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container a.buy-package-button .tf-btn:hover {
                color: #FFFFFF !important; }
            @media (max-width: 495px) {
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container a.buy-package-button {
                margin-top: 20px;
                text-align: center;
                display: block; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container button {
                width: 70%; } }
        html body .main-content .container #content #event-detail.for-package .package-content {
          border-top: 0.5px solid #707070;
          border-bottom: 0;
          background-color: #F8F8F8;
          margin-bottom: 20px;
          padding: 20px 44px;
          box-sizing: border-box;
          width: 100%;
          display: grid !important;
          grid-template-columns: 67% 33%;
          display: inline-block !important; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail.for-package .package-content {
              padding: 20px;
              display: block !important; } }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-detail.for-package .package-content {
              padding: 15px; } }
          html body .main-content .container #content #event-detail.for-package .package-content .package-name, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list, html body .main-content .container #content #event-detail.for-package .package-content .package-spec {
            width: 100%;
            display: flex !important;
            grid-row-gap: 20px; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .package-name, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list, html body .main-content .container #content #event-detail.for-package .package-content .package-spec {
                width: 100%; } }
            @media (min-width: 749px) {
              html body .main-content .container #content #event-detail.for-package .package-content .package-name #package-buy-now, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list #package-buy-now, html body .main-content .container #content #event-detail.for-package .package-content .package-spec #package-buy-now {
                bottom: auto;
                top: 60px;
                right: 386px; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail.for-package .package-content .package-name #package-buy-now, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list #package-buy-now, html body .main-content .container #content #event-detail.for-package .package-content .package-spec #package-buy-now {
                top: 20px;
                position: relative; } }
          html body .main-content .container #content #event-detail.for-package .package-content .buy-container {
            width: 100%;
            text-align: right;
            margin-bottom: unset;
            grid-column-start: 2;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 4;
            max-width: 100%;
            display: flex !important;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            flex: 1; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container {
                width: 100%;
                margin-top: 0;
                justify-content: space-between;
                align-items: center;
                clear: both;
                text-align: left;
                flex-direction: row;
                padding-top: 25px; } }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container {
                display: block !important;
                flex-direction: column; } }
          html body .main-content .container #content #event-detail.for-package .package-content .package-name {
            padding: 0 !important;
            margin-bottom: 8px; }
            html body .main-content .container #content #event-detail.for-package .package-content .package-name .package-special-label {
              font-size: 16px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              width: 200px;
              float: left; }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-detail.for-package .package-content .package-name .package-special-label {
                  width: 110px;
                  flex: none; } }
            html body .main-content .container #content #event-detail.for-package .package-content .package-name h2 {
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-size: 16px;
              float: left;
              color: #000000; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail.for-package .package-content .step-item-list {
              margin-bottom: 8px; } }
          html body .main-content .container #content #event-detail.for-package .package-content .step-item-list .package-desc-msg {
            display: none !important; }
            html body .main-content .container #content #event-detail.for-package .package-content .step-item-list .package-desc-msg p {
              font-family: "Lexend Deca, font";
              font-weight: 500; }
          html body .main-content .container #content #event-detail.for-package .package-content .step-item-list .include-msg {
            font-size: 16px;
            color: #000000;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            width: 200px;
            float: left; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .step-item-list .include-msg {
                width: 110px; } }
          html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul {
            float: left;
            padding: 0;
            width: calc(100% - 200px); }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul {
                width: calc(100% - 110px); } }
            html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li {
              list-style: none;
              padding-left: 10px; }
              html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase {
                position: relative;
                padding-bottom: 5px; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase .arrow {
                  width: 1px;
                  height: 1px;
                  background-color: #000000;
                  padding: 2px;
                  border-radius: 5px;
                  position: absolute;
                  left: 0;
                  top: 7px; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase b {
                  vertical-align: top;
                  font-family: "Lexend Deca, font" !important;
                  font-weight: normal;
                  font-size: 16px;
                  color: #000000;
                  text-transform: none;
                  padding-left: 0;
                  margin: 0;
                  display: inline-block !important;
                  width: auto; }
                  @media (max-width: 495px) {
                    html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase b {
                      line-height: 20px; } }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p {
                  line-height: 1em;
                  vertical-align: top; }
                  html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span {
                    font-size: 16px;
                    padding: 0;
                    display: inline-block !important;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    color: #000000; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span {
                        padding: 0 !important; } }
                    html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p.offset-left b, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span b {
                      padding-left: 0; }
                  html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span:last-child.item-comma {
                    display: none !important; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase br {
                  display: none; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1) {
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  padding-right: .2em !important; }
                  html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1)::before {
                    content: "("; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2) {
                  font-family: "Lexend Deca, font";
                  font-weight: 500; }
                  html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2)::after {
                    content: ")"; }
          html body .main-content .container #content #event-detail.for-package .package-content .package-spec .package-pricing {
            display: flex !important; }
            html body .main-content .container #content #event-detail.for-package .package-content .package-spec .package-pricing .label {
              font-size: 16px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              width: 200px; }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-detail.for-package .package-content .package-spec .package-pricing .label {
                  width: 110px; } }
            html body .main-content .container #content #event-detail.for-package .package-content .package-spec .package-pricing #package-price {
              font-size: 16px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500; }
          @media (max-width: 420px) {
            html body .main-content .container #content #event-detail.for-package .package-content .buy-container {
              display: block !important;
              text-align: center; } }
          html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container {
            padding: 0;
            height: auto; }
            @media (min-width: 749px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container {
                margin-bottom: 30px; } }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container {
                width: 100%;
                text-align: center; } }
            html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity {
              border: 2px solid #000000;
              padding: 5px;
              width: 200px;
              position: relative;
              font-size: 18px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              min-height: 18px;
              text-align: center;
              text-transform: lowercase; }
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity::first-letter {
                text-transform: capitalize; }
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity select {
                background: transparent;
                width: 36px;
                -webkit-appearance: none;
                -moz-appearance: none;
                background: transparent;
                background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
                background-repeat: no-repeat;
                background-position-x: 100%;
                background-position-y: -5px;
                border-radius: 0;
                margin-right: 0;
                padding: 0;
                background-size: 30px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity select {
                    padding: 0; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity {
                  margin-top: 0;
                  width: 200px;
                  padding: 0;
                  height: 32px;
                  line-height: 32px; } }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity {
                  line-height: 28px; } }
          html body .main-content .container #content #event-detail.for-package .package-content .buy-container a.buy-package-button .tf-btn {
            width: 200px !important;
            font-size: 18px;
            margin: 0;
            height: 32px;
            line-height: 32px;
            padding: 0; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container a.buy-package-button .tf-btn {
                line-height: 26px; } }
            html body .main-content .container #content #event-detail.for-package .package-content .buy-container a.buy-package-button .tf-btn:hover {
              color: #FFFFFF !important; }
          @media (max-width: 495px) {
            html body .main-content .container #content #event-detail.for-package .package-content .buy-container a.buy-package-button {
              margin-top: 20px;
              text-align: center;
              display: block; } }
          html body .main-content .container #content #event-detail.for-package .package-content .step-item-list {
            float: none; }
        html body .main-content .container #content #event-detail.for-package .overview-quantity-container {
          padding: 0 5px; }
          html body .main-content .container #content #event-detail.for-package .overview-quantity-container #quantity-counter {
            border: solid 1px #707070;
            padding: 0 0 0 14px;
            margin-left: 5px;
            height: auto; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail.for-package .overview-quantity-container {
              margin-bottom: 5px; } }
        @media only screen and (max-width: 748px) {
          html body .main-content .container #content #event-detail.for-package #buy_button_container {
            text-align: center;
            margin: 0 auto 20px auto; }
            html body .main-content .container #content #event-detail.for-package #buy_button_container .fixed-right-container {
              display: flex !important;
              width: 70%;
              margin-left: auto;
              margin-right: auto;
              margin-bottom: 30px; }
              html body .main-content .container #content #event-detail.for-package #buy_button_container .fixed-right-container .right #buy-btn-get {
                padding-top: 6px; } }
        html body .main-content .container #content #event-package-step-indicator .package-content {
          border-top: 0.5px solid #707070;
          border-bottom: 0;
          background-color: #F8F8F8;
          margin-bottom: 20px;
          padding: 20px 44px;
          box-sizing: border-box;
          width: 100%;
          display: grid !important;
          grid-template-columns: 67% 33%;
          display: inline-block !important;
          border-radius: 5px;
          border-top: none; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-package-step-indicator .package-content {
              padding: 20px;
              display: block !important; } }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-package-step-indicator .package-content {
              padding: 15px; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-name, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list, html body .main-content .container #content #event-package-step-indicator .package-content .package-spec {
            width: 100%;
            display: flex !important;
            grid-row-gap: 20px; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .package-name, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list, html body .main-content .container #content #event-package-step-indicator .package-content .package-spec {
                width: 100%; } }
            @media (min-width: 749px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .package-name #package-buy-now, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list #package-buy-now, html body .main-content .container #content #event-package-step-indicator .package-content .package-spec #package-buy-now {
                bottom: auto;
                top: 60px;
                right: 386px; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .package-name #package-buy-now, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list #package-buy-now, html body .main-content .container #content #event-package-step-indicator .package-content .package-spec #package-buy-now {
                top: 20px;
                position: relative; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .buy-container {
            width: 100%;
            text-align: right;
            margin-bottom: unset;
            grid-column-start: 2;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 4;
            max-width: 100%;
            display: flex !important;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            flex: 1; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container {
                width: 100%;
                margin-top: 0;
                justify-content: space-between;
                align-items: center;
                clear: both;
                text-align: left;
                flex-direction: row;
                padding-top: 25px; } }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container {
                display: block !important;
                flex-direction: column; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-name {
            padding: 0 !important;
            margin-bottom: 8px; }
            html body .main-content .container #content #event-package-step-indicator .package-content .package-name .package-special-label {
              font-size: 16px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              width: 200px;
              float: left; }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-package-step-indicator .package-content .package-name .package-special-label {
                  width: 110px;
                  flex: none; } }
            html body .main-content .container #content #event-package-step-indicator .package-content .package-name h2 {
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-size: 16px;
              float: left;
              color: #000000; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list {
              margin-bottom: 8px; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list .package-desc-msg {
            display: none !important; }
            html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list .package-desc-msg p {
              font-family: "Lexend Deca, font";
              font-weight: 500; }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list .include-msg {
            font-size: 16px;
            color: #000000;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            width: 200px;
            float: left; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list .include-msg {
                width: 110px; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul {
            float: left;
            padding: 0;
            width: calc(100% - 200px); }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul {
                width: calc(100% - 110px); } }
            html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li {
              list-style: none;
              padding-left: 10px; }
              html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase {
                position: relative;
                padding-bottom: 5px; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase .arrow {
                  width: 1px;
                  height: 1px;
                  background-color: #000000;
                  padding: 2px;
                  border-radius: 5px;
                  position: absolute;
                  left: 0;
                  top: 7px; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase b {
                  vertical-align: top;
                  font-family: "Lexend Deca, font" !important;
                  font-weight: normal;
                  font-size: 16px;
                  color: #000000;
                  text-transform: none;
                  padding-left: 0;
                  margin: 0;
                  display: inline-block !important;
                  width: auto; }
                  @media (max-width: 495px) {
                    html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase b {
                      line-height: 20px; } }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p {
                  line-height: 1em;
                  vertical-align: top; }
                  html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span {
                    font-size: 16px;
                    padding: 0;
                    display: inline-block !important;
                    font-family: "Lexend Deca, font";
                    font-weight: 700;
                    color: #000000; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span {
                        padding: 0 !important; } }
                    html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p.offset-left b, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span b {
                      padding-left: 0; }
                  html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span:last-child.item-comma {
                    display: none !important; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase br {
                  display: none; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1) {
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  padding-right: .2em !important; }
                  html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1)::before {
                    content: "("; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2) {
                  font-family: "Lexend Deca, font";
                  font-weight: 500; }
                  html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2)::after {
                    content: ")"; }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing {
            display: flex !important; }
            html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing .label {
              font-size: 16px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              width: 200px; }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing .label {
                  width: 110px; } }
            html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing #package-price {
              font-size: 16px;
              color: #000000;
              font-family: "Lexend Deca, font";
              font-weight: 500; }
          @media (max-width: 420px) {
            html body .main-content .container #content #event-package-step-indicator .package-content .buy-container {
              display: block !important;
              text-align: center; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container {
            padding: 0;
            height: auto; }
            @media (min-width: 749px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container {
                margin-bottom: 30px; } }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container {
                width: 100%;
                text-align: center; } }
            html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity {
              border: 2px solid #000000;
              padding: 5px;
              width: 200px;
              position: relative;
              font-size: 18px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              min-height: 18px;
              text-align: center;
              text-transform: lowercase; }
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity::first-letter {
                text-transform: capitalize; }
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity select {
                background: transparent;
                width: 36px;
                -webkit-appearance: none;
                -moz-appearance: none;
                background: transparent;
                background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
                background-repeat: no-repeat;
                background-position-x: 100%;
                background-position-y: -5px;
                border-radius: 0;
                margin-right: 0;
                padding: 0;
                background-size: 30px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity select {
                    padding: 0; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity {
                  margin-top: 0;
                  width: 200px;
                  padding: 0;
                  height: 32px;
                  line-height: 32px; } }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity {
                  line-height: 28px; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .buy-container a.buy-package-button .tf-btn {
            width: 200px !important;
            font-size: 18px;
            margin: 0;
            height: 32px;
            line-height: 32px;
            padding: 0; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container a.buy-package-button .tf-btn {
                line-height: 26px; } }
            html body .main-content .container #content #event-package-step-indicator .package-content .buy-container a.buy-package-button .tf-btn:hover {
              color: #FFFFFF !important; }
          @media (max-width: 495px) {
            html body .main-content .container #content #event-package-step-indicator .package-content .buy-container a.buy-package-button {
              margin-top: 20px;
              text-align: center;
              display: block; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-name > h2 {
            margin-top: 10px;
            margin-bottom: 15px;
            font-size: 32px; }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list {
            float: none; }
          html body .main-content .container #content #event-package-step-indicator .package-content .new-package-pricing .label,
          html body .main-content .container #content #event-package-step-indicator .package-content .new-package-pricing .package-price,
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list li.each-item b,
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li p.offset-left span,
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li div.interactive-cell {
            font-size: 17px; }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li div.interactive-cell {
            color: #000000;
            font-family: "Lexend Deca, font" !important;
            font-weight: normal;
            padding-right: 10px; }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing {
            display: none !important; }
        html body .main-content .container #content #event-header.for-package #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart {
          padding-top: 0; }
          html body .main-content .container #content #event-header.for-package #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart > .shopping-cart__section.section__pricing {
            padding-top: 10px !important; }
        html body .main-content .container #content #event-detail.for-package #event-body {
          width: 100%; }
          html body .main-content .container #content #event-detail.for-package #event-body > h2 {
            width: 100%; }
        html body .main-content .container #content #event-detail.for-package .buy-wrapper > #buy_button_container {
          /* no promo input for ux2 package */
          display: none !important; }
        html body .main-content .container #content .flatpage {
          padding: 50px 0 0 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content .flatpage {
              padding: 15px 15px 0 15px; } }
          html body .main-content .container #content .flatpage * {
            color: #000000; }
          html body .main-content .container #content .flatpage h2.tf-title {
            font-size: 21px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            margin-bottom: 24px;
            padding: 0;
            margin-top: 0;
            text-transform: capitalize;
            text-align: left; }
          html body .main-content .container #content .flatpage #flat_content {
            width: 863px; }
            @media screen and (max-width: 900px) and (min-width: 749px) {
              html body .main-content .container #content .flatpage #flat_content {
                width: 100%; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content .flatpage #flat_content {
                width: 100%; } }
            html body .main-content .container #content .flatpage #flat_content p {
              font-size: 15px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              margin: 0 0 20px 0;
              padding: 0;
              line-height: 19px; }
              html body .main-content .container #content .flatpage #flat_content p strong {
                font-family: "Lexend Deca, font";
                font-weight: 700;
                margin-bottom: 20px; }
              html body .main-content .container #content .flatpage #flat_content p a {
                color: #A5E28F;
                font-size: 15px;
                font-family: "Lexend Deca, font";
                font-weight: 500; }
              html body .main-content .container #content .flatpage #flat_content p.title {
                border: 0 !important;
                margin-bottom: 20px;
                color: #000000;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                font-size: 15px;
                padding-right: 38px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content .flatpage #flat_content p.title {
                    padding-right: 35px; } }
                html body .main-content .container #content .flatpage #flat_content p.title em {
                  font-size: 15px;
                  font-family: "Lexend Deca, font";
                  font-weight: 700;
                  color: #000000; }
                html body .main-content .container #content .flatpage #flat_content p.title .fa.fa-angle-up::before {
                  transition: all .35s;
                  width: 0;
                  height: 0;
                  content: '';
                  border-left: 6px solid transparent;
                  border-right: 6px solid transparent;
                  border-bottom: 7px solid #000000;
                  font-size: 0;
                  display: block; }
                html body .main-content .container #content .flatpage #flat_content p.title .fa.fa-angle-down::before {
                  transition: all .35s;
                  width: 0;
                  height: 0;
                  content: '';
                  border-left: 6px solid transparent;
                  border-right: 6px solid transparent;
                  border-top: 7px solid #000000;
                  font-size: 0;
                  display: block; }
              html body .main-content .container #content .flatpage #flat_content p.answer {
                background: none;
                border-bottom: 1px solid #70707080;
                padding: 0 0 20px 0;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                font-size: 15px;
                color: #000000;
                padding-right: 38px; }
            html body .main-content .container #content .flatpage #flat_content table {
              margin: 20px 0;
              text-align: left; }
              html body .main-content .container #content .flatpage #flat_content table tr th, html body .main-content .container #content .flatpage #flat_content table tr td {
                text-align: left;
                font-size: 15px;
                color: #000000;
                border: 1px solid #70707080;
                font-family: "Lexend Deca, font";
                font-weight: 500; }
              html body .main-content .container #content .flatpage #flat_content table tr th {
                padding: 5px; }
            html body .main-content .container #content .flatpage #flat_content ul {
              margin: 15px 0; }
              html body .main-content .container #content .flatpage #flat_content ul li {
                font-size: 15px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                color: #000000;
                line-height: 19px; }
                html body .main-content .container #content .flatpage #flat_content ul li::marker {
                  color: #000000; }
                html body .main-content .container #content .flatpage #flat_content ul li a {
                  color: #A5E28F;
                  font-size: 15px;
                  font-family: "Lexend Deca, font";
                  font-weight: 500; }
        html body .main-content .container #content #list-event-subscriber h2.toggle-form {
          display: none; }
        html body .main-content .container #content #list-event-subscriber h2.tf-title {
          font-family: "Lexend Deca, font";
          font-weight: 500;
          font-size: 21px;
          color: #000000;
          text-align: center;
          text-transform: capitalize;
          margin-bottom: 15px;
          margin-top: 0;
          padding: 0; }
        html body .main-content .container #content #list-event-subscriber h2.title-heading {
          text-transform: uppercase;
          font-family: "Lexend Deca, font";
          max-width: 750px;
          margin: 0 auto;
          font-weight: 600;
          line-height: 32px;
          margin-bottom: 20px; }
        html body .main-content .container #content #list-event-subscriber .content-block {
          width: 981px;
          margin-bottom: 15px;
          padding: 0; }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #list-event-subscriber .content-block {
              width: 100%; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #list-event-subscriber .content-block {
              width: 100%;
              padding: 0 15px;
              box-sizing: border-box; } }
          html body .main-content .container #content #list-event-subscriber .content-block.form-block {
            display: block;
            width: 500px;
            margin: 0 auto 72px auto; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #list-event-subscriber .content-block.form-block {
                width: 100%;
                box-sizing: border-box; } }
          html body .main-content .container #content #list-event-subscriber .content-block h2.tf-title {
            font-family: "Lexend Deca, font";
            font-weight: 500;
            font-size: 21px;
            color: #000000;
            text-align: center;
            text-transform: capitalize;
            margin: 0;
            padding: 0; }
            html body .main-content .container #content #list-event-subscriber .content-block h2.tf-title .fa {
              display: none; }
          html body .main-content .container #content #list-event-subscriber .content-block form {
            display: block !important;
            padding: 0;
            background: none;
            margin-top: 25px; }
            html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls {
              width: 100%;
              margin: 0; }
            html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls {
              text-align: center; }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls.form-comments {
                margin-top: 37px; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls.form-comments > div {
                  border: 1px solid #707070; }
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls.form-comments > div textarea {
                    height: 95px;
                    margin: 0; }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div {
                border-bottom: 1px solid #707070;
                margin-bottom: 37px; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div input[type=text], html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div input[type=email], html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div textarea {
                  border: 0;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  font-size: 14px;
                  color: #000000;
                  padding: 0 10px; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div:last-child {
                  margin-bottom: 0; }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child > div {
                border: 0; }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child input.tf-btn {
                color: #000000;
                background: #A5E28F;
                border: 0;
                font-family: "Lexend Deca, font";
                font-weight: 700;
                font-size: 18px;
                border-radius: 0 !important;
                padding: 5px 12px 5px 12px;
                text-transform: uppercase;
                min-height: unset;
                width: 340px;
                height: 40px;
                margin: 0 auto;
                float: none; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child input.tf-btn:hover {
                  color: #000000;
                  background: #7CAA6B;
                  text-decoration: none; }
                @media (max-width: 360px) {
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child input.tf-btn {
                    width: 100% !important; } }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls .g-recaptcha {
                margin: 37px 0 50px 0; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls .g-recaptcha > div {
                  width: 100% !important; }
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls .g-recaptcha > div iframe .rc-anchor-light.rc-anchor-normal {
                    width: 100%;
                    border: 0;
                    background: none;
                    box-shadow: none; }
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls .g-recaptcha > div iframe .rc-anchor-normal {
                    width: 290px; }
          html body .main-content .container #content #list-event-subscriber .content-block h4.tf-title {
            font-family: "Lexend Deca, font";
            font-weight: 700;
            font-size: 15px;
            color: #000000; }
          html body .main-content .container #content #list-event-subscriber .content-block .subtitle, html body .main-content .container #content #list-event-subscriber .content-block p {
            font-family: "Lexend Deca, font";
            font-weight: 500;
            font-size: 15px;
            color: #000000; }
          html body .main-content .container #content #list-event-subscriber .content-block h3 {
            font-family: "Lexend Deca, font";
            color: #000000;
            font-size: 18px;
            margin-top: 10px; }
          html body .main-content .container #content #list-event-subscriber .content-block ul {
            padding: 20px 0 20px 10px; }
            html body .main-content .container #content #list-event-subscriber .content-block ul li {
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-size: 15px;
              color: #000000; }
              html body .main-content .container #content #list-event-subscriber .content-block ul li::marker {
                color: #000000; }
        html body .main-content .container #content #cart-summary-app #shopping-cart-empty p {
          text-align: center;
          font-size: 16px;
          font-family: "Lexend Deca, font";
          font-weight: 500;
          color: #000000; }
        html body .main-content .container #content .tf-title.underline {
          color: #000000;
          font-family: "Lexend Deca, font" !important;
          font-size: 21px;
          text-align: center;
          text-transform: capitalize;
          margin-top: 15px;
          font-weight: 700; }
        html body .main-content .container #content > .infoItem {
          text-align: center; }
    html body .main-content .unlock-locked-category::before, html body .main-content .unlock-locked::before, html body .main-content .unlock-locked-session::before {
      background: none;
      z-index: 1; }
    html body .main-content .unlock-locked-category .unlock_content, html body .main-content .unlock-locked-category .unlock_content_category, html body .main-content .unlock-locked .unlock_content, html body .main-content .unlock-locked .unlock_content_category, html body .main-content .unlock-locked-session .unlock_content, html body .main-content .unlock-locked-session .unlock_content_category {
      justify-content: space-between;
      padding-right: 15px;
      box-sizing: border-box;
      z-index: 1;
      position: relative;
      border-bottom: solid 1px #000000;
      display: flex;
      margin-top: 3px;
      flex-wrap: wrap; }
      @media only screen and (max-width: 748px) {
        html body .main-content .unlock-locked-category .unlock_content, html body .main-content .unlock-locked-category .unlock_content_category, html body .main-content .unlock-locked .unlock_content, html body .main-content .unlock-locked .unlock_content_category, html body .main-content .unlock-locked-session .unlock_content, html body .main-content .unlock-locked-session .unlock_content_category {
          flex-direction: column;
          align-items: flex-start; } }
      html body .main-content .unlock-locked-category .unlock_content .unlock-form-header, html body .main-content .unlock-locked-category .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked .unlock_content .unlock-form-header, html body .main-content .unlock-locked .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content_category .unlock-form-header {
        font-size: 18px;
        color: #000000;
        padding-bottom: 5px;
        line-height: 21px;
        font-family: "Lexend Deca, font";
        font-weight: 700;
        text-align: left; }
        @media only screen and (max-width: 748px) {
          html body .main-content .unlock-locked-category .unlock_content .unlock-form-header, html body .main-content .unlock-locked-category .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked .unlock_content .unlock-form-header, html body .main-content .unlock-locked .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content_category .unlock-form-header {
            font-size: 16px;
            line-height: 21px;
            padding-bottom: 0; } }
        @media (max-width: 420px) {
          html body .main-content .unlock-locked-category .unlock_content .unlock-form-header, html body .main-content .unlock-locked-category .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked .unlock_content .unlock-form-header, html body .main-content .unlock-locked .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content_category .unlock-form-header {
            width: 100%; } }
    html body .main-content .unlock-locked-category .unlock_content p#click-unlock-form, html body .main-content .unlock-locked-category .unlock_content p#category-unlock-form, html body .main-content .unlock-locked-category .unlock_content p.session-unlock-form, html body .main-content .unlock-locked-category .unlock_content_category p#click-unlock-form, html body .main-content .unlock-locked-category .unlock_content_category p#category-unlock-form, html body .main-content .unlock-locked-category .unlock_content_category p.session-unlock-form, html body .main-content .unlock-locked .unlock_content p#click-unlock-form, html body .main-content .unlock-locked .unlock_content p#category-unlock-form, html body .main-content .unlock-locked .unlock_content p.session-unlock-form, html body .main-content .unlock-locked .unlock_content_category p#click-unlock-form, html body .main-content .unlock-locked .unlock_content_category p#category-unlock-form, html body .main-content .unlock-locked .unlock_content_category p.session-unlock-form, html body .main-content .unlock-locked-session .unlock_content p#click-unlock-form, html body .main-content .unlock-locked-session .unlock_content p#category-unlock-form, html body .main-content .unlock-locked-session .unlock_content p.session-unlock-form, html body .main-content .unlock-locked-session .unlock_content_category p#click-unlock-form, html body .main-content .unlock-locked-session .unlock_content_category p#category-unlock-form, html body .main-content .unlock-locked-session .unlock_content_category p.session-unlock-form {
      font-family: "Lexend Deca, font";
      font-weight: 500;
      color: #FF6E67;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: normal;
      flex-shrink: 0;
      padding-top: 0; }
      html body .main-content .unlock-locked-category .unlock_content p#click-unlock-form img, html body .main-content .unlock-locked-category .unlock_content p#category-unlock-form img, html body .main-content .unlock-locked-category .unlock_content p.session-unlock-form img, html body .main-content .unlock-locked-category .unlock_content_category p#click-unlock-form img, html body .main-content .unlock-locked-category .unlock_content_category p#category-unlock-form img, html body .main-content .unlock-locked-category .unlock_content_category p.session-unlock-form img, html body .main-content .unlock-locked .unlock_content p#click-unlock-form img, html body .main-content .unlock-locked .unlock_content p#category-unlock-form img, html body .main-content .unlock-locked .unlock_content p.session-unlock-form img, html body .main-content .unlock-locked .unlock_content_category p#click-unlock-form img, html body .main-content .unlock-locked .unlock_content_category p#category-unlock-form img, html body .main-content .unlock-locked .unlock_content_category p.session-unlock-form img, html body .main-content .unlock-locked-session .unlock_content p#click-unlock-form img, html body .main-content .unlock-locked-session .unlock_content p#category-unlock-form img, html body .main-content .unlock-locked-session .unlock_content p.session-unlock-form img, html body .main-content .unlock-locked-session .unlock_content_category p#click-unlock-form img, html body .main-content .unlock-locked-session .unlock_content_category p#category-unlock-form img, html body .main-content .unlock-locked-session .unlock_content_category p.session-unlock-form img {
        display: none; }
      html body .main-content .unlock-locked-category .unlock_content p#click-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content p#category-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content p.session-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content_category p#click-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content_category p#category-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content_category p.session-unlock-form::after, html body .main-content .unlock-locked .unlock_content p#click-unlock-form::after, html body .main-content .unlock-locked .unlock_content p#category-unlock-form::after, html body .main-content .unlock-locked .unlock_content p.session-unlock-form::after, html body .main-content .unlock-locked .unlock_content_category p#click-unlock-form::after, html body .main-content .unlock-locked .unlock_content_category p#category-unlock-form::after, html body .main-content .unlock-locked .unlock_content_category p.session-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content p#click-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content p#category-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content p.session-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content_category p#click-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content_category p#category-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content_category p.session-unlock-form::after {
        content: '';
        background: url("/static/whitelabels/ticketbox/images/lock-orange.svg") no-repeat;
        width: 2px;
        height: 15px;
        display: inline-flex;
        padding: 7px;
        background-size: 100%;
        margin-left: 7px;
        background-position: center; }
    html body .main-content #signup-or-signin-page-wrap {
      width: 500px;
      margin: 0 auto;
      padding: 0; }
      @media (min-width: 749px) {
        html body .main-content #signup-or-signin-page-wrap.shorter {
          width: 500px !important; } }
      @media only screen and (max-width: 748px) {
        html body .main-content #signup-or-signin-page-wrap {
          width: 100% !important;
          padding: 0 15px;
          box-sizing: border-box; } }
      html body .main-content #signup-or-signin-page-wrap .banner-message {
        font-family: "Lexend Deca, font";
        font-weight: 500;
        font-size: 16px;
        color: #000000;
        text-align: center; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error:last-child {
        margin-top: 17px; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-password1 .evf-formset-field {
        position: relative; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-password1 .evf-formset-field .show-password-wrap .show-password-button {
          top: 0; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-no-label .evf-formset-field-error {
        top: 40px !important; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-error {
        position: relative; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error {
          color: #FF6E67;
          font-size: 14px;
          position: absolute;
          top: 38px;
          text-transform: none; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-error input {
          border-bottom: #FF6E67 solid 1px !important; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-checkbox .evf-formset-field-error {
        position: relative;
        top: -10px; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number_idd .evf-formset-field {
        position: relative; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number_idd .evf-formset-field::after {
          content: '';
          position: absolute;
          right: 0;
          top: 8px;
          width: 0;
          height: 0;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 7px solid #000000;
          clear: both;
          pointer-events: none; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number_idd .evf-formset-field #phone1_number_idd {
          appearance: none;
          -webkit-appearance: none; }
    html body .main-content #password-reset-page, html body .main-content #setup-orders-page, html body .main-content #signup-or-signin-page {
      margin-top: 15px;
      float: left;
      width: 100%;
      box-sizing: border-box; }
      @media only screen and (max-width: 748px) {
        html body .main-content #password-reset-page, html body .main-content #setup-orders-page, html body .main-content #signup-or-signin-page {
          margin-top: 50px; } }
      html body .main-content #password-reset-page #password-reset-wrap, html body .main-content #password-reset-page #setup-order-wrap, html body .main-content #setup-orders-page #password-reset-wrap, html body .main-content #setup-orders-page #setup-order-wrap, html body .main-content #signup-or-signin-page #password-reset-wrap, html body .main-content #signup-or-signin-page #setup-order-wrap {
        width: 500px;
        margin: 0 auto;
        border: none; }
        @media only screen and (max-width: 748px) {
          html body .main-content #password-reset-page #password-reset-wrap, html body .main-content #password-reset-page #setup-order-wrap, html body .main-content #setup-orders-page #password-reset-wrap, html body .main-content #setup-orders-page #setup-order-wrap, html body .main-content #signup-or-signin-page #password-reset-wrap, html body .main-content #signup-or-signin-page #setup-order-wrap {
            width: 100%; } }
        html body .main-content #password-reset-page #password-reset-wrap h2, html body .main-content #password-reset-page #setup-order-wrap h2, html body .main-content #setup-orders-page #password-reset-wrap h2, html body .main-content #setup-orders-page #setup-order-wrap h2, html body .main-content #signup-or-signin-page #password-reset-wrap h2, html body .main-content #signup-or-signin-page #setup-order-wrap h2 {
          font-family: "Lexend Deca, font";
          font-weight: 500;
          font-size: 21px !important;
          color: #000000 !important;
          padding-bottom: 0 !important;
          text-transform: capitalize;
          line-height: 18px;
          text-align: center;
          margin: 0; }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset p, html body .main-content #password-reset-page #setup-order-wrap #password-reset p, html body .main-content #setup-orders-page #password-reset-wrap #password-reset p, html body .main-content #setup-orders-page #setup-order-wrap #password-reset p, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset p, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset p {
          font-family: "Lexend Deca, font";
          font-weight: 500;
          font-size: 16px !important;
          color: #000000 !important;
          padding-bottom: 0 !important;
          line-height: 24px;
          text-align: center;
          margin: 50px 0 30px 0;
          padding: 0 40px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #password-reset-page #password-reset-wrap #password-reset p, html body .main-content #password-reset-page #setup-order-wrap #password-reset p, html body .main-content #setup-orders-page #password-reset-wrap #password-reset p, html body .main-content #setup-orders-page #setup-order-wrap #password-reset p, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset p, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset p {
              padding: 0 15px; } }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset .tf-controls .required input, html body .main-content #password-reset-page #setup-order-wrap #password-reset .tf-controls .required input, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .tf-controls .required input, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .tf-controls .required input, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .tf-controls .required input, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .tf-controls .required input {
          border-color: #707070;
          border-width: 0 0 1px 0;
          font-family: "Lexend Deca, font";
          font-weight: 500;
          font-size: 14px !important;
          color: #000000 !important;
          padding: 5px 0 5px 12px;
          border-radius: 0; }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset .tf-controls .error.required input, html body .main-content #password-reset-page #setup-order-wrap #password-reset .tf-controls .error.required input, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .tf-controls .error.required input, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .tf-controls .error.required input, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .tf-controls .error.required input, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .tf-controls .error.required input {
          border-color: #FF6E67; }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #password-reset-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline {
          margin: 0 12px;
          display: block; }
          html body .main-content #password-reset-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #password-reset-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li {
            color: #FF6E67;
            font-size: 14px; }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset .formActions, html body .main-content #password-reset-page #setup-order-wrap #password-reset .formActions, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .formActions, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .formActions, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .formActions, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .formActions {
          text-align: center;
          margin-top: 50px; }
          html body .main-content #password-reset-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #password-reset-page #setup-order-wrap #password-reset .formActions .tf-btn, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .formActions .tf-btn, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .formActions .tf-btn {
            width: 340px;
            height: 40px; }
            @media (max-width: 360px) {
              html body .main-content #password-reset-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #password-reset-page #setup-order-wrap #password-reset .formActions .tf-btn, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .formActions .tf-btn, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .formActions .tf-btn {
                width: 100% !important; } }
        html body .main-content #password-reset-page #password-reset-wrap #data-collection-app, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app {
          margin-top: 10px; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop {
            margin: 10px 0 5px 0;
            display: block; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select {
            height: auto;
            border-bottom: solid 1px #000000;
            width: 100% !important;
            padding-bottom: 10px;
            border-radius: 0;
            color: #000000; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select {
            appearance: none;
            background: transparent;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE1IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNSAwLjVIMEw3LjUgOEwxNSAwLjVaIiBmaWxsPSIjNzA3MDcwIi8+Cjwvc3ZnPgo=");
            background-repeat: no-repeat;
            background-position-x: 98%;
            background-position-y: 5px;
            border-radius: 0;
            margin-right: 0;
            padding: 0 10px 10px 10px;
            background-size: 13px;
            color: #000000;
            font-size: 14px;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            position: relative; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input {
            border-color: #FF6E67; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error {
            color: #FF6E67;
            padding: 7px 10px 7px; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description {
            padding-left: 10px;
            padding-right: 10px;
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 400;
            line-height: 24px;
            color: #000000; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left {
            text-align: center;
            width: 100%; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a {
              color: #000000;
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 700; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper {
              padding-right: 0;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              font-size: 16px;
              text-transform: uppercase;
              color: #000000;
              margin-bottom: 5px; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div {
              font-size: 14px;
              font-family: "Lexend Deca, font";
              font-weight: 400;
              color: #000000;
              line-height: 24px; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description {
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 400;
            color: #000000;
            line-height: 24px; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input {
            padding-bottom: 0;
            border-radius: 0;
            border: 1px solid #707070;
            color: #000000;
            width: 100% !important;
            height: 32px !important;
            padding: 0 15px 0 15px;
            font-size: 14px;
            text-transform: uppercase; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder {
              text-transform: none;
              font-size: 14px;
              font-family: "Lexend Deca, font";
              font-weight: 500; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label {
            background-color: #D9D9D9;
            font-size: 18px;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            color: #000000;
            padding: 0px 5px 0px 7px;
            height: 32px;
            line-height: 32px;
            margin: 24px 0 9px 0;
            text-transform: capitalize; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset {
            width: 100%; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name {
              display: inline-block;
              border: 1px solid #000000;
              font-size: 18px;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              color: #000000;
              padding: 0 7px;
              text-transform: capitalize;
              margin: 0;
              min-height: 32px;
              line-height: 32px;
              font-weight: normal; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field {
              position: relative; }
              html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy {
                position: absolute;
                right: 0;
                top: auto; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box {
            margin-top: 0; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field {
              border: none !important;
              position: relative; }
              html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input {
                border-radius: 0;
                border: 1px solid #707070;
                width: 100% !important;
                height: 32px !important;
                padding: 4px 15px 0 15px; }
              html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy {
                position: absolute;
                top: auto;
                right: 0; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons {
            width: 100%;
            margin: 0;
            text-align: center;
            display: flex;
            flex-direction: column-reverse; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button {
              width: 340px;
              padding: 0;
              height: 40px;
              line-height: 40px;
              margin: 15px auto; }
              @media (max-width: 360px) {
                html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button {
                  width: 100% !important; } }
              html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button:first-child {
                background: #D9D9D9; }
    @media only screen and (max-width: 748px) {
      html body .main-content #setup-orders-page {
        margin-top: 0; } }
    @media only screen and (max-width: 748px) {
      html body .main-content #setup-orders-page .gray-container {
        padding: 0 10px;
        box-sizing: border-box; } }
    @media only screen and (max-width: 748px) {
      html body .main-content #setup-orders-page .description-font .upper {
        font-size: 18px !important; } }
    html body .main-content #setup-orders-page #setup-order-wrap {
      width: 100%;
      margin: unset;
      float: left; }
      @media only screen and (max-width: 748px) {
        html body .main-content #setup-orders-page #setup-order-wrap {
          width: 100%; } }
      html body .main-content #setup-orders-page #setup-order-wrap > .tf-title {
        display: none; }
      @media only screen and (max-width: 748px) {
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app {
          margin-top: 22px !important; } }
      html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 {
          width: calc(100% - 360px); }
          @media only screen and (max-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 {
              width: 100%; } }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description {
            background: #EFFAEB;
            padding: 10px 10px 5px;
            margin-bottom: 20px; }
            @media only screen and (max-width: 748px) {
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description {
                margin-left: -10px;
                margin-right: -10px;
                padding-bottom: 10px;
                margin-bottom: 10px; } }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description .upper {
              text-transform: uppercase;
              font-size: 18px !important;
              font-family: "Lexend Deca, font";
              font-weight: 700;
              color: #000000;
              text-align: left;
              margin: 3px 0 !important; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description .info-description {
              text-align: left !important; }
              @media only screen and (max-width: 748px) {
                html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description .info-description {
                  font-size: 12px !important;
                  line-height: 16px !important; } }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description + div div.legacy-subtitle-label {
              display: none; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .legacy-ticket-type-name {
            width: 100%;
            box-sizing: border-box;
            padding-top: 2px !important;
            padding-bottom: 2px !important;
            margin-top: -1px !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media only screen and (max-width: 748px) {
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .legacy-ticket-type-name {
                font-size: 16px; } }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .ticket-holder-title {
            font-size: 16px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            border: solid 1px #000000;
            padding: 10px 10px 6px 35px;
            background-image: url("/static/whitelabels/ticketbox/images/person-icon.svg");
            background-repeat: no-repeat;
            background-position: 10px center;
            background-size: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .field-description {
            font-size: 14px !important;
            padding-left: 0 !important;
            padding-top: 0 !important; }
            @media only screen and (max-width: 748px) {
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .field-description {
                font-size: 12px !important;
                line-height: 16px !important; } }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .evf-formset-field label {
            display: inline-block !important; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .evf-formset-field .evf-formset-field-tippy {
            position: relative !important; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .evf-formset-field select {
            height: 45px !important;
            background-color: #F8F8F8 !important;
            background-position-y: 17px !important;
            padding-top: 10px !important;
            border-bottom: unset !important;
            border: solid 1px #CFCFCF !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 {
          margin-left: 60px;
          display: flex;
          flex-direction: column;
          width: 300px;
          position: sticky;
          top: 133px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 {
              width: 100%;
              margin-left: 0;
              padding-bottom: 48px; } }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2 {
            width: 100% !important;
            padding-left: 0 !important; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2.promo-applied {
              pointer-events: none; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2 .evf-formset-field {
              margin-top: 0 !important;
              padding-bottom: 0; }
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2 .evf-formset-field input {
                height: 40px !important;
                border: 0 !important; }
                html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2 .evf-formset-field input::placeholder {
                  font-weight: 400 !important; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 {
            display: flex;
            flex-direction: column;
            margin-top: 5px; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-apply-promo, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-cancel-btn {
              border-radius: 0 !important;
              height: 40px;
              margin: 0 0 20px; }
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-apply-promo:hover, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-cancel-btn:hover {
                color: #000000;
                background-color: #7CAA6B; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-submit-btn {
              border-radius: 0 !important;
              height: 40px;
              margin: 0 0 20px;
              order: 2; }
              @media only screen and (max-width: 748px) {
                html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-submit-btn {
                  position: fixed;
                  bottom: 10px;
                  top: unset;
                  z-index: 7;
                  left: 0;
                  margin: 0 10px;
                  width: calc(100% - 20px); }
                  html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-submit-btn::after {
                    content: "";
                    height: 10px;
                    width: 100%;
                    background: #FFFFFF;
                    left: 0;
                    bottom: -10px;
                    position: absolute; } }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-apply-promo {
              order: 1;
              border: solid 2px #A5E28F;
              background: none; }
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-apply-promo:hover {
                background: #A5E28F; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-cancel-btn {
              order: 3; }
      html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label {
        background-color: #EFFAEB;
        text-transform: uppercase;
        height: auto;
        line-height: 24px;
        padding: 9px 10px 7px;
        width: 100%;
        float: left;
        margin-bottom: 15px;
        box-sizing: border-box; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label + .evf-formset {
          padding-left: 0 !important; }
      html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset {
        float: left;
        width: 50% !important; }
        @media only screen and (max-width: 1024px) and (min-width: 748px) {
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset {
            width: 100% !important; } }
        @media only screen and (max-width: 748px) {
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset {
            width: 100% !important; } }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(odd) {
          padding-left: 10px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(odd) {
              padding-left: 0; } }
          @media only screen and (max-width: 1024px) and (min-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(odd) {
              padding-left: 0; } }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(even) {
          padding-right: 10px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(even) {
              padding-right: 0; } }
          @media only screen and (max-width: 1024px) and (min-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(even) {
              padding-right: 0; } }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset#legacy-promocode-box {
          width: 100% !important;
          padding: 0;
          clear: both; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .legacy-ticket-type-name {
          font-family: "Lexend Deca, font";
          font-weight: 500;
          font-size: 16px !important;
          font-family: "Lexend Deca, font" !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field {
          margin-top: 8px !important; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field label {
            display: block;
            color: #000000;
            font-size: 16px;
            margin-bottom: 10px;
            height: auto;
            top: 0;
            line-height: normal; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field input {
            background-color: #F8F8F8 !important;
            height: 45px !important;
            border: solid 1px #CFCFCF !important;
            padding-bottom: 0 !important; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field input::placeholder {
              color: transparent; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field.is-no-label input {
            border-radius: 0 !important;
            border: 0;
            border-bottom: solid 1px #000000 !important;
            padding: 0 10px;
            background: none !important;
            height: 40px;
            text-transform: initial; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field.is-no-label input::placeholder {
              font-family: "Lexend Deca, font" !important;
              font-size: 16px !important;
              color: #000000 !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-error {
          padding: 7px 0 !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container {
          padding-bottom: 5px !important; }
    html body .main-content #auth-app #evf-authentication ul.nav.navTabs {
      text-align: center;
      margin-bottom: 25px; }
      html body .main-content #auth-app #evf-authentication ul.nav.navTabs li {
        display: inline-block;
        background: none;
        margin: 0 15px !important; }
        html body .main-content #auth-app #evf-authentication ul.nav.navTabs li a {
          padding: 8px 22px 6px 22px;
          width: auto;
          min-width: 128px;
          box-sizing: border-box;
          height: 35px;
          border-bottom: solid 3px transparent; }
          @media only screen and (max-width: 748px) {
            html body .main-content #auth-app #evf-authentication ul.nav.navTabs li a {
              float: left; } }
          html body .main-content #auth-app #evf-authentication ul.nav.navTabs li a h2 {
            font-family: "Lexend Deca, font";
            font-weight: 700;
            font-size: 18px !important;
            color: #000000 !important;
            padding-bottom: 0 !important;
            text-transform: uppercase;
            line-height: 18px; }
        html body .main-content #auth-app #evf-authentication ul.nav.navTabs li.active a {
          border-bottom: solid 3px #000000; }
    html body .main-content #auth-app #evf-authentication .evf-formset {
      width: 100%; }
      @media only screen and (max-width: 748px) {
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-left, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right {
          width: 100%; } }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-left {
        float: left; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right .evf-formset-field.is-error .evf-formset-field-error {
        position: relative;
        top: 5px;
        margin-top: 0; }
        @media only screen and (max-width: 748px) {
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right .evf-formset-field.is-error .evf-formset-field-error {
            top: -2px; } }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field {
        width: 100% !important;
        background: #FFFFFF !important;
        margin-top: 22px !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-shadow: none;
        box-shadow: none;
        font-family: "Lexend Deca, font";
        font-weight: 400;
        font-size: 14px !important;
        color: #000000;
        text-transform: capitalize;
        padding-bottom: 8px; }
        @media only screen and (max-width: 748px) {
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field {
            padding-bottom: 0;
            margin-left: 0; } }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field label {
          display: none; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field select {
          width: 100% !important;
          left: 0;
          box-sizing: border-box;
          padding: 0 12px 15px 12px;
          text-transform: none;
          font-size: 14px;
          font-family: "Lexend Deca, font";
          font-weight: 700;
          border-bottom: 1px solid #707070;
          height: auto;
          margin-top: 0;
          border-radius: 0;
          color: #000000; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field select::placeholder {
            font-family: "Lexend Deca, font";
            font-weight: 400; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox {
          border: none !important;
          margin-top: 0; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input[type="checkbox"] {
            width: 20px !important; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input {
            display: none; }
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input:checked + label::after {
              content: '';
              display: block;
              position: absolute;
              top: -2px;
              left: 9px;
              width: 6px;
              height: 14px;
              border: solid #A5E28F;
              border-width: 0 2px 2px 0;
              transform: rotate(45deg); }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label {
            display: inline-block;
            margin-left: 0px;
            font-size: 12px;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            color: #000000;
            text-transform: none;
            padding-left: 40px;
            line-height: 19px; }
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label::before {
              content: '';
              -webkit-appearance: none;
              background-color: transparent;
              border: 2px solid #000000;
              padding: 10px;
              display: inline-block;
              position: absolute;
              vertical-align: middle;
              cursor: pointer;
              left: 0;
              top: -5px; }
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label a {
              color: #000000; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.has-eye-icon {
          position: relative; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html {
        padding: 15px; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria {
          padding: 0;
          width: 275px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria {
              width: 100%;
              box-sizing: border-box; } }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria.upper-columns-2 {
            columns: 1 !important;
            -webkit-columns: 1 !important;
            -moz-columns: 1 !important; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria li {
            font-size: 14px;
            color: #000000;
            font-family: "Lexend Deca, font";
            line-height: 24px; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-no-border {
        border-bottom: 0 !important; }
      html body .main-content #auth-app #evf-authentication .evf-formset .forgot-password-text {
        padding: 15px 12px;
        font-size: 14px;
        font-family: "Lexend Deca, font";
        font-style: normal;
        font-weight: 300;
        font-style: italic; }
        html body .main-content #auth-app #evf-authentication .evf-formset .forgot-password-text a {
          font-size: 14px;
          color: #000000; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-form-error-list {
        margin-top: 10px; }
      html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button {
        margin: 36px 0;
        text-align: center; }
        html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button button {
          margin: 0 auto;
          float: none;
          width: 340px;
          padding: 10px 0;
          text-transform: uppercase; }
          @media (max-width: 360px) {
            html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button button {
              width: 100% !important; } }
        html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button #login-button-loader {
          background: #A5E28F !important; }
    html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .evf-form-error-list {
      margin-bottom: 20px; }
    html body .main-content #auth-app #evf-authentication #mini-auth-signin-form .mini-auth-form-button .evf-btn-primary {
      background-color: #A5E28F;
      color: #FFFFFF;
      font-size: 18px;
      border-radius: 0;
      font-family: "Lexend Deca, font";
      border: 0;
      font-weight: 700; }
      html body .main-content #auth-app #evf-authentication #mini-auth-signin-form .mini-auth-form-button .evf-btn-primary:hover {
        background-color: #D9D9D9; }
    html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs {
      text-align: center; }
      html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li {
        display: inline-block;
        background: none;
        margin: 0 15px !important; }
        html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li a {
          padding: 12px 22px 10px 22px;
          width: 128px; }
          html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li a h2 {
            font-family: "Lexend Deca, font";
            font-weight: 500;
            font-size: 21px !important;
            color: #000000 !important;
            padding-bottom: 0 !important;
            text-transform: capitalize;
            line-height: 18px; }
        html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li.active a {
          background: #A5E28F !important;
          border-radius: 0; }
          html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li.active a h2 {
            color: #FFFFFF !important; }
    html body .main-content .evf-formset {
      width: 100%; }
      @media only screen and (max-width: 748px) {
        html body .main-content .evf-formset .evf-formset-field-container.evf-formset-field-width-50-left, html body .main-content .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right {
          width: 100%; } }
      html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field {
        width: 100% !important;
        background: #FFFFFF !important;
        margin-top: 22px !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-shadow: none;
        box-shadow: none;
        font-family: "Lexend Deca, font";
        font-weight: 400;
        font-size: 14px !important;
        color: #000000;
        text-transform: capitalize;
        padding-bottom: 8px; }
        html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field br {
          display: none; }
        html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field label {
          display: none; }
        html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field select {
          width: 100% !important;
          left: 0;
          box-sizing: border-box;
          padding: 0 12px 15px 12px;
          text-transform: capitalize;
          font-size: 14px !important;
          font-family: "Lexend Deca, font";
          font-weight: 700;
          left: 0 !important;
          min-height: 20px;
          height: auto;
          top: 0 !important;
          width: 100% !important;
          color: #000000;
          border-bottom: 1px solid #707070;
          -webkit-border-radius: 0;
          border-radius: 0; }
        html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox {
          border: none;
          margin-top: 0; }
          html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input[type="checkbox"] {
            width: 20px !important; }
          html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input {
            display: none; }
            html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input:checked + label::after {
              content: '';
              display: block;
              position: absolute;
              top: 2px;
              left: 9px;
              width: 6px;
              height: 14px;
              border: solid #000000;
              border-width: 0 2px 2px 0;
              transform: rotate(45deg); }
          html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label {
            display: inline-block;
            margin-left: 0px;
            font-size: 14px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            text-transform: none;
            padding-left: 40px; }
            html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label::before {
              content: '';
              -webkit-appearance: none;
              background-color: transparent;
              border: 2px solid #000000;
              padding: 10px;
              display: inline-block;
              position: absolute;
              vertical-align: middle;
              cursor: pointer;
              left: 0; }
            html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label a {
              color: #000000; }
      html body .main-content .evf-formset .evf-formset-field-container .field-after-html {
        padding: 15px; }
        html body .main-content .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria {
          padding: 0;
          width: 275px; }
          @media only screen and (max-width: 748px) {
            html body .main-content .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria {
              width: 100%;
              box-sizing: border-box; } }
          html body .main-content .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria.upper-columns-2 {
            columns: 1 !important;
            -webkit-columns: 1 !important;
            -moz-columns: 1 !important; }
          html body .main-content .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria li {
            font-size: 14px;
            color: #000000;
            font-family: "Lexend Deca, font";
            line-height: 24px; }
      html body .main-content .evf-formset .evf-formset-field-container.evf-formset-field-no-border {
        border-bottom: 0 !important; }
      html body .main-content .evf-formset .forgot-password-text {
        padding: 15px 12px;
        font-size: 14px;
        font-family: "Lexend Deca, font";
        font-style: normal;
        font-weight: 300;
        font-style: italic; }
        html body .main-content .evf-formset .forgot-password-text a {
          font-size: 14px;
          color: #000000; }
      html body .main-content .evf-formset .mini-auth-form-button {
        margin: 36px 0;
        text-align: center; }
        html body .main-content .evf-formset .mini-auth-form-button button {
          margin: 0 auto !important;
          float: none !important;
          width: 340px;
          padding: 10px 0; }
          @media (max-width: 360px) {
            html body .main-content .evf-formset .mini-auth-form-button button {
              width: 100% !important; } }
    html body .main-content.package-included {
      padding-top: 40px; }
  html body ul.event-list {
    width: 100%;
    display: grid;
    height: auto;
    gap: 20px 18px;
    margin: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
    @media (min-width: 1366px) {
      html body ul.event-list {
        grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media only screen and (max-width: 748px) {
      html body ul.event-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 420px) {
      html body ul.event-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0; } }
    html body ul.event-list li {
      width: 100%;
      margin: 0 !important; }
      html body ul.event-list li.featured {
        width: 100%; }
      html body ul.event-list li a {
        display: block; }
        @media (min-width: 1366px) {
          html body ul.event-list li a {
            height: 100%; } }
        html body ul.event-list li a .overlay {
          z-index: 1; }
        html body ul.event-list li a .imgThumbWrap {
          display: block;
          position: relative;
          width: 100%; }
          html body ul.event-list li a .imgThumbWrap img {
            width: 100%; }
        html body ul.event-list li a .info-txts {
          padding: 15px !important;
          height: auto !important;
          background-color: #F8F8F8;
          display: flex;
          flex-direction: column; }
          @media only screen and (max-width: 748px) {
            html body ul.event-list li a .info-txts {
              height: 100% !important; } }
          html body ul.event-list li a .info-txts .new-event-labels {
            position: absolute;
            right: 15px; }
            @media screen and (max-width: 480px) and (min-width: 421px) {
              html body ul.event-list li a .info-txts .new-event-labels {
                position: relative;
                right: unset; } }
            html body ul.event-list li a .info-txts .new-event-labels span.blue {
              color: #A5E28F;
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              height: auto;
              margin-bottom: 6px; }
            html body ul.event-list li a .info-txts .new-event-labels .event-banner {
              position: relative;
              color: #000000;
              font-size: 11px;
              font-family: "Lexend Deca, font";
              border-radius: 5px;
              padding: 2px 10px;
              opacity: 1;
              width: auto;
              height: 16px;
              display: inline-block;
              left: 0;
              font-weight: normal;
              text-transform: uppercase;
              line-height: 14px;
              letter-spacing: 0px;
              margin-bottom: 6px;
              bottom: unset; }
              @media only screen and (max-width: 748px) {
                html body ul.event-list li a .info-txts .new-event-labels .event-banner {
                  line-height: 17px; } }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-all-reserved {
                background-color: #CFCFCF; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-available {
                background-color: #C3DD00; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-sold-out {
                background-color: #FF6E67; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-openingsoon {
                background-color: #D9D9D9; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-sellingfast {
                background-color: #FFC400; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-not-available {
                background-color: #B4B4B4; }
          html body ul.event-list li a .info-txts .infoItem.title {
            height: auto;
            order: 2;
            min-height: 40px; }
            @media (max-width: 420px) {
              html body ul.event-list li a .info-txts .infoItem.title {
                min-height: unset; } }
            html body ul.event-list li a .info-txts .infoItem.title span {
              -webkit-line-clamp: 2 !important;
              height: auto; }
              html body ul.event-list li a .info-txts .infoItem.title span strong {
                color: #000000;
                font-size: 14px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                line-height: normal;
                height: auto;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: normal;
                font-family: "Lexend Deca, font"; }
          html body ul.event-list li a .info-txts .infoItem.truncate {
            order: 1;
            margin-bottom: 5px; }
            html body ul.event-list li a .info-txts .infoItem.truncate span {
              font-size: 14px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              height: auto !important;
              font-size: 14px;
              text-transform: uppercase;
              display: block;
              width: calc(100% - 110px);
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
              @media screen and (max-width: 480px) and (min-width: 421px) {
                html body ul.event-list li a .info-txts .infoItem.truncate span {
                  width: 100%; } }
          html body ul.event-list li a .info-txts .event-location-name {
            order: 3;
            font-size: 12px;
            font-family: "Lexend Deca, font";
            font-weight: 500;
            color: #000000;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-family: "Lexend Deca, font"; }
  @media only screen and (max-width: 748px) {
    html body #my-tickets-page {
      margin-top: 15px; } }
  @media only screen and (max-width: 748px) {
    html body #my-tickets-page .breathe {
      padding: 0;
      margin: 0; } }
  html body #my-tickets-page #tickets-page-wrap {
    padding-top: 50px; }
    @media only screen and (max-width: 748px) {
      html body #my-tickets-page #tickets-page-wrap {
        padding: 0; } }
    html body #my-tickets-page #tickets-page-wrap h2 {
      font-weight: normal; }
    html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup {
      height: 50px;
      justify-content: flex-end; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_message {
        margin-top: 37px;
        height: 95px !important; }
        html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_message .controls {
          border: 1px solid #707070;
          padding: 10px;
          height: 95px;
          box-sizing: border-box; }
          html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_message .controls textarea {
            height: 100%;
            border: 0;
            padding: 0; }
            html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_message .controls textarea::placeholder {
              line-height: 6px; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup label {
        display: none; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input, html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea {
        padding: 0 10px;
        box-sizing: border-box; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea::-moz-placeholder, html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea:-ms-input-placeholder, html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea::-webkit-input-placeholder {
        transform: translateY(50px); }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.error input {
        border-color: #FF6E67; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.error .errorlist {
        margin-top: 5px;
        padding-left: 10px; }
        html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.error .errorlist li {
          font-size: 14px;
          color: #FF6E67; }
    html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .help-block {
      padding-top: 30px !important; }
    html body #my-tickets-page #tickets-page-wrap p strong {
      font-weight: normal; }
    html body #my-tickets-page #tickets-page-wrap .navTabs {
      display: none; }
    html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs {
      display: flex;
      justify-content: center; }
      html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li {
        font-size: 21px;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        color: #000000;
        margin: 0 10px;
        position: relative; }
        @media only screen and (max-width: 748px) {
          html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li {
            font-size: 16px; } }
        html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li::after {
          position: absolute;
          content: "/";
          top: 0;
          right: -12px; }
        html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li:last-child::after {
          display: none; }
        html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li a {
          color: #000000;
          text-decoration: underline; }
    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner {
      padding-top: 30px; }
      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents {
        margin-bottom: 30px; }
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event {
          padding: 0;
          margin-bottom: 30px; }
          @media only screen and (max-width: 748px) {
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event {
              background-color: #FFFFFF; } }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem {
            padding: 20px 44px 20px 44px;
            background-color: #F8F8F8;
            border-bottom: 1px solid #d7d7d7;
            border-top: 0;
            margin-bottom: 0; }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:last-child {
              border-bottom: 0; }
            @media only screen and (max-width: 748px) {
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem {
                padding: 0;
                border-bottom: 2px solid #d7d7d7;
                margin-top: 0; } }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap {
              padding: 40px 10px 40px 44px; }
              @media only screen and (max-width: 748px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap {
                  padding: 15px 15px 5px;
                  width: auto;
                  height: auto; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap a {
                display: block; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap a img {
                  width: 225px;
                  height: 168px;
                  object-fit: fill; }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap a img {
                      width: 100%;
                      height: auto; } }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content {
              margin: 0; }
              @media only screen and (max-width: 748px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content {
                  padding: 15px;
                  box-sizing: border-box; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .infoItem {
                border: none;
                padding: 0; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-type-name {
                display: none; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas {
                flex-direction: column;
                width: 75%; }
                @media only screen and (max-width: 748px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas {
                    width: 100%; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas .data-title {
                  width: 200px;
                  font-weight: 600; }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas .data-title {
                      width: 114px; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas span {
                  color: unset; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas .data-value {
                  max-width: calc(100% - 200px); }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas .data-value {
                      max-width: calc(100% - 114px); } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas div.tt-row, html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas div.tc-row {
                  display: none !important; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div {
                  display: flex;
                  width: auto;
                  min-height: auto;
                  color: #000000;
                  font-size: 16px;
                  margin-bottom: 15px;
                  font-family: "Lexend Deca, font";
                  font-weight: 400; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div br {
                    display: none; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div strong {
                    width: 200px;
                    font-size: 16px;
                    font-family: "Lexend Deca, font";
                    font-weight: 500;
                    color: #000000;
                    text-transform: capitalize; }
                    @media only screen and (max-width: 748px) {
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div strong {
                        width: 114px; } }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div:last-child {
                    margin-bottom: 0; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket {
                display: flex;
                flex-direction: column; }
                @media only screen and (max-width: 748px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket {
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-end;
                    margin-bottom: 15px; } }
                @media only screen and (max-width: 748px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .left {
                    width: auto;
                    margin-right: 8px; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .left a {
                  background: none;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  color: #000000;
                  font-size: 16px;
                  text-align: left;
                  padding: 0;
                  margin: 0;
                  background: url("/static/images/download-icon.png") no-repeat;
                  height: 28px;
                  padding-left: 40px;
                  background-position: 0px 2px;
                  background-size: auto;
                  display: flex;
                  align-items: center;
                  border-radius: 0 !important; }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .left a {
                      font-size: 0;
                      width: 30px;
                      height: 30px;
                      background-color: #D9D9D9;
                      padding: 0;
                      border-radius: 0 !important;
                      background-position: 6px 4px;
                      background-size: 19px; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right {
                  display: flex;
                  flex-direction: column;
                  margin-top: 0;
                  margin-right: 0; }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right {
                      flex-direction: row;
                      margin-top: 0px; } }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right a {
                    background: none;
                    font-family: "Lexend Deca, font";
                    font-weight: 500;
                    color: #000000;
                    font-size: 16px;
                    text-align: left;
                    padding: 0;
                    margin: 10px 0 0 0;
                    background: url("/static/images/edit-icon.png") no-repeat;
                    background-position: 0px 0px;
                    height: 25px;
                    padding-left: 40px;
                    display: flex;
                    align-items: center; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right a:first-child {
                      background: url("/static/images/share-icon.png") no-repeat;
                      background-position: 0px 0px; }
                      @media only screen and (max-width: 748px) {
                        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right a:first-child {
                          font-size: 0;
                          width: 30px;
                          height: 30px;
                          background-color: #D9D9D9;
                          padding: 0;
                          border-radius: 0 !important;
                          background-position: 6px 6px;
                          background-size: 19px; } }
                    @media only screen and (max-width: 748px) {
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right a {
                        font-size: 0;
                        width: 30px;
                        height: 30px;
                        background-color: #D9D9D9;
                        padding: 0;
                        border-radius: 0 !important;
                        background-position: 6px 4px;
                        background-size: 19px;
                        margin: 0 8px 0 0; } }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child {
              padding: 0; }
              @media only screen and (max-width: 748px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child {
                  margin-top: 10px; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .event-name {
                line-height: 36px; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content {
                margin: 0;
                float: left;
                margin-left: 30px;
                width: calc(100% - 340px); }
                @media only screen and (max-width: 748px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content {
                    margin-left: 0px;
                    width: 100%; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem {
                  display: block;
                  clear: both;
                  width: auto;
                  margin-bottom: 9px; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.event-name {
                    margin-bottom: 0; }
                    @media only screen and (max-width: 748px) {
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.event-name {
                        display: none; } }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.event-name a h4 {
                      font-size: 28px;
                      font-family: "Lexend Deca, font";
                      font-weight: 500;
                      color: #000000 !important;
                      margin-top: 35px;
                      margin-bottom: 0;
                      font-weight: normal; }
                      @media only screen and (max-width: 748px) {
                        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.event-name a h4 {
                          display: none; } }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.info-custom-time .upper {
                    display: flex;
                    color: #000000;
                    font-size: 16px;
                    text-transform: capitalize;
                    font-family: "Lexend Deca, font";
                    font-weight: 500; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.info-custom-time .upper .blue {
                      margin-right: 76px;
                      background: #D9D9D9;
                      color: #000000;
                      font-size: 16px;
                      padding: 6px 8px 2px 8px;
                      font-family: "Lexend Deca, font";
                      font-weight: 500;
                      text-transform: uppercase; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-earliest {
                    display: flex;
                    margin-bottom: 9px;
                    color: #000000;
                    font-size: 16px;
                    text-transform: capitalize;
                    justify-content: start;
                    align-items: center; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-earliest .blue.upper {
                      width: 114px; }
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-earliest .blue.upper .data-title {
                        background: #D9D9D9;
                        color: #000000;
                        font-size: 16px;
                        padding: 8px 8px 6px 8px;
                        font-family: "Lexend Deca, font";
                        font-weight: 500;
                        display: inline-block; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-earliest .data-value {
                      color: #000000;
                      font-size: 16px;
                      padding: 0px 8px 2px 0;
                      font-family: "Lexend Deca, font";
                      font-weight: 500; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-latest {
                    display: flex;
                    color: #000000;
                    font-size: 16px;
                    text-transform: capitalize;
                    align-items: center; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-latest .blue.upper {
                      font-family: "Lexend Deca, font";
                      font-weight: 500;
                      text-transform: uppercase;
                      width: 114px;
                      display: inherit; }
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-latest .blue.upper .data-title {
                        background: #D9D9D9;
                        color: #000000;
                        font-size: 16px;
                        padding: 8px 8px 6px 8px; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.location {
                    width: 100%;
                    margin-left: 0;
                    display: flex;
                    align-items: baseline;
                    color: #000000;
                    font-size: 16px;
                    text-transform: capitalize; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.location .data-title {
                      width: 114px; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.location .upper {
                      background: #D9D9D9;
                      color: #000000;
                      font-size: 16px;
                      padding: 8px 8px 6px 8px;
                      margin-right: 28px;
                      font-family: "Lexend Deca, font";
                      font-weight: 500;
                      text-transform: uppercase;
                      display: inline-block; }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              @media (max-width: 480px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content {
                  display: table; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .upper.ticket-type-name {
                display: block !important;
                font-size: 16px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                color: #000000; }
                @media (max-width: 480px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .upper.ticket-type-name {
                    text-align: center;
                    margin: 0;
                    padding-bottom: 10px; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .pull-right {
                display: block;
                font-size: 16px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                color: #000000;
                text-transform: none;
                text-align: right; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .pull-right::first-letter {
                  text-transform: capitalize; }
                @media (max-width: 480px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .pull-right {
                    width: 100%;
                    text-align: center; } }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event:first-child {
            border: none; }
      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem {
        margin-bottom: 0;
        display: flex; }
        @media only screen and (max-width: 748px) {
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem {
            flex-direction: column; } }
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap {
          width: 410px;
          height: 250px;
          overflow: hidden; }
          @media only screen and (max-width: 748px) {
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap {
              width: 100%;
              height: auto;
              margin: 0; } }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap a img {
            width: 100%; }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap .not-available-overlay {
            width: 100%;
            height: 100%;
            background: rgba(60, 60, 60, 0.8);
            position: absolute;
            top: 0;
            left: 0;
            color: #FFFFFF;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            font-size: 21px;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 28px;
            padding: 0 30%;
            text-align: center;
            text-transform: capitalize; }
            @media only screen and (max-width: 748px) {
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap .not-available-overlay {
                padding: 0px 10px; } }
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content {
          flex: 1;
          background: #F8F8F8;
          margin-left: 0;
          padding: 40px 25px;
          display: flex;
          flex-direction: column;
          justify-content: start;
          box-sizing: border-box; }
          @media only screen and (max-width: 748px) {
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content {
              margin: 0; } }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem {
            display: flex; }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem.event-name {
              margin-bottom: 0; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem.event-name a {
                color: #000000; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem.event-name a h4 {
                  font-size: 28px;
                  text-align: left;
                  font-family: "Lexend Deca, font";
                  font-weight: 500;
                  color: #000000;
                  margin-bottom: 55px; }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem .upper {
              width: 180px;
              font-size: 16px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              color: #000000;
              text-transform: capitalize; }
              @media only screen and (max-width: 748px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem .upper {
                  width: 50%; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem .upper .blue {
                font-size: 16px;
                color: #000000;
                background: #D9D9D9;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                display: table;
                padding: 6px 10px 3px 10px;
                margin-bottom: 9px;
                text-transform: uppercase; }
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .past-ticket-dot {
          display: none; }
      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .single-event {
        margin: 0;
        padding: 0 0 10px 0;
        border-bottom: 0; }
        @media only screen and (max-width: 748px) {
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .single-event {
            padding: 0; } }
      @media only screen and (max-width: 748px) {
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner {
          padding: 0; } }
    html body #my-tickets-page #tickets-page-wrap h2 {
      color: #000000;
      font-size: 21px;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      text-align: center;
      text-transform: capitalize; }
    html body #my-tickets-page #tickets-page-wrap p {
      text-align: center;
      color: #000000;
      font-size: 16px;
      line-height: 24px;
      font-family: "Lexend Deca, font";
      font-weight: 500; }
      html body #my-tickets-page #tickets-page-wrap p strong {
        font-family: "Lexend Deca, font";
        font-weight: 500;
        text-transform: capitalize; }
      @media (min-width: 749px) {
        html body #my-tickets-page #tickets-page-wrap p {
          width: 600px;
          margin: 35px auto 0 auto; } }
    html body #my-tickets-page #tickets-page-wrap .formHorizontal {
      padding: 0 15px; }
      @media (min-width: 749px) {
        html body #my-tickets-page #tickets-page-wrap .formHorizontal {
          width: 500px;
          margin: 0 auto; } }
      html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup {
        display: flex;
        flex-direction: column; }
        html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup .controls {
          width: 100%; }
          html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup .controls input, html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup .controls textarea {
            width: 100%;
            border-bottom: solid 1px #707070;
            font-size: 14px !important;
            color: #000000;
            font-family: "Lexend Deca, font";
            font-weight: 500; }
          html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup .controls textarea {
            height: 40px; }
      html body #my-tickets-page #tickets-page-wrap .formHorizontal .help-block {
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        font-family: "Lexend Deca, font";
        color: #000000; }
      html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right {
        display: flex;
        float: none;
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 40px; }
        html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right a, html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right input {
          width: 340px;
          height: 40px;
          box-sizing: border-box;
          justify-content: center;
          align-items: center;
          margin-bottom: 30px; }
          @media (max-width: 360px) {
            html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right a, html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right input {
              width: 100% !important; } }
        html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right a {
          background: #D9D9D9;
          color: #000000;
          line-height: 30px; }
          html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right a:hover {
            border: 0;
            color: #FFFFFF; }
  html body #payment-details-page .breathe {
    display: none; }
  html body #payment-details-page #payment-details-wrap {
    padding-top: 10px; }
    html body #payment-details-page #payment-details-wrap .select-icons-description-top p {
      color: #000000;
      font-size: 18px;
      margin-top: 0;
      margin-bottom: 33px;
      font-family: "Lexend Deca, font";
      font-weight: 500; }
      @media only screen and (max-width: 748px) {
        html body #payment-details-page #payment-details-wrap .select-icons-description-top p {
          margin-top: 10px;
          margin-bottom: 30px; } }
    @media (min-width: 749px) {
      html body #payment-details-page #payment-details-wrap {
        width: 500px;
        margin: 0 auto; } }
    html body #payment-details-page #payment-details-wrap h2 {
      color: #000000;
      font-size: 21px;
      font-family: "Lexend Deca, font";
      font-weight: 700;
      text-align: center;
      text-transform: capitalize;
      margin-top: 30px;
      padding-bottom: 0; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry {
      width: 85px;
      height: 45px;
      background-size: 240px;
      border-radius: 0;
      border: solid 1px #000000;
      margin: 5px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.visa {
        background-position: 10px 0; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.mastercard {
        background-position: 10px -86px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.pps {
        background-position: 10px -258px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.amex {
        background-position: 10px -43px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.chinapay {
        background-position: 10px -172px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.octopus {
        background-position: 10px -215px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.visa-checkout {
        background-position: 10px -128px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.tapngo {
        background-position: 10px -302px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.wechat, html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.icbc-macau-wechat-pay {
        background-position: 10px -430px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.paypal {
        background-position: 10px -474px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.payme {
        background-position: 10px -518px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.jcb {
        background-position: 10px -561px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.macaupay {
        background-position: 10px -603px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.macaupass-alipay, html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.icbc-macau-alipay {
        background-position: 10px -646px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.icbc-macau-cards {
        background-position: 10px -689px;
        width: 200px !important; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.alipay-hong-kong {
        background-position: 12px -733px; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.alipay-hong-kong {
            background-position: 14px -731px; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.icbc-macau-epay {
        background-position: -50px -734px;
        width: 75px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.gcash {
        background-position: -112px -733px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.grabpay {
        background-position: -123px -776px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.maya {
        background-position: 10px -820px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.atome {
        background-position: 0 -777px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.bpi-online-banking {
        background-position: -62px -777px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.jcc {
        background-position: 0 -864px;
        width: 178px !important; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.paynow {
        background-position: 12px -1030px; }
    @media only screen and (max-width: 748px) {
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon {
        width: auto;
        float: none; } }
    html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon.active .payment-entry {
      border: solid 2px #A5E28F; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup {
      border-bottom: solid 1px #707070;
      display: flex;
      float: left; }
      @media only screen and (max-width: 748px) {
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup {
          display: block; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error {
        border-bottom-color: #FF6E67;
        position: relative; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error {
            margin-bottom: 20px; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error .controls span.helpInline {
          left: -137px;
          top: 42px; }
          @media only screen and (max-width: 748px) {
            html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error .controls span.helpInline {
              left: 0;
              top: 48px; } }
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error .controls span.helpInline ul.errorlist li {
            font-size: 14px;
            color: #FF6E67;
            font-family: "Lexend Deca, font";
            font-weight: 500; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup label {
        color: #000000;
        font-size: 14px;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        width: 220px; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup label {
            height: auto;
            width: 100% !important;
            box-sizing: border-box;
            padding: 0; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls {
        width: 100%;
        position: relative; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls input {
          color: #000000;
          font-size: 14px !important;
          font-family: "Lexend Deca, font";
          font-weight: 500;
          background: transparent !important; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls .question-sign {
          background: #000000; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls .helpInline {
          position: absolute;
          width: 100%;
          left: 0;
          top: 23px;
          text-align: left; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) {
        width: 50%;
        float: left;
        position: relative; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) {
            width: 100%; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4).error {
          margin-bottom: 15px; }
          @media only screen and (max-width: 748px) {
            html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4).error {
              margin-bottom: 0; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-split {
          display: flex; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error {
          position: absolute;
          left: 0;
          width: 100%;
          display: block !important; }
          @media only screen and (max-width: 748px) {
            html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error {
              position: relative;
              margin-top: -8px; } }
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error span.helpInline {
            left: -39px;
            top: 42px; }
            @media only screen and (max-width: 748px) {
              html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error span.helpInline {
                left: 0;
                position: relative;
                top: unset; } }
            html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error span.helpInline:nth-child(2) {
              top: 58px; }
              @media only screen and (max-width: 748px) {
                html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error span.helpInline:nth-child(2) {
                  left: 0;
                  position: relative;
                  top: unset; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(5) {
        width: 47%;
        float: left;
        margin-left: 15px; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(5) {
            width: 100%;
            margin-left: 0; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup #id_city {
        padding: 0;
        border: none; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .country-field-container .controlGroup .controls {
      position: relative; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .country-field-container .controlGroup .controls::before {
        font-size: 20px;
        color: #000000;
        top: 2px;
        pointer-events: none; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .country-field-container .controlGroup select {
      background: none;
      color: #000000;
      font-size: 14px !important;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      padding: 0;
      border-bottom: 0 !important; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .country-field-container .controlGroup select option {
        color: #000000;
        font-size: 14px !important;
        font-family: "Lexend Deca, font";
        font-weight: 500; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .popover {
      max-width: 250px;
      width: 250px; }
      @media (max-width: 360px) {
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .popover {
          left: -203px !important; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .popover .popover-content img {
        width: 100%; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .select-icons-description {
      margin: 30px 0 25px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .select-icons-description p {
        display: none !important; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .formActions {
      display: flex;
      align-items: center;
      margin-bottom: 50px;
      gap: 20px;
      justify-content: center; }
      @media only screen and (max-width: 748px) {
        html body #payment-details-page #payment-details-wrap #payment-details-form .formActions {
          flex-direction: column-reverse; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn {
        min-width: 240px;
        height: 40px;
        padding: 0;
        margin: 0;
        line-height: 40px;
        box-sizing: border-box; }
        @media (max-width: 360px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn {
            width: 100% !important; } }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn {
            min-width: 100%; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn.tf-btn-default {
          margin-top: 0;
          color: #000000; }
          @media (max-width: 360px) {
            html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn.tf-btn-default {
              width: 100% !important; } }
          @media only screen and (max-width: 748px) {
            html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn.tf-btn-default {
              min-width: 100%; } }
  html body #event-package-step-indicator {
    width: calc(100% - 350px);
    margin-bottom: 15px; }
    @media screen and (max-width: 900px) and (min-width: 749px) {
      html body #event-package-step-indicator {
        width: calc(100% - 275px); } }
    @media only screen and (max-width: 748px) {
      html body #event-package-step-indicator {
        width: 100%;
        clear: both;
        float: left;
        padding: 0 10px;
        box-sizing: border-box; } }
    html body #event-package-step-indicator.packages-container .package-content {
      padding: 0; }
      html body #event-package-step-indicator.packages-container .package-content .package-name .package-qty {
        display: none !important; }
      html body #event-package-step-indicator.packages-container .package-content .step-item-list {
        margin: 20px 0 0; }
        html body #event-package-step-indicator.packages-container .package-content .step-item-list .selecting-msg {
          display: none !important; }
        html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li {
          font-family: "Lexend Deca, font";
          list-style: disc;
          list-style-position: inside;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding-left: 10px; }
          html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li::marker {
            color: #A5E28F; }
          html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li.each-item {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            @media screen and (max-width: 900px) and (min-width: 749px) {
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li.each-item {
                display: block;
                line-height: 25px; } }
            @media only screen and (max-width: 748px) {
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li.each-item {
                display: block;
                line-height: 25px; } }
          html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p {
            padding: 0;
            margin: 0; }
            html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p b {
              font-family: "Lexend Deca, font";
              font-weight: normal; }
            html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p::marker {
              display: none; }
            html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left {
              list-style: none; }
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left::marker {
                display: none; }
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left span {
                font-size: 21px; }
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left .packages-with-details .into-mark {
                text-transform: lowercase;
                padding: 0 4px; }
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left .packages-with-details b {
                padding-right: 0; }
          html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li br {
            display: none; }
    @media only screen and (max-width: 748px) {
      html body #event-package-step-indicator {
        width: 100%; } }
    html body #event-package-step-indicator .package-content .package-name {
      width: 100%; }
      html body #event-package-step-indicator .package-content .package-name h2 {
        text-transform: capitalize;
        color: #000000 !important;
        font-size: 28px;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        margin-top: 23px; }
    html body #event-package-step-indicator .package-content .step-item-list {
      width: 100%;
      margin-top: 15px; }
      html body #event-package-step-indicator .package-content .step-item-list ul {
        padding-left: 0; }
        html body #event-package-step-indicator .package-content .step-item-list ul li {
          margin-bottom: 10px; }
          html body #event-package-step-indicator .package-content .step-item-list ul li.each-item {
            color: #000000 !important;
            position: relative; }
            html body #event-package-step-indicator .package-content .step-item-list ul li.each-item .arrow {
              width: 1px;
              height: 1px;
              background-color: #3C3C3C;
              padding: 2px;
              border-radius: 0;
              position: absolute;
              left: 0;
              top: 8px; }
            html body #event-package-step-indicator .package-content .step-item-list ul li.each-item b {
              color: #000000;
              font-size: 21px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              font-weight: normal;
              width: auto;
              text-transform: capitalize;
              margin: 0;
              line-height: 25px;
              padding-right: 5px; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item b span {
                font-size: 21px;
                font-family: "Lexend Deca, font";
                font-weight: 500; }
            html body #event-package-step-indicator .package-content .step-item-list ul li.each-item p {
              color: #000000 !important;
              padding-left: 0px;
              display: list-item !important;
              list-style: disc;
              margin-left: 0;
              font-size: 17px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              line-height: 25px; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item p b {
                padding-left: 0;
                font-size: 17px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                color: #000000; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item p.is-product::before {
                content: "("; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item p.is-product::after {
                content: ")"; }
            html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current {
              color: #A5E28F !important; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current .arrow {
                background: #A5E28F; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current p, html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current b {
                color: #A5E28F !important;
                font-size: 21px;
                font-family: "Lexend Deca, font";
                font-weight: 500;
                font-weight: normal;
                text-transform: capitalize; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current b::first-letter, html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current b::first-line {
                text-transform: capitalize; }
      html body #event-package-step-indicator .package-content .step-item-list .new-package-pricing {
        margin-top: 5px; }
        html body #event-package-step-indicator .package-content .step-item-list .new-package-pricing .label, html body #event-package-step-indicator .package-content .step-item-list .new-package-pricing .package-price {
          color: #000000;
          font-size: 21px;
          font-family: "Lexend Deca, font";
          font-weight: 500; }
    html body #event-package-step-indicator .package-content .package-spec {
      background: #D9D9D9;
      padding: 6px 15px;
      box-sizing: border-box;
      width: 100%;
      position: fixed;
      left: 0;
      top: 70px;
      height: 32px;
      line-height: 32px;
      z-index: 3; }
      @media only screen and (max-width: 748px) {
        html body #event-package-step-indicator .package-content .package-spec {
          top: 80px; } }
      @media only screen and (max-width: 360px) {
        html body #event-package-step-indicator .package-content .package-spec {
          top: 124px; } }
      html body #event-package-step-indicator .package-content .package-spec .package-timer {
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-bottom: 0; }
        html body #event-package-step-indicator .package-content .package-spec .package-timer .label {
          width: auto;
          margin: 0 5px 0 0;
          font-weight: normal;
          font-family: "Lexend Deca, font";
          font-size: 21px;
          line-height: 21px; }
        html body #event-package-step-indicator .package-content .package-spec .package-timer div {
          color: #000000 !important; }
      html body #event-package-step-indicator .package-content .package-spec .package-pricing {
        display: none !important; }
  html body #thanks-page .gray-container {
    padding-top: 50px; }
    @media (min-width: 749px) {
      html body #thanks-page .gray-container {
        width: 700px !important;
        margin: 0 auto; } }
    html body #thanks-page .gray-container #wait-message h2 {
      font-size: 21px;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      color: #000000;
      text-transform: capitalize;
      text-align: center;
      border: none;
      margin-bottom: 30px; }
    html body #thanks-page .gray-container #wait-message .larger-font {
      font-size: 16px;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      color: #000000;
      text-transform: capitalize;
      text-align: center;
      line-height: 24px; }
    html body #thanks-page .gray-container #downloading-message header {
      left: unset;
      transform: none; }
      html body #thanks-page .gray-container #downloading-message header h2 {
        font-size: 21px;
        font-family: "Lexend Deca, font";
        font-weight: 700;
        color: #000000;
        text-transform: inherit;
        text-align: center;
        border: none;
        margin-bottom: 30px;
        text-transform: uppercase;
        font-weight: 700; }
    html body #thanks-page .gray-container #downloading-message .thankyou__list {
      width: 80%;
      margin: 0 auto; }
      html body #thanks-page .gray-container #downloading-message .thankyou__list .larger-font {
        font-size: 16px;
        font-family: "Lexend Deca, font";
        font-weight: 400;
        color: #000000;
        text-transform: none;
        text-align: center;
        line-height: 24px; }
    html body #thanks-page .gray-container #downloading-message .button__group {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 50px; }
      @media (min-width: 1024px) {
        html body #thanks-page .gray-container #downloading-message .button__group {
          flex-direction: row-reverse;
          justify-content: center;
          gap: 20px; } }
      html body #thanks-page .gray-container #downloading-message .button__group a {
        width: 340px;
        height: 40px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px; }
        @media (min-width: 1024px) {
          html body #thanks-page .gray-container #downloading-message .button__group a {
            max-width: 280px;
            margin: 0; } }
        html body #thanks-page .gray-container #downloading-message .button__group a.tf-btn-default {
          color: #000000;
          font-family: "Lexend Deca, font";
          font-weight: 700;
          font-size: 18px; }
          @media (max-width: 360px) {
            html body #thanks-page .gray-container #downloading-message .button__group a.tf-btn-default {
              width: 100% !important; } }
          html body #thanks-page .gray-container #downloading-message .button__group a.tf-btn-default:hover {
            color: #000000; }
  html body .evf-formset {
    width: 100% !important; }
  html body .modal .modalHeader {
    border-bottom: 0; }
    html body .modal .modalHeader h3 {
      font-size: 21px !important;
      color: #000000;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      text-align: center;
      text-transform: capitalize;
      border-bottom: 0; }
  html body .blockUI.blockOverlay {
    background: #AAAAAA !important;
    opacity: 0.8; }
  html body .blockUI.blockMsg {
    max-height: unset !important; }
  html body .blockUI.blockMsg.blockPage {
    background: #FFFFFF !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    transform: translateX(0) !important; }
    @media only screen and (max-width: 748px) {
      html body .blockUI.blockMsg.blockPage {
        left: 0 !important;
        width: 100% !important;
        display: block; } }
    html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a {
      display: block;
      margin: 15px auto;
      width: 340px;
      line-height: 40px;
      height: 40px;
      box-sizing: border-box;
      padding: 0; }
      @media (max-width: 360px) {
        html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a {
          width: 100%; } }
      html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a.tf-btn-default {
        color: #000000;
        background: transparent;
        border: solid 1px #000000;
        font-size: 18px;
        border-radius: 0;
        padding: 5px 12px 5px 12px;
        font-family: "Lexend Deca, font";
        padding: 0; }
        html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a.tf-btn-default:hover {
          background: #7CAA6B;
          text-decoration: none; }
    html body .blockUI.blockMsg.blockPage #change-data-modal h3.tf-title {
      font-size: 21px !important;
      color: #000000;
      font-family: "Lexend Deca, font";
      font-weight: 500; }
    html body .blockUI.blockMsg.blockPage #change-data-modal .actions.modelFooter {
      display: flex;
      flex-direction: column-reverse; }
      html body .blockUI.blockMsg.blockPage #change-data-modal .actions.modelFooter a, html body .blockUI.blockMsg.blockPage #change-data-modal .actions.modelFooter input {
        display: flex;
        justify-content: center;
        margin: 10px 0;
        height: 40px; }
    html body .blockUI.blockMsg.blockPage #simple_popup .modalBody {
      text-align: center;
      justify-content: center; }
    html body .blockUI.blockMsg.blockPage #simple_popup .modalFooter {
      border-top: 0;
      text-align: center; }
    html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter {
      display: block;
      justify-content: center;
      border-top: 0; }
      html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a {
        display: block;
        margin: 15px auto;
        width: 340px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        box-sizing: border-box;
        padding: 0; }
        @media (max-width: 360px) {
          html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a {
            width: 100%; } }
        html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.tf-btn-default {
          color: #000000;
          background: transparent;
          border: solid 1px #000000;
          font-size: 18px;
          border-radius: 0;
          padding: 5px 12px 5px 12px;
          font-family: "Lexend Deca, font";
          padding: 0;
          max-width: 100%;
          height: 40px;
          font-size: 18px;
          line-height: 40px;
          color: #000000; }
          html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.tf-btn-default:hover {
            background: #7CAA6B;
            text-decoration: none; }
    html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalCloseIcon {
      display: none; }
    html body .blockUI.blockMsg.blockPage #error_popup .modalFooter, html body .blockUI.blockMsg.blockPage #frontend-timer-timeup .modalFooter {
      border-top: 0; }
      html body .blockUI.blockMsg.blockPage #error_popup .modalFooter a, html body .blockUI.blockMsg.blockPage #frontend-timer-timeup .modalFooter a {
        display: block !important;
        width: 340px;
        height: 40px;
        box-sizing: border-box;
        margin: 15px auto 0 auto;
        line-height: 28px;
        background-color: #A5E28F;
        color: #FFFFFF !important; }
        html body .blockUI.blockMsg.blockPage #error_popup .modalFooter a:hover, html body .blockUI.blockMsg.blockPage #frontend-timer-timeup .modalFooter a:hover {
          background-color: #D9D9D9; }
    html body .blockUI.blockMsg.blockPage #custom-message-modal .modalCloseIcon {
      display: none; }
    html body .blockUI.blockMsg.blockPage .thanks-modal .modalCloseIcon {
      display: none; }
    html body .blockUI.blockMsg.blockPage #termsAndConditionsModal .modalHeader h3, html body .blockUI.blockMsg.blockPage #privacyPolicyModal .modalHeader h3, html body .blockUI.blockMsg.blockPage #cookiesPolicyModal .modalHeader h3 {
      text-align: left; }
    html body .blockUI.blockMsg.blockPage #termsAndConditionsModal .modalBody, html body .blockUI.blockMsg.blockPage #privacyPolicyModal .modalBody, html body .blockUI.blockMsg.blockPage #cookiesPolicyModal .modalBody {
      text-align: left; }
      html body .blockUI.blockMsg.blockPage #termsAndConditionsModal .modalBody p, html body .blockUI.blockMsg.blockPage #privacyPolicyModal .modalBody p, html body .blockUI.blockMsg.blockPage #cookiesPolicyModal .modalBody p {
        text-align: left;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        font-size: 15px !important;
        line-height: 19px;
        color: #000000;
        margin: 0 0 20px 0; }
        html body .blockUI.blockMsg.blockPage #termsAndConditionsModal .modalBody p strong, html body .blockUI.blockMsg.blockPage #privacyPolicyModal .modalBody p strong, html body .blockUI.blockMsg.blockPage #cookiesPolicyModal .modalBody p strong {
          font-family: "Lexend Deca, font";
          font-weight: 700; }
    html body .blockUI.blockMsg.blockPage .modalHeader h3 {
      font-size: 21px !important;
      color: #000000;
      font-family: "Lexend Deca, font";
      font-weight: 500; }
    html body .blockUI.blockMsg.blockPage .modalBody {
      font-size: 16px !important;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      color: #000000;
      text-align: center;
      line-height: 24px; }
      @media only screen and (max-width: 748px) {
        html body .blockUI.blockMsg.blockPage .modalBody {
          width: 100%;
          max-width: unset;
          box-sizing: border-box;
          margin: 0;
          padding: 15px; } }
      html body .blockUI.blockMsg.blockPage .modalBody p {
        font-size: 16px !important;
        font-family: "Lexend Deca, font";
        font-weight: 500;
        color: #000000;
        text-align: center;
        line-height: 24px; }
        html body .blockUI.blockMsg.blockPage .modalBody p a {
          color: #A5E28F; }
      html body .blockUI.blockMsg.blockPage .modalBody ul li {
        list-style: disc;
        color: #000000; }
        html body .blockUI.blockMsg.blockPage .modalBody ul li a {
          color: #A5E28F; }
      html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder {
        height: 50px;
        border: 1px solid #707070; }
        html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder .sbSelector {
          color: #000000;
          font-size: 18px;
          text-transform: capitalize;
          width: 100% !important;
          font-family: "Lexend Deca, font";
          font-weight: 500; }
        html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder .sbOptions {
          left: 0 !important;
          width: 100% !important; }
          html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder .sbOptions li {
            padding: 0; }
            html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder .sbOptions li a {
              text-transform: capitalize;
              font-size: 18px !important;
              color: #000000 !important;
              font-family: "Lexend Deca, font";
              font-weight: 500; }
      html body .blockUI.blockMsg.blockPage .modalBody .buttons #confirm-country {
        font-size: 18px; }
      html body .blockUI.blockMsg.blockPage .modalBody.withoutFooter p {
        padding: 0; }
      html body .blockUI.blockMsg.blockPage .modalBody.withoutFooter button {
        display: block !important;
        width: 340px;
        height: 40px;
        box-sizing: border-box;
        margin: 15px auto 0 auto; }
        @media (max-width: 360px) {
          html body .blockUI.blockMsg.blockPage .modalBody.withoutFooter button {
            width: 100%; } }
    html body .blockUI.blockMsg.blockPage .my-ticket-modal {
      padding: 30px !important; }
      html body .blockUI.blockMsg.blockPage .my-ticket-modal h3 {
        font-weight: normal; }
      @media only screen and (max-width: 748px) {
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody {
          padding: 0; } }
      html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup label.controlLabel {
        width: 145px;
        padding: 10px 0; }
        @media (max-width: 420px) {
          html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup label.controlLabel {
            display: none; } }
      html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup .controls {
        width: calc(100% - 145px); }
        @media (max-width: 420px) {
          html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup .controls {
            width: 100%; } }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup .controls p.helpBlock {
          display: none; }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup .controls .form-inline label div {
          display: none; }
      html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-direction: column-reverse; }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter a, html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter input {
          width: 340px;
          height: 40px;
          line-height: 40px;
          padding: 0;
          box-sizing: border-box;
          margin: 0; }
          @media (max-width: 360px) {
            html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter a, html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter input {
              width: 100%; } }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter input {
          margin-bottom: 30px; }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter a.tf-btn-default {
          background: #D9D9D9;
          color: #000000; }
          html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter a.tf-btn-default:hover {
            color: #FFFFFF; }
    html body .blockUI.blockMsg.blockPage:has(#address-location-map) {
      background: none !important;
      box-shadow: unset !important;
      top: 10% !important; }
  html body footer {
    padding: 20px 30px !important;
    border: none;
    width: 100% !important;
    max-width: unset !important;
    margin-top: 30px !important; }
    html body footer.container {
      background: #000000; }
      html body footer.container .social-media-links {
        order: 3;
        margin-left: auto; }
      html body footer.container .payment-logos-wrapper {
        display: none; }
      html body footer.container .footer-quick-links {
        order: 1; }
      html body footer.container .footer-copyright {
        order: 2; }
    html body footer .footer-menu {
      margin: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 100% !important; }
      @media (max-width: 984px) {
        html body footer .footer-menu {
          justify-content: center; } }
      html body footer .footer-menu .social-icons {
        display: flex; }
        html body footer .footer-menu .social-icons li {
          display: flex; }
          html body footer .footer-menu .social-icons li a {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 0 0 10px; }
            html body footer .footer-menu .social-icons li a i {
              color: #FFFFFF;
              font-size: 24px; }
            html body footer .footer-menu .social-icons li a svg path {
              stroke: #FFFFFF; }
            html body footer .footer-menu .social-icons li a:hover {
              background-color: none;
              color: #A5E28F !important; }
              html body footer .footer-menu .social-icons li a:hover svg path {
                stroke: #A5E28F; }
              html body footer .footer-menu .social-icons li a:hover i {
                color: #A5E28F; }
            html body footer .footer-menu .social-icons li a.tiktok-link {
              margin: 0 -8px 0 2px; }
          html body footer .footer-menu .social-icons li .social-link {
            font-size: 18px;
            text-transform: uppercase;
            color: #A5E28F;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            margin-left: 10px;
            margin-top: 8px; }
      html body footer .footer-menu .payment-logos-wrapper {
        margin-top: 25px; }
      html body footer .footer-menu .footer-copyright {
        margin-top: 0;
        font-family: "Lexend Deca, font";
        font-size: 14px;
        letter-spacing: 0.65px;
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 18px;
        padding-left: 10px;
        font-weight: 700; }
    @media only screen and (max-width: 748px) {
      html body footer {
        display: none; } }
  html body .footer-quick-links {
    margin-top: 0; }
    html body .footer-quick-links a {
      font-family: "Lexend Deca, font";
      font-weight: 700;
      font-size: 14px;
      text-transform: uppercase;
      color: #FFFFFF;
      padding-right: 5px;
      display: inline-block; }
      @media only screen and (max-width: 748px) {
        html body .footer-quick-links a {
          padding-right: 0;
          display: block;
          padding-bottom: 20px; } }
      html body .footer-quick-links a::after {
        content: '|';
        display: inline-block;
        color: #FFFFFF;
        margin-left: 10px; }
        @media only screen and (max-width: 748px) {
          html body .footer-quick-links a::after {
            display: none; } }
      html body .footer-quick-links a:last-child {
        padding-right: 0; }
        @media only screen and (max-width: 748px) {
          html body .footer-quick-links a:last-child {
            padding-bottom: 0; } }
      html body .footer-quick-links a:hover {
        color: #A5E28F;
        text-decoration: none; }
  html body .payment-logos-wrapper {
    display: none; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.visa {
      background-position: 0 0;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.mastercard {
      background-position: 0 -92px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.pps {
      background-position: 0 -270px;
      height: 50px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.amex {
      background-position: 0 -46px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.chinapay {
      background-position: 0 -184px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.octopus {
      background-position: 0 -230px;
      height: 50px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.visa-verified {
      background-position: 0 -367px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.mastercard-secure {
      background-position: 0 -412px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.tapngo {
      background-position: 0 -320px;
      height: 44px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.wechat, html body .payment-logos-wrapper ul.payment-logos li.bg-icon.icbc-macau-wechat-pay {
      background-position: 0 -460px;
      height: 40px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.paypal {
      background-position: 0 -505px;
      height: 40px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.diners-club {
      background-position: 0 -800px;
      height: 40px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.payme {
      background-position: 0 -550px;
      height: 40px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.jcb {
      background-position: 0 -606px;
      height: 43px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.macaupay {
      background-position: 0 -665px;
      height: 40px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.macaupass-alipay, html body .payment-logos-wrapper ul.payment-logos li.bg-icon.icbc-macau-alipay {
      background-position: 0 -707px;
      height: 40px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.icbc-macau-cards {
      background-position: 0 -755px;
      height: 40px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.alipay-hong-kong {
      background-position: 0 -863px;
      height: 40px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.icbc-macau-epay {
      background-position: 0 -920px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.gcash {
      background-position: 0 -994px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.grabpay {
      background-position: 0 -1188px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.maya {
      background-position: 0 -1256px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.atome {
      background-position: 0 -1065px;
      height: 45px; }
    html body .payment-logos-wrapper ul.payment-logos li.bg-icon.bpi-online-banking {
      background-position: 0 -1128px;
      height: 45px; }
  html body .footer-mobile {
    padding: 25px !important; }
    @media screen and (max-height: 896px) {
      html body .footer-mobile {
        padding-bottom: 50px !important;
        padding-top: 0 !important; } }
    html body .footer-mobile .social-media-links {
      order: 3; }
    html body .footer-mobile .footer-menu {
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: left;
      border-top: 1px solid #707070;
      padding-top: 18px; }
      html body .footer-mobile .footer-menu .social-icons {
        display: flex; }
        html body .footer-mobile .footer-menu .social-icons li {
          display: flex; }
          html body .footer-mobile .footer-menu .social-icons li a {
            display: flex;
            border-radius: 0;
            justify-content: center;
            align-items: center;
            margin: 30px 10px 0 0;
            color: #FFFFFF; }
            html body .footer-mobile .footer-menu .social-icons li a i {
              color: #FFFFFF;
              font-size: 24px; }
            html body .footer-mobile .footer-menu .social-icons li a svg path {
              stroke: #000000; }
            html body .footer-mobile .footer-menu .social-icons li a:hover {
              background-color: none;
              color: #A5E28F !important; }
              html body .footer-mobile .footer-menu .social-icons li a:hover i {
                color: #A5E28F; }
            html body .footer-mobile .footer-menu .social-icons li a.tiktok-link {
              margin: 30px 0 0 -5px; }
          html body .footer-mobile .footer-menu .social-icons li .social-link {
            font-size: 16px;
            text-transform: uppercase;
            color: #A5E28F;
            font-family: "Lexend Deca, font";
            font-weight: 700;
            margin-left: 10px;
            margin-top: 34px; }
      html body .footer-mobile .footer-menu .payment-logos-wrapper {
        margin-top: 25px; }
      html body .footer-mobile .footer-menu .footer-quick-links {
        margin-top: 0; }
        html body .footer-mobile .footer-menu .footer-quick-links a {
          font-family: "Lexend Deca, font";
          font-weight: 700;
          font-size: 14px;
          text-transform: uppercase;
          color: #FFFFFF;
          padding-bottom: 0;
          line-height: 36px; }
          html body .footer-mobile .footer-menu .footer-quick-links a:hover {
            color: #A5E28F; }
      html body .footer-mobile .footer-menu .footer-copyright {
        display: block;
        margin-top: 20px;
        font-size: 14px;
        color: #FFFFFF;
        font-family: "Lexend Deca, font";
        text-transform: uppercase;
        font-weight: 700; }
  html body .languageWrap {
    float: left;
    background: none;
    font-size: 16px;
    padding: 0;
    border-radius: 0;
    margin-top: 0px;
    margin-left: 15px;
    height: 34px;
    position: unset;
    width: auto; }
    @media only screen and (max-width: 748px) {
      html body .languageWrap {
        margin-left: 0;
        order: 2;
        z-index: 1; } }
    html body .languageWrap #locale_switcher {
      position: relative; }
      html body .languageWrap #locale_switcher > span {
        background: url(/static/images/flags.png) no-repeat !important;
        width: 22px;
        position: absolute;
        top: 10px;
        left: 10px;
        height: 10px;
        cursor: pointer; }
        @media (min-width: 749px) {
          html body .languageWrap #locale_switcher > span {
            display: none !important; } }
      html body .languageWrap #locale_switcher .sbHolder {
        background-color: transparent;
        width: auto;
        min-width: 45px;
        padding: 0px 25px 0px 10px !important;
        cursor: pointer; }
        @media (max-width: 420px) {
          html body .languageWrap #locale_switcher .sbHolder {
            min-width: 40px; } }
        @media only screen and (max-width: 748px) {
          html body .languageWrap #locale_switcher .sbHolder {
            padding-right: 5px !important; } }
        html body .languageWrap #locale_switcher .sbHolder a {
          background-color: #F8F8F8;
          background: none;
          color: #FFFFFF;
          font-size: 19px;
          font-family: "Lexend Deca, font";
          font-weight: 500;
          margin-left: 0 !important;
          line-height: 36px;
          padding: 0; }
          @media only screen and (max-width: 748px) {
            html body .languageWrap #locale_switcher .sbHolder a {
              margin-right: 20px !important;
              margin-left: 15px !important; } }
          html body .languageWrap #locale_switcher .sbHolder a.sbSelector {
            width: 100% !important;
            position: relative;
            top: 0; }
            html body .languageWrap #locale_switcher .sbHolder a.sbSelector::after {
              display: none; }
            @media only screen and (max-width: 748px) {
              html body .languageWrap #locale_switcher .sbHolder a.sbSelector {
                display: none !important; } }
          html body .languageWrap #locale_switcher .sbHolder a.sbToggle::after {
            content: "";
            top: 16px;
            left: -9px;
            position: absolute;
            margin: 0 6px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #FFFFFF; }
            @media only screen and (max-width: 748px) {
              html body .languageWrap #locale_switcher .sbHolder a.sbToggle::after {
                left: 70px;
                top: 22px; } }
          html body .languageWrap #locale_switcher .sbHolder a.sbToggle.sbToggleOpen::after {
            transform: rotate(180deg); }
          html body .languageWrap #locale_switcher .sbHolder a.sbToggle.sbToggleOpen + a {
            color: #A5E28F !important; }
        html body .languageWrap #locale_switcher .sbHolder ul.sbOptions {
          background-color: #F8F8F8;
          border: 0;
          box-shadow: none;
          margin-top: 10px;
          width: 205px;
          overflow: hidden;
          left: unset !important;
          overflow: hidden;
          right: 0;
          top: 45px !important; }
          @media only screen and (max-width: 748px) {
            html body .languageWrap #locale_switcher .sbHolder ul.sbOptions {
              top: 42px !important; } }
          @media (max-width: 420px) {
            html body .languageWrap #locale_switcher .sbHolder ul.sbOptions {
              top: 42px !important; } }
          @media (max-width: 360px) {
            html body .languageWrap #locale_switcher .sbHolder ul.sbOptions {
              top: 46px !important; } }
          html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li {
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: left; }
            html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a {
              color: #000000 !important;
              background-color: #F8F8F8 !important;
              font-size: 14px;
              border-radius: 0;
              margin: 0;
              display: block;
              padding: 9px 16px 8px 16px;
              font-family: "Lexend Deca, font";
              font-weight: 500;
              border: 0;
              line-height: normal;
              margin-left: 0 !important;
              text-transform: capitalize !important; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a::before {
                background: url(/static/images/flags.png) no-repeat;
                width: 22px;
                display: inline-block;
                content: '';
                margin-right: 5px;
                display: none; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a:hover {
                background-color: #D9D9D9 !important;
                color: #000000 !important;
                border-radius: 0; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a.active {
                background: #A5E28F !important;
                color: #000000 !important; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a[rel="en"]::before {
                background-position: 0 0 !important;
                height: 11px; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a[rel="zh-hant"]::before {
                background-position: 0 -12px !important;
                height: 14px; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a[rel="zh-hans"]::before {
                background-position: 0 -27px !important;
                height: 14px; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a[rel="th"]::before {
                background-position: 0 -76px !important;
                height: 14px; }
    html body .languageWrap:hover {
      background: #000000 !important; }
      @media (max-width: 1280px) {
        html body .languageWrap:hover {
          background: none !important; } }
      html body .languageWrap:hover .sbHolder a {
        color: #A5E28F !important; }
    html body .languageWrap:has(a.sbToggleOpen) {
      background-color: #000000; }
      html body .languageWrap:has(a.sbToggleOpen) .sbSelector {
        color: #FFFFFF !important; }
      html body .languageWrap:has(a.sbToggleOpen):hover {
        background-color: #000000 !important; }
      html body .languageWrap:has(a.sbToggleOpen) .sbToggle::after {
        border-top: 5px solid #FFFFFF !important; }
  html body.language-style-en .languageWrap #locale_switcher > span {
    height: 14px;
    background-position: left 3px !important; }
  html body.language-style-zh-hant .languageWrap #locale_switcher > span {
    height: 16px;
    background-position: left -10px !important; }
  html body.language-style-zh-hans .languageWrap #locale_switcher > span {
    height: 16px;
    background-position: left -26px !important; }
  html body.language-style-th .languageWrap #locale_switcher > span {
    height: 16px;
    background-position: left -74px !important; }
  html body .blockUI.cookiesPopup {
    margin: auto !important;
    max-width: 80% !important;
    width: 500px !important;
    left: 0px !important;
    right: 0px !important;
    border-radius: 0px;
    box-shadow: none;
    text-align: center; }
    html body .blockUI.cookiesPopup h1 {
      border-bottom: none !important;
      padding-bottom: 0px !important;
      font-family: "Lexend Deca, font";
      font-weight: 700;
      font-size: 21px !important;
      line-height: 24px !important;
      text-transform: capitalize !important;
      color: #3C3C3C;
      text-align: center; }
    html body .blockUI.cookiesPopup p {
      padding-bottom: 30px !important;
      font-size: 15px;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      color: #000000;
      text-align: center; }
    html body .blockUI.cookiesPopup .tfn-btn-primary {
      width: 340px;
      height: 40px;
      margin: 0px auto 0px auto;
      padding: 0 15px !important;
      line-height: 40px;
      justify-content: center;
      display: flex;
      align-items: center; }
      @media (max-width: 420px) {
        html body .blockUI.cookiesPopup .tfn-btn-primary {
          width: 100%; } }

.show-password-button {
  background-size: 70% !important;
  padding: 8px 16px;
  position: absolute;
  right: 0;
  top: 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaCAYAAADFTB7LAAAABHNCSVQICAgIfAhkiAAAAsxJREFUWEell41R20AQha0KQgeQCoAKMBVAB0AFkSqIqcBOBTEdmAoiKgjuwKkgUIHyPs2dRjrfz8rZmRvJvt29d29v91bV4gSp6/qsqqrLruuWMmcgVxpn7v1Dz3eN/indVrr7zWbD71lSzdFumuZOC93LhuHBWF0Abiewu/V6/Wo1MgEUY7D0U+PC6rigd9D8kxhtS/6yAAUMQAADYEr+aIKFCCkDIdwM7M4zttgBFMBRSQIUuEdZrDVSoQTYSs63GQAL52eVAUrom5SfKEA5hTUApuRFE7X10JNU0t9oPGR8buXvKZw/AmgBJ0dH4N05vVES9Jkby1rpwPYskBOABnBvAreMseBCCfNeACr1zfNYX3qtft9YmRwARhaI+bjWgj4RJvOyJyl+R4wmocvojU1JHNhe9ABdeH5ldsXUq4yof1Ep+HiW7cobSnen97vCereUIQ+QncNAToZdxZS0KBtcZhx89eXEGK136V9XUq7llHJSkiG8MrlXMigPur2e53rCTg4cviklZDIRSx2HEEMDwL/6t3htyff4vLLQt9KOgvmXcfZr3c5g/wFAsu1LSTkACGPfSzbB/A/5IFq9GAF+nhpi67EYYzwtxG43lI7LAiNDkribgaMxR+YmCe3Z1cllRiDnhDkMr6XM9En5X4XacHXBcJgclgyeFurRwd3qPXdXttrV7TiujslH/Re2VZ/6j8oC04MY6uVkQ7FmoQQy2nW4mwR2KFmtBoWWCjEGV+ySwkYk1W4VQWpVsnICIJUxLqm4DGA6JRPmvFKpYaUgp2rkQbfISt8X9IZJ0XfMg7tpLhJKHAV6S0g5EkvLj2GuPTpovhXYScsvUL7lTwEDzBus+jt6NkBv4M4XQHPfFzkiw7m9Y60tGZm+6kZAabf8KF6PweKEkvq3E2M8TTIL4AgomepD6DOXpwcNGEJOEvGEqaOstiD8B7agVykntdw6AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  cursor: pointer;
  display: block !important; }
  .show-password-button.eye-active {
    background: url("/static/images/eye-disabled.svg") no-repeat; }

@media only screen and (max-width: 748px) {
  .modalBody {
    max-width: 65vh; } }

.blockUI h3.tf-title {
  font-family: "Lexend Deca, font";
  font-weight: 500;
  font-size: 21px !important;
  color: #000000 !important;
  text-align: center;
  text-transform: capitalize; }

.blockUI form .modalBody {
  overflow: unset; }
  .blockUI form .modalBody .controlGroup {
    position: relative;
    border-bottom: 1px solid #707070; }
    .blockUI form .modalBody .controlGroup label.controlLabel {
      padding: 10px;
      color: #000000;
      font-size: 14px;
      font-family: "Lexend Deca, font";
      font-weight: 500;
      text-align: left;
      text-transform: capitalize; }
    .blockUI form .modalBody .controlGroup .controls input {
      border: 0 !important;
      color: #000000;
      font-size: 14px !important;
      font-family: "Lexend Deca, font";
      font-weight: 500; }
    .blockUI form .modalBody .controlGroup .controls p.helpBlock {
      position: absolute;
      bottom: -35px;
      left: 0;
      margin-left: 0 !important;
      font-size: 14px;
      font-family: "Lexend Deca, font";
      color: #707070; }

.blockUI form .modelFooter {
  margin-top: 45px !important; }
  .blockUI form .modelFooter a, .blockUI form .modelFooter input {
    color: #000000;
    background: #A5E28F;
    border: 0;
    font-family: "Lexend Deca, font";
    font-weight: 700;
    font-size: 18px;
    border-radius: 0 !important;
    padding: 5px 12px 5px 12px;
    text-transform: uppercase;
    min-height: unset;
    padding-left: 35px;
    padding-right: 35px;
    box-sizing: border-box; }
    .blockUI form .modelFooter a:hover, .blockUI form .modelFooter input:hover {
      color: #000000;
      background: #7CAA6B;
      text-decoration: none; }

.blockUI .modal .modalFooter {
  border-top: 0; }
  .blockUI .modal .modalFooter .tf-btn.tf-btn-default {
    color: #000000;
    background: #A5E28F;
    border: 0;
    font-family: "Lexend Deca, font";
    font-weight: 700;
    font-size: 18px;
    border-radius: 0 !important;
    padding: 5px 12px 5px 12px;
    text-transform: uppercase;
    min-height: unset;
    padding-left: 35px;
    padding-right: 35px; }
    .blockUI .modal .modalFooter .tf-btn.tf-btn-default:hover {
      color: #000000;
      background: #7CAA6B;
      text-decoration: none; }

.blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  flex-direction: column; }
  .blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter a {
    width: 340px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0 !important;
    box-sizing: border-box; }
    @media (max-width: 420px) {
      .blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter a {
        width: 100%; } }
    .blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter a.tf-btn-default {
      background-color: #D9D9D9;
      color: #000000;
      font-size: 18px;
      font-family: "Lexend Deca, font";
      font-weight: 700;
      margin-top: 30px; }
      .blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter a.tf-btn-default:hover {
        color: #FFFFFF; }

.blockUI.delete-data-request-confirmation {
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  display: flex;
  flex-direction: column; }
  .blockUI.delete-data-request-confirmation h1 {
    font-family: "Lexend Deca, font";
    font-weight: 500;
    font-size: 21px !important;
    line-height: 24px !important;
    padding: 15px 0 5px 0 !important;
    text-transform: capitalize !important;
    color: #000000;
    text-align: center !important;
    border-bottom: 0 !important; }
  .blockUI.delete-data-request-confirmation p {
    font-family: "Lexend Deca, font";
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    text-align: center !important; }
  .blockUI.delete-data-request-confirmation button {
    width: 340px;
    height: 40px;
    margin: 30px auto 5px auto;
    padding: 0 !important;
    line-height: 40px;
    justify-content: center;
    display: inline-flex; }
    @media screen and (max-device-width: 844px) and (orientation: landscape) {
      .blockUI.delete-data-request-confirmation button {
        margin: 15px auto 5px auto; } }
    .blockUI.delete-data-request-confirmation button.tf-btn-primary {
      order: 4;
      background: #D9D9D9;
      color: #000000; }
      .blockUI.delete-data-request-confirmation button.tf-btn-primary:hover {
        color: #FFFFFF; }
    .blockUI.delete-data-request-confirmation button.tf-btn-default {
      background: #A5E28F;
      color: #FFFFFF; }
    .blockUI.delete-data-request-confirmation button:last-child {
      order: 1;
      margin-bottom: 0; }
    @media (max-width: 420px) {
      .blockUI.delete-data-request-confirmation button {
        width: 100%; } }

html body .blockUI.delete-data-request-confirmation.blockPage {
  text-align: center !important;
  left: 0px !important;
  right: 0px !important;
  margin: auto !important;
  max-width: 80% !important;
  width: 500px !important;
  margin-top: -50px !important; }
  @media (max-width: 360px) {
    html body .blockUI.delete-data-request-confirmation.blockPage {
      max-width: 80% !important; } }

/*Cookeis popup style start from here*/
.layout-ets-v2 #cookie-popup-first {
  height: 100vh;
  margin: 0 auto;
  overflow-y: scroll;
  top: 1%; }
  .layout-ets-v2 #cookie-popup-first .cookie-popup-inner {
    border: 1px solid #707070; }
    @media only screen and (max-width: 748px) {
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner {
        padding: 29px 21px; } }
    .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-header {
      font-family: "Lexend Deca, font";
      font-weight: 500;
      font-size: 21px;
      color: #000000;
      border-bottom: 0;
      text-transform: capitalize; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-header h1 {
        text-transform: capitalize; }
    .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body p {
      color: #000000; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body p strong {
        color: #000000; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body p a {
        color: #A5E28F; }
    .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body table {
      text-align: left;
      font-size: 15px;
      color: #000000;
      border: 1px solid #70707080;
      font-family: "Lexend Deca, font";
      font-weight: 500; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body table tr td {
        border-top: 1px solid #707070;
        border-right: 1px solid #707070;
        border-bottom: 1px solid #707070;
        padding: 5px; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body table tr th {
        border-top: 1px solid #707070;
        border-right: 1px solid #707070;
        padding: 5px; }
    .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer {
      text-align: center;
      margin-top: 20px;
      justify-content: center; }
      @media only screen and (max-width: 748px) {
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer {
          margin-top: 19px; } }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button {
        height: 40px;
        width: 320px;
        box-sizing: border-box;
        padding-top: 0;
        padding-bottom: 0;
        margin: 30px 5px 0 5px !important;
        line-height: 40px; }
        @media (max-width: 368px) {
          .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button {
            width: 100% !important;
            font-size: 14px !important; } }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.accept-all-first {
          display: inline-block !important; }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.accept-all-last {
          display: none !important; }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.tf-btn-primary {
          padding: 0 15px; }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.tf-btn-default {
          background-color: #D9D9D9;
          color: #000000;
          font-size: 18px;
          font-family: "Lexend Deca, font";
          font-weight: 700; }
          .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.tf-btn-default:hover {
            color: #FFFFFF; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer a.refuse-cookies {
        background-color: #D9D9D9;
        color: #000000;
        border-radius: 0;
        font-size: 18px;
        font-family: "Lexend Deca, font";
        font-weight: 700;
        text-align: center;
        box-sizing: border-box;
        height: 40px;
        width: 320px;
        margin-top: 30px;
        padding: 0;
        line-height: 40px;
        order: 3; }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer a.refuse-cookies:hover {
          color: #FFFFFF; }
        @media (max-width: 368px) {
          .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer a.refuse-cookies {
            width: 100%;
            font-size: 14px; } }

.seat-ticket-type-options {
  border: 0 !important;
  border-radius: 0 !important; }
  .seat-ticket-type-options .popover-inner .popover-title span {
    font-size: 14px;
    color: #000000;
    font-family: "Lexend Deca, font";
    font-weight: normal; }
  .seat-ticket-type-options .popover-inner .popover-content table tr.seat-add-to-cart-option td {
    color: #000000;
    font-size: 14px;
    font-family: "Lexend Deca, font"; }
    .seat-ticket-type-options .popover-inner .popover-content table tr.seat-add-to-cart-option td.action button {
      background: #A5E28F;
      color: #FFFFFF;
      border-radius: 0;
      border: 0;
      font-size: 14px;
      font-family: "Lexend Deca, font";
      font-weight: 700;
      text-transform: capitalize !important;
      padding: 5px; }
      .seat-ticket-type-options .popover-inner .popover-content table tr.seat-add-to-cart-option td.action button[disabled] {
        background: #D9D9D9;
        color: #FFFFFF; }

input[type='radio']:after {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  top: 0px;
  left: 3px;
  position: relative;
  background-color: #FFFFFF;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 0px 1px #707070; }

input[type='radio']:checked:after {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  top: 0px;
  left: 3px;
  position: relative;
  background-color: #A5E28F;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 0px 1px #A5E28F; }

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #000000; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000000; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000000; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000000; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000000; }

::placeholder {
  /* Most modern browsers support this now. */
  color: #000000; }

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(#recaptcha_response_field):not([type="button"]), textarea {
  background: transparent !important; }

input[type=text] {
  border-radius: 0; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important; }

html body #upsell-app .view h2 {
  font-family: "Lexend Deca, font" !important; }

#auth-app #login-button-loader {
  height: 35px !important;
  width: 100% !important; }

html .my-ticket-modal form.formHorizontal div.controlGroup div.controls select {
  border-bottom: 1px solid #000000 !important;
  border-left: 0;
  border-right: 0;
  border-top: 0; }

.my-ticket-modal form .modalBody .controlGroup {
  border: 0; }

.my-ticket-modal form .modalBody .controlGroup input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(#recaptcha_response_field):not([type="button"]), .my-ticket-modal form textarea {
  border-bottom: 1px solid #000000 !important;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 0 0 30px white inset !important; }

html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .evf-formset-field-container:nth-child(9) .evf-formset-field {
  margin-top: 0 !important; }

html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .evf-formset-field-container:nth-child(5) .evf-formset-field {
  padding-left: 15px; }
  @media only screen and (max-width: 748px) {
    html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .evf-formset-field-container:nth-child(5) .evf-formset-field {
      padding-left: 0; } }

html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .mini-auth-form-button {
  margin-top: 10px; }

html body .main-content #signup-or-signin-page-wrap #evf-authentication .forgot-password-text {
  padding-top: 10px !important; }

#sidebar-overlay {
  display: none; }
  #sidebar-overlay.active {
    position: fixed;
    right: 0;
    top: 0;
    width: calc(100% - 284px);
    height: 100vh;
    background: rgba(112, 112, 112, 0.7);
    z-index: 13;
    display: block; }
    @media screen and (max-width: 748px) {
      #sidebar-overlay.active {
        display: none; } }

html #tickets-page-wrap .infoItem.ticket .ticket-info-block span {
  color: unset; }

@-moz-document url-prefix() {
  html body ul.event-list li a .info-txts .new-event-labels .event-banner {
    line-height: 13px; }
    @media only screen and (max-width: 748px) {
      html body ul.event-list li a .info-txts .new-event-labels .event-banner {
        line-height: 16px; } } }

#seating-ba-ss-list .seating-ba-ss-list-option {
  border-color: transparent; }

html section#content #sidebar #buy_tickets_btn {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  box-sizing: border-box; }
  @media (min-width: 749px) {
    html section#content #sidebar #buy_tickets_btn {
      max-width: 330px; } }
  @media only screen and (max-width: 748px) {
    html section#content #sidebar #buy_tickets_btn {
      margin-left: 12px !important;
      margin-right: 12px !important;
      max-width: calc(100% - 24px) !important;
      margin-top: 0 !important; } }

#event-is-accept-promoter-opt-in label.checkbox {
  color: #000000 !important;
  font-weight: 700; }

html #event-package-list {
  margin-top: 20px; }
  html #event-package-list h1.section-title {
    font-size: 21px;
    font-family: "Lexend Deca, font";
    font-weight: 700;
    border-bottom: solid 1px #000000;
    width: 100%;
    line-height: 28px;
    color: #000000;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 10px 15px 10px 0; }
    @media only screen and (max-width: 748px) {
      html #event-package-list h1.section-title {
        font-size: 16px; } }
  html #event-package-list .package-title {
    color: #000000 !important;
    font-family: "Lexend Deca, font";
    font-weight: 400; }
  html #event-package-list .event-packages-container .package-content .buy-package-btn {
    color: #000000;
    background: #A5E28F;
    border: 0;
    font-family: "Lexend Deca, font";
    font-weight: 700;
    font-size: 18px;
    border-radius: 0 !important;
    padding: 5px 12px 5px 12px;
    text-transform: uppercase;
    min-height: unset;
    color: #000000 !important; }
    html #event-package-list .event-packages-container .package-content .buy-package-btn:hover {
      color: #000000;
      background: #7CAA6B;
      text-decoration: none; }

#show-cxl-page .exchange-flow-container .action-button,
#show-cxl-page .refund-flow-container .action-button {
  color: #000000 !important; }

#show-cxl-page .exchange-flow-container .scan-option .scan-icon-wrapper,
#show-cxl-page .refund-flow-container .scan-option .scan-icon-wrapper {
  color: #000000 !important; }

#auth-app #login-button-loader {
  border: none !important;
  color: #ffffff !important;
  background: #0ab9ce !important;
  border-radius: 0;
  padding-top: 8px;
  padding-bottom: 7px;
  margin: 20px 5px !important; }

textarea, select, input, button {
  outline: none; }

html p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

html body {
  background: #fff; }
  html body a {
    color: orange; }
    html body a:hover {
      color: orange; }
  html body p, html body div {
    color: #777; }

html div.line-separator {
  color: transparent;
  background-color: transparent; }

html .tf-title.overline {
  border-top: transparent solid 1px; }

html .content-block {
  border-top: 1px solid transparent; }
  html .content-block .subtitle, html .content-block li {
    color: #666; }

html .cvv-img {
  background: #A5E28F; }

html .property-style-cod #content input,
html .property-style-cod #id_full_code {
  min-height: 38px; }

html .property-style-sc #content input,
html .property-style-sc #id_full_code {
  min-height: 40px; }

html .property-style-cod #content input[type="radio"],
html .property-style-sc #content input[type="radio"] {
  min-height: auto; }

@media (min-width: 749px) {
  body.layout-ets-v2 section#content.with-timer {
    padding-top: 50px; } }

@media only screen and (max-width: 748px) {
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns .type {
    width: 65%;
    float: left; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
    clear: both;
    border-bottom: 1px solid transparent;
    background: transparent; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns > .quantity-price {
    border-top: none; } }

@media only screen and (max-width: 748px) {
  .mobile-padding-20 {
    padding: 20px !important; } }

.mouse-inactive {
  pointer-events: none; }

.mouse-no-pointing {
  cursor: default; }

#event-header-first {
  background: transparent; }

#event-header-second {
  background: transparent; }

button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
  color: #000000;
  background: #A5E28F;
  border: 0;
  font-family: "Lexend Deca, font";
  font-weight: 700;
  font-size: 18px;
  border-radius: 0 !important;
  padding: 5px 12px 5px 12px;
  text-transform: uppercase;
  min-height: unset; }
  button.tf-btn-primary:hover, a.tf-btn-primary:hover, input.tf-btn-primary:hover {
    color: #000000;
    background: #7CAA6B;
    text-decoration: none; }

@supports (display: -ms-grid) {
  html body.language-style-zh-hant button.tf-btn-primary, html body.language-style-zh-hant a.tf-btn-primary, html body.language-style-zh-hant input.tf-btn-primary,
  html body.language-style-zh-hans button.tf-btn-primary,
  html body.language-style-zh-hans a.tf-btn-primary,
  html body.language-style-zh-hans input.tf-btn-primary {
    padding-top: 9px;
    padding-bottom: 11px; } }

html .infoItem a.tf-btn.tf-btn-default:hover {
  text-decoration: underline; }

@media only screen and (max-width: 748px) {
  html .nav.navTabs {
    margin-bottom: 22px; } }

html .nav.navTabs li a, html .nav.navTabs li h2, html .nav.navTabs li h2.tf-title {
  color: #666; }

html .nav.navTabs li.active a, html .nav.navTabs li.active h2, html .nav.navTabs li.active h2.tf-title {
  color: orange; }

@media only screen and (max-width: 748px) {
  html .nav.navTabs li a {
    background: transparent;
    margin-bottom: 2px; } }

html .nav.navTabs .active a {
  background: transparent; }

html .popover-inner .popover-content p {
  color: transparent; }

@media only screen and (max-width: 748px) {
  html section#content #setup-order-wrap.gray-container {
    border: none;
    padding: 0 11px; }
  html #event-detail,
  html #payment-details-page,
  html #tickets-page-wrap {
    padding-left: 11px;
    padding-right: 11px; } }

#list-event-subscriber h2 {
  color: #000; }
  #list-event-subscriber h2 i {
    color: #000; }

html .cm-right-0 button {
  margin-right: 0; }

@media only screen and (max-width: 748px) {
  html .mobile-invisible {
    display: none; } }

html .mobile-only {
  display: none; }
  @media only screen and (max-width: 748px) {
    html .mobile-only {
      display: block; } }

@media only screen and (max-width: 748px) {
  html .mobile-full-width {
    width: 100% !important; } }

html .blocking-err {
  color: #e73440; }

html .event-banner.banner-sold-out {
  background: blue; }

html div.breathe {
  margin-top: 12px; }

html body.language-style-es .languageWrap #locale_switcher > span {
  height: 16px;
  background-position: left -107px !important; }

.ticket-category-list .ticket-category-item {
  flex-wrap: wrap; }
  .ticket-category-list .ticket-category-item .ticket-category-price-expand {
    display: flex;
    flex-basis: 100%;
    justify-content: flex-end;
    flex-direction: column; }

html #header {
  z-index: 700; }
  @media (min-width: 749px) {
    html #header .navbar {
      display: block !important; } }
  html #header .navbar ul.nav li a,
  html #header .navbar ul.nav-auth li a {
    color: blue;
    font-weight: normal; }
  html #header .navbar ul.nav-auth li a:hover {
    color: blue; }
  html #header .navbar ul.nav-auth :before {
    color: #666; }
  html #header .menu {
    background: rgba(0, 0, 0, 0.2);
    margin-top: 0; }
    html #header .menu .menu-row {
      margin-top: 10px;
      margin-bottom: 7px; }
  @media only screen and (max-width: 748px) {
    html #header .header-links {
      height: auto;
      background: none; }
    html #header .brand img {
      visibility: visible;
      width: 45px;
      top: -2px;
      left: -7px; } }

html #header-username {
  text-align: right; }

.header-fixed .lang-with-flag li > a {
  padding-left: 30px !important;
  background-repeat: no-repeat !important;
  background-size: 20px 15px !important;
  background-position: 0px 8px !important; }

.header-fixed .lang-with-flag a[rel="en"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/gb.svg"); }

.header-fixed .lang-with-flag a[rel="zh-hant"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/hk.svg"); }

.header-fixed .lang-with-flag a[rel="zh-hans"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/cn.svg"); }

.header-fixed .lang-with-flag a[rel="th"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/th.svg"); }

.header-fixed .lang-with-flag a[rel="ko"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/kr.svg"); }

.header-fixed .lang-with-flag a[rel="ja"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/jp.svg"); }

html header .header-fixed {
  background: blue;
  color: #666; }
  html header .header-fixed #locale_switcher .sbHolder {
    background: transparent; }
    @media (min-width: 749px) {
      html header .header-fixed #locale_switcher .sbHolder {
        width: auto;
        padding-right: 24px; } }
    html header .header-fixed #locale_switcher .sbHolder .sbToggle::after {
      color: #666;
      font-size: 1.2em;
      content: '\25B2';
      left: 0.3em;
      top: 7px;
      position: relative; }
    html header .header-fixed #locale_switcher .sbHolder .sbToggle.sbToggleOpen::after {
      content: '\25BC'; }
    html header .header-fixed #locale_switcher .sbHolder .sbSelector {
      color: #666;
      position: relative;
      left: 0;
      width: auto; }
    html header .header-fixed #locale_switcher .sbHolder .sbOptions {
      background: transparent;
      border-color: transparent; }
      html header .header-fixed #locale_switcher .sbHolder .sbOptions li {
        border-top: none;
        border-bottom: none; }
        html header .header-fixed #locale_switcher .sbHolder .sbOptions li:last-child {
          border-top: none; }
        html header .header-fixed #locale_switcher .sbHolder .sbOptions li a {
          border: none;
          color: #666; }
        html header .header-fixed #locale_switcher .sbHolder .sbOptions li:hover {
          background: transparent; }

@media only screen and (max-width: 748px) {
  html #header {
    background: transparent;
    border-color: transparent; }
  html .sbOptions {
    width: 122px; }
    html .sbOptions > li {
      background: transparent; }
      html .sbOptions > li:hover {
        background: transparent; }
  html .header__shownav {
    border-left: transparent solid 1px; }
    html .header__shownav span, html .header__shownav span:before, html .header__shownav span:after {
      background: #666; }
  html .navbar {
    background: transparent; }
    html .navbar ul.nav {
      background: transparent; }
  html .mobile-undershadow {
    -moz-box-shadow: 0 7px 11px -4px #000;
    -webkit-box-shadow: 0 7px 11px -4px #000;
    box-shadow: 0 7px 11px -4px #000; }
  html a:hover, html a:focus, html a.active {
    text-shadow: none !important; }
  html .header__auth.active {
    background: transparent; }
  html #search-wrap-mobile, html .header__auth--content {
    background: transparent; }
    html #search-wrap-mobile a, html .header__auth--content a {
      color: #666; }
      html #search-wrap-mobile a:hover, html .header__auth--content a:hover {
        color: orange;
        text-decoration: underline; } }

@media only screen and (max-width: 748px) {
  html .sbHolder,
  html .sbOptions,
  html .sbSelector {
    width: 45; }
  html body .sbOptions {
    left: -20px !important; }
  html body .header__shownav span {
    width: 30px; }
  html body .header__auth {
    top: 3px; }
  html body.property-style-sc #header > .container.header-links {
    height: 72px; }
  html body.property-style-sc #header .navbar.mobile-undershadow {
    top: 73px;
    padding-top: 19px; }
  html body.property-style-cod .languageWrapMobileOverlay {
    right: 65px; }
  html body.property-style-cod #locale_switcher {
    left: 62px;
    width: 100px; } }

html .languageWrapMobileOverlay {
  background: blue;
  color: #666;
  font-family: "Lexend Deca, font";
  position: absolute;
  z-index: 500;
  top: 0;
  right: 51px;
  width: 67px;
  height: 27px;
  text-align: center;
  padding-top: 18px;
  display: none;
  pointer-events: none; }
  @media only screen and (max-width: 748px) {
    html .languageWrapMobileOverlay {
      display: block; } }

html footer.container {
  border-color: transparent;
  background: #fff;
  width: 100%; }
  @media (min-width: 749px) {
    html footer.container > .footer-menu {
      width: 984px;
      margin-left: auto;
      margin-right: auto; } }

html .footer-payment-method {
  border-bottom: solid 1px transparent;
  text-align: center;
  padding: 15px; }

html .footer-menu .footer-block {
  color: #fff; }
  html .footer-menu .footer-block.one-half {
    width: 472px; }

html .footer-menu li a {
  color: #fff; }

html .footer-menu #facebook-link:hover,
html .footer-menu #instagram-link:hover,
html .footer-menu #linkedin-link:hover,
html .footer-menu #twitter-link:hover,
html .footer-menu #weibo-link:hover,
html .footer-menu #weixin-link:hover,
html .footer-menu #youtube-link:hover {
  text-decoration: none; }

html .footer-menu #instagram-link:hover {
  color: #d93175; }

html .footer-menu #linkedin-link:hover {
  color: #2877b5; }

html .footer-menu #twitter-link:hover {
  color: #5da9dd; }

html .footer-menu #tripadvisor-link:hover {
  color: #33e0a1; }

html .footer-menu #weibo-link:hover {
  color: #f78041; }

html .footer-menu #weixin-link:hover {
  color: #07c160; }

html .footer-menu #youtube-link:hover {
  color: #ed0802; }

.footer-contact-info {
  color: #fff; }

.footer-copyright, .footer-copyright a {
  color: #fff; }

@media only screen and (max-width: 748px) {
  html div.footer-menu {
    margin-left: 11px;
    margin-right: 11px; }
    html div.footer-menu .footer-block {
      min-height: 30px;
      padding-bottom: 20px; }
  html .footer-copyright > div {
    float: left; } }

html .modal {
  background: transparent; }
  @media only screen and (max-width: 748px) {
    html .modal .modalFooter {
      text-align: center; } }
  html .modal .modalFooter .tf-btn.tf-btn-primary {
    color: #000000;
    background: #A5E28F;
    border: 0;
    font-family: "Lexend Deca, font";
    font-weight: 700;
    font-size: 18px;
    border-radius: 0 !important;
    padding: 5px 12px 5px 12px;
    text-transform: uppercase;
    min-height: unset; }
    html .modal .modalFooter .tf-btn.tf-btn-primary:hover {
      color: #000000;
      background: #7CAA6B;
      text-decoration: none; }
    @media only screen and (max-width: 748px) {
      html .modal .modalFooter .tf-btn.tf-btn-primary {
        padding-left: 25px;
        padding-right: 25px; } }
  html .modal .modalFooter .tf-btn.tf-btn-default {
    color: #000000;
    background: transparent;
    border: solid 1px #000000;
    font-size: 18px;
    border-radius: 0;
    padding: 5px 12px 5px 12px;
    font-family: "Lexend Deca, font"; }
    html .modal .modalFooter .tf-btn.tf-btn-default:hover {
      background: #7CAA6B;
      text-decoration: none; }
    @media only screen and (max-width: 748px) {
      html .modal .modalFooter .tf-btn.tf-btn-default {
        padding-left: 25px;
        padding-right: 25px; } }
  html .modal#show-taxi-popup {
    background: transparent; }

html .blockUI.blockMsg.blockPage {
  background: transparent !important;
  color: #666 !important; }

html #custom-message-modal .modalBody {
  margin-top: 40px; }

html .blockUI .modalBody .controls {
  background: transparent  !important; }

@media only screen and (max-width: 748px) {
  html form.formHorizontal div.controlGroup div.controls select {
    width: 100% !important; } }

html #cookie-popup-first {
  bottom: 5px;
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  width: 95%;
  z-index: 9999; }
  html #cookie-popup-first::after {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    position: fixed;
    content: '';
    top: 0;
    left: 0;
    z-index: -1; }
  html #cookie-popup-first .cookie-popup-inner {
    background: white;
    border: 1px solid black;
    padding: 25px; }
    @media only screen and (max-width: 748px) {
      html #cookie-popup-first .cookie-popup-inner {
        padding: 10px; } }
  @media only screen and (max-width: 748px) {
    html #cookie-popup-first .popup-footer {
      display: flex;
      flex-direction: column;
      align-items: center; }
      html #cookie-popup-first .popup-footer button {
        width: 100%; } }
  @media (min-width: 749px) {
    html #cookie-popup-first {
      bottom: 10px;
      left: 0;
      padding: 25px;
      width: 95%;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (max-width: 1024px) and (min-width: 748px) {
    html #cookie-popup-first {
      width: 70%; } }
  html #cookie-popup-first .popup-header {
    font-size: 25px;
    line-height: 25px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px; }
    html #cookie-popup-first .popup-header h1 {
      text-transform: uppercase;
      font-weight: bold; }
  html #cookie-popup-first .popup-body {
    padding-top: 10px; }
  html #cookie-popup-first .popup-footer button.tf-btn-primary, html #cookie-popup-first .popup-footer a.tf-btn-primary, html #cookie-popup-first .popup-footer input.tf-btn-primary {
    padding-left: 7px;
    padding-right: 8px; }
  html #cookie-popup-first .popup-footer .mobile-only {
    margin: 3px;
    cursor: pointer; }
    @media (min-width: 749px) {
      html #cookie-popup-first .popup-footer .mobile-only {
        display: none; } }
  @media only screen and (max-width: 748px) {
    html #cookie-popup-first .popup-footer .desktop-only {
      display: none; } }
  html #cookie-popup-first .popup-footer .tf-btn {
    margin: 3px 3px; }
    html #cookie-popup-first .popup-footer .tf-btn:first-child {
      margin: 3px 5px 3px 0px; }
      @media only screen and (max-width: 748px) {
        html #cookie-popup-first .popup-footer .tf-btn:first-child {
          margin: 3px; } }

html .blockUI.cookiesPopup {
  border-radius: 10px;
  box-shadow: 1px 1px 5px 1px #e3e3e3;
  border: none !important;
  cursor: default !important;
  text-align: left !important;
  width: auto !important;
  left: 0px !important; }
  @media (min-width: 749px) {
    html .blockUI.cookiesPopup {
      width: 30% !important;
      left: 35% !important; } }
  html .blockUI.cookiesPopup h1 {
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px;
    font-size: 25px;
    line-height: 25px;
    font-weight: bold; }
  html .blockUI.cookiesPopup p {
    text-align: left;
    padding-top: 25px; }

html body.no-scroll {
  overflow: hidden; }

html body.ipadHover .tf-title.underline {
  border-bottom: none;
  margin-bottom: 0;
  border-bottom-color: transparent; }

html body.ipadHover .tf-title {
  color: blue;
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em; }

html body.ipadHover #search-wrap {
  margin: 15px auto; }

html body.ipadHover #search-wrap #search-wrapper {
  background-color: transparent; }

html body.ipadHover .country-selector .country {
  background-color: #333; }
  html body.ipadHover .country-selector .country a {
    color: #666; }
  html body.ipadHover .country-selector .country.active {
    background-color: transparent; }
    html body.ipadHover .country-selector .country.active a {
      color: #666; }

html body.ipadHover ul.event-list > li {
  background: transparent; }
  html body.ipadHover ul.event-list > li.featured .info-txts span {
    font-size: 16px;
    -webkit-line-clamp: 2 !important;
    height: 40px;
    line-height: 21px; }
  html body.ipadHover ul.event-list > li.featured .info-txts .display-date {
    color: #FFF;
    line-height: 19px;
    font-size: 10px; }
  html body.ipadHover ul.event-list > li.featured .imgThumbWrap .eventImage img {
    width: 100%; }
  html body.ipadHover ul.event-list > li .event-banner.banner-sold-out {
    background: orange; }
  html body.ipadHover ul.event-list > li .info .infoItem {
    color: #666; }
    html body.ipadHover ul.event-list > li .info .infoItem span {
      color: #666; }
    html body.ipadHover ul.event-list > li .info .infoItem.title {
      color: orange;
      border-bottom-color: transparent; }
      html body.ipadHover ul.event-list > li .info .infoItem.title span {
        color: orange; }
  html body.ipadHover ul.event-list > li .info-txts {
    /* This is v2 of the above '.info' */
    height: 55px;
    overflow: hidden;
    padding: 10px; }
    html body.ipadHover ul.event-list > li .info-txts .title span {
      font-size: 16px;
      -webkit-line-clamp: 2 !important;
      height: 40px;
      line-height: 20px; }
    html body.ipadHover ul.event-list > li .info-txts span {
      color: #000;
      width: 100%;
      font-size: 16px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      height: 36px; }
      html body.ipadHover ul.event-list > li .info-txts span b {
        font-weight: bold; }

@keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

html section#content #event-body h2 {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em; }
  @media only screen and (max-width: 748px) {
    html section#content #event-body h2 {
      margin-top: 50px; } }

html section#content #event-body > h2 {
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em;
  font-family: "Lexend Deca, font" !important;
  margin-top: 20px !important; }

html section#content #event-body > .show-bullet {
  color: #666;
  margin-bottom: 30px !important; }

html section#content #event-body #show-more {
  color: green;
  font-family: "Lexend Deca, font"; }

html section#content #event-header-first {
  background: transparent; }
  html section#content #event-header-first.in-package h1.event-title,
  html section#content #event-header-first.in-package h2.event-subtitle {
    margin-left: 0;
    color: #777; }
  @media (min-width: 749px) {
    html section#content #event-header-first {
      padding-left: 0;
      padding-right: 0; } }
  html section#content #event-header-first h1.event-title {
    font-family: "Lexend Deca, font";
    color: blue;
    font-size: 1.7em;
    line-height: 1.7em;
    font-size: 2em;
    line-height: 2em; }
  html section#content #event-header-first h2.event-subtitle {
    font-family: "Lexend Deca, font";
    color: green;
    font-size: 1em;
    font-size: 1.2em;
    line-height: 1.2em;
    font-size: 15px; }

html section#content #sidebar #buy_tickets_btn {
  color: #000000;
  background: #A5E28F;
  border: 0;
  font-family: "Lexend Deca, font";
  font-weight: 700;
  font-size: 18px;
  border-radius: 0 !important;
  padding: 5px 12px 5px 12px;
  text-transform: uppercase;
  min-height: unset;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  html section#content #sidebar #buy_tickets_btn:hover {
    color: #000000;
    background: #7CAA6B;
    text-decoration: none; }

html section#content .calendar-container #calendar_notify {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em;
  text-transform: uppercase; }
  @media only screen and (max-width: 748px) {
    html section#content .calendar-container #calendar_notify {
      margin-top: 50px; } }

html section#content .calendar-container #calendar h2 {
  font-family: "Lexend Deca, font";
  color: green;
  font-size: 1em; }

html section#content .calendar-container #calendar .fc-view-container {
  font-family: "Lexend Deca, font"; }

html section#content .calendar-container #calendar .fc-toolbar {
  background: transparent;
  padding-left: 0;
  border: none;
  padding-top: 18px; }
  @media only screen and (max-width: 748px) {
    html section#content .calendar-container #calendar .fc-toolbar {
      padding-right: 0px; } }

html section#content .calendar-container #calendar .fc-left h2 {
  color: #666; }

html section#content .calendar-container #calendar .fc-day-header {
  background: transparent;
  color: orange; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable-past > span {
  border: 1px solid #444;
  background: rgba(55, 55, 55, 0.2);
  color: #444; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout {
  position: relative; }
  html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout > span {
    min-width: 25px;
    min-height: 30px;
    border: 1px solid #444;
    background: #444;
    color: #eee; }
  html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
    color: #444;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
    white-space: nowrap;
    bottom: -17px; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.fc-today > span {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.fc-today.selectable > span {
  background: rgba(255, 255, 255, 0.4); }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable > span {
  border-color: orange;
  background: transparent;
  color: #fff;
  color: orange; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable:hover > span {
  background: transparent;
  color: #fff; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable.active > span {
  background: orange;
  background: rgba(255, 255, 255, 0.6); }

html section#content .calendar-container #calendar .fc-button-group button.fc-button {
  color: #fff;
  background: transparent;
  border-color: #fff;
  border-width: 2px; }
  html section#content .calendar-container #calendar .fc-button-group button.fc-button:hover {
    color: orange;
    border-color: orange; }

html section#content .calendar-container #calendar .fc-day-grid {
  background-color: transparent; }
  @media only screen and (max-width: 748px) {
    html section#content .calendar-container #calendar .fc-day-grid .fc-row.fc-week {
      padding-top: 16px; }
      html section#content .calendar-container #calendar .fc-day-grid .fc-row.fc-week .fc-day-number > span {
        padding: 5px 6px;
        font-size: 14px;
        padding-bottom: 8px; } }

html section#content .calendar-container #calendar .fc-day-number {
  border-top: none; }

html section#content .calendar-container #calendar th, html section#content .calendar-container #calendar td {
  border-left: none;
  border-right: none;
  border-color: transparent; }

html section#content #sessions-container #session_notify {
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em;
  text-transform: uppercase; }

html section#content #event-body .show-bullet img, html section#content #event-additional-info .show-bullet img {
  margin-top: 15px;
  margin-bottom: 15px; }

html section#content #event-additional-info h2 {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em;
  border-bottom: none; }
  @media only screen and (max-width: 748px) {
    html section#content #event-additional-info h2 {
      margin-top: 50px; } }

html section#content #event-additional-info .show-bullet {
  color: #666; }
  html section#content #event-additional-info .show-bullet > h2 {
    font-family: "Lexend Deca, font";
    margin-top: 0px; }

html section#content #sessions-container #session_notify {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em; }
  @media only screen and (max-width: 748px) {
    html section#content #sessions-container #session_notify {
      margin-top: 50px; } }

html section#content #sessions-container #session_list .session_day {
  background: transparent;
  border: none;
  color: green;
  padding-left: 0;
  font-family: "Lexend Deca, font";
  color: green;
  font-size: 1em; }

html section#content #sessions-container #session_list .fa-angle-up, html section#content #sessions-container #session_list .fa-angle-down {
  background: transparent;
  border: none;
  color: #fff; }
  html section#content #sessions-container #session_list .fa-angle-up:hover, html section#content #sessions-container #session_list .fa-angle-down:hover {
    color: orange; }

html section#content #sessions-container #session_list .day_sessions,
html section#content #sessions-container #session_list .day_period_types {
  border-top: 1px solid transparent; }

html section#content #sessions-container #session_list .day_sessions .each_session input.radio-selector {
  margin: 0 10px; }

html section#content #sessions-container #session_list .day_sessions .each_session,
html section#content #sessions-container #session_list .day_period_types .each_period_type {
  padding: 12px 25px;
  font-size: 16px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid transparent;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }
  html section#content #sessions-container #session_list .day_sessions .each_session:not(.is_sold_out),
  html section#content #sessions-container #session_list .day_period_types .each_period_type:not(.is_sold_out) {
    color: #777; }
  html section#content #sessions-container #session_list .day_sessions .each_session.selected,
  html section#content #sessions-container #session_list .day_period_types .each_period_type.selected {
    color: blue;
    background: pink; }
  html section#content #sessions-container #session_list .day_sessions .each_session:hover,
  html section#content #sessions-container #session_list .day_period_types .each_period_type:hover {
    background: pink; }
  html section#content #sessions-container #session_list .day_sessions .each_session i,
  html section#content #sessions-container #session_list .day_period_types .each_period_type i {
    margin: 0 35px 0 10px; }
  html section#content #sessions-container #session_list .day_sessions .each_session .availability-indicator.as-label,
  html section#content #sessions-container #session_list .day_period_types .each_period_type .availability-indicator.as-label {
    float: right;
    position: relative;
    top: -2px;
    margin-right: 0; }

html section#content #sessions-container #session_list .day_period_types_title {
  padding-bottom: 10px; }

html section#content #sessions-container #session_list .day_period_types_end {
  padding-top: 25px;
  padding-bottom: 10px; }

html section#content .ticket-type-container .ticket-type-header {
  position: relative;
  border: none;
  margin-bottom: 18px; }
  html section#content .ticket-type-container .ticket-type-header p {
    color: #666; }

html section#content .ticket-type-container .tf-title {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em; }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-type-container .tf-title {
      margin-top: 50px; } }

html section#content .ticket-type-container #all-ticket-types-container input.spinner-on-click {
  line-height: 2px;
  padding-top: 20px;
  padding-bottom: 20px; }

@media only screen and (max-width: 748px) {
  html section#content .ticket-type-container #all-ticket-types-container {
    margin-bottom: 88px; } }

html section#content .ticket-type-container #all-ticket-types-container .ticket-type-header {
  color: #777; }

html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row {
  border-top: none;
  background: transparent;
  border-bottom: 1px solid transparent;
  color: #666;
  padding-bottom: 1px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row:first-child {
    border-top: 1px solid transparent; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > b,
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail > b {
    color: orange; }
  @media (min-width: 749px) {
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued {
      position: absolute;
      right: -20%; } }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued {
      display: block;
      position: relative;
      right: auto;
      text-align: left;
      top: 10px; } }
  @media (min-width: 749px) {
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued.has-service-fee {
      top: 2px; } }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued.has-service-fee span.service-fee {
    font-size: 15px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .price {
    padding-top: 20px;
    min-height: 48px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box {
    display: inline;
    color: #333;
    font-size: 13px; }
    @media only screen and (max-width: 748px) {
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .fa.fa-info {
        width: 0;
        opacity: 0; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content {
        display: block !important;
        opacity: 1 !important; } }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show .desc-content {
      display: none;
      opacity: 0; }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show:hover .desc-content {
      display: inline;
      opacity: 1; }
      @media (min-width: 749px) {
        html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show:hover .desc-content {
          animation-name: fadeInOpacity;
          animation-iteration-count: 1;
          animation-timing-function: ease-in;
          animation-duration: 1s; } }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content {
      display: inline;
      color: #333; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content p {
        display: inline;
        color: #333; }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box i.fa {
      border: solid 1px #333;
      border-radius: 10px;
      width: 12px;
      height: 12px;
      font-size: 12px;
      text-align: center;
      padding: 1px;
      position: relative;
      top: -1px;
      padding-top: 3px;
      padding-left: 3px;
      padding-right: 2px;
      margin-left: 12px;
      margin-right: 6px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
    border-top: transparent solid 1px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity > input {
    border-radius: 4px;
    text-align: center !important;
    padding-right: 7px;
    padding-left: 7px;
    -webkit-text-fill-color: #333 !important; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus {
    width: auto;
    display: flex;
    padding-right: 0; }
    @media only screen and (max-width: 748px) {
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus {
        height: 56px; } }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus input {
      text-align: center !important;
      padding-left: 5px;
      padding-right: 5px;
      border-radius: 4px;
      min-width: 40px; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus input:disabled {
        border-radius: 5px;
        border-radius: 5px; }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus {
      display: inline-block;
      text-align: center;
      cursor: pointer;
      width: 40px;
      padding-top: 13px; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus i, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus i {
        color: #666; }
        html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus i:before, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus i:before {
          font-size: 14px; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus.disable-icon, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus.disable-icon {
        pointer-events: none;
        opacity: .15; }

html section#content .ticket-type-container #all-ticket-types-container input#show-price {
  margin-right: 0; }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-type-container #all-ticket-types-container input#show-price {
      width: 100%; } }
  @supports (display: -ms-grid) {
    html section#content .ticket-type-container #all-ticket-types-container input#show-price {
      padding-top: 9px;
      padding-bottom: 9px; } }

html section#content .ticket-type-container #show-price {
  color: #000000;
  background: #A5E28F;
  border: 0;
  font-family: "Lexend Deca, font";
  font-weight: 700;
  font-size: 18px;
  border-radius: 0 !important;
  padding: 5px 12px 5px 12px;
  text-transform: uppercase;
  min-height: unset; }
  html section#content .ticket-type-container #show-price:hover {
    color: #000000;
    background: #7CAA6B;
    text-decoration: none; }

html section#content .ticket-category-price i.fa {
  cursor: pointer;
  padding: 3px;
  padding-right: 23px;
  font-size: 18px; }

html section#content .ticket-category-price-expand {
  text-align: right; }
  html section#content .ticket-category-price-expand div {
    text-align: right;
    padding: 2px 0px;
    font-size: 12px; }
    html section#content .ticket-category-price-expand div:last-child {
      border-bottom: solid 1px transparent; }
    html section#content .ticket-category-price-expand div:first-child {
      margin-top: 0px; }

html section#content #seat-shopping-cart > h2 {
  color: blue;
  font-weight: bold;
  font-size: 15px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-top: 5px; }

html section#content #seat-shopping-cart #seat-shopping-cart-table {
  font-size: 15px;
  margin-top: 5px; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table thead tr th {
    padding: 2px 0px 2px 10px;
    font-size: 13px;
    border-color: #d2d2d2; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr td.edit a {
    color: blue; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table .session_item {
    display: none !important; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.ticket_type_item td.title {
    color: blue; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.ticket_type_item.last td {
    padding-bottom: 5px; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.total td {
    padding-top: 10px; }

html section#content #seat-allocation-preview span {
  padding: 2px 12px;
  margin: 0px 5px;
  white-space: unset;
  width: 100%;
  float: left; }

html section#content #seat-allocation-preview span.label {
  color: blue;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0; }

@media only screen and (max-width: 748px) {
  html section#content #seating-plan-sticky-tooltip {
    display: none !important; } }

html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys {
  text-align: center;
  border: solid 1px transparent;
  border-bottom: none;
  width: 655px;
  width: 100%;
  height: 42px;
  margin-top: 5px; }
  html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item {
    display: inline-block;
    width: 33%; }
    @media only screen and (max-width: 748px) {
      html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item {
        position: relative;
        left: -6px; } }
    html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item span {
      vertical-align: top;
      position: relative;
      top: 8px; }
      @media only screen and (max-width: 748px) {
        html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item span {
          font-size: 12px;
          top: 11px; } }

html section#content #seating-ba-ss-block {
  background: #d2d2d2;
  text-align: center;
  margin: 20px 0;
  padding: 10px 0; }
  html section#content #seating-ba-ss-block #seating-ba-ss-question {
    color: #000;
    text-align: center; }
  html section#content #seating-ba-ss-block #seating-ba-ss-buttons {
    margin-top: 5px; }
    html section#content #seating-ba-ss-block #seating-ba-ss-buttons > button {
      display: inline-block; }
    html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha {
      display: inline-block; }
      html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha form, html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha form button {
        display: inline; }

html section#content div.service-fee {
  color: #666; }

html section#content .ticket-category-click-to-reserve-msg {
  margin-top: 7px; }

html section#content .ticket-category-view-only-msg.shorten-for-2d-timer {
  margin-right: 120px;
  padding-bottom: 15px; }

html section#content .ticket-category-list .ticket-category-item {
  background: transparent;
  color: #666;
  border: none;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid transparent; }
  html section#content .ticket-category-list .ticket-category-item:first-child, html section#content .ticket-category-list .ticket-category-item.first-displayed-tc {
    border-top: 1px solid transparent;
    padding-top: 10px; }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable {
      padding-left: 8px;
      padding-right: 8px; } }
  html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover {
    background: pink; }
  html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected {
    background: pink; }
  html section#content .ticket-category-list .ticket-category-item .ticket-category-color {
    background: #666;
    display: inline-block; }
  @media (mix-width: 749px) {
    html section#content .ticket-category-list .ticket-category-item .ticket-category-color {
      margin-left: 11px; }
    html section#content .ticket-category-list .ticket-category-item .ticket-category-price {
      padding-right: 11px; } }
  html section#content .ticket-category-list .ticket-category-item .ticket-category-texts {
    flex-grow: 2; }
    html section#content .ticket-category-list .ticket-category-item .ticket-category-texts span:nth-child(2) {
      float: right; }
  html section#content .ticket-category-list .ticket-category-item .ticket-category-ba {
    position: relative;
    height: 0px;
    top: -13px;
    left: 18px; }

html section#content .ticket-category-table > table {
  width: 100%;
  margin-bottom: 19px;
  font-size: 13px;
  font-family: "Lexend Deca, font"; }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-category-table > table {
      font-size: 12px; } }
  html section#content .ticket-category-table > table tr {
    border-top: solid transparent 1px;
    height: 20px; }
    html section#content .ticket-category-table > table tr th {
      padding: 2px; }
      html section#content .ticket-category-table > table tr th span {
        background: orange;
        font-size: 9px;
        border-radius: 10px;
        padding: 1px 6px 2px 5px;
        color: #333;
        margin-left: 7px;
        white-space: nowrap; }
    html section#content .ticket-category-table > table tr.is-total th {
      font-weight: bold; }
  html section#content .ticket-category-table > table tbody > tr:nth-child(1) {
    border-top: none;
    height: 5px; }
    html section#content .ticket-category-table > table tbody > tr:nth-child(1) th {
      border-top: solid transparent 1px; }
      html section#content .ticket-category-table > table tbody > tr:nth-child(1) th:nth-child(1) {
        border-top: none; }
  html section#content .ticket-category-table > table tbody > tr > th:nth-child(1) {
    text-align: left;
    padding-left: 10px; }
  html section#content .ticket-category-table > table tbody > tr:last-child {
    font-weight: bold;
    border-bottom: solid transparent 1px; }

@media only screen and (max-width: 748px) {
  html section#content #buy_button_container .fixed-right-container {
    display: flex;
    flex-direction: column; }
    html section#content #buy_button_container .fixed-right-container .left {
      order: 1; }
    html section#content #buy_button_container .fixed-right-container .right {
      order: 2; }
      html section#content #buy_button_container .fixed-right-container .right #buy-btn-get {
        width: 100%;
        margin: 6px 0px 0px 0px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 13px;
        padding-bottom: 6px; }
      html section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode, html section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
        padding-bottom: 8px;
        height: 43px;
        margin-top: 6px; } }

html section#content #buy_button_container #buy-btn-get, html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
  color: #000000;
  background: #A5E28F;
  border: 0;
  font-family: "Lexend Deca, font";
  font-weight: 700;
  font-size: 18px;
  border-radius: 0 !important;
  padding: 5px 12px 5px 12px;
  text-transform: uppercase;
  min-height: unset;
  margin-right: 0px; }
  html section#content #buy_button_container #buy-btn-get:hover, html section#content #buy_button_container #btn-apply-promocode:hover, html section#content #buy_button_container #btn-promocode-clear:hover {
    color: #000000;
    background: #7CAA6B;
    text-decoration: none; }

html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
  height: 40px; }

@media only screen and (max-width: 748px) {
  html section#content #buy_button_container #buy-btn-get, html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
    width: 100%;
    margin-left: 0px; }
  html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
    margin-top: 5px;
    margin-bottom: 0px; } }

html section#content #event-detail #host-detail {
  background: transparent; }

html section#content #event-detail .buy-wrapper {
  border-bottom: transparent solid 3.5px; }

html section#content #host-detail {
  margin-top: 30px;
  border-color: transparent;
  color: #666; }
  html section#content #host-detail .external-links a {
    color: #666;
    text-decoration: underline; }
    html section#content #host-detail .external-links a:hover {
      color: orange; }

html section#content #section-status-box {
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent; }
  html section#content #section-status-box i.fa {
    display: none !important; }

html section#content #seating-error-display {
  margin-top: 10px;
  font-size: 20px;
  font-family: "Lexend Deca, font"; }

html section#content .unlock-form button, html section#content .unlock-form-category button, html section#content .unlock-session-form button {
  background: #A5E28F; }

html section#content .unlock-form input[type="text"], html section#content .unlock-form-category input[type="text"], html section#content .unlock-session-form input[type="text"] {
  border: 1px solid #A5E28F !important;
  min-height: 26px !important; }

html section#content .unlock-form-category-svg button:not(.close-btn-svg-unlock) {
  background: #A5E28F !important; }

html section#content .unlock-form-category-svg input {
  border: 1px solid #A5E28F !important;
  min-height: 26px !important; }

.layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type {
  padding: 12px 20px 12px 6px;
  background: transparent; }
  .layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type:hover {
    background: transparent; }
  .layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type.selected {
    color: inherit;
    background: transparent; }
    .layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type.selected i.fa-calendar {
      color: #A5E28F; }

html section#content #event-detail.under-package #section-status-box .right {
  display: none; }

@media (min-width: 749px) {
  html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #buy-btn-get, html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode, html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
    margin-top: 3px; }
  html body.property-style-cod.language-style-zh-hant section#content #buy_button_container .fixed-right-container .right #buy-btn-get,
  html body.property-style-cod.language-style-zh-hans section#content #buy_button_container .fixed-right-container .right #buy-btn-get {
    padding-top: 7px;
    padding-bottom: 9px; } }

html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #buy-btn-get {
  padding-top: 8px;
  padding-bottom: 8px; }

html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #btn-apply-promocode, html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #btn-promocode-clear {
  padding-top: 6px; }

@supports (display: -ms-grid) {
  html body.property-style-sc.language-style-zh-hant section#content .ticket-type-container #all-ticket-types-container input#show-price,
  html body.property-style-sc.language-style-zh-hans section#content .ticket-type-container #all-ticket-types-container input#show-price {
    padding-top: 7px;
    padding-bottom: 10px; } }

html #event-detail #event-body > div table {
  width: 100%; }
  html #event-detail #event-body > div table.smaller {
    font-size: 12px;
    line-height: 14px; }
    html #event-detail #event-body > div table.smaller .font-11 {
      font-size: 11px; }
    html #event-detail #event-body > div table.smaller .font-10 {
      font-size: 10px; }
    html #event-detail #event-body > div table.smaller th {
      padding: 5px; }
    html #event-detail #event-body > div table.smaller th.text-left {
      text-align: left; }
    html #event-detail #event-body > div table.smaller th.vmiddle-cell {
      vertical-align: middle; }
  html #event-detail #event-body > div table tbody tr th {
    border: solid 1px transparent; }
    @media only screen and (max-width: 748px) {
      html #event-detail #event-body > div table tbody tr th {
        font-size: 10px; } }

.ets-queue .enter-queue {
  margin: 15px 5px 15px 0; }

.ets-queue .enter-q-outer {
  text-align: right; }

.ets-queue .sold-out {
  background: #A5E28F;
  padding: 10px 15px;
  box-shadow: 0px 2px 5px -2px #666;
  text-align: center;
  margin-top: 15px;
  margin-right: 5px; }
  .ets-queue .sold-out p {
    color: #fff;
    font-weight: 600; }
  @media (max-width: 560px) {
    .ets-queue .sold-out {
      margin-right: 0; } }

.ets-queue .enter-q-message {
  background: rgba(255, 255, 255, 0.7);
  padding: 10px 15px;
  box-shadow: 0px 2px 5px -2px #666;
  text-align: center;
  margin-top: 15px;
  margin-right: 5px; }
  .ets-queue .enter-q-message p {
    padding: 0;
    color: #555; }
    .ets-queue .enter-q-message p span.queue-position {
      color: rgba(255, 255, 255, 0.7);
      font-weight: 600;
      font-size: 20px; }
  @media (max-width: 560px) {
    .ets-queue .enter-q-message {
      margin-right: 0; } }

.ets-queue .event-dtl-outer {
  display: flex;
  background: rgba(255, 255, 255, 0.7);
  padding: 10px 15px;
  box-shadow: 0px 2px 5px -2px #666;
  margin-top: 15px;
  margin-right: 5px; }
  .ets-queue .event-dtl-outer .event-dtl-listing {
    padding: 10px;
    text-align: center;
    width: 33.33%; }
    .ets-queue .event-dtl-outer .event-dtl-listing h4 {
      font-weight: 600;
      color: #555;
      font-size: 15px; }
    .ets-queue .event-dtl-outer .event-dtl-listing span {
      color: rgba(255, 255, 255, 0.7);
      font-size: 20px;
      font-weight: 600; }
    @media (max-width: 560px) {
      .ets-queue .event-dtl-outer .event-dtl-listing {
        width: auto; } }
  @media (max-width: 560px) {
    .ets-queue .event-dtl-outer {
      display: block;
      margin-right: 0; } }

.ets-queue .cf:before, .ets-queue .cf:after {
  content: " ";
  display: table; }

.ets-queue .cf:after {
  clear: both; }

.ets-queue .cf .span {
  width: 100px;
  height: 15px;
  vertical-align: middle;
  margin: 0 auto; }

@media only screen and (max-width: 748px) {
  body.layout-ets-v1 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
    bottom: -10px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body.layout-ets-v1 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout.active > .sold-out-overlay-label {
    bottom: -10px; } }

body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-content-skeleton,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view thead,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg table,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg *,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-content-skeleton .fc-day-number {
  background: transparent !important; }

body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view tr td {
  border-top: none !important; }

body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
  bottom: -2px; }

@media only screen and (max-width: 748px) {
  body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
    bottom: -16px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout.active > .sold-out-overlay-label {
    bottom: -16px; } }

.typing_loader {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-animation: typing 1s linear infinite alternate;
  -moz-animation: Typing 1s linear infinite alternate;
  animation: typing 1s linear infinite alternate;
  margin: 10px auto;
  position: relative;
  left: -12px; }

@-webkit-keyframes typing {
  0% {
    background-color: black;
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  25% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  75% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }

@-moz-keyframes typing {
  0% {
    background-color: black;
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  25% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  75% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }

@keyframes typing {
  0% {
    background-color: black;
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  25% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  75% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }

html .shopping-cart__voucher_passcode_used .row .voucher-details,
.shopping-cart__voucher_passcode_used .row .voucher-action {
  box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px; }

.shopping-cart__voucher_passcode_used .row {
  display: flex;
  flex-direction: row;
  height: 2.5em; }

html .shopping-cart__voucher_passcode_used .row .voucher-details {
  width: 80%; }

.shopping-cart__voucher_passcode_used .row .voucher-action {
  align-content: center;
  display: flex;
  justify-content: center;
  width: 20%; }

.shopping-cart__voucher_passcode_used .row .voucher-type,
.shopping-cart__voucher_passcode_used .row .voucher-value {
  display: inline-block; }

.shopping-cart__voucher_passcode_used .row .voucher-type {
  float: left; }

.shopping-cart__voucher_passcode_used .row .voucher-value {
  float: right; }

.shopping-cart__voucher_passcode_used .row .voucher-action {
  cursor: pointer; }

.shopping-cart__voucher_passcode_used .row .voucher-action .icon-flex,
.icon-wrapper {
  align-items: center;
  display: flex;
  justify-content: center; }

.shopping-cart__voucher_passcode_used .row .voucher-action .icon-wrapper {
  border: 1px solid;
  border-color: inherit;
  border-radius: 50%;
  height: 1rem;
  margin: auto;
  overflow: hidden;
  width: 1rem; }

#voucher_input_container .left {
  display: inline-block; }

#voucher_input_container .title-wrapper {
  min-height: 40px; }

#voucher_input_container .label {
  float: left;
  font-size: 22px;
  margin-top: 14px; }

#voucher_input_container .title-wrapper {
  min-height: 40px; }

#id_voucher_code {
  color: #616161;
  line-height: 30px;
  padding: 3px 0 4px 20px !important; }
  @media (min-width: 749px) {
    #id_voucher_code {
      width: 240px !important; } }

#apply-voucher-btn {
  margin-right: 0;
  min-height: 40px;
  text-transform: capitalize; }

html .sidebar__shopping-cart {
  background: transparent;
  color: #666;
  border: none; }
  html .sidebar__shopping-cart h2 {
    color: orange; }

@media only screen and (max-width: 748px) {
  section#content #event-header-second.no-date-info .times.has-customized-time {
    border-top: none !important; } }

section#content #event-header-second .times {
  border-color: transparent !important; }
  section#content #event-header-second .times .times-first .blue, section#content #event-header-second .times .times-second .blue {
    margin-bottom: 6px; }

section#content #event-header-second .times, section#content #event-header-second .location {
  color: #666; }
  section#content #event-header-second .times .blue, section#content #event-header-second .location .blue {
    color: orange; }

section#content #event-header-second .location a {
  color: #666; }

section#content #event-header-second .location:hover {
  color: orange; }

section#content #event-header-second .location-detail {
  color: #666;
  text-transform: none; }
  section#content #event-header-second .location-detail #show-taxi {
    color: #000000;
    background: #A5E28F;
    border: 0;
    font-family: "Lexend Deca, font";
    font-weight: 700;
    font-size: 18px;
    border-radius: 0 !important;
    padding: 5px 12px 5px 12px;
    text-transform: uppercase;
    min-height: unset; }
    section#content #event-header-second .location-detail #show-taxi:hover {
      color: #000000;
      background: #7CAA6B;
      text-decoration: none; }
  section#content #event-header-second .location-detail .address-title {
    font-size: 22px;
    text-transform: uppercase; }
    body.property-style-sc section#content #event-header-second .location-detail .address-title {
      font-size: 28px; }
  section#content #event-header-second .location-detail .location-map {
    padding-top: 2px; }
    section#content #event-header-second .location-detail .location-map pre {
      white-space: pre-wrap;
      word-break: break-word; }
  section#content #event-header-second .location-detail #map-expand-icon {
    font-size: 20px;
    position: relative;
    top: -2px;
    margin-left: 4px; }

section#content #sidebar {
  margin-top: 10px; }
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section {
    border-color: transparent !important; }
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name {
    padding-top: 5px; }
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name > h1 {
      font-family: "Lexend Deca, font";
      color: blue;
      font-size: 1.5em;
      line-height: 1.5em;
      font-size: 22px;
      padding-top: 10px;
      padding-bottom: 8px;
      text-transform: uppercase; }
      body.property-style-sc section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name > h1 {
        font-size: 28px; }
  section#content #sidebar #get-tickets {
    color: #000000;
    background: #A5E28F;
    border: 0;
    font-family: "Lexend Deca, font";
    font-weight: 700;
    font-size: 18px;
    border-radius: 0 !important;
    padding: 5px 12px 5px 12px;
    text-transform: uppercase;
    min-height: unset; }
    section#content #sidebar #get-tickets:hover {
      color: #000000;
      background: #7CAA6B;
      text-decoration: none; }
    @media (min-width: 749px) {
      section#content #sidebar #get-tickets {
        padding-left: 5px;
        padding-right: 5px; } }
  section#content #sidebar #event-header-second .times-first .upper, section#content #sidebar #event-header-second .times-second .upper {
    font-family: "Lexend Deca, font";
    color: #000;
    font-size: 0.8em; }
  section#content #sidebar #event-header-second .times-first .upper.blue, section#content #sidebar #event-header-second .times-second .upper.blue {
    font-family: "Lexend Deca, font";
    color: blue;
    font-size: 1.5em;
    line-height: 1.5em; }
  section#content #sidebar #event-header-second .times {
    overflow: visible; }
    section#content #sidebar #event-header-second .times.has-customized-time {
      padding-bottom: 8px; }
      section#content #sidebar #event-header-second .times.has-customized-time .upper {
        font-family: "Lexend Deca, font";
        color: blue;
        font-size: 1.5em;
        line-height: 1.5em;
        font-size: 22px;
        padding-top: 1px;
        position: relative;
        top: -2px;
        line-height: initial; }
        body.property-style-sc section#content #sidebar #event-header-second .times.has-customized-time .upper {
          font-size: 28px; }
  section#content #sidebar #event-header-second > div {
    margin-top: 10px; }
    section#content #sidebar #event-header-second > div:first-child {
      margin-top: 0px; }
  section#content #sidebar .location-detail b {
    font-family: "Lexend Deca, font";
    color: blue;
    font-size: 1.5em;
    line-height: 1.5em; }
  section#content #sidebar .location-detail pre {
    font-family: "Lexend Deca, font";
    color: #000;
    font-size: 0.8em; }
  section#content #sidebar .sidebar__shopping-cart b {
    font-family: "Lexend Deca, font";
    color: blue;
    font-size: 1.5em;
    line-height: 1.5em;
    text-transform: uppercase; }
  section#content #sidebar .sidebar__shopping-cart .section__meta,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div {
    font-family: "Lexend Deca, font";
    color: #000;
    font-size: 0.8em; }
    section#content #sidebar .sidebar__shopping-cart .section__meta .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div .pricing-left {
      float: left;
      clear: both; }
    section#content #sidebar .sidebar__shopping-cart .section__meta .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div .pricing-right {
      float: right; }
  section#content #sidebar .sidebar__shopping-cart .section__meta_discount {
    padding-bottom: 12px; }
  section#content #sidebar .sidebar__shopping-cart .section__meta_discount:empty {
    padding-bottom: 0; }

@media only screen and (max-width: 748px) {
  html section#content #sidebar #get-tickets {
    padding-left: 0px;
    padding-right: 0px; } }

@media only screen and (max-width: 748px) {
  html .sidebar__shopping-cart {
    display: none; } }

#event-cart-timer-indicator {
  width: 96%;
  border: solid 1px transparent;
  display: inline-block;
  padding: 12px 2% 10px 2%;
  margin-bottom: 10px; }
  #event-cart-timer-indicator > div {
    display: inline-block;
    width: 49%; }
    @media only screen and (max-width: 748px) {
      #event-cart-timer-indicator > div {
        width: 100%; } }
  #event-cart-timer-indicator #event-cart-items-time {
    text-align: right; }

html #svg_container {
  background: transparent;
  border: none; }
  html #svg_container #area_canclick_notify {
    background: transparent;
    color: #666;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    position: relative; }
    html #svg_container #area_canclick_notify > h2.tf-title {
      display: block;
      opacity: 1;
      font-size: 1.7em;
      font-weight: normal;
      color: blue;
      text-align: left;
      margin-top: 70px;
      background: transparent;
      padding-left: 0;
      border: none;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 1.2em;
      font-family: "Lexend Deca, font";
      color: blue;
      font-size: 1.7em;
      line-height: 1.7em; }
      @media only screen and (max-width: 748px) {
        html #svg_container #area_canclick_notify > h2.tf-title {
          margin-top: 50px; } }
  html #svg_container #svg_content_container {
    background: transparent;
    border: none; }
  html #svg_container .seating-footer {
    background: transparent;
    border: none; }
    html #svg_container .seating-footer #btn-summary {
      color: #000000;
      background: transparent;
      border: solid 1px #000000;
      font-size: 18px;
      border-radius: 0;
      padding: 5px 12px 5px 12px;
      font-family: "Lexend Deca, font"; }
      html #svg_container .seating-footer #btn-summary:hover {
        background: #7CAA6B;
        text-decoration: none; }
    html #svg_container .seating-footer #legend_rollover_text {
      display: none; }
    html #svg_container .seating-footer span {
      font-family: "Lexend Deca, font"; }
    html #svg_container .seating-footer #legend_items .legend-item span {
      margin-left: 5px; }
    html #svg_container .seating-footer #legend_items .legend-item:nth-child(1) {
      margin-left: 0px; }
    html #svg_container .seating-footer #legend_items .legend-item svg circle {
      stroke: transparent; }
  html #svg_container #seating-error-display {
    font-family: "Lexend Deca, font"; }
  html #svg_container #svg.seat_invisible .showing_area_text [id^=BACKGROUND] {
    opacity: 1; }
  html #svg_container #home-button:hover, html #svg_container #large:hover, html #svg_container #small:hover {
    color: orange; }
  html #svg_container #scroll-done.active {
    color: orange;
    border-color: orange; }
    html #svg_container #scroll-done.active:hover {
      background: orange; }
  html #svg_container #scroll-done {
    min-width: 82px;
    line-height: 32px;
    box-sizing: border-box; }
    @media only screen and (max-width: 748px) {
      html #svg_container #scroll-done {
        bottom: 12px; } }
    @media (min-width: 749px) {
      html #svg_container #scroll-done {
        min-width: 110px;
        line-height: 40px;
        padding-top: 4px;
        font-size: 16px; } }

html body #svg_container #svg_content_container #svg {
  border: solid 1px transparent; }

html #seating-plan-sticky-tooltip {
  position: absolute;
  min-width: 5px;
  min-height: 5px;
  padding: 3px 15px 6px 15px;
  background: #fff;
  color: #666;
  z-index: 2;
  font-size: 20px; }
  html #seating-plan-sticky-tooltip .category-detail {
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 2px;
    font-family: "Lexend Deca, font"; }
    html #seating-plan-sticky-tooltip .category-detail .icon {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 8px; }

html #svg_container .seating-footer,
html #svg_container .seating-footer #seating-legend {
  display: none !important; }

html #svg_content_container.no-control-buttons .btn {
  display: none !important; }

html #svg_content_container #closer {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 1.7em;
  background: rgba(33, 23, 21, 0.8);
  padding: 10px;
  border-radius: 25px;
  border: solid 2px rgba(255, 255, 255, 0.3); }
  html #svg_content_container #closer.move-left {
    right: auto;
    left: 17px; }

html #svg_content_container svg #ROW_NUMBER text,
html #svg_content_container svg #ARROW-LAYER path,
html #svg_content_container svg #ARROW-LAYER text {
  fill: #777 !important; }

html #svg_content_container svg .currently-selected-seat {
  fill: #A5E28F; }

html #package-list {
  padding: 15px 100px; }
  html #package-list #package-list-title {
    margin-bottom: 20px;
    font-family: "Lexend Deca, font";
    color: blue;
    font-size: 1.7em;
    line-height: 1.7em; }
    @media only screen and (max-width: 748px) {
      html #package-list #package-list-title {
        margin-top: 13px;
        margin-bottom: 23px; } }
  @media only screen and (max-width: 748px) {
    html #package-list {
      padding-left: 5px;
      padding-right: 5px; } }
  html #package-list .packages-container .package-content {
    border-bottom: solid 1px transparent; }
    html #package-list .packages-container .package-content:nth-child(1) {
      border-top: solid 1px transparent; }
    @media only screen and (max-width: 748px) {
      html #package-list .packages-container .package-content .step-item-list {
        width: 100%; } }
    html #package-list .packages-container .package-content .step-item-list .include-msg {
      font-family: "Lexend Deca, font";
      margin: 5px 0 10px 0; }
    html #package-list .packages-container .package-content .step-item-list .package-desc-msg {
      width: 100%; }
      html #package-list .packages-container .package-content .step-item-list .package-desc-msg > p:first-child {
        padding-top: 0; }
      @media only screen and (max-width: 748px) {
        html #package-list .packages-container .package-content .step-item-list .package-desc-msg {
          padding-top: 14px;
          padding-bottom: 12px;
          font-size: 17px; } }
    html #package-list .packages-container .package-content .step-item-list .price-msg {
      font-family: "Lexend Deca, font";
      margin: 10px 0 10px 0;
      font-size: 18px; }
    html #package-list .packages-container .package-content .buy-container {
      width: 100%;
      text-align: right;
      margin-bottom: 10px; }
      html #package-list .packages-container .package-content .buy-container .quantity-container,
      html #package-list .packages-container .package-content .buy-container .tf-btn-primary {
        height: 43px; }
      @supports (display: -ms-grid) {
        html #package-list .packages-container .package-content .buy-container .tf-btn-primary {
          padding-top: 7px; } }
      @media only screen and (max-width: 748px) {
        html #package-list .packages-container .package-content .buy-container {
          margin-top: 15px; }
          html #package-list .packages-container .package-content .buy-container button.tf-btn-primary {
            padding-left: 10px;
            padding-right: 10px; } }
      html #package-list .packages-container .package-content .buy-container .quantity-container {
        vertical-align: bottom;
        margin-bottom: 3px; }
        html #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
          color: #000;
          padding: 12px 20px;
          font-size: 1.2em;
          min-height: 28px; }
          html #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
            font-family: "Lexend Deca, font";
            border: none;
            margin-left: 8px;
            font-size: 17px;
            position: relative;
            top: -1px; }
        html #package-list .packages-container .package-content .buy-container .quantity-container input, html #package-list .packages-container .package-content .buy-container .quantity-container button {
          display: inline-block; }
      @media only screen and (max-width: 748px) {
        html #package-list .packages-container .package-content .buy-container {
          text-align: left; }
          html #package-list .packages-container .package-content .buy-container .quantity-container, html #package-list .packages-container .package-content .buy-container button {
            width: 47%;
            margin-bottom: 0;
            height: 43px; }
          html #package-list .packages-container .package-content .buy-container .quantity-container {
            width: 46%; }
          html #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
            width: 100%;
            text-align: center;
            padding: 8px 0; }
            html #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
              padding: 5px;
              margin-left: 7px; } }
      @media only screen and (max-width: 350px) {
        html #package-list .packages-container .package-content .buy-container .quantity-container, html #package-list .packages-container .package-content .buy-container button {
          width: 100% !important;
          margin-left: 0px;
          margin-right: 0px;
          margin-bottom: 5px; } }
    html #package-list .packages-container .package-content .cart-exclusive-container {
      margin-bottom: 10px; }
      @media only screen and (max-width: 748px) {
        html #package-list .packages-container .package-content .cart-exclusive-container {
          margin-top: 10px; } }
    html #package-list .packages-container .package-content .buy-container.is-hidden,
    html #package-list .packages-container .package-content .cart-exclusive-container.is-hidden {
      display: none !important;
      visibility: hidden;
      height: 0;
      overflow: hidden;
      padding-bottom: 0; }

html #event-package-step-indicator {
  width: 100%;
  border: solid 1px transparent;
  display: inline-block; }

.packages-container div, .packages-container b, .packages-container span, .packages-container p {
  display: inline-block !important; }

.packages-container .package-content {
  position: relative;
  width: 96%;
  padding: 12px 2% 5px 2%; }
  .packages-container .package-content .package-name, .packages-container .package-content .step-item-list, .packages-container .package-content .package-spec {
    float: left; }
  .packages-container .package-content .package-name {
    width: 27%;
    padding-right: 1%; }
  .packages-container .package-content .step-item-list {
    width: 51%; }
  .packages-container .package-content .package-spec {
    width: 17%; }
  @media only screen and (max-width: 748px) {
    .packages-container .package-content .package-name {
      width: 100%; }
    .packages-container .package-content .step-item-list {
      width: 100%; }
    .packages-container .package-content .package-spec {
      width: 100%; } }
  .packages-container .package-content .package-name h2 {
    color: #666;
    font-size: 24px;
    line-height: 24px; }
  .packages-container .package-content .package-name .package-qty {
    color: #666;
    font-family: "Lexend Deca, font";
    font-size: 14px;
    margin-top: 7px; }
  @media only screen and (max-width: 748px) {
    .packages-container .package-content .package-name {
      padding-top: 8px;
      padding-bottom: 7px; } }
  .packages-container .package-content .step-item-list .selecting-msg {
    font-family: "Lexend Deca, font";
    font-size: 15px;
    padding-top: 2px;
    padding-bottom: 10px; }
  .packages-container .package-content .step-item-list .offset-left {
    padding-top: 0;
    padding-left: 50px;
    padding-right: 10px; }
    .packages-container .package-content .step-item-list .offset-left span.item-comma:last-child {
      display: none !important; }
  .packages-container .package-content .step-item-list ul {
    list-style: none;
    padding-left: 12px; }
    .packages-container .package-content .step-item-list ul li {
      color: #666;
      float: none;
      margin-bottom: 5px;
      font-family: "Lexend Deca, font"; }
      .packages-container .package-content .step-item-list ul li .arrow {
        vertical-align: middle;
        position: relative;
        top: -2px;
        background: transparent;
        background-repeat: no-repeat;
        width: 22px;
        height: 23px; }
      .packages-container .package-content .step-item-list ul li b {
        font-family: "Lexend Deca, font";
        font-weight: bold;
        margin-right: 5px;
        font-size: 20px; }
      body.property-style-sc .packages-container .package-content .step-item-list ul li > b {
        position: relative;
        top: 2px;
        padding-top: 4px;
        font-size: 24px;
        letter-spacing: 0.01em; }
      .packages-container .package-content .step-item-list ul li div b, .packages-container .package-content .step-item-list ul li p b, .packages-container .package-content .step-item-list ul li p span {
        font-family: "Lexend Deca, font";
        font-size: 13px; }
      .packages-container .package-content .step-item-list ul li div.force-hidden {
        display: none !important; }
      .packages-container .package-content .step-item-list ul li div.interactive-cell {
        padding-bottom: 5px; }
        .packages-container .package-content .step-item-list ul li div.interactive-cell a {
          cursor: pointer;
          white-space: nowrap; }
      .packages-container .package-content .step-item-list ul li.current {
        color: orange; }
        .packages-container .package-content .step-item-list ul li.current .arrow {
          background-position: -21px -1px; }
        .packages-container .package-content .step-item-list ul li.current > b {
          width: 90%;
          line-height: 1em; }
          @media only screen and (max-width: 748px) {
            .packages-container .package-content .step-item-list ul li.current > b {
              width: 80%; } }
        .packages-container .package-content .step-item-list ul li.current .offset-left {
          color: orange; }
      .packages-container .package-content .step-item-list ul li.showcase {
        color: orange; }
        .packages-container .package-content .step-item-list ul li.showcase .arrow {
          background-position: -21px -1px; }
        .packages-container .package-content .step-item-list ul li.showcase > b {
          width: 90%;
          line-height: 1em; }
          @media only screen and (max-width: 748px) {
            .packages-container .package-content .step-item-list ul li.showcase > b {
              width: 80%; } }
        .packages-container .package-content .step-item-list ul li.showcase .offset-left {
          color: #666; }
  @media (min-width: 749px) {
    .packages-container .package-content .package-spec {
      margin-bottom: 50px; } }
  .packages-container .package-content .package-spec .package-timer {
    margin-bottom: 10px; }
  .packages-container .package-content .package-spec .package-timer, .packages-container .package-content .package-spec .package-pricing {
    float: none;
    width: 100%; }
    .packages-container .package-content .package-spec .package-timer .label, .packages-container .package-content .package-spec .package-pricing .label {
      font-size: 16px;
      margin-bottom: 3px;
      width: 100%; }
      @media only screen and (max-width: 748px) {
        .packages-container .package-content .package-spec .package-timer .label, .packages-container .package-content .package-spec .package-pricing .label {
          display: inline !important; } }
    .packages-container .package-content .package-spec .package-timer div, .packages-container .package-content .package-spec .package-pricing div {
      display: block;
      color: blue;
      font-family: "Lexend Deca, font";
      font-size: 20px;
      line-height: initial; }
  .packages-container .package-content .package-spec #package-buy-now.force-hidden {
    display: none !important; }
  .packages-container .package-content .package-spec #package-buy-now button {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap; }
  @media (min-width: 749px) {
    .packages-container .package-content .package-spec #package-buy-now {
      position: absolute;
      bottom: 0px;
      right: 20px;
      width: 200px; } }

@supports (display: -ms-grid) {
  html body.property-style-sc.language-style-zh-hant #package-list .packages-container .package-content .buy-container .tf-btn-primary,
  html body.property-style-sc.language-style-zh-hans #package-list .packages-container .package-content .buy-container .tf-btn-primary {
    padding-top: 10px; } }

html section#content .selection-blocker {
  position: absolute;
  background: transparent;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }

html #event-package-list {
  padding: 20px 0; }
  html #event-package-list .section-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: "Lexend Deca, font";
    color: blue;
    font-size: 1.7em;
    line-height: 1.7em; }
    @media only screen and (max-width: 748px) {
      html #event-package-list .section-title {
        margin-top: 13px;
        margin-bottom: 23px; } }
  html #event-package-list .event-packages-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  html #event-package-list .event-packages-container .package-item {
    margin-bottom: 15px;
    width: 100%; }
  html #event-package-list .event-packages-container .package-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid transparent;
    width: 100%; }
    html #event-package-list .event-packages-container .package-content .package-info {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 8px; }
      html #event-package-list .event-packages-container .package-content .package-info .package-title-container {
        display: flex;
        align-items: center; }
      html #event-package-list .event-packages-container .package-content .package-info .package-title {
        color: #666;
        font-size: 18px;
        margin: 0; }
      html #event-package-list .event-packages-container .package-content .package-info .info-toggle {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        color: #777;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: center; }
        html #event-package-list .event-packages-container .package-content .package-info .info-toggle svg {
          color: inherit; }
        html #event-package-list .event-packages-container .package-content .package-info .info-toggle:hover {
          color: orange; }
    html #event-package-list .event-packages-container .package-content .package-description {
      display: none;
      width: 90%;
      font-size: 14px;
      color: #333;
      padding: 0; }
      html #event-package-list .event-packages-container .package-content .package-description.show {
        display: block; }
    html #event-package-list .event-packages-container .package-content .buy-package-btn {
      background-color: #A5E28F;
      color: white;
      padding: 8px 20px;
      text-decoration: none;
      font-size: 14px;
      white-space: nowrap;
      text-transform: uppercase;
      font-weight: bold;
      border: none;
      cursor: pointer;
      min-width: 120px;
      text-align: center;
      box-sizing: border-box; }
      html #event-package-list .event-packages-container .package-content .buy-package-btn:hover {
        background-color: #84d866; }
  @media only screen and (max-width: 748px) {
    html #event-package-list .package-content {
      flex-direction: column;
      gap: 15px; }
      html #event-package-list .package-content .package-info {
        width: 100%; }
      html #event-package-list .package-content .buy-package-btn {
        width: 100%; } }

html section#content > .white-container.shorter {
  background: transparent; }
  html section#content > .white-container.shorter #event-calendar h3 {
    color: #666; }
  html section#content > .white-container.shorter #event-calendar > h2.tf-title, html section#content > .white-container.shorter #event-calendar-result > h2.tf-title {
    border-bottom: transparent solid 3.5px;
    padding-bottom: 7px;
    margin-bottom: 20px; }

.frontend-timer.counting {
  position: absolute;
  color: blue;
  width: 60px;
  text-align: center;
  padding: 2px 0px;
  border: solid 1px transparent; }
  .frontend-timer.counting#seating-plan-frontend-timer {
    right: -2px;
    top: 79px; }
  .frontend-timer.counting#selfselected-seating-plan-frontend-timer {
    top: -43px;
    right: 0px; }
  .frontend-timer.counting#non-seated-event-frontend-timer {
    right: 0px;
    top: 9px; }

.section__meta.allocation__list {
  max-height: 200px;
  overflow-y: hidden; }

a#show-more-allocations {
  font-size: 13px;
  padding: 0;
  display: block;
  margin-top: -5px; }

.add_overflow_y {
  overflow-y: scroll !important; }

#all-ticket-types-container .columns > .quantity-price {
  position: absolute !important;
  width: auto !important; }

.event-page-popup-modal {
  width: 700px;
  border-radius: 5px;
  max-width: 80%; }
  .event-page-popup-modal.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    padding: 20px;
    border: 2px solid #333333;
    max-width: 80%;
    z-index: 9999; }
  .event-page-popup-modal.show {
    display: block; }
  .event-page-popup-modal .modalBody {
    font-size: 16px;
    color: #666666;
    margin: 0; }
    .event-page-popup-modal .modalBody h1 {
      font-size: 24px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody h2 {
      font-size: 22px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody h3 {
      font-size: 20px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody h5 {
      font-size: 18px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody h6 {
      font-size: 16px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody p {
      color: #666666; }
      .event-page-popup-modal .modalBody p img {
        max-width: 100%; }
  .event-page-popup-modal .modalFooter {
    margin: 0px;
    text-align: right;
    padding-top: 20px;
    display: flex;
    justify-content: space-between; }
    .event-page-popup-modal .modalFooter #close-popup {
      margin: 0;
      border-radius: 4px;
      padding: 4px 12px; }
    .event-page-popup-modal .modalFooter #do-not-show-again-btn {
      margin-right: 10px;
      float: left;
      border: 0;
      margin: 0;
      padding: 10px 6px;
      font-size: 15px; }
    .event-page-popup-modal .modalFooter #do-not-show-again-checkbox:hover {
      background: transparent;
      border: 0px;
      color: #666666; }
    .event-page-popup-modal .modalFooter label {
      color: #666666; }

.payment-icons .payment-icon .payment-entry {
  width: auto;
  min-width: 60px; }

#event-sign-terms-and-conditions, #event-is-accept-promoter-opt-in {
  text-align: left !important;
  padding-left: 8px;
  margin-top: 10px; }
  @media only screen and (max-width: 748px) {
    #event-sign-terms-and-conditions, #event-is-accept-promoter-opt-in {
      padding: 0 8px;
      text-align: center; } }
  #event-sign-terms-and-conditions label.checkbox, #event-is-accept-promoter-opt-in label.checkbox {
    color: #000000;
    font-family: inherit;
    font-size: 14px; }
  #event-sign-terms-and-conditions label a, #event-is-accept-promoter-opt-in label a {
    text-decoration: underline;
    color: #000000; }
  #event-sign-terms-and-conditions label .checkbox-img, #event-is-accept-promoter-opt-in label .checkbox-img {
    border: 0 !important; }
    #event-sign-terms-and-conditions label .checkbox-img::before, #event-is-accept-promoter-opt-in label .checkbox-img::before {
      content: '';
      -webkit-appearance: none;
      background-color: transparent;
      border: 2px solid #000000;
      padding: 8px;
      display: inline-block;
      position: absolute;
      vertical-align: middle;
      cursor: pointer;
      left: 0;
      top: -2px; }
  #event-sign-terms-and-conditions label input, #event-is-accept-promoter-opt-in label input {
    display: none; }
    #event-sign-terms-and-conditions label input:checked ~ .checkbox-img::after, #event-is-accept-promoter-opt-in label input:checked ~ .checkbox-img::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 6px;
      width: 6px;
      height: 11px;
      border: solid #A5E28F;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg); }

html body.layout-ets-v2 #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry {
  min-width: 85px;
  width: auto; }
  html body.layout-ets-v2 #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry img {
    height: 41px; }

html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand {
  flex-wrap: wrap; }

html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand div.visibility-expand {
  width: 100%; }

html body section#content .ticket-category-list .ticket-category-item .visibility-shown {
  padding: 0 0 0 32px;
  color: #000000;
  font-size: 14px; }

html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper .ticket-category-item .visibility-shown {
  width: 100%;
  text-align: right;
  font-weight: normal; }
  @media only screen and (max-width: 420px) {
    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper .ticket-category-item .visibility-shown {
      text-align: left; } }

#all-ticket-types-container .ticket-additional-info {
  font-size: 14px;
  margin-bottom: 15px; }

html .main-content #venue-detail {
  background: transparent; }

html .main-content #venue-detail .infoItem h4, html .main-content #venue-detail .infoItem h5, html .main-content #venue-detail .infoItem p, html .main-content #current-events .infoItem h4, html .main-content #current-events .infoItem h5, html .main-content #current-events .infoItem p, html .main-content #past-events .infoItem h4, html .main-content #past-events .infoItem h5, html .main-content #past-events .infoItem p {
  color: #666; }

html .main-content #venue-detail .infoText p, html .main-content #current-events .infoText p, html .main-content #past-events .infoText p {
  color: #666; }

html .main-content #venue-detail .infoBtns .shareWrapper li, html .main-content #current-events .infoBtns .shareWrapper li, html .main-content #past-events .infoBtns .shareWrapper li {
  color: #666; }

html .main-content #venue-events {
  background: transparent; }

html .main-content #venue-events-feeds {
  background: transparent;
  color: #666; }

html #host-list-page #host-listing {
  background: transparent; }

html #host-detail, html #host-events {
  background: transparent; }
  html #host-detail .infoItem, html #host-events .infoItem {
    color: #444; }
    html #host-detail .infoItem h4, html #host-events .infoItem h4 {
      color: orange; }
    html #host-detail .infoItem .infoText, html #host-events .infoItem .infoText {
      color: #666; }
    html #host-detail .infoItem a, html #host-events .infoItem a {
      color: #666; }
      html #host-detail .infoItem a:hover, html #host-events .infoItem a:hover {
        color: orange; }
  html #host-detail .shareWrapper li, html #host-events .shareWrapper li {
    color: #666; }

html #faq-page #flat_content {
  margin-top: 20px; }
  html #faq-page #flat_content p {
    border-color: transparent !important; }
    html #faq-page #flat_content p.answer {
      background: transparent; }

html #faq-page #flat_content, html #faq-page #flat_content p.answer {
  background: transparent; }
  html #faq-page #flat_content i.fa, html #faq-page #flat_content p.answer i.fa {
    color: #666; }

html .flatpage.gray-container p {
  margin-top: 20px;
  margin-bottom: 20px; }

html .flatpage.gray-container ul {
  list-style-type: disc;
  padding-left: 20px;
  font-family: "Lexend Deca, font"; }

html .flatpage.gray-container ul li {
  padding-bottom: 5px; }

html .property-style-cod .flatpage.gray-container ul li a {
  text-decoration: underline; }

html .flatpage.gray-container table {
  border: solid 1px transparent;
  width: 100%; }

html .flatpage.gray-container table tbody tr,
html .flatpage.gray-container table tbody td {
  padding: 5px;
  border: solid 1px transparent; }

html .main-content .unlock-locked .unlock_content p.session-unlock-form {
  font-size: 22px;
  font-weight: 600; }

#event-detail.for-package div.package-content {
  width: 100%;
  padding: 0; }
  #event-detail.for-package div.package-content .step-item-list {
    width: 75%; }

#event-detail.for-package #package-quantity-row {
  border-bottom: solid 1px transparent;
  border-top: solid 1px transparent;
  display: flex !important;
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100%; }
  #event-detail.for-package #package-quantity-row .ui-spinner-buttons, #event-detail.for-package #package-quantity-row .ui-spinner-button {
    display: none !important; }
  #event-detail.for-package #package-quantity-row > .type {
    width: 65%;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    position: relative; }
    #event-detail.for-package #package-quantity-row > .type > .name {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 20px;
      min-height: 48px;
      font-size: 18px; }
      @media only screen and (max-width: 748px) {
        #event-detail.for-package #package-quantity-row > .type > .name {
          padding-left: 0; } }
  #event-detail.for-package #package-quantity-row > .quantity-price {
    width: 34%;
    display: inline-block !important;
    text-align: center;
    min-width: 71px; }
    #event-detail.for-package #package-quantity-row > .quantity-price > .quantity {
      float: right;
      display: flex !important;
      padding-top: 11px !important; }
      #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus,
      #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus {
        display: inline-block;
        text-align: center;
        cursor: pointer;
        width: 40px;
        padding-top: 13px; }
        #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus.disable-icon,
        #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus.disable-icon {
          pointer-events: none;
          opacity: .15; }
      #event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
        text-align: center !important;
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 4px;
        min-width: 40px;
        border: solid 1px transparent;
        width: 27px !important;
        float: left;
        margin: 0 !important;
        height: 45px;
        font-size: 18px;
        -webkit-appearance: none !important;
        margin: 0 !important;
        -moz-appearance: textfield !important; }

#event-detail.for-package div#buy_button_container.for-package {
  display: block !important;
  width: 100%;
  text-align: right;
  margin-bottom: 50px; }
  #event-detail.for-package div#buy_button_container.for-package .overview-quantity-container {
    vertical-align: bottom;
    padding: 5px; }
    #event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity {
      color: #000;
      background: #fff;
      padding: 0px 20px;
      font-size: 1.2em;
      min-height: 28px; }
      #event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity span {
        position: relative; }
      #event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity select {
        width: auto;
        min-width: 50px;
        font-family: "Lexend Deca, font";
        font-size: 17px;
        position: relative;
        top: -1px;
        display: inline-block; }

.layout-ets-v2 #event-detail.for-package #package-quantity-row {
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000; }
  .layout-ets-v2 #event-detail.for-package #package-quantity-row > .type {
    padding-left: 0; }
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name {
      color: #000000; }
  .layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity {
    padding-top: 8px !important;
    padding-bottom: 4px !important; }
    .layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity .quantity-plus,
    .layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity .quantity-minus {
      color: #000000; }
  @media only screen and (max-width: 748px) {
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name,
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus i,
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus i,
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
      font-size: 16px; }
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name {
      min-height: 34px;
      padding-top: 14px; }
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity {
      padding-top: 5px !important; }
      .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding-top: 12px !important; } }

#event-detail.for-package em {
  font-style: italic; }

#event-detail.for-package .uppercase {
  text-transform: uppercase; }

#event-detail.for-package .notify {
  padding: 10px 15px;
  color: #616161;
  background-color: #F2F3F5;
  font-size: 16px;
  text-align: center;
  min-width: 200px;
  display: none; }

#event-detail.for-package .notify.passed {
  opacity: 0.5; }

#event-detail.for-package .force-hidden {
  display: none; }

#event-detail.for-package #messages .alert-error {
  display: none; }

#event-detail.for-package #error_popup .modalBody li {
  margin-bottom: 10px; }

#event-detail.for-package #error_popup .error_close {
  font-size: 15px;
  padding: 5px 12px; }

#event-detail.for-package #submitting_loader {
  width: 20px;
  height: 20px;
  visibility: hidden; }

#event-detail.for-package #host-detail {
  padding: 20px 0 15px;
  border-top: 1px solid gray;
  margin-bottom: 15px; }

#event-detail.for-package td.tt_quantity {
  padding-left: 10px; }

#event-detail.for-package a#get-tickets {
  display: none !important;
  width: 314px;
  margin: 10px 0 0 0;
  padding: 11px 5px;
  z-index: 1; }

#event-detail.for-package #sidebar.floating {
  position: fixed;
  top: 35px;
  z-index: 1; }

@media only screen and (max-width: 748px) {
  #event-detail.for-package #sidebar.floating {
    position: inherit;
    top: auto; } }

#event-detail.for-package .sidebar-container {
  width: 324px; }
  @media only screen and (max-width: 748px) {
    #event-detail.for-package .sidebar-container {
      width: 100%; } }

#event-detail.for-package a#get-tickets.hide {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear; }

#event-detail.for-package .show-bullet ul,
#event-detail.for-package .show-bullet ol {
  list-style-position: inside; }

#event-detail.for-package .show-bullet ul {
  list-style-type: inherit; }

#event-detail.for-package .show-bullet ol {
  list-style-type: decimal; }

#event-detail.for-package .show-second {
  display: none !important; }

#event-detail.for-package .show-price {
  display: none;
  float: right;
  font-size: 21px;
  margin: 20px auto; }

@media only screen and (max-width: 748px) {
  #event-detail.for-package #voucher_input_container .left {
    width: 100%; }
  #event-detail.for-package #voucher_input_container .right {
    float: none; }
  #event-detail.for-package #voucher_input_container #apply-voucher-btn {
    width: 100%;
    margin: 0 !important; }
  #event-detail.for-package .qrcode-container {
    justify-content: flex-start; }
    #event-detail.for-package .qrcode-container .label {
      font-size: 17px !important; }
  #event-detail.for-package #qr-code-scanner .modalBody {
    max-width: inherit !important; } }

#event-detail.for-package .modalBody.withIcon {
  display: flex;
  align-items: center; }
  #event-detail.for-package .modalBody.withIcon i {
    font-size: 20px;
    color: #ad0505;
    margin-right: 10px; }

#event-detail.for-package i.unlock-icon-color {
  color: #3c763d; }

#sessions-container {
  margin: 10px 0; }

.session_day,
.each_session,
.ticket-category-item--clickable {
  cursor: pointer; }

.session_day {
  border: 1px solid #e7e7e7;
  text-transform: uppercase;
  font-size: 18px;
  padding: 30px 25px;
  border-left: 4px solid #909090;
  background: #fbfbfb;
  transition: border-left 0.5s;
  display: table;
  box-sizing: border-box;
  width: 100%; }
  .session_day:hover {
    background: #F7F7F7;
    border-left: 4px solid #aaaaaa; }
  .session_day.selected {
    border-left: 4px solid #0ab9ce; }
    .session_day.selected:hover {
      border-left: 4px solid #17dcf4; }
  .session_day span {
    transition: color 0.5s;
    display: table-cell;
    vertical-align: middle; }
    .session_day span.selected {
      color: #0ab9ce; }
  .session_day span b {
    font-weight: bold; }
  .session_day i {
    float: right;
    border: 1px solid #0ab9ce;
    border-radius: 100%;
    color: #0ab9ce;
    font-size: 30px;
    display: table-cell;
    vertical-align: middle; }
    .session_day i:hover {
      border: 1px solid #62D6E3;
      background: #62D6E3;
      color: white; }
    .session_day i.fa-angle-down {
      padding: 2px 6px 1px; }
    .session_day i.fa-angle-up {
      padding: 0px 6px 3px; }

.each_session,
.ticket-category-item--clickable {
  border: 1px solid #e7e7e7;
  padding: 0 25px;
  font-size: 16px;
  border-left: 4px solid #0ab9ce;
  background: #f3f3f3; }
  .each_session:hover,
  .ticket-category-item--clickable:hover {
    background: white; }
  .each_session.selected,
  .ticket-category-item--clickable.selected {
    color: #0ab9ce; }
  .each_session i,
  .ticket-category-item--clickable i {
    margin: 0 35px 0 10px; }
  .each_session.is_sold_out > div.is_sold_out_tag,
  .ticket-category-item--clickable.is_sold_out > div.is_sold_out_tag {
    background-color: #ccc;
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 17px 3px 17px;
    text-transform: uppercase; }
  .each_session .availability-indicator.all_reserved,
  .ticket-category-item--clickable .availability-indicator.all_reserved {
    color: #3C3C3C; }

body.layout-ets-v1 .each_session.is_sold_out,
body.layout-ets-v1 .ticket-category-item--clickable.is_sold_out {
  position: relative;
  color: #D3D3D3;
  pointer-events: none; }
  body.layout-ets-v1 .each_session.is_sold_out > .is_sold_out_tag,
  body.layout-ets-v1 .ticket-category-item--clickable.is_sold_out > .is_sold_out_tag {
    position: absolute;
    left: 100%;
    transform: translate(-100%, -50%);
    white-space: nowrap;
    top: 50%; }

body.layout-ets-v2 .each_session.is_sold_out,
body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out {
  pointer-events: none; }
  body.layout-ets-v2 .each_session.is_sold_out label::before,
  body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out label::before {
    border: 1px solid #ccc !important; }
  body.layout-ets-v2 .each_session.is_sold_out label,
  body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out label {
    color: #ccc !important; }
  body.layout-ets-v2 .each_session.is_sold_out:has(.is_sold_out_tag),
  body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out:has(.is_sold_out_tag) {
    display: flex;
    justify-content: space-between; }
  body.layout-ets-v2 .each_session.is_sold_out .is_sold_out_tag,
  body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out .is_sold_out_tag {
    height: fit-content !important;
    margin-right: 0px !important;
    top: 0 !important;
    white-space: nowrap !important; }

@media only screen and (max-width: 480px) {
  .each_session i {
    margin: 0 5px 0 0px; }
  .each_session {
    font-size: 14px; } }

@media only screen and (max-width: 748px) {
  #auth-app .send-ticket-verification {
    padding: 0 15px; } }

#auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field input, #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field select {
  height: 40px;
  border-bottom: solid 1px #707070;
  width: 100% !important;
  font-family: "Lexend Deca, font";
  font-weight: 400; }

#auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field textarea {
  width: 100% !important;
  border-bottom: solid 1px #707070;
  height: 100px !important;
  padding: 0 12px 15px;
  box-sizing: border-box;
  color: #666666;
  font-family: "Lexend Deca, font";
  font-weight: 400; }
  @media only screen and (max-width: 748px) {
    #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field textarea {
      padding: 5px; } }

#auth-app .send-ticket-verification .action #send-ticket-submit-button {
  color: #FFFFFF; }

html .infoItem a {
  color: orange; }

html .tf-blue {
  color: orange; }

html .question-sign.th-blue {
  background: orange; }

html .question-sign.icon-popover {
  background: transparent;
  color: orange; }

html .tf-btn.tf-btn-default {
  color: #000000;
  background: transparent;
  border: solid 1px #000000;
  font-size: 18px;
  border-radius: 0;
  padding: 5px 12px 5px 12px;
  font-family: "Lexend Deca, font"; }
  html .tf-btn.tf-btn-default:hover {
    background: #7CAA6B;
    text-decoration: none; }

html section#content .gray-container {
  border-top: transparent solid 3.5px;
  border-bottom: transparent solid 3.5px; }

html body #your-orders div.single-ticket-row {
  border-top: transparent solid 1px; }

html .single-ticket-row.single-ticket-row--names > .data-field-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start; }
  html .single-ticket-row.single-ticket-row--names > .data-field-row .after-form-field {
    font-size: 14px; }

html body #your-orders .errorlist {
  position: absolute; }

html #checkout-wrapper.tf-controls {
  display: flex;
  align-items: center;
  justify-content: center; }
  html #checkout-wrapper.tf-controls #id_full_code {
    flex-grow: 1; }
  @media only screen and (max-width: 748px) {
    html #checkout-wrapper.tf-controls {
      flex-direction: column; } }

html #timer-wrapper #timer {
  min-height: 30px !important;
  border: none;
  background: transparent;
  color: #666;
  z-index: 1; }
  html #timer-wrapper #timer #need-time {
    color: #666; }
  html #timer-wrapper #timer #counter {
    padding-top: 0px; }
  html #timer-wrapper #timer a {
    color: orange;
    text-decoration: underline;
    border: none;
    margin-bottom: 10px; }
    @media only screen and (max-width: 748px) {
      html #timer-wrapper #timer a {
        font-size: 24px; } }

@media only screen and (max-width: 748px) {
  html #timer p.upper {
    padding-right: 5px; }
  html #timer p#counter {
    display: inline-block;
    vertical-align: sub;
    padding-right: 0px;
    min-height: 30px; }
  html body #timer-wrapper #timer {
    min-height: 115px;
    min-height: 85px; } }

html #your-orders .tiny-spec {
  width: 100%;
  margin-top: 3px;
  color: #666;
  font-size: 12px;
  line-height: 1.2em; }

html #confirm-orders-page table td {
  width: auto;
  vertical-align: middle;
  padding: 10px 5px 10px 5px; }
  html #confirm-orders-page table td.seat-num {
    font-size: 12px;
    line-height: 1.2em; }

html #your-orders .question-sign.th-blue {
  background: transparent;
  color: orange; }
  html #your-orders .question-sign.th-blue:hover {
    color: orange; }

html section#content #upsell-header, html section#content #upsell-detail {
  padding-left: 11px;
  padding-right: 11px; }
  html section#content #upsell-header .buy-wrapper, html section#content #upsell-detail .buy-wrapper {
    border-top: 1px solid transparent; }

html section#content #upsell-app-buttons #btn-next {
  float: right; }

html .infoItem .larger-font {
  color: #666; }

html #order_state_cancel_double_confirm .main-text {
  font-family: "Lexend Deca, font";
  font-weight: bold; }

html section#content #payment-details-page #payment-details-form .payment-icon {
  background: transparent; }
  html section#content #payment-details-page #payment-details-form .payment-icon:hover {
    background: transparent; }
  html section#content #payment-details-page #payment-details-form .payment-icon.active {
    background: transparent; }

html section#content #payment-details-page #payment-details-form .select-icons-description {
  color: #666; }

html section#content #payment-details-page #payment-details-wrap {
  border-top: 1px solid transparent; }

@media only screen and (max-width: 748px) {
  html section#content #payment-details-page .country-field-container .controls {
    width: 100%; }
    html section#content #payment-details-page .country-field-container .controls select {
      margin-top: 1px;
      left: -1px; } }

html div.controlGroup, html .formHorizontal div.controlGroup {
  font-size: 12px; }
  html div.controlGroup label.controlLabel, html .formHorizontal div.controlGroup label.controlLabel {
    font-size: 12px;
    background: transparent;
    color: #666; }
  html div.controlGroup .controls input, html div.controlGroup .controls select, html .formHorizontal div.controlGroup .controls input, html .formHorizontal div.controlGroup .controls select {
    font-size: 12px !important;
    color: #000;
    background: #fff; }

html .question-sign:hover, html .formHorizontal .question-sign:hover {
  background: orange; }

html .question-sign.cvv-img, html .formHorizontal .question-sign.cvv-img {
  background: grey; }
  html .question-sign.cvv-img:hover, html .formHorizontal .question-sign.cvv-img:hover {
    background: orange; }

html section#content #ordersForm table th {
  color: orange; }

html section#content #ordersForm #confirm-order-wrap {
  border-top: transparent solid 3.5px; }

html section#content #ordersForm .infoItem h4 {
  color: blue; }

html section#content #ordersForm #promo-code-discount-lineitem,
html section#content #ordersForm #bin-discount-lineitem,
html section#content #ordersForm #total_selling_price {
  color: orange; }

html section#content #ordersForm #your-orders .align-right {
  text-align: right !important; }

html section#content #ordersForm #your-orders .data-fields-td div.th-blue {
  padding-bottom: 1px;
  padding-left: 0px; }

html section#content #ordersForm #your-orders .data-fields-td input[type="text"] {
  padding-left: 5px;
  width: 100%; }

html section#content #ordersForm #your-orders div.single-ticket-row {
  border-top: transparent solid 1px; }

html section#content #ordersForm #your-orders .single-ticket .ticket-type, html section#content #ordersForm #your-orders .single-ticket .th-blue {
  color: orange; }

html section#content #ordersForm #your-orders .single-ticket .ticket-price {
  color: #666; }

html section#content #ordersForm #your-orders .package-ticket-event {
  font-size: 17px;
  margin-bottom: 7px; }

html section#content #ordersForm #your-orders #service-fee-lineitem {
  color: #666;
  border-color: transparent; }

html section#content #ordersForm #your-orders .row-border {
  border-color: transparent; }
  html section#content #ordersForm #your-orders .row-border .total {
    color: #666; }

html section#content #ordersForm .note {
  color: #666;
  margin-top: 20px;
  margin-bottom: 25px; }

html section#content #ordersForm .checkbox {
  color: #666; }

@media only screen and (max-width: 748px) {
  html #checkout-wrapper .tf-btn.tf-btn-default {
    padding-left: 0;
    padding-right: 0; } }

html section#content #confirm-orders-page #confirm-order-wrap {
  border-top: transparent solid 3.5px; }

@media only screen and (max-width: 748px) {
  html section#content #confirm-orders-page {
    padding-left: 11px;
    padding-right: 11px; }
    html section#content #confirm-orders-page #event-header-first {
      padding-left: 0;
      padding-right: 0; } }

html section#content #confirm-orders-page #ticket-guidelines {
  border-top: 1px solid transparent;
  color: #666; }

html section#content #confirm-orders-page #event-header-second .times-first .blue,
html section#content #confirm-orders-page #event-header-second .times-second .blue,
html section#content #confirm-orders-page #event-header-second .location .blue {
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.5em;
  line-height: 1.5em;
  text-transform: uppercase; }

html section#content #confirm-orders-page #event-header-second .times-first .upper,
html section#content #confirm-orders-page #event-header-second .times-second .upper,
html section#content #confirm-orders-page #event-header-second .location {
  font-family: "Lexend Deca, font";
  color: #000;
  font-size: 0.8em; }

@media only screen and (max-width: 748px) {
  html #setup-orders-page .orderTable tbody tr td,
  html #confirm-orders-page tbody tr td {
    background: transparent;
    border-color: transparent !important; }
    html #setup-orders-page .orderTable tbody tr td input,
    html #confirm-orders-page tbody tr td input {
      background: transparent !important;
      color: #666 !important; }
  html #ticket-guidelines {
    color: #666; } }

.member-id-block, .cart-member-id-block {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .member-id-block .member-id-label, .cart-member-id-block .member-id-label {
    margin-right: 10px; }
    @media only screen and (max-width: 748px) {
      .member-id-block .member-id-label, .cart-member-id-block .member-id-label {
        margin-bottom: 10px;
        margin-right: 0; } }
  .member-id-block .member-id-field, .cart-member-id-block .member-id-field {
    width: 48%; }
    .member-id-block .member-id-field input, .cart-member-id-block .member-id-field input {
      width: 100%;
      height: 35px;
      box-sizing: border-box; }
    @media only screen and (max-width: 748px) {
      .member-id-block .member-id-field, .cart-member-id-block .member-id-field {
        width: 100%; } }
  @media only screen and (max-width: 748px) {
    .member-id-block, .cart-member-id-block {
      align-items: flex-start;
      flex-direction: column; } }

.cart-member-id-block {
  max-width: 730px; }

@media (min-width: 1024px) {
  html section#content .confirm-order-payment-link .formActions {
    width: calc(100% - 420px); } }

@media only screen and (max-width: 748px) {
  html section#content .confirm-order-payment-link .formActions {
    flex-direction: column;
    gap: 20px;
    align-items: center; } }

html section#content .confirm-order-payment-link .formActions .tf-btn-default, html section#content .confirm-order-payment-link .formActions .tf-btn-primary {
  width: 340px;
  height: 40px;
  box-sizing: border-box; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link .formActions .tf-btn-default, html section#content .confirm-order-payment-link .formActions .tf-btn-primary {
      max-width: 100%; } }

html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
  float: none !important;
  margin: 20px 0 0;
  text-align: left;
  padding-bottom: 8px;
  font-size: 24px;
  padding-left: 0;
  margin-bottom: 0;
  border-bottom: solid 1px #000000; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
      padding: 0 0 10px;
      width: auto;
      font-size: 22px;
      margin-right: 0;
      margin-left: 0;
      margin-top: 20px; } }
  @media (min-width: 1024px) {
    html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
      float: left;
      width: calc(100% - 420px); } }

html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary {
  display: flex;
  clear: both;
  margin-top: 10px;
  flex-direction: column;
  padding: 10px 0; }
  @media (min-width: 1024px) {
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary {
      width: calc(100% - 420px); } }
  html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .summary-header {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: 20px; }
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .summary-header .header-item {
      font-size: 20px;
      font-weight: bold;
      color: #666; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .order-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    color: #666; }
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .order-item .ticket-type {
      color: #666; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .subtotal {
    display: flex;
    justify-content: flex-end;
    padding: 8px 15px;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    gap: 10px;
    margin-top: 20px; }

html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  padding: 5px 0; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row {
      flex-direction: column; } }
  html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-label {
    font-size: 18px;
    flex: 1; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value {
    font-size: 18px;
    flex: 2;
    text-align: right; }
    @media only screen and (max-width: 748px) {
      html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value {
        text-align: left; } }
    html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value.bold {
      font-weight: 600; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row.total {
    border-bottom: solid 1px #000000;
    padding-bottom: 15px;
    margin-top: 20px; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row.service-fee {
    border-bottom: solid 1px #000000;
    padding-bottom: 15px; }

html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-separator {
  height: 1px;
  background: #000000;
  margin: 20px 0; }

@media (max-width: 768px) {
  html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container {
    padding: 15px; }
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .order-detail-row {
      flex-direction: column; }
      html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .order-detail-row .detail-value {
        text-align: left;
        margin-top: 5px; }
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .mobile-block {
      width: 100%;
      margin-bottom: 10px;
      text-align: center; } }

html section#content .confirm-order-payment-link .form_guideline_wrapper {
  padding: 0;
  margin-top: 0;
  background: #fff;
  gap: 10px; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link .form_guideline_wrapper {
      display: none; } }
  @media (min-width: 749px) {
    html section#content .confirm-order-payment-link .form_guideline_wrapper.bottom {
      display: none; } }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link .form_guideline_wrapper.bottom {
      display: block; } }
  html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions {
    width: 100%;
    padding-top: 20px;
    margin-top: 0;
    display: flex;
    gap: 10px; }
    html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn {
      width: 100%;
      margin: 0;
      font-size: 14px; }
      html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn.tf-btn-primary {
        padding-top: 11px; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link .form_guideline_wrapper {
      padding: 0 10px; } }

body.layout-ets-v2 #order-accept-invitation-page .formActions .tf-btn-primary {
  line-height: 28px !important; }

html #total-cost-section {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  html #total-cost-section #total-cost-tr {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #6C6C6C;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid transparent;
    padding: 5px; }
    html #total-cost-section #total-cost-tr .total {
      font-size: 18px; }
    html #total-cost-section #total-cost-tr .total-cost-label {
      color: #3C3C3C;
      font-size: 18px; }
      @media only screen and (max-width: 748px) {
        html #total-cost-section #total-cost-tr .total-cost-label {
          text-align: left; } }
  html #total-cost-section .reference-number {
    font-size: 16px;
    border-bottom: 1px solid transparent;
    padding: 10px; }
  html #total-cost-section #tax-breakdown-section {
    display: flex;
    justify-content: flex-end;
    gap: 10px; }
    html #total-cost-section #tax-breakdown-section .tax-header {
      display: flex;
      flex-direction: column;
      gap: 10px; }
    html #total-cost-section #tax-breakdown-section .tax-row {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      html #total-cost-section #tax-breakdown-section .tax-row span {
        text-align: end; }

html #signup-or-signin-page-wrap {
  padding-left: 11px;
  padding-right: 11px; }
  html #signup-or-signin-page-wrap .banner-message {
    border-color: transparent;
    color: #666;
    font-weight: normal; }
  html #signup-or-signin-page-wrap button {
    width: 250px; }
  @media only screen and (max-width: 748px) {
    html #signup-or-signin-page-wrap form > .pull-right {
      width: 100%; }
      html #signup-or-signin-page-wrap form > .pull-right button {
        width: 100%;
        height: 40px;
        margin: 15px 0 40px 0;
        margin-bottom: 35px; } }
  html #signup-or-signin-page-wrap #registration-tab {
    margin-bottom: 15px; }

html form#register-form h2 {
  margin-top: 14px;
  margin-bottom: 1px; }

@media (min-width: 749px) {
  html form#register-form .country-code-field-container {
    width: 188px;
    float: left; }
  html form#register-form .tel-field-container {
    width: 272px;
    float: right; }
  html form#register-form.shorter-fields .phone-number-fields.below-phone-number .country-code-field-container {
    width: 188px !important; }
  html form#register-form.shorter-fields .phone-number-fields.below-phone-number .tel-field-container {
    width: 162px !important; } }

html form#register-form #phone-remarks {
  font-size: 13px;
  margin-top: 5px;
  padding-bottom: 3px;
  color: #999; }

@media (min-width: 749px) {
  html div.center-tight form#register-form .phone-number-fields.below-phone-number .tel-field-container {
    width: 50% !important; } }

html .checkbox {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */ }
  html .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  html .checkbox .checkbox-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
    border: solid 1px #666;
    border-radius: 3px;
    background: none !important; }
  html .checkbox:hover input ~ .checkbox-img {
    background-color: rgba(255, 255, 255, 0.1); }
  html .checkbox input:checked ~ .checkbox-img {
    background-color: rgba(255, 255, 255, 0.1); }
  html .checkbox .checkbox-img:after {
    content: "";
    position: absolute;
    display: none; }
  html .checkbox input:checked ~ .checkbox-img:after {
    display: block; }
  html .checkbox .checkbox-img:after {
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

html select#id_phone1_number_idd,
html select#id_phone_number_idd,
html select#id_country,
html select#id_city,
html select#id_phone2_number_idd,
html select#id_identify_either,
html select#id_preferred_country {
  position: relative;
  top: 1px;
  background: pink;
  color: #fff;
  min-height: 40px;
  padding: 5px 18px 5px 8px;
  font-size: 11px;
  letter-spacing: -.03em; }

html .preferred-country-container .controls {
  border-left: solid 1px transparent !important;
  width: 299px !important;
  position: relative; }
  html .preferred-country-container .controls select#id_preferred_country {
    top: 0; }
  html .preferred-country-container .controls:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      html .preferred-country-container .controls:before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html .preferred-country-container .controls:before {
      content: ""; } }

html .country-code-city-field-container {
  position: relative; }
  html .country-code-city-field-container:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      html .country-code-city-field-container:before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html .country-code-city-field-container:before {
      content: ""; } }

html #payment-details-wrap .country-field-container .controls {
  position: relative;
  border-left: solid 1px transparent;
  width: 80%; }
  html #payment-details-wrap .country-field-container .controls:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      html #payment-details-wrap .country-field-container .controls:before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html #payment-details-wrap .country-field-container .controls:before {
      content: ""; } }
  html #payment-details-wrap .country-field-container .controls:before {
    top: 10px; }
  html #payment-details-wrap .country-field-container .controls select {
    position: relative;
    top: 0; }

html #my-account-page .controls:before {
  top: 10px; }

html #my-account-page select#id_phone_number_idd {
  position: relative;
  top: -0.5px; }

html .phone-number-fields .area-code-field-container > div {
  padding: 0 5px; }

html .phone-number-fields .country-code-field-container .controlGroup .controls {
  position: relative; }
  html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
      content: ""; } }

@media only screen and (max-width: 748px) {
  html .phone-number-fields .tel-field-container {
    margin-top: 1px; } }

html .phone-number-fields div.controlGroup .controls input {
  border: solid 1px transparent !important;
  padding-left: 8px;
  padding-right: 0px;
  font-size: 15px; }

/* Need some clean up below */
@media (min-width: 749px) {
  html form#register-form .country-code-field-container {
    width: 48% !important; } }

@media (min-width: 749px) {
  html form#register-form .tel-field-container {
    width: 50% !important; } }

html form#register-form #id_phone1_number_idd, #id_phone1_number, #id_city {
  line-height: 30px !important;
  padding: 5px 0 5px 20px !important;
  margin: 3px 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box !important;
  width: 100%;
  border: solid 1px #D8D8D8;
  color: #616161;
  top: 0 !important; }

html form#register-form #id_phone1_number_idd, #id_phone1_number {
  font-size: 1.4em !important; }

html form#register-form #id_city {
  font-size: 1.2em !important;
  background: white; }

html form#register-form .country-code-city-field-container:before {
  color: #616161; }

html .main-content #auth-app p.register-mobile-warning {
  color: #666;
  font-weight: bold;
  text-align: center;
  padding-left: 15%;
  padding-right: 15%; }
  @media only screen and (max-width: 748px) {
    html .main-content #auth-app p.register-mobile-warning {
      padding-left: 5%;
      padding-right: 5%; } }
  html .main-content #auth-app p.register-mobile-warning .no-padding {
    padding-left: 0;
    padding-right: 0; }
    @media only screen and (max-width: 748px) {
      html .main-content #auth-app p.register-mobile-warning .no-padding {
        padding-left: 0;
        padding-right: 0; } }

html .main-content #auth-app #mini-auth-set-phone-form .field-phone1_number > div::after {
  content: '';
  border-top-color: transparent !important; }

html .main-content #auth-app #mini-auth-set-phone-form .field-phone1_number > div > input {
  padding-top: 2px !important; }

@media only screen and (max-width: 748px) {
  html #thanks-page {
    padding-left: 11px;
    padding-right: 11px; }
    html #thanks-page .button__group .tf-btn {
      width: 100%;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0; } }

html #thanks-page .share__title {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }

@media only screen and (max-width: 748px) {
  html #thanks-page #downloading-message div.button__group .tf-btn-primary {
    margin-top: 25px;
    width: 100%; } }

html p.title:hover > i.fa {
  color: orange; }

html .ticket .ticket-name strong {
  color: orange; }

@media only screen and (max-width: 748px) {
  html #my-account-page {
    padding-left: 10px;
    padding-right: 10px; }
    html #my-account-page .actions > .tf-btn-primary {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    html #my-account-page .actions > #closeAccountBtn {
      margin-top: 15px;
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

html #my-account-page #closeAccountBtn {
  border-width: 1px; }

@media (min-width: 749px) {
  html #my-account-page #preferences .country-code-field-container.mobile-full-width {
    float: left;
    width: 205px; } }

@media (min-width: 749px) {
  html #my-account-page #preferences .tel-field-container.mobile-full-width {
    float: right;
    width: 260px; } }

html #my-account-page #preferences .formHorizontal .controlGroup .controls p.helpBlock {
  float: none;
  left: 0;
  margin: 7px 0 0 0;
  text-align: center;
  padding: 0 0 0 6px;
  font-size: 11px;
  font-style: italic;
  text-align: left;
  white-space: nowrap; }

html #my-account-page #preferences .formHorizontal .cookie_input #delete_data_request_link {
  color: #A5E28F; }

html #my-account-page #preferences .formHorizontal .cookie_input p {
  hyphens: none; }

@media (min-width: 749px) {
  html #my-account-page #preferences .formHorizontal .cookie_input {
    width: 470px;
    margin: 0 auto; } }

html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference {
  margin-left: 10px;
  margin-top: 8px; }
  html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference input {
    margin-right: 16px;
    margin-top: 2px;
    float: left; }
  html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference li {
    height: 32px;
    display: block;
    width: 100%; }

html #my-account-page #preferences .formHorizontal .cookie_input > .controlGroup.clearfix {
  margin-left: 15px; }
  html #my-account-page #preferences .formHorizontal .cookie_input > .controlGroup.clearfix .controlLabel {
    font-weight: bold; }

@media only screen and (max-width: 748px) {
  html #my-account-page #preferences .formHorizontal .controlGroup .controlLabel {
    width: 100%;
    margin-bottom: 1px; }
  html body .preferred-country-container .controls {
    width: 100% !important;
    left: -1px; }
  html #my-account-page #password .alert.alert-info {
    padding: 3%;
    width: 94%; } }

@media only screen and (max-width: 748px) {
  html .login-container {
    padding: 0 10px;
    width: auto !important; } }

html #password-reset-page,
html #password-reset-done-page,
html #password-reset-confirm-page,
html #password-reset-complete-page {
  padding: 0 10px; }
  @media only screen and (max-width: 748px) {
    html #password-reset-page .tf-btn-primary,
    html #password-reset-done-page .tf-btn-primary,
    html #password-reset-confirm-page .tf-btn-primary,
    html #password-reset-complete-page .tf-btn-primary {
      width: 100%;
      margin: 15px 0 0 0;
      padding-left: 0;
      padding-right: 0; } }
  html #password-reset-page h2,
  html #password-reset-done-page h2,
  html #password-reset-confirm-page h2,
  html #password-reset-complete-page h2 {
    font-family: "Lexend Deca, font";
    color: blue;
    font-size: 1.7em;
    line-height: 1.7em;
    margin-top: 12px;
    margin-bottom: 10px; }
  html #password-reset-page #password-reset-done-wrap div.infoItem p,
  html #password-reset-done-page #password-reset-done-wrap div.infoItem p,
  html #password-reset-confirm-page #password-reset-done-wrap div.infoItem p,
  html #password-reset-complete-page #password-reset-done-wrap div.infoItem p {
    font-family: "Lexend Deca, font";
    color: green;
    font-size: 1em; }

html body #password-reset-confirm-page div.banner-message {
  border-color: transparent; }

html #password-reset .formActions input {
  color: #000000;
  background: #A5E28F;
  border: 0;
  font-family: "Lexend Deca, font";
  font-weight: 700;
  font-size: 18px;
  border-radius: 0 !important;
  padding: 5px 12px 5px 12px;
  text-transform: uppercase;
  min-height: unset;
  margin-right: 0; }
  html #password-reset .formActions input:hover {
    color: #000000;
    background: #7CAA6B;
    text-decoration: none; }

html #my-account-page #close-account-form div.actions {
  width: 450px; }
  @media only screen and (max-width: 748px) {
    html #my-account-page #close-account-form div.actions {
      width: auto; } }

html #terms-n-condition-field a {
  text-decoration: underline; }

html #close_ac .letUsKnow ul {
  display: inline-block; }
  html #close_ac .letUsKnow ul li {
    width: 99%; }
    html #close_ac .letUsKnow ul li label input {
      width: 24px; }

html #close_ac .letUsKnow .helpInline {
  color: #ec3a36;
  padding-top: 5px; }

#my-account-page .controlGroup input, #my-account-page .controlGroup select, #my-account-page .controlGroup textarea, #my-account-page .controlGroup button, #my-account-page .controlGroup a, #my-account-page .controlGroup label, #my-account-page .controlGroup div, #my-account-page .controlGroup p, #my-account-page .controlGroup span {
  font-family: inherit !important; }

html .blockUI.delete-data-request-confirmation {
  border-radius: 10px;
  box-shadow: 1px 1px 5px 1px #e3e3e3;
  border: none !important;
  cursor: default !important;
  text-align: left !important;
  width: auto !important;
  left: 0px !important; }
  @media (min-width: 749px) {
    html .blockUI.delete-data-request-confirmation {
      width: 30% !important;
      left: 35% !important; } }
  html .blockUI.delete-data-request-confirmation h1 {
    border-bottom: 1px solid lightgray;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase; }
  html .blockUI.delete-data-request-confirmation p {
    text-align: left;
    padding-top: 25px; }

html .single-event:first-child,
html .ticket-invitation-alert {
  border-top: transparent solid 3.5px; }

html .single-event {
  border-bottom: transparent solid 3.5px; }

html .infoItem.ticket {
  border-top: 1px solid transparent; }
  html .infoItem.ticket .ticket-content .my-ticket-qr-code {
    min-width: 200px;
    width: 20%;
    display: inline-block;
    margin-right: 8px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] {
      height: 200px;
      width: 200px; }
      html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] img {
        width: 200px; }
      @media only screen and (max-width: 748px) {
        html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] {
          display: inline-block;
          float: unset; } }
    html .infoItem.ticket .ticket-content .my-ticket-qr-code .qr-code-custom-message {
      width: 100%;
      padding: 12px 8px;
      font-weight: 600;
      border-radius: 1px;
      text-align: center;
      font-size: 14px; }
    @media only screen and (max-width: 748px) {
      html .infoItem.ticket .ticket-content .my-ticket-qr-code {
        width: 100%;
        text-align: center; } }
  @media (min-width: 1024px) {
    html .infoItem.ticket .ticket-content:has(.my-ticket-qr-code) .ticket-name.ticket-metas {
      width: calc(100% - 440px) !important; } }

html #tickets-page-wrap .profile-breadcrumbs {
  display: none; }

html #tickets-page-wrap h4 {
  color: blue;
  font-family: "Lexend Deca, font";
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em; }

html #tickets-page-wrap .infoItem .upper {
  font-family: "Lexend Deca, font";
  color: green; }
  html #tickets-page-wrap .infoItem .upper.blue, html #tickets-page-wrap .infoItem .upper .blue {
    color: blue; }

html #tickets-page-wrap .location .blue {
  color: blue; }

@media only screen and (max-width: 748px) {
  html #tickets-page-wrap .download-ticket > div.left {
    width: 100%; } }

html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 2em;
  justify-content: center; }
  html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%; }
    html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li:nth-of-type(2) {
      justify-content: flex-start; }
    html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li label {
      align-items: center;
      display: flex !important;
      flex-direction: row; }
      html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li label input {
        margin-right: 2em;
        width: 0 !important; }

html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number {
  display: none; }
  html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number .controls, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number .controls {
    display: flex;
    flex-direction: row; }
  html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number select, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number select {
    border-bottom: solid 1px transparent;
    margin-right: 2em;
    height: 38px; }

html .help-block {
  color: #999; }

html #tickets-page-wrap .infoItem.ticket span {
  color: blue; }

html #my-tickets-page .ticket-metas {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch; }
  html #my-tickets-page .ticket-metas > div {
    margin-bottom: 10px;
    display: table;
    max-height: unset; }

html #my-tickets-page .past-ticket-dot {
  margin-bottom: 3px; }

html #my-tickets-page > .breathe {
  display: block;
  margin-top: 12px; }

html #my-tickets-page div.ticket div.ticket-content .infoItem.location:nth-child(2) {
  margin-left: 0px; }

@media only screen and (max-width: 748px) {
  html #my-tickets-page ul.nav.navTabs {
    display: inline-block;
    position: relative; }
    html #my-tickets-page ul.nav.navTabs li > a {
      float: none;
      width: auto; } }

@media only screen and (max-width: 748px) {
  html #my-tickets-page #my-tickets-inner {
    padding-top: 10px; } }

html #my-tickets-page .single-event.passed-event .infoItem.ticket {
  border-top: none; }
  html #my-tickets-page .single-event.passed-event .infoItem.ticket .ticket-content::before {
    content: '\25B8'; }

html #my-tickets-page .ticket-invitation-alert {
  padding: 10px; }

@media only screen and (max-width: 748px) {
  #order-accept-invitation-page {
    padding: 0 7px; } }

#order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2) {
  position: relative; }
  #order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      #order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
      content: ""; } }

#order-accept-invitation-page .accept-invitation-note {
  margin-bottom: 10px;
  font-size: 16.8px; }

#accept-invitation-home-banners {
  margin-bottom: 20px; }
  @media (min-width: 749px) {
    #accept-invitation-home-banners .desktop-banner {
      display: block; }
    #accept-invitation-home-banners .mobile-banner {
      display: none; } }
  @media only screen and (max-width: 748px) {
    #accept-invitation-home-banners .desktop-banner {
      display: none; }
    #accept-invitation-home-banners .mobile-banner {
      display: block; } }
  #accept-invitation-home-banners .banner-slide a img {
    margin-bottom: 5px; }

:root {
  --animate-duration: 750ms;
  --animate-delay: 0s; }

textarea, select, input, button {
  outline: none; }

html p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

html body {
  background: #fff; }
  html body a {
    color: orange; }
    html body a:hover {
      color: orange; }
  html body p, html body div {
    color: #777; }

html div.line-separator {
  color: transparent;
  background-color: transparent; }

html .tf-title.overline {
  border-top: transparent solid 1px; }

html .content-block {
  border-top: 1px solid transparent; }
  html .content-block .subtitle, html .content-block li {
    color: #666; }

html .cvv-img {
  background: #A5E28F; }

html .property-style-cod #content input,
html .property-style-cod #id_full_code {
  min-height: 38px; }

html .property-style-sc #content input,
html .property-style-sc #id_full_code {
  min-height: 40px; }

html .property-style-cod #content input[type="radio"],
html .property-style-sc #content input[type="radio"] {
  min-height: auto; }

@media (min-width: 749px) {
  body.layout-ets-v2 section#content.with-timer {
    padding-top: 50px; } }

@media only screen and (max-width: 748px) {
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns .type {
    width: 65%;
    float: left; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
    clear: both;
    border-bottom: 1px solid transparent;
    background: transparent; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns > .quantity-price {
    border-top: none; } }

@media only screen and (max-width: 748px) {
  .mobile-padding-20 {
    padding: 20px !important; } }

.mouse-inactive {
  pointer-events: none; }

.mouse-no-pointing {
  cursor: default; }

#event-header-first {
  background: transparent; }

#event-header-second {
  background: transparent; }

button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
  color: #000000;
  background: #A5E28F;
  border: 0;
  font-family: "Lexend Deca, font";
  font-weight: 700;
  font-size: 18px;
  border-radius: 0 !important;
  padding: 5px 12px 5px 12px;
  text-transform: uppercase;
  min-height: unset; }
  button.tf-btn-primary:hover, a.tf-btn-primary:hover, input.tf-btn-primary:hover {
    color: #000000;
    background: #7CAA6B;
    text-decoration: none; }

@supports (display: -ms-grid) {
  html body.language-style-zh-hant button.tf-btn-primary, html body.language-style-zh-hant a.tf-btn-primary, html body.language-style-zh-hant input.tf-btn-primary,
  html body.language-style-zh-hans button.tf-btn-primary,
  html body.language-style-zh-hans a.tf-btn-primary,
  html body.language-style-zh-hans input.tf-btn-primary {
    padding-top: 9px;
    padding-bottom: 11px; } }

html .infoItem a.tf-btn.tf-btn-default:hover {
  text-decoration: underline; }

@media only screen and (max-width: 748px) {
  html .nav.navTabs {
    margin-bottom: 22px; } }

html .nav.navTabs li a, html .nav.navTabs li h2, html .nav.navTabs li h2.tf-title {
  color: #666; }

html .nav.navTabs li.active a, html .nav.navTabs li.active h2, html .nav.navTabs li.active h2.tf-title {
  color: orange; }

@media only screen and (max-width: 748px) {
  html .nav.navTabs li a {
    background: transparent;
    margin-bottom: 2px; } }

html .nav.navTabs .active a {
  background: transparent; }

html .popover-inner .popover-content p {
  color: transparent; }

@media only screen and (max-width: 748px) {
  html section#content #setup-order-wrap.gray-container {
    border: none;
    padding: 0 11px; }
  html #event-detail,
  html #payment-details-page,
  html #tickets-page-wrap {
    padding-left: 11px;
    padding-right: 11px; } }

#list-event-subscriber h2 {
  color: #000; }
  #list-event-subscriber h2 i {
    color: #000; }

html .cm-right-0 button {
  margin-right: 0; }

@media only screen and (max-width: 748px) {
  html .mobile-invisible {
    display: none; } }

html .mobile-only {
  display: none; }
  @media only screen and (max-width: 748px) {
    html .mobile-only {
      display: block; } }

@media only screen and (max-width: 748px) {
  html .mobile-full-width {
    width: 100% !important; } }

html .blocking-err {
  color: #e73440; }

html .event-banner.banner-sold-out {
  background: blue; }

html div.breathe {
  margin-top: 12px; }

html body.language-style-es .languageWrap #locale_switcher > span {
  height: 16px;
  background-position: left -107px !important; }

.ticket-category-list .ticket-category-item {
  flex-wrap: wrap; }
  .ticket-category-list .ticket-category-item .ticket-category-price-expand {
    display: flex;
    flex-basis: 100%;
    justify-content: flex-end;
    flex-direction: column; }

#auth-app,
#ets-vue-frontend-modal {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  #auth-app .subtitle,
  #ets-vue-frontend-modal .subtitle {
    text-align: center;
    color: #212529; }
  #auth-app .subtitle-side,
  #ets-vue-frontend-modal .subtitle-side {
    text-align: left;
    color: #212529; }
  #auth-app .subtitle-addon-side,
  #ets-vue-frontend-modal .subtitle-addon-side {
    text-align: left;
    font-size: 13px;
    color: #212529; }
  #auth-app .statement,
  #ets-vue-frontend-modal .statement {
    color: #606060;
    line-height: 17px;
    font-size: 13px;
    letter-spacing: -0.4px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px; }
    #auth-app .statement.statement-narrow,
    #ets-vue-frontend-modal .statement.statement-narrow {
      padding-left: 15%;
      padding-right: 15%; }
    .long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
    #ets-vue-frontend-modal .statement {
      padding-top: 15px;
      padding-bottom: 15px; }
      @media only screen and (min-width: 1200px) and (min-height: 675px) {
        .long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
        #ets-vue-frontend-modal .statement {
          padding-top: 22px;
          padding-bottom: 22px; } }
      @media only screen and (max-width: 748px) {
        .long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
        #ets-vue-frontend-modal .statement {
          padding-top: 22px;
          padding-bottom: 22px; } }
  #auth-app .common-list-item,
  #ets-vue-frontend-modal .common-list-item {
    border-bottom: solid 1px #999;
    color: #999;
    padding: 7px 0px;
    text-indent: 5px;
    cursor: pointer; }
    #auth-app .common-list-item:nth-child(1),
    #ets-vue-frontend-modal .common-list-item:nth-child(1) {
      border-top: solid 1px #999; }
    #auth-app .common-list-item .show-selected,
    #ets-vue-frontend-modal .common-list-item .show-selected {
      display: none; }
    #auth-app .common-list-item .show-unselected,
    #ets-vue-frontend-modal .common-list-item .show-unselected {
      display: block; }
    #auth-app .common-list-item.selected .show-selected,
    #ets-vue-frontend-modal .common-list-item.selected .show-selected {
      display: block; }
    #auth-app .common-list-item.selected .show-unselected,
    #ets-vue-frontend-modal .common-list-item.selected .show-unselected {
      display: none; }
    #auth-app .common-list-item .show-inline-selected,
    #ets-vue-frontend-modal .common-list-item .show-inline-selected {
      display: none; }
    #auth-app .common-list-item .show-inline-unselected,
    #ets-vue-frontend-modal .common-list-item .show-inline-unselected {
      display: inline-block; }
    #auth-app .common-list-item.selected .show-inline-selected,
    #ets-vue-frontend-modal .common-list-item.selected .show-inline-selected {
      display: inline-block; }
    #auth-app .common-list-item.selected .show-inline-unselected,
    #ets-vue-frontend-modal .common-list-item.selected .show-inline-unselected {
      display: none; }
    #auth-app .common-list-item i,
    #ets-vue-frontend-modal .common-list-item i {
      font-size: 12px;
      margin-right: 12px; }
    #auth-app .common-list-item i.fa-circle,
    #ets-vue-frontend-modal .common-list-item i.fa-circle {
      color: #A5E28F; }
    #auth-app .common-list-item:hover,
    #ets-vue-frontend-modal .common-list-item:hover {
      color: #A5E28F; }
    #auth-app .common-list-item.selected,
    #ets-vue-frontend-modal .common-list-item.selected {
      color: #A5E28F; }
  #auth-app .common-errors-list,
  #ets-vue-frontend-modal .common-errors-list {
    margin-top: 15px; }
    #auth-app .common-errors-list li,
    #ets-vue-frontend-modal .common-errors-list li {
      list-style-type: none;
      color: #dc3545; }
  #auth-app input.rounded,
  #ets-vue-frontend-modal input.rounded {
    color: #212529;
    border: 1px solid #212529;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    -webkit-appearance: none; }
  #auth-app .spinner-container,
  #ets-vue-frontend-modal .spinner-container {
    text-align: center; }
    #auth-app .spinner-container i.fa-spinner,
    #ets-vue-frontend-modal .spinner-container i.fa-spinner {
      color: #212529; }
  #auth-app input::-webkit-outer-spin-button,
  #auth-app input::-webkit-inner-spin-button,
  #ets-vue-frontend-modal input::-webkit-outer-spin-button,
  #ets-vue-frontend-modal input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #auth-app input[type=number],
  #ets-vue-frontend-modal input[type=number] {
    -moz-appearance: textfield; }
  @media only screen and (max-width: 748px) {
    #auth-app input,
    #ets-vue-frontend-modal input {
      background: transparent; } }
  #auth-app .button-container,
  #ets-vue-frontend-modal .button-container {
    text-align: center;
    margin-top: 55px;
    margin-bottom: 0px; }
    @media only screen and (max-width: 748px) {
      #auth-app .button-container,
      #ets-vue-frontend-modal .button-container {
        margin-top: 35px; } }
    .long-mode-ets-vue-frontend #auth-app .button-container, .long-mode-ets-vue-frontend
    #ets-vue-frontend-modal .button-container {
      margin-top: 15px; }
      @media only screen and (max-width: 748px) {
        .long-mode-ets-vue-frontend #auth-app .button-container, .long-mode-ets-vue-frontend
        #ets-vue-frontend-modal .button-container {
          margin-top: 35px; } }
    #auth-app .button-container > .statement.button-statement,
    #ets-vue-frontend-modal .button-container > .statement.button-statement {
      padding-top: 0; }
    #auth-app .button-container.with-bottom-spacing,
    #ets-vue-frontend-modal .button-container.with-bottom-spacing {
      padding-bottom: 0px;
      margin-bottom: 45px; }
      @media only screen and (max-width: 748px) {
        #auth-app .button-container.with-bottom-spacing,
        #ets-vue-frontend-modal .button-container.with-bottom-spacing {
          margin-bottom: 30px; } }
      #auth-app .button-container.with-bottom-spacing > .statement.button-statement,
      #ets-vue-frontend-modal .button-container.with-bottom-spacing > .statement.button-statement {
        padding-bottom: 40px; }
    @media only screen and (max-width: 748px) {
      #auth-app .button-container button,
      #ets-vue-frontend-modal .button-container button {
        margin-top: 10px;
        margin-bottom: 10px; } }
    #auth-app .button-container button.button-in-row,
    #ets-vue-frontend-modal .button-container button.button-in-row {
      margin-left: 40px;
      margin-right: 40px; }
  #auth-app .evf-formset,
  #ets-vue-frontend-modal .evf-formset {
    border: solid 1px #999;
    padding: 20px;
    margin: 10px 0px;
    color: #212529;
    border-radius: 0px;
    border: solid 1px #999; }
    #auth-app .evf-formset h4,
    #ets-vue-frontend-modal .evf-formset h4 {
      color: #212529;
      text-align: center; }
    #auth-app .evf-formset .evf-formset-field input, #auth-app .evf-formset .evf-formset-field select,
    #ets-vue-frontend-modal .evf-formset .evf-formset-field input,
    #ets-vue-frontend-modal .evf-formset .evf-formset-field select {
      width: 100%; }
  #auth-app .evf-formset-field-width-50-left,
  #ets-vue-frontend-modal .evf-formset-field-width-50-left {
    width: 49%;
    display: inline-block; }
    #auth-app .evf-formset-field-width-50-left .evf-formset-field,
    #ets-vue-frontend-modal .evf-formset-field-width-50-left .evf-formset-field {
      margin-right: 5px; }
  #auth-app .evf-formset-field-width-50-right,
  #ets-vue-frontend-modal .evf-formset-field-width-50-right {
    width: 50%;
    display: inline-block; }
    #auth-app .evf-formset-field-width-50-right .evf-formset-field,
    #ets-vue-frontend-modal .evf-formset-field-width-50-right .evf-formset-field {
      margin-left: 5px; }
      #auth-app .evf-formset-field-width-50-right .evf-formset-field label,
      #ets-vue-frontend-modal .evf-formset-field-width-50-right .evf-formset-field label {
        display: none; }
  #auth-app .evf-formset-field-china-city-dropdown,
  #ets-vue-frontend-modal .evf-formset-field-china-city-dropdown {
    width: 100%;
    display: inline-block; }
    #auth-app .evf-formset-field-china-city-dropdown .evf-formset-field,
    #ets-vue-frontend-modal .evf-formset-field-china-city-dropdown .evf-formset-field {
      margin-top: 0 !important; }
      #auth-app .evf-formset-field-china-city-dropdown .evf-formset-field label,
      #ets-vue-frontend-modal .evf-formset-field-china-city-dropdown .evf-formset-field label {
        display: none; }
  #auth-app .evf-formset-field-china-city-dropdown-hidden,
  #ets-vue-frontend-modal .evf-formset-field-china-city-dropdown-hidden {
    display: none; }
  #auth-app .evf-formset-field-no-border .evf-formset-field,
  #ets-vue-frontend-modal .evf-formset-field-no-border .evf-formset-field {
    border: none; }
  #auth-app .evf-formset-field,
  #ets-vue-frontend-modal .evf-formset-field {
    margin-top: 15px;
    border: solid 1px #999;
    border-radius: 5px; }
    #auth-app .evf-formset-field.is-error,
    #ets-vue-frontend-modal .evf-formset-field.is-error {
      border-color: #dc3545; }
    #auth-app .evf-formset-field.is-no-label input, #auth-app .evf-formset-field.is-no-label select,
    #ets-vue-frontend-modal .evf-formset-field.is-no-label input,
    #ets-vue-frontend-modal .evf-formset-field.is-no-label select {
      margin-top: 13px; }
    #auth-app .evf-formset-field.is-checkbox,
    #ets-vue-frontend-modal .evf-formset-field.is-checkbox {
      padding-top: 15px; }
      #auth-app .evf-formset-field.is-checkbox input,
      #ets-vue-frontend-modal .evf-formset-field.is-checkbox input {
        display: inline;
        width: auto;
        margin-right: 5px; }
      #auth-app .evf-formset-field.is-checkbox label,
      #ets-vue-frontend-modal .evf-formset-field.is-checkbox label {
        display: inline;
        background: transparent; }
        #auth-app .evf-formset-field.is-checkbox label a,
        #ets-vue-frontend-modal .evf-formset-field.is-checkbox label a {
          color: #A5E28F;
          text-decoration: underline; }
    #auth-app .evf-formset-field .evf-formset-field-tippy,
    #ets-vue-frontend-modal .evf-formset-field .evf-formset-field-tippy {
      display: inline-block; }
    #auth-app .evf-formset-field .evf-formset-field-error,
    #ets-vue-frontend-modal .evf-formset-field .evf-formset-field-error {
      color: #dc3545;
      padding: 0px 10px 7px 10px; }
    #auth-app .evf-formset-field label,
    #ets-vue-frontend-modal .evf-formset-field label {
      color: #999;
      background: #fff;
      padding: 0 5px;
      position: relative;
      top: -10px;
      left: 2px;
      font-size: 12px; }
    #auth-app .evf-formset-field .tooltip-span,
    #ets-vue-frontend-modal .evf-formset-field .tooltip-span {
      color: #ccc;
      background: #fff;
      padding: 0 5px 0 5px;
      position: relative;
      top: -10px;
      cursor: pointer; }
      #auth-app .evf-formset-field .tooltip-span:hover,
      #ets-vue-frontend-modal .evf-formset-field .tooltip-span:hover {
        color: #606060; }
    #auth-app .evf-formset-field input, #auth-app .evf-formset-field select,
    #ets-vue-frontend-modal .evf-formset-field input,
    #ets-vue-frontend-modal .evf-formset-field select {
      position: relative;
      border: none;
      background: transparent;
      background-color: transparent;
      top: -7px;
      left: 6px;
      width: 95%;
      margin-top: 0; }
      @media only screen and (max-width: 748px) {
        #auth-app .evf-formset-field input, #auth-app .evf-formset-field select,
        #ets-vue-frontend-modal .evf-formset-field input,
        #ets-vue-frontend-modal .evf-formset-field select {
          background: transparent !important; } }
  #auth-app .field-description,
  #ets-vue-frontend-modal .field-description {
    color: #999;
    padding-top: 5px; }
  #auth-app .evf-form-error-list .evf-form-error,
  #ets-vue-frontend-modal .evf-form-error-list .evf-form-error {
    color: red; }
  #auth-app .evf-btn-primary,
  #ets-vue-frontend-modal .evf-btn-primary {
    border: solid 1px #A5E28F;
    padding: 5px 16px;
    font-size: 15px;
    border-radius: 4px;
    color: #A5E28F;
    background: transparent;
    min-width: 120px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    #auth-app .evf-btn-primary:disabled,
    #ets-vue-frontend-modal .evf-btn-primary:disabled {
      border: solid 1px #999 !important;
      color: #999 !important;
      background: transparent !important;
      cursor: not-allowed; }
      #auth-app .evf-btn-primary:disabled i,
      #ets-vue-frontend-modal .evf-btn-primary:disabled i {
        color: #999; }
    #auth-app .evf-btn-primary:hover,
    #ets-vue-frontend-modal .evf-btn-primary:hover {
      color: #fff;
      background: #A5E28F; }
  #auth-app .evf-text-link,
  #ets-vue-frontend-modal .evf-text-link {
    color: #A5E28F;
    cursor: pointer; }
  #auth-app .evf-form-error-list,
  #ets-vue-frontend-modal .evf-form-error-list {
    margin-top: 20px; }

.tippy-popper div.tippy-tooltip .tippy-backdrop {
  background: #A5E28F !important;
  background-color: #A5E28F !important; }

.tippy-popper div.tippy-tooltip .tippy-content div b {
  color: #ddd !important; }

#auth-app .evf-formset,
#data-collection-app .evf-formset {
  width: 450px;
  padding: 0;
  border: none; }
  @media only screen and (max-width: 748px) {
    #auth-app .evf-formset,
    #data-collection-app .evf-formset {
      width: 100%; } }
  #auth-app .evf-formset .evf-formset-field-container,
  #data-collection-app .evf-formset .evf-formset-field-container {
    padding-bottom: 10px; }
    @media only screen and (max-width: 748px) {
      #auth-app .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right input,
      #data-collection-app .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right input {
        padding-bottom: 0;
        padding-top: 4px;
        margin-bottom: 3px;
        margin-top: -2px; } }
    #auth-app .evf-formset .evf-formset-field-container .field-description,
    #data-collection-app .evf-formset .evf-formset-field-container .field-description {
      font-size: 12px;
      padding-top: 5px; }
  #auth-app .evf-formset .evf-formset-field,
  #data-collection-app .evf-formset .evf-formset-field {
    width: 100%;
    background: #fff;
    margin-top: 20px;
    border: solid 1px #999;
    border-radius: 5px;
    text-shadow: none; }
    #auth-app .evf-formset .evf-formset-field.is-no-label input,
    #data-collection-app .evf-formset .evf-formset-field.is-no-label input {
      min-height: 25px;
      height: 25px;
      top: -7px; }
    #auth-app .evf-formset .evf-formset-field.is-checkbox,
    #data-collection-app .evf-formset .evf-formset-field.is-checkbox {
      background: transparent;
      position: relative;
      margin-bottom: 0;
      border: none;
      cursor: pointer; }
      #auth-app .evf-formset .evf-formset-field.is-checkbox input,
      #data-collection-app .evf-formset .evf-formset-field.is-checkbox input {
        display: inline;
        width: 30px !important;
        padding-left: 0;
        margin-left: 0;
        top: -10px;
        left: 0;
        position: absolute;
        cursor: pointer; }
      #auth-app .evf-formset .evf-formset-field.is-checkbox label,
      #data-collection-app .evf-formset .evf-formset-field.is-checkbox label {
        position: relative;
        display: inline-block;
        line-height: initial;
        height: auto;
        margin-left: 9%;
        width: 90%;
        cursor: pointer; }
        #auth-app .evf-formset .evf-formset-field.is-checkbox label > a,
        #data-collection-app .evf-formset .evf-formset-field.is-checkbox label > a {
          color: #000; }
    #auth-app .evf-formset .evf-formset-field label,
    #data-collection-app .evf-formset .evf-formset-field label {
      padding: 0;
      left: 0px;
      background: transparent;
      height: 200px;
      line-height: 0;
      color: #000;
      position: relative;
      top: -23px;
      font-size: 14px;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Old versions of Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently
                                                supported by Chrome, Edge, Opera and Firefox */ }
    #auth-app .evf-formset .evf-formset-field .evf-formset-field-tippy,
    #data-collection-app .evf-formset .evf-formset-field .evf-formset-field-tippy {
      display: inline-block;
      position: relative;
      top: -21px;
      padding-left: 7px; }
    #auth-app .evf-formset .evf-formset-field select,
    #data-collection-app .evf-formset .evf-formset-field select {
      height: 22px;
      top: -9px; }
    #auth-app .evf-formset .evf-formset-field input,
    #auth-app .evf-formset .evf-formset-field select,
    #data-collection-app .evf-formset .evf-formset-field input,
    #data-collection-app .evf-formset .evf-formset-field select {
      position: relative;
      width: 96% !important;
      border: none;
      left: 6px; }
    #auth-app .evf-formset .evf-formset-field input,
    #data-collection-app .evf-formset .evf-formset-field input {
      min-height: 20px;
      height: 20px;
      top: -10px; }
    #auth-app .evf-formset .evf-formset-field .evf-formset-field-error,
    #data-collection-app .evf-formset .evf-formset-field .evf-formset-field-error {
      color: #dc3545;
      padding: 0px 10px 7px 10px; }
  #auth-app .evf-formset .evf-formset-field.is-mobile-field select,
  #data-collection-app .evf-formset .evf-formset-field.is-mobile-field select {
    width: 58% !important; }
  #auth-app .evf-formset .evf-formset-field.is-mobile-field input,
  #data-collection-app .evf-formset .evf-formset-field.is-mobile-field input {
    width: 38% !important; }

#auth-app .passwordless-login-fields .field-send_code_captcha .evf-formset-field div > div,
#data-collection-app .passwordless-login-fields .field-send_code_captcha .evf-formset-field div > div {
  margin: auto; }

#auth-app .passwordless-login-fields .field-phone_number_send_code_button,
#data-collection-app .passwordless-login-fields .field-phone_number_send_code_button {
  text-align: center; }
  #auth-app .passwordless-login-fields .field-phone_number_send_code_button.opt-button-hidden,
  #data-collection-app .passwordless-login-fields .field-phone_number_send_code_button.opt-button-hidden {
    display: none; }
  #auth-app .passwordless-login-fields .field-phone_number_send_code_button button,
  #data-collection-app .passwordless-login-fields .field-phone_number_send_code_button button {
    padding: 0.8em 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px; }
    #auth-app .passwordless-login-fields .field-phone_number_send_code_button button[disabled],
    #data-collection-app .passwordless-login-fields .field-phone_number_send_code_button button[disabled] {
      background-color: #3D3D3D !important;
      color: #FFFFFF !important;
      border: #3D3D3D !important;
      cursor: not-allowed; }

#auth-app .login-other-actions,
#data-collection-app .login-other-actions {
  display: flex;
  justify-content: space-between; }
  #auth-app .login-other-actions .passwordless-login-text,
  #data-collection-app .login-other-actions .passwordless-login-text {
    margin-bottom: 0;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer; }
    #auth-app .login-other-actions .passwordless-login-text > p,
    #data-collection-app .login-other-actions .passwordless-login-text > p {
      color: #000; }
    #auth-app .login-other-actions .passwordless-login-text:hover,
    #data-collection-app .login-other-actions .passwordless-login-text:hover {
      text-decoration: underline; }
      #auth-app .login-other-actions .passwordless-login-text:hover > p,
      #data-collection-app .login-other-actions .passwordless-login-text:hover > p {
        color: #272727; }

@media (min-width: 749px) {
  .send-ticket-verification {
    width: 500px;
    margin: 0 auto; } }

.send-ticket-verification .choose-verify-method {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  text-align: center; }
  .send-ticket-verification .choose-verify-method span {
    margin: 0 20px; }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked,
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px; }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked + label,
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #000000;
    font-size: 16px; }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked + label:before,
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(165, 226, 143, 0.6);
    border-radius: 100%;
    background: #FFFFFF; }
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:before {
    border: 1px solid #3D3D3D; }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked + label:after,
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: rgba(165, 226, 143, 0.6);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }

.send-ticket-verification .field-email_send_code_button .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field {
  display: flex; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error:last-child, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error:last-child {
  margin-top: 17px; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field {
  position: relative; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field .show-password-wrap .show-password-button, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field .show-password-wrap .show-password-button {
    top: 0; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-no-label .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-no-label .evf-formset-field-error {
  top: 40px !important; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error {
  position: relative; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error {
    color: #FF6E67;
    font-size: 14px;
    position: absolute;
    top: 38px;
    text-transform: none; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error input, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error input {
    border-bottom: #FF6E67 solid 1px !important; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-checkbox .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-checkbox .evf-formset-field-error {
  position: relative;
  top: -10px; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field {
  position: relative; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field::after, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field::after {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #3D3D3D;
    clear: both;
    pointer-events: none; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field #phone1_number_idd, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field #phone1_number_idd {
    appearance: none;
    -webkit-appearance: none; }

.send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button {
  text-align: center; }
  .send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button.opt-button-hidden, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button.opt-button-hidden, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button.opt-button-hidden, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button.opt-button-hidden {
    display: none; }
  .send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button button, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button button, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button button, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button button {
    padding: 0.8em 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px; }
    .send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button button[disabled], .send-ticket-verification .field-email_send_code_button .field-email_send_code_button button[disabled], .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button button[disabled], .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button button[disabled] {
      background-color: #3D3D3D !important;
      color: #FFFFFF !important;
      border: #3D3D3D !important;
      cursor: not-allowed; }

.send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code.hidden, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code.hidden {
  display: none; }

.send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error {
  padding-bottom: 20px !important; }
  .send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error .evf-formset-field-error {
    top: 60px !important; }

.send-ticket-verification .help-block {
  width: 100% !important; }

.send-ticket-verification .action {
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: center;
  justify-content: center;
  margin-top: 1em; }
  .send-ticket-verification .action #send-ticket-submit-button {
    width: 340px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box; }
    .send-ticket-verification .action #send-ticket-submit-button:hover {
      color: #FFFFFF; }
  .send-ticket-verification .action #send-ticket-cancel-button {
    width: 340px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box; }
    .send-ticket-verification .action #send-ticket-cancel-button:hover {
      color: #FFFFFF; }

.send-ticket-verification .field-phone_number_send_code_button, .send-ticket-verification .field-email_send_code_button {
  text-align: center; }
  .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field, .send-ticket-verification .field-email_send_code_button .evf-formset-field {
    display: flex;
    justify-content: center; }
  .send-ticket-verification .field-phone_number_send_code_button button, .send-ticket-verification .field-email_send_code_button button {
    width: 250px;
    padding: 0.8em 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px; }

.circle-loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid rgba(165, 226, 143, 0.6);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 6px;
  vertical-align: middle; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#auth-app > div > ul.navTabs {
  position: relative;
  margin-bottom: 10px; }
  #auth-app > div > ul.navTabs li {
    cursor: pointer; }
    @media only screen and (max-width: 748px) {
      #auth-app > div > ul.navTabs li a {
        float: none; } }
  #auth-app > div > ul.navTabs li.active {
    background: rgba(0, 0, 0, 0.2); }

@media (min-width: 749px) {
  #auth-app #mini-auth-signin-form #phone1_number_idd, #auth-app #mini-auth-signin-form #phone1_number,
  #auth-app #mini-auth-signup-form #phone1_number_idd,
  #auth-app #mini-auth-signup-form #phone1_number {
    font-size: 14px; } }

#auth-app #mini-auth-signin-form .password-criteria,
#auth-app #mini-auth-signup-form .password-criteria {
  color: #000; }

#auth-app #mini-auth-signin-form .password-criteria.upper-columns-2,
#auth-app #mini-auth-signup-form .password-criteria.upper-columns-2 {
  margin-top: 10px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; }

#auth-app .forgot-password-text {
  padding-top: 10px;
  padding-bottom: 10px; }

#auth-app #login-button-loader {
  height: 22px;
  padding-top: 9px;
  font-size: 18px;
  text-align: center;
  width: 250px;
  padding-left: 0;
  padding-right: 0;
  float: right;
  margin-top: 20px;
  margin-bottom: 45px; }
  @media only screen and (max-width: 748px) {
    #auth-app #login-button-loader {
      border: none;
      width: 100%; } }

@media only screen and (max-width: 748px) {
  #auth-app .mini-auth-form-button {
    width: 100%;
    padding-left: 5px; }
    #auth-app .mini-auth-form-button button {
      width: 100%; } }

#auth-app .mini-auth-form-button button {
  font-size: 18px;
  float: right;
  padding-top: 8px;
  padding-bottom: 7px;
  margin-top: 20px;
  margin-bottom: 45px; }

#auth-app .field-send_code_captcha .evf-formset-field div > div {
  margin: auto; }

#data-collection-app .description-font .upper {
  padding-right: 15px; }

#data-collection-app .legacy-subtitle-label {
  text-transform: uppercase;
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 20px; }

#data-collection-app .legacy-ticket-type-name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 15px; }

#data-collection-app .is-package .legacy-ticket-type-name {
  font-size: 15px; }

#data-collection-app .is-package .legacy-subtitle-label.order-data-label {
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 15px; }

#data-collection-app #legacy-promocode-box {
  margin-top: 25px; }
  #data-collection-app #legacy-promocode-box .evf-formset-field {
    padding-top: 6px !important;
    padding-bottom: 6px !important; }
    #data-collection-app #legacy-promocode-box .evf-formset-field input {
      top: 0; }

#data-collection-app #legacy-checkout-buttons {
  margin-top: 0px;
  margin-bottom: 30px;
  width: 450px;
  text-align: right; }
  @media only screen and (max-width: 748px) {
    #data-collection-app #legacy-checkout-buttons {
      width: 100%; } }
  #data-collection-app #legacy-checkout-buttons .tf-btn-primary {
    margin-right: 0; }
  #data-collection-app #legacy-checkout-buttons #checkout-loading {
    display: inline-block;
    position: absolute;
    width: 174px;
    text-align: center;
    padding-top: 13px;
    font-size: 18px; }
  #data-collection-app #legacy-checkout-buttons .tf-btn-default {
    border: none; }

#data-collection-app #refund-protect-wrapper {
  margin-top: 1em; }

#upsell-app h2.tf-title {
  margin-top: 0;
  margin-bottom: 10px; }

#upsell-app .item-listing {
  display: flex;
  flex-wrap: wrap; }
  #upsell-app .item-listing li {
    box-shadow: 1px 1px 5px 1px #e3e3e3;
    width: 48%;
    margin-bottom: 18px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background: transparent; }
    @media (min-width: 749px) {
      #upsell-app .item-listing li {
        width: 215px;
        margin-bottom: 28px;
        margin-left: 28px; }
        #upsell-app .item-listing li:first-child, #upsell-app .item-listing li:nth-child(4) {
          margin-left: 0px; } }
    @media only screen and (max-width: 748px) {
      #upsell-app .item-listing li:nth-child(odd) {
        margin-right: 3%;
        margin-left: 0px; } }
    #upsell-app .item-listing li .imgThumbWrap {
      width: 100%; }
      @media (min-width: 749px) {
        #upsell-app .item-listing li .imgThumbWrap img {
          width: 100%;
          height: auto; } }
      @media only screen and (max-width: 748px) {
        #upsell-app .item-listing li .imgThumbWrap img {
          width: 100%; } }
    #upsell-app .item-listing li a {
      text-decoration: none; }
    #upsell-app .item-listing li .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: transparent;
      opacity: 0.2;
      z-index: 100;
      display: block;
      box-shadow: 1px 1px 17px 8px #000; }
    #upsell-app .item-listing li .info-txts {
      height: 55px;
      overflow: hidden;
      padding: 10px;
      background: #fff;
      transition: 0.5s; }
      #upsell-app .item-listing li .info-txts .title {
        border-bottom: none !important; }
      #upsell-app .item-listing li .info-txts .infoItem {
        margin-bottom: 5px; }
        #upsell-app .item-listing li .info-txts .infoItem span {
          color: #000;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          height: 36px; }
          #upsell-app .item-listing li .info-txts .infoItem span strong {
            font-size: 16px;
            line-height: 19px; }
      #upsell-app .item-listing li .info-txts .truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        #upsell-app .item-listing li .info-txts .truncate span {
          color: #000;
          font-size: 16px;
          line-height: 19px;
          font-size: 10px; }

#nav-cart-count {
  width: 16px;
  height: 16px;
  background: #010101;
  color: #fff;
  border-radius: 50px;
  position: absolute;
  top: -4px;
  left: 16px;
  font-size: 11px;
  text-align: center; }
  @media only screen and (max-width: 748px) {
    #nav-cart-count {
      top: 10px !important;
      left: 54% !important; } }

html body #shopping-cart-app #shopping-cart-content {
  padding: 0; }
  html body #shopping-cart-app #shopping-cart-content .shopping-cart-items {
    padding-bottom: 5px; }
    html body #shopping-cart-app #shopping-cart-content .shopping-cart-items p {
      font-size: 13px; }
    html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total {
      border-top: 3px solid #D8D8D8;
      border-bottom: none !important;
      padding-bottom: 15px;
      padding-top: 15px;
      text-align: right;
      display: flex;
      justify-content: flex-end; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total p {
        font-weight: bold;
        font-size: 15px; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total p:first-child {
          display: flex;
          flex-grow: 0.5; }
    html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      border-bottom: 1px solid #D8D8D8;
      padding-top: 10px;
      padding-bottom: 10px;
      position: relative; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .remove-button-container {
        position: absolute;
        bottom: 3px;
        right: 0; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-left img {
        width: 100%; }
        @media (min-width: 749px) {
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-left img {
            width: 190px;
            height: 130px; } }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right {
        margin-left: 10px; }
        @media (min-width: 749px) {
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right {
            max-width: 530px; } }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right h3 {
          font-weight: bold;
          font-size: 25px;
          margin-bottom: 5px;
          line-height: 1.2em; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right .shopping-cart-items-venue {
          font-size: 10px; }
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right .shopping-cart-items-venue p {
            margin: 0;
            padding: 0; }
    html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details {
      display: flex;
      justify-content: space-between;
      position: relative; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .remove-button-container {
        position: absolute;
        bottom: 3px;
        right: 0; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left {
        margin-top: 15px;
        flex-grow: 1; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left h4 {
          text-transform: uppercase;
          margin-bottom: 10px;
          font-size: 13px;
          font-weight: bold; }
          @media only screen and (max-width: 748px) {
            html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left h4 {
              width: 50%; } }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left p {
          margin: 0;
          padding: 0;
          font-size: 13px; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details {
          margin-top: 5px;
          margin-bottom: 15px;
          transition: ease 2s;
          padding-bottom: 15px;
          min-height: 3em; }
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details .ticket-data-fields {
            margin-bottom: 20px; }
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details h5 {
            text-decoration: underline;
            font-size: 13px;
            margin-bottom: 5px; }
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details .shopping-cart-ticket-informations {
            display: flex;
            justify-content: space-between; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right {
        margin-top: 5px; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right .remove-item-button {
          padding-top: 4px;
          padding-bottom: 4px;
          width: 70px;
          font-size: 13px; }
          @media (min-width: 749px) {
            html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right .remove-item-button {
              width: auto;
              padding-top: 6px;
              padding-bottom: 6px; } }
  html body #shopping-cart-app #shopping-cart-content #fee {
    border-top: 3px solid #D8D8D8; }
    html body #shopping-cart-app #shopping-cart-content #fee p {
      font-size: 15px;
      text-transform: capitalize;
      font-weight: normal; }
  html body #shopping-cart-app #shopping-cart-content .total-order-price {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 3px solid #D8D8D8; }
    html body #shopping-cart-app #shopping-cart-content .total-order-price p {
      font-size: 20px;
      font-weight: bold; }
      html body #shopping-cart-app #shopping-cart-content .total-order-price p:first-child {
        flex-grow: 0.5; }
  html body #shopping-cart-app #shopping-cart-content #bottom-button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
    margin-bottom: 40px; }
    html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-left p {
      font-size: 10px; }

body.layout-ets-v2 .evf-order-list-item {
  position: relative;
  margin-top: 30px; }
  @media (min-width: 749px) {
    body.layout-ets-v2 .evf-order-list-item {
      display: flex;
      align-items: center; } }
  body.layout-ets-v2 .evf-order-list-item:nth-child(1) {
    margin-top: 0px; }
  body.layout-ets-v2 .evf-order-list-item.hide-thumbnail .list-item-detail .detail-box {
    padding-left: 40px; }
  body.layout-ets-v2 .evf-order-list-item .list-item-thumb {
    display: inline-block;
    width: 256px; }
    @media only screen and (max-width: 748px) {
      body.layout-ets-v2 .evf-order-list-item .list-item-thumb {
        width: 100%; } }
    body.layout-ets-v2 .evf-order-list-item .list-item-thumb img {
      width: 225px; }
      @media only screen and (max-width: 748px) {
        body.layout-ets-v2 .evf-order-list-item .list-item-thumb img {
          width: 100%; } }
  body.layout-ets-v2 .evf-order-list-item .list-item-detail {
    display: inline-block;
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px; }
    @media (min-width: 749px) {
      body.layout-ets-v2 .evf-order-list-item .list-item-detail {
        flex-grow: 1; } }
    @media only screen and (max-width: 748px) {
      body.layout-ets-v2 .evf-order-list-item .list-item-detail {
        width: 100%; } }
    body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box {
      padding-top: 5px;
      padding-bottom: 5px; }
      @media only screen and (max-width: 748px) {
        body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box {
          padding-left: 13px;
          padding-right: 13px; } }
      body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .label {
        display: inline-block;
        vertical-align: top;
        font-weight: bold;
        width: 22%; }
        @media only screen and (max-width: 748px) {
          body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .label {
            width: 28%; } }
      body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .value {
        display: inline-block;
        vertical-align: top;
        width: 70%; }
  body.layout-ets-v2 .evf-order-list-item .list-item-action {
    display: inline-block;
    width: 190px; }
    @media only screen and (max-width: 748px) {
      body.layout-ets-v2 .evf-order-list-item .list-item-action {
        width: 100%; } }
  @media (min-width: 749px) {
    body.layout-ets-v2 .evf-order-list-item .remove-button-container {
      position: absolute;
      bottom: 20px;
      right: 20px; } }
  body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button {
    cursor: pointer; }
    @media only screen and (max-width: 748px) {
      body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button {
        text-align: center;
        margin: 10px auto 20px auto; } }
    body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button .remove-button-x {
      display: inline-block;
      color: #000;
      border: solid #000 2px;
      width: 16px;
      height: 16px;
      border-radius: 10px;
      text-align: center;
      margin-right: 6px; }
      body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button .remove-button-x i {
        position: relative;
        top: -1px; }

body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail {
  margin-top: 30px;
  margin-bottom: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: right; }
  @media only screen and (max-width: 748px) {
    body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail,
    body.layout-ets-v2 #confirm-orders-list #order-group-price-detail {
      text-align: center; } }
  body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail #price-sub-total, body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail #price-fee,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail #price-sub-total,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail #price-fee {
    margin-bottom: 8px; }
  body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .label, body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .value,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .label,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .value {
    display: inline-block; }
  body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .label,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .label {
    margin-right: 10px; }

body.layout-ets-v2 #shopping-cart-summary-list #bottom-button-container,
body.layout-ets-v2 #confirm-orders-list #bottom-button-container {
  text-align: center; }
  body.layout-ets-v2 #shopping-cart-summary-list #bottom-button-container > a,
  body.layout-ets-v2 #confirm-orders-list #bottom-button-container > a {
    text-align: center;
    display: block; }

html body #confirm-orders-app #confirm-orders-content {
  padding: 0; }
  html body #confirm-orders-app #confirm-orders-content .top-row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  html body #confirm-orders-app #confirm-orders-content .confirm-orders-items {
    padding-bottom: 5px; }
    html body #confirm-orders-app #confirm-orders-content .confirm-orders-items p {
      font-size: 15px;
      margin: 10px 0; }
    html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header {
          padding-bottom: 25px; } }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header h3 {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 5px; }
    html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table {
      width: 100%; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tbody {
        border-bottom: 1px solid #D8D8D8; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row {
        border-top: 3px solid #D8D8D8;
        border-bottom: none !important; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row td {
          font-weight: bold;
          font-size: 15px;
          padding-bottom: 15px;
          padding-top: 15px; }
          html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row td:last-child {
            font-size: 20px; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr:last-child {
        border-bottom: none; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr th {
        width: 33%;
        text-align: left;
        border-bottom: 3px solid #D8D8D8; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr th:last-child {
          text-align: right; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations {
        margin-top: 15px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations p {
          margin: 0;
          font-size: 12px; }
          html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations p:first-child {
            font-size: 15px;
            font-weight: bold; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td {
        width: 30%;
        padding-bottom: 15px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td:last-child {
          text-align: right;
          display: table-cell;
          vertical-align: middle; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td .evf-formset-field-container {
          margin-top: 15px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td input {
          background: transparent;
          padding: 10px 20px 5px 20px;
          border: solid #ccc 1px;
          margin-bottom: 5px;
          font-size: 13px; }
    html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #D8D8D8; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details:last-child {
        border-bottom: none;
        border-bottom: 3px solid #D8D8D8; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left {
        margin-top: 5px;
        flex-grow: 1;
        display: flex;
        justify-content: space-between; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left h4 {
          text-transform: uppercase;
          margin-bottom: 10px;
          font-size: 15px;
          font-weight: bold; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left p {
          margin: 0;
          padding: 0;
          font-size: 13px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details {
          margin-top: 5px;
          margin-bottom: 10px;
          transition: ease 2s; }
          html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details h5 {
            text-decoration: underline;
            font-size: 16px; }
          html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details .confirm-orders-ticket-informations {
            display: flex;
            justify-content: space-between; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right {
        margin-top: 5px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right .remove-item-button {
          padding-top: 4px;
          padding-bottom: 4px;
          width: 70px;
          font-size: 13px; }
          @media (min-width: 749px) {
            html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right .remove-item-button {
              width: auto;
              padding-top: 6px;
              padding-bottom: 6px; } }
  html body #confirm-orders-app #confirm-orders-content #fee {
    border-top: 3px solid #D8D8D8; }
    html body #confirm-orders-app #confirm-orders-content #fee p {
      font-size: 15px;
      text-transform: capitalize;
      font-weight: normal; }
  html body #confirm-orders-app #confirm-orders-content .total-order-price {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 3px solid #D8D8D8; }
    html body #confirm-orders-app #confirm-orders-content .total-order-price p {
      font-size: 20px;
      font-weight: bold; }
      html body #confirm-orders-app #confirm-orders-content .total-order-price p:first-child {
        flex-grow: 0.5; }
  html body #confirm-orders-app #confirm-orders-content #bank-statement-name {
    margin-top: 50px;
    margin-bottom: 50px; }
  html body #confirm-orders-app #confirm-orders-content #bottom-button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center; }
    html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-left p {
      font-size: 10px; }
    html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-right button {
      padding-top: 4px;
      padding-bottom: 4px;
      font-size: 13px;
      padding-left: 10px;
      padding-right: 10px; }
      @media (min-width: 749px) {
        html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-right button {
          padding-top: 8px;
          padding-bottom: 8px;
          font-size: 17px; } }
  html body #confirm-orders-app #confirm-orders-content .left-align {
    text-align: left;
    margin: 0;
    padding: 0; }

#show-cxl-page {
  /* there are TWO show-cxl-page: vue-app and thanks-page-with-show-cxl */
  max-width: 600px; }
  @media (min-width: 749px) {
    #show-cxl-page {
      margin: 0 auto; } }
  #show-cxl-page #show-cxl-top-banner img {
    width: 100%; }
  #show-cxl-page .show-cxl-error {
    padding: 8px 12px 5px;
    margin-top: 25px;
    font-size: 16px;
    background: #D6093B;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600; }
  #show-cxl-page .show-cxl-noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none; }
  #show-cxl-page #vue-show-cxl-app-container {
    margin-bottom: 20px; }
    @media (min-width: 749px) {
      #show-cxl-page #vue-show-cxl-app-container {
        margin-bottom: 15px; } }
  #show-cxl-page .show-cxl-header {
    min-height: 50px; }
    #show-cxl-page .show-cxl-header .title {
      background-color: #001423;
      padding: 20px 20px 16px;
      color: #FFFFFF;
      font-size: 24px;
      margin: 0;
      font-weight: 500;
      text-align: center; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .show-cxl-header .title {
          padding-left: 0px;
          padding-right: 0px;
          width: 100vw;
          position: relative;
          left: 50%;
          transform: translate(-50vw, 0); } }
  #show-cxl-page .form-group {
    position: relative; }
    #show-cxl-page .form-group input {
      width: 100%;
      padding: 12px;
      border: none;
      border-radius: 12px;
      background: #FFFFFF;
      font-size: 16px; }
      #show-cxl-page .form-group input.error {
        border: 1px solid #D6093B; }
    #show-cxl-page .form-group .error-text {
      color: #D6093B;
      font-size: 12px;
      margin-top: 4px; }
  @media only screen and (max-width: 748px) {
    #show-cxl-page .show-cxl-view {
      min-height: calc(100vh - 145px); } }
  #show-cxl-page .show-cxl-view .action-buttons {
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    margin-top: 8px; }
    @media only screen and (max-width: 748px) {
      #show-cxl-page .show-cxl-view .action-buttons {
        flex-direction: column; } }
    #show-cxl-page .show-cxl-view .action-buttons button {
      width: 100%;
      margin: 0; }
      #show-cxl-page .show-cxl-view .action-buttons button:disabled {
        opacity: 0.5;
        cursor: not-allowed; }
      #show-cxl-page .show-cxl-view .action-buttons button.next:disabled {
        opacity: 0;
        cursor: not-allowed; }
  #show-cxl-page .show-cxl-view .options-grid .manual-typing-row .form-group input {
    color: #000000; }
  #show-cxl-page .show-cxl-view button {
    min-height: 40px;
    margin: 0; }
  #show-cxl-page .show-cxl-view .warning-message {
    color: #D6093B;
    font-size: 16px;
    font-weight: 800; }
  #show-cxl-page .scan-ticket-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #001423;
    padding: 0px;
    overflow: hidden;
    width: 100%;
    min-height: 100vh; }
    @media (min-width: 749px) {
      #show-cxl-page .scan-ticket-container {
        min-height: 60vh;
        height: auto; } }
    #show-cxl-page .scan-ticket-container .close-button {
      color: #FFFFFF;
      cursor: pointer;
      position: absolute;
      top: 8px;
      right: 12px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.35);
      font-size: 40px;
      padding: 10px 20px; }
      @media (min-width: 749px) {
        #show-cxl-page .scan-ticket-container .close-button {
          font-size: 36px;
          padding: 3px 7px 11px 7px; } }
    #show-cxl-page .scan-ticket-container .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 2; }
      @media (min-width: 749px) {
        #show-cxl-page .scan-ticket-container .video-overlay {
          height: 60vh; } }
    #show-cxl-page .scan-ticket-container .scan-title {
      color: #001423;
      font-size: 24px;
      margin-bottom: 40px;
      font-weight: 600; }
    #show-cxl-page .scan-ticket-container .scanner-wrapper {
      width: 100%;
      max-width: 300px;
      aspect-ratio: 1;
      margin-bottom: 40px; }
    #show-cxl-page .scan-ticket-container .scanner-frame {
      position: relative;
      width: 100%;
      height: 100%; }
    #show-cxl-page .scan-ticket-container .video-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      @media (min-width: 749px) {
        #show-cxl-page .scan-ticket-container .video-container {
          position: absolute;
          height: 60vh; } }
    #show-cxl-page .scan-ticket-container .scanner-video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      object-fit: cover;
      z-index: 1; }
      #show-cxl-page .scan-ticket-container .scanner-video.active {
        display: block; }
    #show-cxl-page .scan-ticket-container .scanner-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #show-cxl-page .scan-ticket-container .scanner-overlay .scan-region-highlight {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #FFFFFF;
        border-radius: 12px; }
      #show-cxl-page .scan-ticket-container .scanner-overlay .scan-region-highlight-svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background-color: #35c759; }
    #show-cxl-page .scan-ticket-container .scan-button {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 12px 24px;
      background-color: rgba(255, 255, 255, 0.35);
      border: none;
      border-radius: 12px;
      color: #FFFFFF;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s; }
      #show-cxl-page .scan-ticket-container .scan-button:hover {
        background-color: rgba(255, 255, 255, 0.3); }
      #show-cxl-page .scan-ticket-container .scan-button .scan-icon {
        display: flex;
        align-items: center;
        color: #FFFFFF; }
  #show-cxl-page .choose-action-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; }
    #show-cxl-page .choose-action-container .content-wrapper {
      max-width: 600px;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 5px; }
      @media (min-width: 749px) {
        #show-cxl-page .choose-action-container .content-wrapper {
          gap: 24px; } }
    #show-cxl-page .choose-action-container .main-title {
      color: #001423;
      padding-top: 0px;
      font-size: 20px;
      line-height: 1.4;
      font-weight: 600;
      margin: 0; }
      @media (min-width: 749px) {
        #show-cxl-page .choose-action-container .main-title {
          padding-top: 10px;
          font-size: 24px; } }
    #show-cxl-page .choose-action-container .main-description-html {
      line-height: 1.5;
      margin: 0; }
      #show-cxl-page .choose-action-container .main-description-html p, #show-cxl-page .choose-action-container .main-description-html i {
        color: #001423;
        font-size: 15px;
        padding: 5px 0 25px 0; }
        @media (min-width: 749px) {
          #show-cxl-page .choose-action-container .main-description-html p, #show-cxl-page .choose-action-container .main-description-html i {
            font-size: 18px; } }
      #show-cxl-page .choose-action-container .main-description-html i {
        font-style: italic;
        opacity: 0.8; }
      #show-cxl-page .choose-action-container .main-description-html ul {
        list-style: disc;
        padding-left: 1em; }
    #show-cxl-page .choose-action-container .buttons-container {
      display: flex;
      gap: 16px;
      margin-top: 24px;
      flex-direction: row; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .choose-action-container .buttons-container {
          flex-direction: column; } }
      #show-cxl-page .choose-action-container .buttons-container button {
        margin: 0;
        min-height: 40px;
        width: 100%; }
    #show-cxl-page .choose-action-container .action-button {
      width: 100%; }
      #show-cxl-page .choose-action-container .action-button:hover {
        opacity: 0.9; }
      #show-cxl-page .choose-action-container .action-button:active {
        transform: translateY(0); }
  #show-cxl-page .exchange-flow-container,
  #show-cxl-page .refund-flow-container {
    display: flex;
    flex-direction: column;
    position: relative; }
    #show-cxl-page .exchange-flow-container .content,
    #show-cxl-page .refund-flow-container .content {
      flex: 1;
      padding: 24px 20px;
      display: flex;
      flex-direction: column;
      gap: 32px; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .content,
        #show-cxl-page .refund-flow-container .content {
          padding-left: 0;
          padding-right: 0; } }
    #show-cxl-page .exchange-flow-container .instruction-text,
    #show-cxl-page .refund-flow-container .instruction-text {
      color: #FFFFFF;
      font-size: 18px;
      margin: 0;
      text-align: left; }
    #show-cxl-page .exchange-flow-container.disable-on-file-upload,
    #show-cxl-page .refund-flow-container.disable-on-file-upload {
      opacity: .7;
      pointer-events: none !important; }
    #show-cxl-page .exchange-flow-container .file-upload-progress,
    #show-cxl-page .refund-flow-container .file-upload-progress {
      margin-top: 10px;
      padding-left: 0px;
      padding-right: 0px; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .file-upload-progress,
        #show-cxl-page .refund-flow-container .file-upload-progress {
          padding-left: 20px;
          padding-right: 20px; } }
      #show-cxl-page .exchange-flow-container .file-upload-progress .file-info,
      #show-cxl-page .refund-flow-container .file-upload-progress .file-info {
        background: #FFFFFF;
        color: #001423;
        padding: 15px; }
        #show-cxl-page .exchange-flow-container .file-upload-progress .file-info .file-label,
        #show-cxl-page .refund-flow-container .file-upload-progress .file-info .file-label {
          color: #8A8A8E;
          position: relative;
          top: -4px; }
        #show-cxl-page .exchange-flow-container .file-upload-progress .file-info .cancel-upload,
        #show-cxl-page .refund-flow-container .file-upload-progress .file-info .cancel-upload {
          color: #FFFFFF;
          background: #001423;
          border-radius: 50px;
          display: inline-block;
          width: 18px;
          height: 18px;
          text-align: center;
          font-size: 19px;
          position: relative;
          top: 2px;
          left: 5px;
          line-height: 0.9em;
          cursor: pointer; }
        #show-cxl-page .exchange-flow-container .file-upload-progress .file-info .progress-bar,
        #show-cxl-page .refund-flow-container .file-upload-progress .file-info .progress-bar {
          margin-top: 10px;
          background: #d6f4de;
          border-radius: 15px; }
          #show-cxl-page .exchange-flow-container .file-upload-progress .file-info .progress-bar .progress-bar-child,
          #show-cxl-page .refund-flow-container .file-upload-progress .file-info .progress-bar .progress-bar-child {
            background: #35c759;
            height: 5px;
            border-radius: 15px; }
    #show-cxl-page .exchange-flow-container .options-grid,
    #show-cxl-page .refund-flow-container .options-grid {
      display: grid;
      grid-template-columns: 80px 1fr;
      gap: 15px;
      align-items: stretch; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .options-grid,
        #show-cxl-page .refund-flow-container .options-grid {
          grid-template-columns: auto 1fr; } }
    #show-cxl-page .exchange-flow-container .scan-option,
    #show-cxl-page .refund-flow-container .scan-option {
      width: 80px;
      background-color: #A5E28F;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform 0.2s ease; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .scan-option,
        #show-cxl-page .refund-flow-container .scan-option {
          width: 100px; } }
      #show-cxl-page .exchange-flow-container .scan-option .scan-icon-wrapper,
      #show-cxl-page .refund-flow-container .scan-option .scan-icon-wrapper {
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .scan-option .scan-icon-wrapper svg,
        #show-cxl-page .refund-flow-container .scan-option .scan-icon-wrapper svg {
          width: 32px;
          height: 32px; }
    #show-cxl-page .exchange-flow-container .buttons-column,
    #show-cxl-page .refund-flow-container .buttons-column {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%; }
    #show-cxl-page .exchange-flow-container .manual-typing-row,
    #show-cxl-page .refund-flow-container .manual-typing-row {
      grid-column: 1 / 3;
      display: flex; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .manual-typing-row,
        #show-cxl-page .refund-flow-container .manual-typing-row {
          gap: 10px; } }
      #show-cxl-page .exchange-flow-container .manual-typing-row > .form-group,
      #show-cxl-page .refund-flow-container .manual-typing-row > .form-group {
        flex-grow: 1; }
        #show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
        #show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
          width: calc(100% - 1rem - 5px);
          border: solid 1px #001423; }
          @media (min-width: 749px) {
            #show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
            #show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
              width: calc(100% - 24px - 15px); } }
          @media only screen and (max-width: 748px) {
            #show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
            #show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
              margin: 0; } }
      #show-cxl-page .exchange-flow-container .manual-typing-row > .form-button,
      #show-cxl-page .refund-flow-container .manual-typing-row > .form-button {
        width: 25%; }
        #show-cxl-page .exchange-flow-container .manual-typing-row > .form-button button,
        #show-cxl-page .refund-flow-container .manual-typing-row > .form-button button {
          width: 100%;
          height: 100%;
          margin: 0;
          border-radius: 12px; }
          @media only screen and (max-width: 748px) {
            #show-cxl-page .exchange-flow-container .manual-typing-row > .form-button button,
            #show-cxl-page .refund-flow-container .manual-typing-row > .form-button button {
              margin: 0; } }
    #show-cxl-page .exchange-flow-container .ticket-quantity,
    #show-cxl-page .refund-flow-container .ticket-quantity {
      background: rgba(0, 42, 73, 0.8);
      padding: 16px;
      color: #FFFFFF; }
      #show-cxl-page .exchange-flow-container .ticket-quantity h2,
      #show-cxl-page .refund-flow-container .ticket-quantity h2 {
        font-size: 15px;
        margin: 0 0 5px 0;
        font-weight: 800;
        text-transform: uppercase; }
      #show-cxl-page .exchange-flow-container .ticket-quantity p,
      #show-cxl-page .refund-flow-container .ticket-quantity p {
        font-size: 16px;
        margin: 0;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .ticket-quantity p:last-child,
        #show-cxl-page .refund-flow-container .ticket-quantity p:last-child {
          padding-bottom: 0; }
    #show-cxl-page .exchange-flow-container .action-button,
    #show-cxl-page .refund-flow-container .action-button {
      width: 100%;
      border: none;
      border-radius: 12px;
      background-color: #A5E28F;
      color: #FFFFFF;
      font-weight: 500;
      cursor: pointer;
      font-size: 16px;
      padding: 14px;
      transition: transform 0.2s ease, opacity 0.2s ease;
      text-transform: uppercase; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .action-button,
        #show-cxl-page .refund-flow-container .action-button {
          font-size: 16px;
          padding: 16px; } }
      #show-cxl-page .exchange-flow-container .action-button:hover,
      #show-cxl-page .refund-flow-container .action-button:hover {
        opacity: 0.9; }
    #show-cxl-page .exchange-flow-container .hidden-input,
    #show-cxl-page .refund-flow-container .hidden-input {
      display: none; }
    #show-cxl-page .exchange-flow-container .loading-overlay,
    #show-cxl-page .refund-flow-container .loading-overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 20, 35, 0.7);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 1000; }
      #show-cxl-page .exchange-flow-container .loading-overlay .spinner,
      #show-cxl-page .refund-flow-container .loading-overlay .spinner {
        width: 40px;
        height: 40px;
        border: 3px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        border-top-color: #FFFFFF;
        animation: spin 1s ease-in-out infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
    #show-cxl-page .exchange-flow-container .contact-view,
    #show-cxl-page .refund-flow-container .contact-view {
      padding: 20px; }
      #show-cxl-page .exchange-flow-container .contact-view .section-title,
      #show-cxl-page .refund-flow-container .contact-view .section-title {
        color: #001423;
        font-size: 24px;
        margin-bottom: 8px;
        margin-top: 12px;
        font-weight: 500; }
      #show-cxl-page .exchange-flow-container .contact-view .instruction-text,
      #show-cxl-page .refund-flow-container .contact-view .instruction-text {
        color: #001423;
        margin-bottom: 24px;
        margin-top: 10px;
        font-size: 16px;
        font-weight: 400; }
    #show-cxl-page .exchange-flow-container .contact-form,
    #show-cxl-page .refund-flow-container .contact-form {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      #show-cxl-page .exchange-flow-container .contact-form input,
      #show-cxl-page .refund-flow-container .contact-form input {
        box-sizing: border-box;
        border-radius: 0;
        padding: 12px 0;
        color: #001423;
        border-bottom: solid 1px #8A8A8E;
        font-size: 16px;
        font-weight: 600; }
        #show-cxl-page .exchange-flow-container .contact-form input::placeholder,
        #show-cxl-page .refund-flow-container .contact-form input::placeholder {
          color: #8A8A8E;
          font-size: 16px;
          font-weight: 600; }
    #show-cxl-page .exchange-flow-container .summary-view,
    #show-cxl-page .refund-flow-container .summary-view {
      margin-top: 10px;
      padding-left: 0px;
      padding-right: 0px;
      display: flex;
      flex-direction: column;
      gap: 24px; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .summary-view,
        #show-cxl-page .refund-flow-container .summary-view {
          padding-left: 20px;
          padding-right: 20px; } }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .summary-view,
        #show-cxl-page .refund-flow-container .summary-view {
          padding: 16px; } }
      #show-cxl-page .exchange-flow-container .summary-view .tickets-summary,
      #show-cxl-page .refund-flow-container .summary-view .tickets-summary {
        display: flex;
        flex-direction: column;
        gap: 16px; }
    #show-cxl-page .exchange-flow-container .confirmation-view,
    #show-cxl-page .refund-flow-container .confirmation-view {
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 24px; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .confirmation-view,
        #show-cxl-page .refund-flow-container .confirmation-view {
          padding-left: 0;
          padding-right: 0; } }
      #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary,
      #show-cxl-page .refund-flow-container .confirmation-view .contact-summary {
        background: rgba(0, 42, 73, 0.8);
        padding: 16px;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary h3,
        #show-cxl-page .refund-flow-container .confirmation-view .contact-summary h3 {
          font-size: 15px;
          margin: 0 0 5px 0;
          font-weight: 800;
          text-transform: uppercase; }
        #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info,
        #show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info {
          color: #FFFFFF; }
          #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info p,
          #show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info p {
            margin: 4px 0;
            font-size: 16px;
            color: #FFFFFF; }
            #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info p:last-child,
            #show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info p:last-child {
              padding-bottom: 0; }
      #show-cxl-page .exchange-flow-container .confirmation-view .tickets-summary,
      #show-cxl-page .refund-flow-container .confirmation-view .tickets-summary {
        display: flex;
        flex-direction: column;
        gap: 16px; }
      #show-cxl-page .exchange-flow-container .confirmation-view .refund-details,
      #show-cxl-page .refund-flow-container .confirmation-view .refund-details {
        background: rgba(0, 42, 73, 0.8);
        padding: 16px;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .confirmation-view .refund-details h3,
        #show-cxl-page .refund-flow-container .confirmation-view .refund-details h3 {
          font-size: 15px;
          margin: 0 0 5px 0;
          font-weight: 800;
          text-transform: uppercase; }
        #show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p,
        #show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p {
          margin: 4px 0;
          font-size: 16px;
          font-weight: 500;
          color: #FFFFFF; }
          #show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p.lead-time,
          #show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p.lead-time {
            color: #D6093B;
            font-size: 16px;
            font-weight: 800; }
          #show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p:last-child,
          #show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p:last-child {
            padding-bottom: 0; }
    #show-cxl-page .exchange-flow-container .success-view,
    #show-cxl-page .refund-flow-container .success-view {
      margin-top: 10px;
      padding-left: 0px;
      padding-right: 0px;
      display: flex;
      flex-direction: column;
      gap: 24px; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .success-view,
        #show-cxl-page .refund-flow-container .success-view {
          padding-left: 20px;
          padding-right: 20px; } }
      #show-cxl-page .exchange-flow-container .success-view .refund-summary,
      #show-cxl-page .refund-flow-container .success-view .refund-summary {
        background: rgba(0, 42, 73, 0.8);
        padding: 20px;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .success-view .refund-summary h2,
        #show-cxl-page .refund-flow-container .success-view .refund-summary h2 {
          font-size: 15px;
          margin: 0 0 5px 0;
          font-weight: 800;
          text-transform: uppercase; }
        #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item,
        #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item {
          display: flex;
          align-items: center;
          gap: 12px;
          margin-bottom: 12px;
          color: #FFFFFF; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            order: 2;
            color: #A5E28F; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon {
            background: #35c759; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
            color: #fff;
            background: #D6093B; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item p,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item p {
            margin: 0;
            font-size: 14px;
            color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .success-view .refund-summary .ticket-refund-error,
        #show-cxl-page .refund-flow-container .success-view .refund-summary .ticket-refund-error {
          color: #D6093B; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .ticket-refund-error span,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .ticket-refund-error span {
            color: #D6093B; }
        #show-cxl-page .exchange-flow-container .success-view .refund-summary p,
        #show-cxl-page .refund-flow-container .success-view .refund-summary p {
          margin: 8px 0;
          font-size: 14px;
          color: #FFFFFF; }
      #show-cxl-page .exchange-flow-container .success-view .tickets-summary,
      #show-cxl-page .refund-flow-container .success-view .tickets-summary {
        display: flex;
        flex-direction: column;
        gap: 16px; }
    @media (max-width: 480px) {
      #show-cxl-page .exchange-flow-container .confirmation-view,
      #show-cxl-page .exchange-flow-container .success-view,
      #show-cxl-page .refund-flow-container .confirmation-view,
      #show-cxl-page .refund-flow-container .success-view {
        padding: 16px;
        gap: 16px; }
        #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary,
        #show-cxl-page .exchange-flow-container .success-view .refund-summary,
        #show-cxl-page .refund-flow-container .confirmation-view .refund-summary,
        #show-cxl-page .refund-flow-container .success-view .refund-summary {
          padding: 16px; }
          #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary h2,
          #show-cxl-page .exchange-flow-container .success-view .refund-summary h2,
          #show-cxl-page .refund-flow-container .confirmation-view .refund-summary h2,
          #show-cxl-page .refund-flow-container .success-view .refund-summary h2 {
            font-size: 16px;
            margin-bottom: 16px; }
          #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item,
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item,
          #show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item {
            gap: 8px; }
            #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item .success-icon,
            #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item .failure-icon,
            #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
            #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
            #show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item .success-icon,
            #show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item .failure-icon,
            #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon,
            #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
              width: 20px;
              height: 20px;
              font-size: 12px; }
            #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item p,
            #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item p,
            #show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item p,
            #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item p {
              font-size: 13px; } }
    #show-cxl-page .exchange-flow-container .confirmation-view,
    #show-cxl-page .exchange-flow-container .success-view,
    #show-cxl-page .refund-flow-container .confirmation-view,
    #show-cxl-page .refund-flow-container .success-view {
      animation: fadeIn 0.3s ease-in-out; }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
    #show-cxl-page .exchange-flow-container .action-ticket-list,
    #show-cxl-page .refund-flow-container .action-ticket-list {
      margin-top: 10px;
      padding-left: 0px;
      padding-right: 0px; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .action-ticket-list,
        #show-cxl-page .refund-flow-container .action-ticket-list {
          padding-left: 20px;
          padding-right: 20px; } }
    #show-cxl-page .exchange-flow-container .ticket-details,
    #show-cxl-page .refund-flow-container .ticket-details {
      padding: 16px;
      margin-bottom: 16px;
      position: relative;
      background: rgba(0, 42, 73, 0.8); }
      #show-cxl-page .exchange-flow-container .ticket-details .ticket-header,
      #show-cxl-page .refund-flow-container .ticket-details .ticket-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px; }
        #show-cxl-page .exchange-flow-container .ticket-details .ticket-header h3,
        #show-cxl-page .refund-flow-container .ticket-details .ticket-header h3 {
          color: #FFFFFF;
          margin: 0;
          font-size: 16px; }
      #show-cxl-page .exchange-flow-container .ticket-details .status-badge,
      #show-cxl-page .refund-flow-container .ticket-details .status-badge {
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        background-color: #35c759;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .ticket-details .status-badge.invalid,
        #show-cxl-page .refund-flow-container .ticket-details .status-badge.invalid {
          background-color: #D6093B; }
      #show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row,
      #show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row {
        margin-bottom: 8px;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row .label,
        #show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row .label {
          width: 120px;
          color: rgba(255, 255, 255, 0.7);
          padding-right: 5px; }
        #show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row .value,
        #show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row .value {
          flex: 1; }
      #show-cxl-page .exchange-flow-container .ticket-details .error-message,
      #show-cxl-page .refund-flow-container .ticket-details .error-message {
        color: #D6093B;
        margin-top: 12px;
        font-size: 14px; }
      #show-cxl-page .exchange-flow-container .ticket-details .remove-ticket,
      #show-cxl-page .refund-flow-container .ticket-details .remove-ticket {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: none;
        background: rgba(255, 255, 255, 0.2);
        color: #FFFFFF;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px; }
        #show-cxl-page .exchange-flow-container .ticket-details .remove-ticket:hover,
        #show-cxl-page .refund-flow-container .ticket-details .remove-ticket:hover {
          background: rgba(255, 255, 255, 0.3); }
      #show-cxl-page .exchange-flow-container .ticket-details .ticket-invalid,
      #show-cxl-page .refund-flow-container .ticket-details .ticket-invalid {
        border: 1px solid rgba(244, 67, 54, 0.3); }
  #show-cxl-page .exchange-flow-container .summary-view .action-buttons {
    display: flex;
    gap: 16px;
    flex-direction: row-reverse; }
    @media only screen and (max-width: 748px) {
      #show-cxl-page .exchange-flow-container .summary-view .action-buttons {
        flex-direction: column; } }
    #show-cxl-page .exchange-flow-container .summary-view .action-buttons button {
      width: 100%;
      margin: 0;
      min-height: 40px; }
  #show-cxl-page .exchange-flow-container .contact-form input::placeholder {
    color: #8A8A8E; }