@font-face {
  font-family: 'colaborate-thinregular';
  src: url("../fonts/colabthi-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'colaboratelightregular';
  src: url("../fonts/ColabLig-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'colaboratelightregular';
  src: url("../fonts/ColabMed-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'optimusprincepsregular';
  src: url("../fonts/optimusprinceps-webfont.woff2") format("woff2"), url("../fonts/optimusprinceps-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'optimusprincepssemiboldRg';
  src: url("../fonts/optimusprincepssemibold-webfont.woff2") format("woff2"), url("../fonts/optimusprincepssemibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("icomoon.eot?7z6z5q");
  src: url("icomoon.eot?7z6z5q#iefix") format("embedded-opentype"), url("icomoon.ttf?7z6z5q") format("truetype"), url("icomoon.woff?7z6z5q") format("woff"), url("icomoon.svg?7z6z5q#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-contrast:before {
  content: "\e91f"; }

.icon-font_size:before {
  content: "\e928"; }

.icon-print:before {
  content: "\e930"; }

.icon-share:before {
  content: "\e933"; }

.icon-instagram:before {
  content: "\e900"; }

.icon-keyboard_arrow_down:before {
  content: "\e905"; }

.icon-menu:before {
  content: "\e902"; }

.icon-keyboard_arrow_up:before {
  content: "\e903"; }

.icon-keyboard_arrow_left:before {
  content: "\e904"; }

.icon-keyboard_arrow_right:before {
  content: "\e901"; }

.icon-compass2:before {
  content: "\e94a"; }

.icon-search:before {
  content: "\e986"; }

.icon-cross:before {
  content: "\ea0f"; }

.icon-arrow-right2:before {
  content: "\ea3c"; }

.icon-mail:before {
  content: "\ea83"; }

.icon-facebook2:before {
  content: "\ea91"; }

.icon-instagram2:before {
  content: "\ea92"; }

@keyframes simpleScale {
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

span.required {
  color: red; }

.ticket-billing-container {
  margin-top: 2.5rem; }
  .ticket-billing-container .dividing-line {
    height: 2px;
    background: #aeaeae;
    margin: 2rem 0; }
  .ticket-billing-container form {
    width: 100%;
    display: grid;
    grid-template-columns: auto 350px;
    grid-template-rows: auto auto;
    grid-template-areas: "form1 summary" "form2 .";
    gap: 0 3rem;
    justify-content: space-between; }
    .ticket-billing-container form.hidden {
      display: block; }
    @media screen and (max-width: 1024px) {
      .ticket-billing-container form {
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas: "form1" "summary" "form2";
        gap: 3rem; } }
    .ticket-billing-container form > div:first-of-type {
      grid-area: form1; }
    .ticket-billing-container form > div:last-of-type {
      grid-area: form2; }
    .ticket-billing-container form input::placeholder {
      color: #959595; }
    .ticket-billing-container form select {
      width: 100% !important; }
    .ticket-billing-container form select[name="state"],
    .ticket-billing-container form #stateSelectBoxItContainer {
      display: none; }
    .ticket-billing-container form .selectboxit-container {
      width: 100%; }
      .ticket-billing-container form .selectboxit-container .selectboxit {
        width: 100% !important;
        height: 38.39px; }
      .ticket-billing-container form .selectboxit-container .selectboxit-options {
        width: 100%; }
      .ticket-billing-container form .selectboxit-container span#countrySelectBoxItText,
      .ticket-billing-container form .selectboxit-container span#provinceSelectBoxItText,
      .ticket-billing-container form .selectboxit-container span#stateSelectBoxItText {
        height: 36px;
        line-height: 36px; }
    .ticket-billing-container form .ticket-listing-container .ticket-container {
      background: #fff;
      padding: 1rem;
      display: flex;
      gap: 5rem;
      justify-content: space-between; }
      .ticket-billing-container form .ticket-listing-container .ticket-container h2 {
        font-weight: bold;
        font-size: 1.5rem; }
      .ticket-billing-container form .ticket-listing-container .ticket-container p {
        margin-bottom: 0; }
        .ticket-billing-container form .ticket-listing-container .ticket-container p:nth-of-type(1) {
          font-size: 1.25rem;
          font-weight: bold;
          margin-bottom: 0.5rem; }
      .ticket-billing-container form .ticket-listing-container .ticket-container .ticket-increment {
        display: flex;
        align-items: center;
        gap: 1rem; }
        .ticket-billing-container form .ticket-listing-container .ticket-container .ticket-increment button {
          border-radius: 0;
          font-size: 1.5rem;
          margin: 0; }
          .ticket-billing-container form .ticket-listing-container .ticket-container .ticket-increment button:first-of-type {
            background: #eee;
            color: #000; }
            .ticket-billing-container form .ticket-listing-container .ticket-container .ticket-increment button:first-of-type:hover {
              background: #616161;
              color: #000;
              border-color: initial; }
        .ticket-billing-container form .ticket-listing-container .ticket-container .ticket-increment p {
          font-size: 1.5rem;
          margin-bottom: 0; }
        .ticket-billing-container form .ticket-listing-container .ticket-container .ticket-increment .ticketQty,
        .ticket-billing-container form .ticket-listing-container .ticket-container .ticket-increment .ticketId {
          display: none; }
      @media screen and (max-width: 1024px) {
        .ticket-billing-container form .ticket-listing-container .ticket-container {
          flex-direction: column;
          gap: 2rem; }
          .ticket-billing-container form .ticket-listing-container .ticket-container .ticket-increment {
            align-self: center; } }
    .ticket-billing-container form .acknowledgement {
      margin-top: 1.5rem;
      display: flex;
      gap: 1rem;
      align-items: flex-start; }
      .ticket-billing-container form .acknowledgement > div:first-of-type {
        max-height: 13px;
        max-width: 13px;
        margin-left: 7px;
        margin-top: 12px; }
        .ticket-billing-container form .acknowledgement > div:first-of-type input {
          transform: scale(2, 2);
          border-radius: 0; }
      .ticket-billing-container form .acknowledgement > div:last-of-type {
        display: flex;
        flex-direction: column; }
        .ticket-billing-container form .acknowledgement > div:last-of-type h3 {
          font-weight: bold; }
      @media screen and (max-width: 1024px) {
        .ticket-billing-container form .acknowledgement {
          margin-top: 0;
          gap: 1.5rem; } }
    .ticket-billing-container form .success a,
    .ticket-billing-container form .error a {
      color: #fff;
      text-decoration: underline;
      font-weight: bold; }
      .ticket-billing-container form .success a:hover,
      .ticket-billing-container form .error a:hover {
        color: #cccccc !important; }
    .ticket-billing-container form .success .msg_animate,
    .ticket-billing-container form .error .msg_animate {
      animation: grower 0.25s linear;
      transform-origin: center center; }
    .ticket-billing-container form #ticket-billing-form-btn {
      min-width: 150px; }
      .ticket-billing-container form #ticket-billing-form-btn:disabled {
        background: #005aab;
        border: 2px solid #005aab; }
      @media screen and (max-width: 1024px) {
        .ticket-billing-container form #ticket-billing-form-btn {
          display: block;
          margin: 0 auto; } }
    .ticket-billing-container form .loader {
      width: 24px;
      height: 24px;
      border: 5px solid #FFF;
      border-bottom-color: transparent;
      border-radius: 50%;
      display: inline-block;
      box-sizing: border-box;
      animation: rotation 1s linear infinite; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
    .ticket-billing-container form > article {
      min-width: 350px;
      width: 350px;
      grid-area: summary; }
      .ticket-billing-container form > article > div:nth-of-type(1) {
        /* background: #005aab; */
        /* color: #fff; */
        padding: 1rem;
        text-align: center; }
        .ticket-billing-container form > article > div:nth-of-type(1) h2 {
          text-transform: uppercase; }
        .ticket-billing-container form > article > div:nth-of-type(1) p {
          margin-bottom: 0; }
      .ticket-billing-container form > article > div:nth-of-type(2) {
        background: #fff;
        height: 330px;
        padding: 1.25rem 1rem; }
        .ticket-billing-container form > article > div:nth-of-type(2) .ticket-summary {
          margin-top: 2rem; }
          .ticket-billing-container form > article > div:nth-of-type(2) .ticket-summary > div {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            gap: 5rem; }
        .ticket-billing-container form > article > div:nth-of-type(2) .order-total {
          display: flex;
          justify-content: space-between;
          font-weight: bold; }
      @media screen and (max-width: 1024px) {
        .ticket-billing-container form > article {
          place-self: center;
          min-width: auto;
          width: 100%; } }
      @media screen and (max-width: 500px) {
        .ticket-billing-container form > article {
          min-width: auto;
          width: 100%; } }