@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
body * {
  font-family: 'Poppins', sans-serif;
}
body a {
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
}
body.modal-active {
  overflow: hidden;
}
body main {
  min-height: 65vh;
}
body #search-no-result {
  text-align: center;
  font-size: 26px;
}
body .event-past-page {
  margin-top: 66px;
}
body .event-past-page .dear-cust {
  font-size: 24px;
}
body .event-past-page .p-info {
  font-size: 18px;
}
body .kupon-div-info {
  display: none;
}
body .kupon-div-info .alert {
  font-size: 12px;
}
body #season_ticket_code {
  height: 46px;
}
@media (max-width: 576px) {
  body #season_ticket_code {
    width: 100% !important;
  }
}
body .label-prof-st {
  padding: 11px 10px;
}
@media (max-width: 576px) {
  body #add-season-ticket {
    float: right;
    margin-top: 12px;
  }
}
body #cookieAlertModal .cookie-info-box p {
  font-size: 12px;
  color: #000;
}
a.st-event-link {
  color: #212529;
  text-align: left !important;
  float: left;
}
a.st-event-link:hover {
  color: #0F8989;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
.errors,
.form-error {
  color: red;
}
.errors.newsletter-err,
.form-error.newsletter-err {
  color: #FF8989;
  font-size: 12px;
}
.form-error {
  float: right;
}
.loading-indicator {
  display: none;
}
.on-mob,
.logo-bottom-mobile {
  display: none !important;
}
.inactive-button {
  cursor: default !important;
}
#tooltip {
  display: none;
  position: absolute;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 8px;
  border-radius: 5px;
  z-index: 10;
}
#templates {
  display: none;
}
.modal-content {
  border-radius: 0;
  border: 4px solid #0c8888;
  color: #0c8888;
}
.breadcrumb {
  padding: 20px 0px;
  background: #FFF;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .breadcrumb {
    padding: 20px 15px;
  }
}
.breadcrumb a {
  color: #0c8888;
}
.breadcrumb>li+li:before {
  color: #0c8888;
}
.content {
  margin-top: 70px;
}
img:not(.chevron-down) {
  max-width: 100%;
  width: 100%;
}
.jx1-input {
  background: rgba(12,136,136,0.18);
  height: 36px;
  font-size: 16px;
  color: #0c8888;
  border: none;
  padding: 0 5px;
}
.jx1-label {
  display: inline-block;
  font-weight: bold;
  padding: 6px 10px;
}
.btn-jx1 {
  text-transform: uppercase;
  display: inline-block;
  font-size: 1vw;
  font-weight: bold;
  color: #FFF;
  border: none;
  position: relative;
  line-height: 45px;
  border-radius: 0;
  transition: none;
}
.btn-jx1.mgl5 {
  margin-left: 50px;
}
.btn-jx1.btn-yellow {
  color: #046464 !important;
}
.btn-jx1 span.skewfix {
  display: inline-block;
}
.btn-jx1:hover {
  color: #FFF;
}
.btn-jx1.btn-right {
  padding: 0 5px 0 28px;
  margin-right: 55px;
}
.btn-jx1.btn-right:before {
  content: '';
  display: block;
  position: absolute;
  right: -45px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 46px 0 0;
}
.btn-jx1.btn-right.btn-dark-green-border {
  line-height: 40px;
}
.btn-jx1.btn-right.btn-dark-green-border:before {
  border: none;
  border-top: 3px solid #046464;
  width: 45px;
  float: left;
  top: -3px;
  right: -42px;
}
.btn-jx1.btn-right.btn-dark-green-border:after {
  content: ' ';
  border: none;
  border-top: 3px solid #046464;
  width: 62px;
  transform: rotate(-45deg);
  right: -51px;
  top: 18px;
  display: block;
  position: absolute;
}
.btn-jx1.btn-right.btn-dark-green-border span:after {
  content: ' ';
  border-bottom: 40px solid transparent;
  border-left: 40px solid #FFF;
  border-right: 0;
  position: absolute;
  right: -40px;
  height: 10px;
}
.btn-jx1.btn-right.btn-dark-green-border:hover:not(.inactive-button) span:after {
  border-left: 40px solid #046464;
}
.btn-jx1.btn-right.btn-green:before {
  border-color: #0c8888 transparent transparent transparent;
}
.btn-jx1.btn-right.btn-green:hover:not(.inactive-button):before {
  border-color: rgba(12,136,136,0.65) transparent transparent transparent;
}
.btn-jx1.btn-right.btn-red:before {
  border-color: #d5481e transparent transparent transparent;
}
.btn-jx1.btn-right.btn-red:hover:not(.inactive-button):before {
  border-color: rgba(213,72,30,0.65) transparent transparent transparent;
}
.btn-jx1.btn-right.btn-dark-green:before {
  border-color: #046464 transparent transparent transparent;
}
.btn-jx1.btn-right.btn-dark-green:hover:not(.inactive-button):before {
  border-color: rgba(4,100,100,0.65) transparent transparent transparent;
}
.btn-jx1.btn-right.btn-yellow:before {
  border-color: #fdbc4c transparent transparent transparent;
}
.btn-jx1.btn-right.btn-yellow:hover:before {
  border-color: rgba(253,188,76,0.65) transparent transparent transparent;
}
.btn-jx1.btn-right.btn-gray:before {
  border-color: #C7C7C7 transparent transparent transparent;
}
.btn-jx1.btn-right.btn-gray:hover:before {
  border-color: #C7C7C7 transparent transparent transparent;
}
.btn-jx1.btn-right.btn-orange:before {
  border-color: #DE8F3A transparent transparent transparent;
}
.btn-jx1.btn-right.btn-orange:hover:before {
  border-color: #EDA542 transparent transparent transparent;
}
.btn-jx1.btn-right.btn-dark-green-2:before {
  border-color: #243e3e transparent transparent transparent;
}
@media (max-width: 992px) {
  .btn-jx1.btn-right {
    padding-left: 15px;
  }
}
.btn-jx1.btn-left {
  padding: 0 28px 0 5px;
}
.btn-jx1.btn-left:before {
  content: '';
  display: block;
  position: absolute;
  left: -45px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 45px 46px;
}
.btn-jx1.btn-left.btn-green:before {
  border-color: transparent transparent #0c8888 transparent;
}
.btn-jx1.btn-left.btn-green:hover:not(.inactive-button):before {
  border-color: transparent transparent rgba(12,136,136,0.65) transparent;
}
.btn-jx1.btn-left.btn-dark-green:before {
  border-color: transparent transparent #046464 transparent;
}
.btn-jx1.btn-left.btn-yellow:before {
  border-color: transparent transparent #fdbc4c transparent;
}
.btn-jx1.btn-left.btn-yellow:hover:not(.inactive-button):before {
  border-color: transparent transparent rgba(253,188,76,0.65) transparent;
}
.btn-jx1.btn-left.btn-gray:before {
  border-color: transparent transparent #C7C7C7 transparent;
}
.btn-jx1.btn-left.btn-gray:hover:not(.inactive-button):before {
  border-color: transparent transparent #C7C7C7 transparent;
}
.btn-jx1.btn-left.btn-orange:before {
  border-color: transparent transparent #DE8F3A transparent;
}
.btn-jx1.btn-left.btn-orange:hover:not(.inactive-button):before {
  border-color: transparent transparent #EDA542 transparent;
}
.btn-jx1.btn-left.btn-red:before {
  border-color: transparent transparent #d5481e transparent;
}
.btn-jx1.btn-left.btn-red:hover:not(.inactive-button):before {
  border-color: transparent transparent rgba(213,72,30,0.65) transparent;
}
.btn-jx1.btn-left.btn-dark-green-2:before {
  border-color: transparent transparent #243e3e transparent;
}
.btn-jx1.btn-left.inactive-button:before {
  border-width: 0 0 46px 46px;
}
.btn-jx1.btn-right-extra {
  padding: 0 5px;
  margin-right: 55px;
}
.btn-jx1.btn-right-extra:after {
  content: '';
  display: block;
  position: absolute;
  right: -46px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 46px 0 0;
}
.btn-jx1.btn-right-extra.btn-dark-green:after {
  border-color: #046464 transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-yellow:after {
  border-color: #fdbc4c transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-yellow:hover:after {
  border-color: rgba(253,188,76,0.65) transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-gray:after {
  border-color: #C7C7C7 transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-gray:hover:after {
  border-color: #C7C7C7 transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-orange:after {
  border-color: #DE8F3A transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-orange:hover:after {
  border-color: #EDA542 transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-green:after {
  border-color: #0c8888 transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-green:hover:not(.inactive-button):after {
  border-color: rgba(12,136,136,0.65) transparent transparent transparent;
}
.btn-jx1.btn-right-extra.btn-dark-green-2:after {
  border-color: #243e3e transparent transparent transparent;
}
.btn-jx1.btn-green {
  background: #0c8888;
}
.btn-jx1.btn-green:hover:not(.inactive-button) {
  background: rgba(12,136,136,0.65);
}
.btn-jx1.btn-red {
  background: #d5481e;
}
.btn-jx1.btn-red:hover:not(.inactive-button) {
  background: rgba(213,72,30,0.65);
}
.btn-jx1.btn-dark-green {
  background: #046464;
}
.btn-jx1.btn-dark-green:hover:not(.inactive-button) {
  background: rgba(4,100,100,0.65);
}
.btn-jx1.btn-dark-green-border {
  background: #FFF;
  color: #046464;
  border: 3px solid #046464;
  border-right: 0;
}
.btn-jx1.btn-dark-green-border:hover:not(.inactive-button) {
  background: #046464;
  color: #FFF;
}
.btn-jx1.btn-yellow {
  background: #fdbc4c;
}
.btn-jx1.btn-yellow:hover:not(.inactive-button) {
  background: rgba(253,188,76,0.65);
}
.btn-jx1.btn-gray {
  background: #C7C7C7;
  color: #046464;
}
.btn-jx1.btn-gray:hover:not(.inactive-button) {
  background: #C7C7C7;
}
.btn-jx1.btn-orange {
  background: #DE8F3A;
}
.btn-jx1.btn-orange:hover:not(.inactive-button) {
  background: #EDA542;
}
.btn-jx1.btn-dark-green-2 {
  background: #243e3e;
}
@media (max-width: 992px) {
  .btn-jx1 {
    font-size: 14px;
  }
  .btn-jx1 .btn-text {
    display: none;
  }
  .btn-jx1 .btn-text.btn-text-mobile-basket {
    display: inline-table;
    overflow: hidden;
  }
}
.btn-circle {
  border-radius: 50%;
  padding: 3px 9px;
  line-height: 30px;
  font-weight: 800;
  cursor: pointer;
  color: #FFF;
}
.btn-circle:hover {
  color: #FFF;
}
.btn-green {
  background: #0c8888;
}
.jx1-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
  background-color: #C7C7C7;
  border-radius: 0;
}
.jx1-scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #C7C7C7;
  border-radius: 0;
}
.jx1-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(4,100,100,0.65);
  border-radius: 0;
}
.jx1-scroll:hover::-webkit-scrollbar-thumb {
  background-color: #046464;
}
.container-jx1 {
  width: 1920px;
  margin: 0 auto;
}
@media (max-width: 1920px) {
  .container-jx1 {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .row {
    --bs-gutter-x: 0;
  }
}
.ajanlo-container {
  margin-top: 25px;
}
.ajanlo-box {
  padding: 0 10px;
  margin-bottom: 15px;
}
.ajanlo-box .main-image {
  width: 100%;
  height: 14vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 992px) {
  .ajanlo-box .main-image {
    height: 45vw !important;
  }
}
.ajanlo-box .details {
  padding: 10px 0 48px 0;
  max-width: 100%;
  max-height: 586px;
  width: 100%;
  margin-bottom: 0 !important;
  position: relative;
  height: 190px;
}
.ajanlo-box .details .event-client {
  height: 25px !important;
}
.ajanlo-box .ajanlo-gombok {
  position: absolute;
  right: 0;
  bottom: 0;
}
.main-events,
.event-list-results,
.ajanlo-box .details {
  margin-bottom: 70px;
  margin-left: 0;
  margin-right: 0;
  float: left;
  width: 100%;
}
.main-events .details,
.event-list-results .details,
.ajanlo-box .details .details {
  border-bottom: 1px solid #d4d4d4;
}
.main-events .main-image,
.event-list-results .main-image,
.ajanlo-box .details .main-image {
  width: 100%;
  height: 18vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 992px) {
  .main-events .main-image,
  .event-list-results .main-image,
  .ajanlo-box .details .main-image {
    height: 45vw !important;
  }
}
.main-events .main-text,
.event-list-results .main-text,
.ajanlo-box .details .main-text {
  padding: 20px 30px 0 30px;
}
@media (max-width: 992px) {
  .main-events .main-text,
  .event-list-results .main-text,
  .ajanlo-box .details .main-text {
    padding: 15px 20px 0 20px;
  }
}
.main-events a.event-title,
.event-list-results a.event-title,
.ajanlo-box .details a.event-title {
  font-size: 24px;
  font-weight: bold;
  color: #046464;
  line-height: 36px;
  height: 72px;
  display: block;
}
@media (max-width: 992px) {
  .main-events a.event-title,
  .event-list-results a.event-title,
  .ajanlo-box .details a.event-title {
    font-size: 24px;
    line-height: 30px;
  }
}
.main-events .event-client,
.event-list-results .event-client,
.ajanlo-box .details .event-client {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin: 15px 0 0 0;
  height: 55px;
  display: inline-block;
}
@media (max-width: 992px) {
  .main-events .event-client,
  .event-list-results .event-client,
  .ajanlo-box .details .event-client {
    font-size: 18px;
    margin: 10px 0;
  }
}
.main-events .event-description,
.event-list-results .event-description,
.ajanlo-box .details .event-description {
  font-size: 16px;
  height: 77px;
  overflow: hidden;
  line-height: 24px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.main-events .event-item,
.event-list-results .event-item,
.ajanlo-box .details .event-item {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .main-events .event-item,
  .event-list-results .event-item,
  .ajanlo-box .details .event-item {
    padding: 0;
  }
}
.main-events .buy-ticket-btn img,
.event-list-results .buy-ticket-btn img,
.ajanlo-box .details .buy-ticket-btn img {
  display: none;
}
@media (max-width: 1200px) {
  .main-events .btn-jx1,
  .event-list-results .btn-jx1,
  .ajanlo-box .details .btn-jx1 {
    text-align: center;
    font-size: 1.2vw;
  }
}
@media (max-width: 992px) {
  .main-events .buy-ticket-btn img,
  .event-list-results .buy-ticket-btn img,
  .ajanlo-box .details .buy-ticket-btn img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (max-width: 992px) {
  .main-events .btn-jx1,
  .event-list-results .btn-jx1,
  .ajanlo-box .details .btn-jx1 {
    font-size: 3vw;
  }
  .main-events .btn-jx1.buy-ticket-btn,
  .event-list-results .btn-jx1.buy-ticket-btn,
  .ajanlo-box .details .btn-jx1.buy-ticket-btn {
    width: 60px;
  }
}
.g_id_signin {
  max-width: 250px !important;
  margin: 0 auto;
}
header.jx1-header {
  height: 70px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 200;
  transition: background-color 300ms linear;
}
@media (max-width: 1200px) {
  header.jx1-header {
    position: absolute;
  }
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons:not(.condensed-list) a.mobile-menu {
    padding: 21px;
    width: 70px;
    height: 70px;
  }
  header.jx1-header .header-icons:not(.condensed-list) a.mobile-menu span {
    width: 22px;
  }
  header.jx1-header .header-icons:not(.condensed-list) a.mobile-menu span.span1,
  header.jx1-header .header-icons:not(.condensed-list) a.mobile-menu span.span2 {
    right: 24px;
  }
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons.condensed-list a.mobile-menu {
    padding: 19px 10px 10px 10px;
    width: 53px;
    height: 70px;
  }
  header.jx1-header .header-icons.condensed-list a.mobile-menu span {
    width: 28px;
  }
  header.jx1-header .header-icons.condensed-list a.mobile-menu span.span1,
  header.jx1-header .header-icons.condensed-list a.mobile-menu span.span2 {
    right: 12px;
  }
}
header.jx1-header .header-icons a.mobile-menu {
  opacity: 0;
  transition: all .3s linear;
}
header.jx1-header .header-icons a.mobile-menu span {
  height: 3px;
  background-color: #FFF;
  margin: 0 auto 9px auto;
  display: block;
}
header.jx1-header .header-icons a.mobile-menu span.span1,
header.jx1-header .header-icons a.mobile-menu span.span2 {
  position: absolute;
  display: none;
  top: 33px;
}
header.jx1-header .header-icons a.mobile-menu span.span1 {
  transform: rotate(45deg);
}
header.jx1-header .header-icons a.mobile-menu span.span2 {
  transform: rotate(-45deg);
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons a.mobile-menu {
    opacity: 1;
    display: block !important;
  }
}
header.jx1-header .jx1logo {
  margin: 16px 0 0 40px;
  display: inline-block;
}
header.jx1-header .jx1logo img {
  width: 110px;
}
@media (max-width: 1200px) {
  header.jx1-header .jx1logo {
    margin-left: 5vw;
  }
  header.jx1-header .jx1logo img {
    width: 15vw;
  }
}
@media (max-width: 705px) {
  header.jx1-header .jx1logo {
    margin-left: 3vw;
  }
  header.jx1-header .jx1logo img {
    width: 19vw;
  }
}
@media (max-width: 480px) {
  header.jx1-header .jx1logo {
    margin-left: 3vw;
  }
  header.jx1-header .jx1logo img {
    width: 22vw;
  }
}
header.jx1-header nav.navigation {
  float: right;
  display: block !important;
  width: fit-content;
  padding: 0;
  visibility: inherit;
}
header.jx1-header nav.navigation li {
  float: left;
  display: block;
  margin: 21px 0;
}
header.jx1-header nav.navigation li a {
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  padding: 0 22px;
}
header.jx1-header nav.navigation li a::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width .3s;
}
header.jx1-header nav.navigation li a:hover::after {
  width: 100%;
}
@media (max-width: 1200px) {
  header.jx1-header nav.navigation li a {
    font-size: 18px;
    font-weight: bold;
    color: #0c8888;
    margin-bottom: 3px;
  }
  header.jx1-header nav.navigation li a::after {
    background: #0c8888;
  }
}
@media (max-width: 1200px) {
  header.jx1-header nav.navigation li {
    display: block;
    width: fit-content;
    margin: 0 0 0 0;
    float: none;
  }
  header.jx1-header nav.navigation li.on-mob {
    display: block !important;
  }
  header.jx1-header nav.navigation li.li-curr-lang-mobile {
    position: absolute;
    bottom: 0;
    right: 10px;
    margin-left: 22px;
  }
  header.jx1-header nav.navigation li.li-curr-lang-mobile a {
    width: 62px;
    line-height: 62px;
    text-align: center;
    padding: 0;
    background: #0c8888;
    color: #FFF;
  }
}
@media (max-width: 1200px) {
  header.jx1-header nav.navigation {
    transition: all .3s linear;
    visibility: hidden;
    padding: 6vw 0 0 2vw;
    height: 280px;
    position: absolute;
    left: 0;
    z-index: 200;
    background: #FFF;
    top: 0;
    opacity: 0;
  }
  header.jx1-header nav.navigation:not(.condensed-list) {
    width: calc(100% - 70px);
  }
  header.jx1-header nav.navigation.condensed-list {
    width: calc(100% - 53px);
  }
  header.jx1-header nav.navigation.shown {
    display: block !important;
    padding: 20px 0 0 10px;
  }
}
header.jx1-header .header-icons {
  float: right;
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons:not(.condensed-list) {
    width: 70px;
  }
  header.jx1-header .header-icons:not(.condensed-list) div.search,
  header.jx1-header .header-icons:not(.condensed-list) div.user-profile,
  header.jx1-header .header-icons:not(.condensed-list) a.user-profile,
  header.jx1-header .header-icons:not(.condensed-list) div.shopping-basket {
    width: 70px;
    height: 70px;
  }
  header.jx1-header .header-icons:not(.condensed-list) div.search form input,
  header.jx1-header .header-icons:not(.condensed-list) div.search form input:focus {
    height: 70px;
  }
  header.jx1-header .header-icons:not(.condensed-list) div.search form.shown {
    width: calc(100% - 70px);
  }
  header.jx1-header .header-icons:not(.condensed-list) .shopping-basket #basket-menu-content {
    width: calc(100vw - 70px);
    right: 70px;
  }
  header.jx1-header .header-icons:not(.condensed-list) div.user-profile .header-login-container {
    width: calc(100% - 70px);
  }
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons.condensed-list {
    width: 53px;
  }
  header.jx1-header .header-icons.condensed-list div.search,
  header.jx1-header .header-icons.condensed-list div.user-profile,
  header.jx1-header .header-icons.condensed-list a.user-profile,
  header.jx1-header .header-icons.condensed-list div.shopping-basket {
    width: 53px;
    height: 53px;
  }
  header.jx1-header .header-icons.condensed-list div.search form input,
  header.jx1-header .header-icons.condensed-list div.search form input:focus {
    height: 53px;
  }
  header.jx1-header .header-icons.condensed-list div.search form.shown {
    width: calc(100% - 53px);
  }
  header.jx1-header .header-icons.condensed-list .shopping-basket #basket-menu-content {
    width: calc(100vw - 53px);
    right: 53px;
  }
  header.jx1-header .header-icons.condensed-list div.user-profile .header-login-container {
    width: calc(100% - 53px);
  }
}
header.jx1-header .header-icons div.search,
header.jx1-header .header-icons div.user-profile,
header.jx1-header .header-icons div.shopping-basket {
  width: 70px;
  height: 70px;
  display: block;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
header.jx1-header .header-icons div.search {
  background-image: url("../img-new/search-icon.svg");
  background-color: rgba(43,43,43,0.2);
}
header.jx1-header .header-icons div.search form {
  display: none;
  position: absolute;
  top: 70px;
  right: 0;
  border-radius: 0;
  border-bottom: 2px solid #0c8888;
  border-left: 2px solid #0c8888;
  border-right: 2px solid #0c8888;
  color: #0c8888;
}
header.jx1-header .header-icons div.search form .search-s {
  display: none;
}
header.jx1-header .header-icons div.search form input,
header.jx1-header .header-icons div.search form input:focus {
  padding: 15px 15px;
  height: 70px;
  width: 500px;
  border: none;
  font-size: 20px;
  color: #32AF9B;
}
header.jx1-header .header-icons div.search form input::placeholder,
header.jx1-header .header-icons div.search form input:focus::placeholder {
  color: #32AF9B;
  opacity: 1;
}
header.jx1-header .header-icons div.search form input:-ms-input-placeholder,
header.jx1-header .header-icons div.search form input:focus:-ms-input-placeholder {
  color: #32AF9B;
}
header.jx1-header .header-icons div.search form input::-ms-input-placeholder,
header.jx1-header .header-icons div.search form input:focus::-ms-input-placeholder {
  color: #32AF9B;
}
header.jx1-header .header-icons div.search form input:-internal-autofill-selected,
header.jx1-header .header-icons div.search form input:focus:-internal-autofill-selected {
  color: #32AF9B !important;
}
header.jx1-header .header-icons div.search form input:focus-visible,
header.jx1-header .header-icons div.search form input:focus:focus-visible {
  outline: none;
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons div.search form input,
  header.jx1-header .header-icons div.search form input:focus {
    width: 100%;
  }
}
header.jx1-header .header-icons div.search form.shown {
  display: block;
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons div.search form.shown {
    top: 70px;
    left: 0px;
  }
}
header.jx1-header .header-icons div.search:active,
header.jx1-header .header-icons div.search:hover {
  background-color: rgba(255,255,255,0.4);
  cursor: pointer;
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons div.search {
    position: inherit;
  }
}
header.jx1-header .header-icons .shopping-basket {
  background-image: url("../img-new/shopping-basket-icon.svg");
  background-color: rgba(43,43,43,0.4);
}
header.jx1-header .header-icons .shopping-basket:active,
header.jx1-header .header-icons .shopping-basket:hover {
  background-color: rgba(255,255,255,0.4);
}
header.jx1-header .header-icons .shopping-basket .basket-item-count {
  position: absolute;
  top: 14px;
  left: 36px;
  font-size: 14px;
  font-weight: bold;
  display: block;
  width: 22px;
  line-height: 22px;
  border-radius: 10px;
  background: #D5481E;
  text-align: center;
  color: #fff;
}
@media (max-width: 992px) {
  header.jx1-header .header-icons .shopping-basket .basket-item-count {
    top: 10px;
    left: initial;
    right: 0;
  }
}
header.jx1-header .header-icons .shopping-basket .mb-total {
  font-weight: bold;
  font-size: 18px;
  color: #0C8888;
  text-align: right;
}
header.jx1-header .header-icons .shopping-basket .mb-total span {
  font-size: 22px;
  display: inline-block;
  min-width: 150px;
}
header.jx1-header .header-icons .shopping-basket .menu-basket-buttons {
  text-align: right;
}
header.jx1-header .header-icons .shopping-basket .menu-basket-buttons a.btn-jx1 {
  margin-top: 17px;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content {
  border-radius: 0;
  border-bottom: 2px solid #0c8888;
  border-left: 2px solid #0c8888;
  border-right: 2px solid #0c8888;
  display: none;
  position: absolute;
  top: 70px;
  background: #FFF;
  width: 550px;
  right: 0;
  padding: 30px 45px;
  max-height: 50vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content.shown {
  display: block;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content::-webkit-scrollbar {
  width: 5px;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content::-webkit-scrollbar-thumb {
  background: #0c8888;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content::-webkit-scrollbar-thumb:hover {
  background: #046464;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .empty-basket {
  font-weight: bold;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .mb-total,
header.jx1-header .header-icons .shopping-basket #basket-menu-content .menu-basket-buttons {
  display: none;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item {
  margin-bottom: 20px;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p {
  font-weight: bold;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.event-name {
  font-size: 20px;
  color: #046464;
  margin: 0 0 9px 0;
  line-height: 33px;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.event-date,
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.event-seat-price {
  color: #707070;
  font-size: 18px;
  margin: 0 0 5px 0;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.event-date span,
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.event-seat-price span {
  float: right;
}
@media (max-width: 992px) {
  header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.event-date,
  header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.event-seat-price {
    font-size: 3vw;
  }
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.admin-fee {
  font-size: 14px;
  color: #046464;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item p.admin-fee span {
  float: right;
  color: #707070;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .basket-menu-item .bm-price {
  display: block;
  font-weight: bold;
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons .shopping-basket #basket-menu-content {
    top: -140px;
    left: auto;
    height: 280px;
    padding: 20px;
  }
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content .btn-jx1 {
  width: auto;
  height: auto;
  float: right;
}
header.jx1-header .header-icons .shopping-basket:hover {
  cursor: pointer;
}
header.jx1-header .header-icons .shopping-basket #basket-menu-content:hover {
  cursor: auto;
}
header.jx1-header .header-icons a.mobile-menu,
header.jx1-header .header-icons a.user-profile,
header.jx1-header .header-icons a.curr-lang {
  width: 70px;
  height: 70px;
  display: block;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
}
header.jx1-header .header-icons a.user-profile {
  background: url("../img-new/user-profile-icon.svg") no-repeat center center;
  background-color: rgba(43,43,43,0.6);
}
header.jx1-header .header-icons a.user-profile.not-logged-in {
  background: url("../img-new/user-profile-not-logged-in.svg") no-repeat center center;
}
header.jx1-header .header-icons a.curr-lang {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  height: auto;
  width: 70px;
  line-height: 70px;
  text-align: center;
  background-color: rgba(43,43,43,0.8);
}
header.jx1-header .header-icons a:active:not(.btn-jx1),
header.jx1-header .header-icons a:hover:not(.btn-jx1) {
  background-color: rgba(255,255,255,0.4);
}
header.jx1-header .header-icons div.user-profile {
  background: url("../img-new/user-profile-icon.svg") no-repeat center center;
  background-color: rgba(43,43,43,0.6);
}
header.jx1-header .header-icons div.user-profile.not-logged-in {
  background: url("../img-new/user-profile-not-logged-in.svg") no-repeat center center;
}
header.jx1-header .header-icons div.user-profile:active:not(.btn-jx1),
header.jx1-header .header-icons div.user-profile:hover:not(.btn-jx1) {
  background-color: rgba(255,255,255,0.4);
  cursor: pointer;
}
header.jx1-header .header-icons div.user-profile .header-login-container {
  border-radius: 0;
  border-bottom: 2px solid #0c8888;
  border-left: 2px solid #0c8888;
  border-right: 2px solid #0c8888;
  position: absolute;
  top: 70px;
  right: 0;
  width: 45vw;
  padding: 25px;
  background: #FFF;
}
header.jx1-header .header-icons div.user-profile .header-login-container .error {
  color: red;
}
header.jx1-header .header-icons div.user-profile .header-login-container.shown {
  display: block;
}
header.jx1-header .header-icons div.user-profile .header-login-container #header-login-form input.login-input {
  width: 100%;
  background: rgba(12,136,136,0.18);
  border: none;
  color: #046464;
  height: 42px;
  font-size: 13px;
  padding: 9px 13px;
  margin-top: 10px;
}
header.jx1-header .header-icons div.user-profile .header-login-container #header-login-form input#header-login-password {
  margin-bottom: 20px;
}
header.jx1-header .header-icons div.user-profile .header-login-container #header-login-form button.btn-jx1 {
  margin-left: 0px;
}
header.jx1-header .header-icons div.user-profile .header-login-container p.social_login_info {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0;
}
header.jx1-header .header-icons div.user-profile .header-login-container div.fb-login-button {
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
}
header.jx1-header .header-icons div.user-profile .header-login-container .g_id_signin {
  width: auto;
}
header.jx1-header .header-icons div.user-profile .header-login-container .g_id_signin .abcRioButton {
  height: 40px !important;
  padding: 0 5px;
}
header.jx1-header .header-icons div.user-profile .header-login-container .g_id_signin .abcRioButtonContents {
  line-height: 40px !important;
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons div.user-profile .header-login-container {
    top: 0;
    padding-top: 20px;
    left: 0;
  }
  header.jx1-header .header-icons div.user-profile .header-login-container .btn-jx1 {
    width: 100%;
    margin-bottom: 10px;
  }
  header.jx1-header .header-icons div.user-profile .header-login-container .btn-jx1:before,
  header.jx1-header .header-icons div.user-profile .header-login-container .btn-jx1:after {
    display: none;
  }
  header.jx1-header .header-icons div.user-profile .header-login-container .btn-jx1.btn-left {
    padding-right: 0;
  }
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons div.user-profile {
    position: initial;
  }
}
@media (max-width: 1200px) {
  header.jx1-header .header-icons {
    width: 70px;
    position: initial;
    z-index: 400;
  }
  header.jx1-header .header-icons a.curr-lang {
    display: none;
  }
}
header.scrolled {
  background-color: #0c8888;
}
body:not(.is-homepage) header.jx1-header,
body:not(.is-homepage) header.jx1-header {
  background-color: #0c8888 !important;
}
.main-photo {
  margin-top: -70px;
  height: 41vw;
  position: relative;
  z-index: 100;
  margin-bottom: 15px;
  overflow: hidden;
  width: 100%;
}
.main-photo .mp-image {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-photo img {
  width: 100%;
  margin-top: -108px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-photo p.text-1 {
  color: #FFF;
  font-size: 6vw;
  margin: 0;
  padding: 0;
  font-weight: bold;
  position: absolute;
  top: 22vw;
  left: 40%;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.main-photo p.text-2 {
  color: #FFF;
  font-size: 3vw;
  margin: 0;
  padding: 0;
  font-weight: bold;
  position: absolute;
  top: 28vw;
  left: 56%;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
@media (max-width: 1200px) {
  .main-photo p.text-1 {
    bottom: 10vw;
    top: auto;
    left: 28px;
    font-size: 6vw;
  }
  .main-photo p.text-2 {
    font-size: 6vw;
    bottom: 3vw;
    top: auto;
    left: 66px;
  }
}
@media (max-width: 1200px) {
  .main-photo {
    height: 280px;
    margin-top: 0;
  }
}
.footer {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1920px) {
  .footer {
    width: 100%;
  }
}
.footer .mobile-footer-left {
  display: none;
}
@media (max-width: 992px) {
  .footer .mobile-footer-left {
    width: 150px;
    display: block;
    height: 160px;
    float: right;
    background: #046464;
  }
}
.footer .footer-left {
  height: 485px;
  width: 16%;
  background: #0C8888;
  float: left;
  position: relative;
}
.footer .footer-left p.follow-us {
  color: #FFF;
  font-size: 46px;
  font-weight: bold;
  position: absolute;
  width: max-content;
  z-index: 100;
  top: 40px;
  left: 56px;
}
@media (max-width: 1530px) {
  .footer .footer-left p.follow-us {
    font-size: 3vw;
  }
}
@media (max-width: 992px) {
  .footer .footer-left p.follow-us {
    position: initial;
    padding: 22px 0 0 22px;
    width: auto;
    font-size: 24px;
  }
}
.footer .footer-left div.social-media-box {
  position: absolute;
  left: 56px;
  top: 137px;
}
.footer .footer-left div.social-media-box a img {
  width: 31px;
}
.footer .footer-left div.social-media-box a.face img {
  width: 15px;
  margin: 0 52px;
}
@media (max-width: 1200px) {
  .footer .footer-left div.social-media-box a.face img {
    margin: 0 15px;
  }
}
.footer .footer-left div.social-media-box a.twitter img {
  width: 28px;
}
@media (max-width: 1200px) {
  .footer .footer-left div.social-media-box {
    top: 108px;
  }
}
@media (max-width: 992px) {
  .footer .footer-left div.social-media-box {
    position: initial;
    padding: 0 0 0 22px;
  }
}
.footer .footer-left img.logo-bottom {
  width: 152px;
  position: absolute;
  bottom: 26px;
  left: 62px;
}
@media (max-width: 992px) {
  .footer .footer-left img.logo-bottom {
    display: none;
  }
}
.footer .footer-left::after {
  content: "";
  position: absolute;
  right: -316px;
  bottom: 0;
  border-style: solid;
  border-width: 485px 316px 0 0;
  border-color: #0C8888 transparent transparent transparent;
}
@media (max-width: 1530px) {
  .footer .footer-left::after {
    border-width: 500px 316px 0 0;
  }
}
@media (max-width: 992px) {
  .footer .footer-left::after {
    border-width: 160px 150px 0 0;
    right: -150px;
  }
}
@media (max-width: 1530px) {
  .footer .footer-left {
    height: 500px;
    width: 20%;
  }
}
@media (max-width: 992px) {
  .footer .footer-left {
    height: 160px;
    width: calc(100% - 150px);
  }
}
.footer .footer-right {
  height: 485px;
  float: left;
  color: #FFF;
  width: 84%;
  background: #046464;
}
.footer .footer-right .footer-links {
  padding-left: 340px;
  padding-top: 50px;
}
.footer .footer-right .footer-links ul {
  list-style-type: none;
  float: left;
  margin-right: 108px;
  padding: 0;
}
.footer .footer-right .footer-links ul li {
  margin-bottom: 5px;
}
.footer .footer-right .footer-links ul li a {
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
}
@media (max-width: 1530px) {
  .footer .footer-right .footer-links ul li a {
    font-size: 14px;
  }
}
@media (max-width: 1530px) {
  .footer .footer-right .footer-links ul {
    margin-right: 30px;
  }
}
.footer .footer-right .footer-links .fl-cont {
  width: 50%;
  float: left;
}
@media (max-width: 1530px) {
  .footer .footer-right .footer-links .fl-cont {
    width: 35%;
  }
}
@media (max-width: 992px) {
  .footer .footer-right .footer-links {
    width: 100%;
    padding: 30px 30px 40px 30px;
  }
  .footer .footer-right .footer-links .fl-cont {
    display: none;
  }
}
.footer .footer-right .newsletter-footer {
  padding-right: 25px;
  float: left;
  width: 50%;
}
.footer .footer-right .newsletter-footer p {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  line-height: 28px;
}
.footer .footer-right .newsletter-footer .newsletter-form .inp-top,
.footer .footer-right .newsletter-footer .newsletter-form .inp-bottom {
  width: 100%;
  background: #217676;
  border: none;
  color: #FFF;
  height: 36px;
  font-size: 13px;
  padding: 9px 13px;
  margin-top: 10px;
}
.footer .footer-right .newsletter-footer .newsletter-form .checkboxes {
  margin-top: 20px;
}
.footer .footer-right .newsletter-footer .newsletter-form ::placeholder {
  color: #FFF;
  opacity: 1;
}
.footer .footer-right .newsletter-footer .newsletter-form :-ms-input-placeholder {
  color: #FFF;
}
.footer .footer-right .newsletter-footer .newsletter-form ::-ms-input-placeholder {
  color: #FFF;
}
.footer .footer-right .newsletter-footer .newsletter-form label {
  font-size: 12px;
  margin: 0 0 5px 0;
  font-weight: normal;
}
.footer .footer-right .newsletter-footer .newsletter-form label input {
  margin: 2px 10px 0 0;
  float: left;
}
.footer .footer-right .newsletter-footer .newsletter-form label span {
  display: block;
  float: left;
  width: 90%;
}
.footer .footer-right .newsletter-footer .newsletter-form button.btn-jx1 {
  background: #023131;
  font-size: 19px;
  line-height: 47px;
  float: right;
  margin-top: 15px;
  margin-right: 40px;
}
.footer .footer-right .newsletter-footer .newsletter-form button.btn-jx1:before {
  border-width: 47px 40px 0 0;
  left: auto;
  right: -40px;
  border-color: #023131 transparent transparent transparent;
}
.footer .footer-right .newsletter-footer .newsletter-info {
  background: #FFF;
  border: 2px solid #243e3e;
  color: #243e3e;
  font-size: 14px;
  padding: 10px;
}
@media (max-width: 1920px) {
  .footer .footer-right .newsletter-footer {
    padding-right: 20px;
  }
}
@media (max-width: 1530px) {
  .footer .footer-right .newsletter-footer {
    width: 65%;
  }
}
@media (max-width: 992px) {
  .footer .footer-right .newsletter-footer {
    padding: 0;
    width: 100%;
  }
}
.footer .footer-right .copyright {
  position: absolute;
  font-size: 12px;
  color: #32AF9B;
  bottom: 14px;
  right: 15px;
}
@media (max-width: 992px) {
  .footer .footer-right .copyright {
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 13px 27px;
    background: #046464;
    margin: 0;
  }
}
@media (max-width: 1200px) {
  .footer .footer-right .copyright {
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 13px 27px;
    text-align: center;
    margin: 0;
  }
}
@media (max-width: 1530px) {
  .footer .footer-right {
    height: 500px;
    width: 80%;
  }
}
@media (max-width: 992px) {
  .footer .footer-right {
    width: 100%;
    height: auto;
  }
}
.footer .footer-secondary-menu {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
}
.footer .footer-secondary-menu a {
  color: #FFF;
  font-size: 15px;
  display: inline-block;
  margin: 0 10px;
}
@media (max-width: 992px) {
  .footer .footer-secondary-menu {
    position: initial;
    background: #0c8888;
    padding: 26px 26px 40px 26px;
    width: 100%;
    float: left;
  }
  .footer .footer-secondary-menu a {
    display: block;
    margin: 0 0 10px 0;
    text-align: left;
  }
  .footer .footer-secondary-menu img.logo-bottom-mobile {
    display: block !important;
    margin: 45px 0 28px 0;
    width: 33.33%;
  }
}
@media (max-width: 1200px) {
  .footer .footer-secondary-menu {
    bottom: 40px;
  }
}
.loading-indicator {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.25);
  color: #fff;
  z-index: 4000;
  height: 100%;
  display: none;
}
.loading-indicator.hide-background {
  background: #ffffff;
}
.loading-indicator p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin-top: 18px;
}
.sk-cube-grid {
  width: 50px;
  height: 50px;
  margin: 20% auto 10px auto;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 768px) {
  .sk-cube-grid {
    margin: 320px auto 10px auto !important;
  }
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #168C8C;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1,1,1);
    transform: scale3D(1,1,1);
  }
  35% {
    -webkit-transform: scale3D(0,0,1);
    transform: scale3D(0,0,1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1,1,1);
    transform: scale3D(1,1,1);
  }
  35% {
    -webkit-transform: scale3D(0,0,1);
    transform: scale3D(0,0,1);
  }
}
.growl {
  position: fixed;
  top: 90px;
  right: 10px;
  padding: 15px;
  min-width: 100px;
  border-radius: 8px;
  display: none;
  z-index: 3000;
}
@media (max-width: 1200px) {
  .growl {
    top: 300px;
  }
}
.growl p {
  color: #fff !important;
  margin: 0;
}
.growl .g-content {
  font-size: 14px;
  font-weight: normal;
}
.growl.success {
  background-color: rgba(0,158,5,0.9);
}
.growl.error {
  background-color: rgba(198,0,0,0.9);
}
.growl.error .errors ul li {
  color: #fff !important;
}
.container-radio {
  display: block;
  position: relative;
  padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-radio.item-on-left {
  padding-right: 0px;
  padding-left: 35px;
}
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 26px;
  width: 26px;
  border: 2px solid #0c8888;
  background-color: none;
  border-radius: 50%;
}
.checkmark.checkmark-left {
  left: 0;
  right: auto;
}
.container-radio input:checked + .checkmark {
  background-color: #FFF;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container-radio input:checked + .checkmark:after {
  display: block;
}
.container-radio .checkmark:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0c8888;
}
.w-fit-content {
  width: fit-content;
}
.payinfo-page {
  min-height: 60vh;
}
@media (max-width: 768px) {
  .payinfo-page .person-content .btn-jx1 {
    padding: 0;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
  }
  .payinfo-page .person-content .btn-jx1:after,
  .payinfo-page .person-content .btn-jx1:before {
    display: none;
  }
}
.user-message {
  padding: 100px 0;
}
@media (max-width: 768px) {
  .user-message {
    padding: 30px 0;
  }
}
.loading-indicator {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.25);
  color: #fff;
  z-index: 4000;
  height: 100%;
  display: none;
}
.loading-indicator.hide-background {
  background: #ffffff;
}
.loading-indicator p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin-top: 18px;
}
.sk-cube-grid {
  width: 50px;
  height: 50px;
  margin: 20% auto 10px auto;
  color: #FFFFFF;
  text-align: center;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #168C8C;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1,1,1);
    transform: scale3D(1,1,1);
  }
  35% {
    -webkit-transform: scale3D(0,0,1);
    transform: scale3D(0,0,1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1,1,1);
    transform: scale3D(1,1,1);
  }
  35% {
    -webkit-transform: scale3D(0,0,1);
    transform: scale3D(0,0,1);
  }
}
#payment-in-progress p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 30px;
}
#jx1-layout-svg-container {
  overflow: hidden;
}
#filter:not(.condensed-list) .filterby {
  width: 24%;
}
#filter:not(.condensed-list) .filterby:nth-last-of-type(2) {
  width: 20%;
}
@media (max-width: 1200px) {
  #filter:not(.condensed-list) .filterby .filter-options {
    width: calc(100% - 70px);
  }
}
#filter.condensed-list .filterby {
  width: 33%;
}
#filter.condensed-list .filterby:nth-last-of-type(2) {
  width: 26%;
}
@media (max-width: 1200px) {
  #filter.condensed-list .filterby .filter-options {
    width: calc(100% - 53px);
  }
}
#filter {
  display: flex;
}
#filter .filterby {
  float: left;
  position: relative;
  color: #000;
  transition: color .1s;
}
#filter .filterby .clear-filter {
  position: absolute;
  right: 20px;
  color: #ffffff;
  font-size: 15px;
  z-index: 2;
  background: #FDBD4C;
  padding: 2px 8px;
  bottom: 20px;
  cursor: pointer;
}
#filter .filterby .arrow-down,
#filter .filterby .arrow-up,
#filter .filterby .clear-filter {
  display: none;
}
#filter .filterby.has-active-item .clear-filter {
  display: block;
}
#filter .filterby.selected {
  color: #FDBD4C;
}
#filter .filterby.selected .arrow-down {
  display: inline-block;
  border-right: 0.1em solid #FDBD4C;
  border-top: 0.1em solid #FDBD4C;
}
#filter .filterby.selected.show .arrow-down {
  display: none;
}
#filter .filterby.selected.show .arrow-up {
  display: inline-block;
  border-right: 0.1em solid #FDBD4C;
  border-top: 0.1em solid #FDBD4C;
}
#filter .filterby .filter-options {
  position: absolute;
  width: 100%;
  top: -180px;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
  transition: all .4s;
}
#filter .filterby .filter-options .list-group {
  border: none;
  padding-left: 8px;
  max-height: 315px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#filter .filterby .filter-options .list-group .list-group-item {
  border: none;
  cursor: pointer;
  background-color: white;
  color: #000;
  transition: all .1s;
}
#filter .filterby .filter-options .list-group .list-group-item:last-child {
  border-radius: 0;
}
#filter .filterby .filter-options .list-group .list-group-item:hover,
#filter .filterby .filter-options .list-group .list-group-item.active {
  background-color: #046464;
  color: white;
}
#filter .filterby .filter-options .list-group .list-group-item.search-item-inactive {
  background-color: white;
  color: #707070;
}
#filter .filterby.show .filter-options {
  top: 100px;
  opacity: 1;
}
#filter .filterby.show .filter-options.calendar-box {
  top: 110px;
}
#filter .filterby h2 {
  font-size: 20px;
  font-weight: 700;
  position: relative;
  z-index: 2;
  background: white;
  margin: 0;
  padding: 20px;
  padding-top: 40px;
  cursor: pointer;
  overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  #filter .filterby h2 {
    font-size: 1.1vw;
    padding: 1em 23px;
    padding-top: 40px;
  }
}
#filter .filterby h2 span {
  text-transform: uppercase;
  cursor: pointer;
}
#filter .filterby.w3 {
  width: 31%;
}
#filter .appearance {
  float: left;
  position: relative;
  padding-top: 17px;
}
#filter .appearance .appearance-switch {
  cursor: pointer;
}
#filter .appearance .appearance-switch.hamburger-lines {
  display: block;
  height: 27px;
  width: 32px;
  position: absolute;
  bottom: 25%;
  left: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#filter .appearance .appearance-switch.hamburger-lines .line {
  transition: .2s ease all;
  display: block;
  height: 3px;
  width: 100%;
  border-radius: 10px;
  background: #707070;
}
#filter .appearance .appearance-switch.rectangle {
  width: 25px;
  height: 25px;
  position: absolute;
  right: -90px;
  bottom: 25%;
}
#filter .appearance .appearance-switch.rectangle .line {
  transition: .2s ease all;
  position: absolute;
  background: transparent;
  width: 50%;
  height: 50%;
  border: 4px solid #707070;
  margin: -2px;
}
#filter .appearance .appearance-switch.rectangle .line.top {
  top: 0;
}
#filter .appearance .appearance-switch.rectangle .line.bottom {
  bottom: 0;
}
#filter .appearance .appearance-switch.rectangle .line.left {
  bottom: 0;
  right: 0;
}
#filter .appearance .appearance-switch.rectangle .line.right {
  right: 0;
}
#filter .appearance .appearance-switch.active.hamburger-lines .line {
  background: #000;
}
#filter .appearance .appearance-switch.active.rectangle .line {
  border: 4px solid #000;
}
#filter div#search_calendar .fc-header-toolbar {
  margin-bottom: 0;
  background: #046464;
  color: white;
  padding: 5px 10px;
}
#filter div#search_calendar .fc-col-header-cell-cushion {
  color: #046464;
}
#filter div#search_calendar .fc-button-primary {
  background: #1e7576;
  border: none !important;
}
#filter div#search_calendar .fc-button-primary:disabled {
  display: none;
}
#filter div#search_calendar .fc-theme-standard td,
#filter div#search_calendar .fc-theme-standard th {
  background: white;
}
#filter div#search_calendar .fc-day {
  background: white;
}
#filter div#search_calendar .fc-day .fc-daygrid-day-number {
  z-index: 1;
  color: #0c8888;
}
#filter div#search_calendar .fc-day.fc-day-past .fc-daygrid-day-number {
  color: #707070;
}
#filter div#search_calendar .fc-day .fc-bg-event {
  background: #0c8888 !important;
  cursor: pointer;
  opacity: 1;
}
#filter div#search_calendar .fc-day .fc-bg-event .fc-my-day-number {
  color: white;
  text-align: right;
  padding: 5px 7px;
  height: 100%;
}
#filter div#search_calendar .fc-day .fc-daygrid-day-events {
  min-height: 0;
}
#filter div#search_calendar h2 {
  padding: 0;
  font-size: 20px;
  background: transparent;
  font-weight: normal;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  #filter .filterby.show .filter-options {
    top: 80px;
  }
}
@media (min-width: 1600px) {
  #filter .filterby.show .filter-options {
    top: 85px;
  }
}
@media (max-width: 1200px) {
  #filter {
    display: block;
  }
  #filter .filterby {
    width: 100% !important;
    background: #046464;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #filter .filterby .filter-options {
    top: 0;
  }
  #filter .filterby .filter-options .list-group {
    padding-left: 0;
  }
  #filter .filterby .filter-options .list-group .list-group-item {
    background-color: #046464;
    color: white;
  }
  #filter .filterby .filter-options .list-group .list-group-item.search-item-inactive {
    background-color: #046464;
  }
  #filter .filterby.show .filter-options {
    top: 50px;
    z-index: 5;
  }
  #filter .filterby.show .filter-options.calendar-box {
    top: 110px;
  }
  #filter .filterby h2 {
    padding: 4.5px 1em;
    background: #046464;
    font-size: 20px;
  }
  #filter .filterby .clear-filter {
    right: 110px;
    bottom: 1.5em;
    font-size: 0.8em;
  }
  #filter .appearance {
    display: none;
  }
}
@media (max-width: 768px) {
  #filter .filterby h2 {
    padding: 7.5px 1em;
    font-size: 15px;
  }
}
.event-list-results .event-item {
  float: left;
}
.event-list-results .event-item .main-image {
  height: auto;
  float: left;
}
.event-list-results .event-item .details {
  background: white;
  float: left;
  display: block;
  width: 60%;
}
.event-list-results .event-item.allando-event .details {
  background: #FDF9F0;
}
.event-list-results .event-item.loaded-item {
  display: none;
}
.event-list-results .event-item {
  width: 100%;
  margin: 15px 0 15px 0;
  display: flex;
}
@media (max-width: 992px) {
  .event-list-results .event-item {
    display: block;
  }
}
.event-list-results .event-item .main-image {
  max-width: 33%;
  display: flex;
  min-width: 33%;
}
@media (max-width: 992px) {
  .event-list-results .event-item .main-image {
    max-width: 100%;
    display: block;
  }
}
@media (max-width: 1600px) {
  .event-list-results .event-item .main-image {
    max-width: 40%;
    min-width: 40%;
  }
}
@media (max-width: 1200px) {
  .event-list-results .event-item .main-image {
    max-width: 55%;
    min-width: 55%;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .event-list-results .event-item .main-image {
    max-width: 40%;
    min-width: 40%;
  }
}
@media (min-width: 1600px) and (max-width: 1710px) {
  .event-list-results .event-item .main-image {
    max-width: 40%;
    min-width: 40%;
  }
}
.event-list-results .event-item .details {
  padding: 0 0 0 20px;
  max-width: 67%;
}
@media (max-width: 1600px) {
  .event-list-results .event-item .details {
    max-width: 60%;
  }
}
@media (max-width: 1200px) {
  .event-list-results .event-item .details {
    max-width: 45%;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .event-list-results .event-item .details {
    max-width: 60%;
  }
}
@media (min-width: 1600px) and (max-width: 1710px) {
  .event-list-results .event-item .details {
    max-width: 60%;
  }
}
.event-list-results.grid .event-item {
  width: 33%;
  margin: 0;
  padding: 20px;
  display: block !important;
}
.event-list-results.grid .event-item .main-image {
  max-width: 100%;
  display: block;
  height: 18vw;
}
.event-list-results.grid .event-item .details {
  padding: 20px 0 30px 0;
  max-width: 100%;
  max-height: 586px;
  width: 100%;
}
@media (max-width: 1200px) {
  .event-list-results .event-item,
  .event-list-results.grid .event-item {
    width: 100%;
    margin: 0;
    padding: 0px;
    display: block !important;
    height: auto;
    margin-bottom: 20px;
  }
  .event-list-results .event-item .main-image,
  .event-list-results.grid .event-item .main-image {
    max-width: 100%;
    display: block;
    height: 18vw;
  }
  .event-list-results .event-item .details,
  .event-list-results.grid .event-item .details {
    padding: 15px;
    max-width: 100%;
  }
}
#filter.natural-filter {
  display: none;
}
@media (max-width: 1200px) {
  #filter.natural-filter {
    padding-top: 70px;
    display: block;
  }
  #filter.natural-filter .filterby {
    float: none;
  }
  #filter.natural-filter .filterby a {
    color: #FFF;
  }
}
.cards-list,
.st-page {
  margin-top: 100px;
}
@media (max-width: 768px) {
  .cards-list,
  .st-page {
    margin-top: 30px;
  }
}
.st-page {
  margin-bottom: 80px;
}
.st-page #performance-name,
.st-page #theater-name {
  margin: 10px 0;
  font-size: 28px;
}
.st-page #st-poster #performance-poster {
  width: 50%;
}
@media (max-width: 768px) {
  .st-page #st-poster #performance-poster {
    width: 100%;
  }
}
.refund-page {
  padding: 100px 0 100px 0;
}
@media (max-width: 768px) {
  .refund-page {
    padding: 40px 0 40px 0;
  }
  .refund-page #refund-form {
    padding: 0 15px;
  }
}
.season-tickets .event-item {
  margin: 15px 0;
}
.season-tickets .details {
  width: 60%;
}
@media (max-width: 768px) {
  .season-tickets .details {
    width: 100%;
  }
}
.cards-title {
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 30px 0;
}
#performance-events-container .performance-event-date a {
  color: #046464;
}
div #hall-layout {
  overflow: auto;
}
.event-basket-header {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}
@media (max-width: 768px) {
  .event-basket-header {
    display: none;
  }
}
.list-item-description {
  height: 90px;
}
@media (max-width: 768px) {
  .list-item-description {
    height: 80px;
  }
}
a.user-logout-btn {
  margin-top: -40px;
}
@media (max-width: 1200px) {
  a.user-logout-btn {
    margin-top: 0;
    position: absolute;
    top: 295px;
    right: 10px;
  }
}
@media (max-width: 1200px) {
  .cards-list .event-list-results .details {
    width: 200%;
  }
  .cards-list .event-list-results .event-item .main-image {
    background-size: 90% !important;
  }
}
iframe#credential_picker_iframe,
#credential_picker_container {
  display: none !important;
}