@import url(../Content/font-awesome.min.css);
html {
  height: 100%;
  /*overflow: hidden;*/ }

body {
  display: block;
  font-family: neue-hass-grotesk-text, Arial, sans-serif;
  font-size: 16px;
  height: 100%;
  line-height: 1.5em;
  margin: 0;
  /*overflow: auto;*/
  padding: 3.525em 0 0 0; }

body.app {
  padding: 0; }

.main {
  display: block;
  min-width: 300px !important;
  padding: 0 1em;
  z-index: 1; }

.main.no-pad {
  padding: 0; }

.wrap {
  box-sizing: border-box !important;
  display: block;
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  width: 100%; }

.wrap.padMobile {
  padding: 0 1em; }

.constrained .wrap {
  max-width: 1200px; }

@media only screen and (min-width: 1600px) {
  .wrap.padMobile {
    padding: 0 0.5em; } }

@media only screen and (min-width: calc(1600px + 1em)) {
  .wrap.padMobile {
    padding: 0; } }

.wrap.wide {
  max-width: 1920px; }

.main .main {
  min-width: unset !important;
  padding: unset; }

.wrap .wrap {
  margin: unset;
  max-width: unset; }

/* DEFAULT STYLES: Start */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.5em;
  margin: 0 0 1rem 0;
  padding: 0;
  text-transform: uppercase; }

h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.17rem; }

h4 {
  font-size: 1rem; }

p {
  margin: 0 0 1em 0;
  padding: 0; }

a {
  color: #437cff;
  text-decoration: none; }

.normal-link {
  color: #2e2e2e; }
  .normal-link:hover {
    color: #437cff;
    text-decoration: none; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, footer a {
  color: #1c1c1c; }

a:hover {
  color: #de1b90;
  text-decoration: underline; }

img, iframe {
  display: block;
  max-width: 100%; }

img {
  height: auto !important; }

blockquote {
  color: #437cff;
  font-weight: bold; }

table {
  display: block;
  max-width: 100% !important; }

/* DEFAULT STYLES: End */
/* BOOTSTRAP OVERRIDES: Start */
.container {
  padding: 0; }

.row {
  margin: 0 0 1rem 0; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  margin: 0 0 1em 0;
  padding: 0 1em; }

.col-md-12.column {
  padding: 0; }

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1340px; } }

/* BOOTSTRAP OVERRIDES: End */
/* LAYOUT: Start */
.w14, .w20, .w25, .w33, .w50, .w66, .w75, .w100 {
  margin: 0 0 20px 0; }

@media only screen and (min-width: 630px) {
  .w14, .w20, .w25, .w33, .w50, .w66, .w75 {
    float: left;
    margin: 0 0 20px 2%; }
  .w14 {
    width: 14%;
    /* Six columns */ }
  .w20 {
    width: 18.4%;
    /* Five columns */ }
  .w25 {
    width: 23.5%;
    /* Four columns / one quarter */ }
  .w33 {
    width: 32%;
    /* Three columns / one third */ }
  .w50 {
    width: 49%;
    /*  Two columns */ }
  .w66 {
    width: 66%;
    /* Two thirds */ }
  .w75 {
    width: 74.5%;
    /* Three quarters */ }
  .w14:first-child, .w20:first-child, .w25:first-child, .w33:first-child, .w50:first-child, .w66:first-child, .w75:first-child,
  .w14:nth-child(6n+1), .w20:nth-child(5n+1), .w25:nth-child(4n+1), .w33:nth-child(3n+1), .w50:nth-child(2n+1), .w75:nth-child(2n+1) {
    clear: both;
    margin-left: 0; }
  .w100, .full {
    clear: both;
    display: block;
    float: none;
    width: 100%; }
  div.share {
    bottom: 19px;
    margin: 0;
    position: absolute;
    right: 20px; }
  .fb_iframe_widget {
    float: left;
    margin: 0 5px 0 0; }
  .twitter-share-button {
    float: left; } }

/* LAYOUT: End*/
/* CLASSES: Start */
.clear {
  clear: both;
  display: block;
  float: none;
  font-size: 1px;
  height: 1px;
  line-height: 1px; }

.hidden {
  display: none !important; }

.screenreader {
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  /* Outside the DOM flow */
  width: 1px;
  /* Nearly collapsed */
  clip: rect(1px 1px 1px 1px);
  /* IE 7+ only support clip without commas */
  clip: rect(1px, 1px, 1px, 1px);
  /* All other browsers */ }

.bg-primary-1, .bg-primary-2 {
  color: #ffffff;
  padding: 0.5em 0; }

.bg-primary-1 {
  background-color: #437cff; }

.bg-primary-2 {
  background-color: #1c1c1c; }
  .bg-primary-2 a {
    color: #ffffff; }
  .bg-primary-2 a:hover {
    color: #ffeb00; }
  .bg-primary-2 hr {
    border-top-color: #ffffff; }

.date {
  margin: 0;
  padding: 0; }
  .date:before {
    content: "\f073";
    font-family: FontAwesome;
    margin: 0 0.5em 0 0; }

.event-overview .event-date {
  margin-bottom: 1em; }

.event-overview .event-date, .event-overview .venue {
  font-weight: 600;
  font-size: 16px;
  padding-left: 1.75em;
  text-transform: uppercase; }

.event-overview .runningTime {
  margin-top: 1em; }

.event-overview .mapLink {
  display: block; }

.event-overview .mapLink, .event-overview .accessLink {
  color: #1c1c1c;
  font-size: 1em;
  font-weight: 600;
  text-decoration: underline;
  text-transform: none; }

.event-overview .accessibilityLink {
  margin-left: 1.75em; }

.event-overview .small-print {
  font-size: 0.75em; }

.event-overview .price {
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 1em;
  text-transform: uppercase; }

.event-overview .venue-icon, .event-overview .event-date-icon {
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  width: 1.25em; }

.event-overview .venue-icon::before {
  content: "\f041";
  font-family: FontAwesome; }

.event-overview .event-date-icon::before {
  content: "\f073";
  font-family: FontAwesome; }

.venue {
  margin: 0;
  padding: 0; }

.desktop-only:not(.no-mobile) {
  display: none; }

.pad-top-bottom {
  padding: 1em 0; }

.error-modal {
  display: block;
  background: #c02e17;
  position: absolute;
  bottom: 0;
  right: 10px;
  color: #fff;
  padding: 10px 20px; }

@media only screen and (min-width: 630px) {
  body {
    padding: 7.625em 0 0 0; }
  .desktop-only, .desktop-only:not(.no-mobile) {
    display: block; }
  .mobile-only {
    display: none; } }

/* CLASSES: End */
/* BUTTONS: Start */
a.btn, .btn {
  border-radius: 0;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
  white-space: normal; }

.btn.btn-border {
  border: 2px solid #1c1c1c; }
  .btn.btn-border:hover {
    background-color: #1c1c1c;
    color: #fff; }

a.btn:hover, .btn:hover {
  text-decoration: none; }

.buttons {
  margin: 1em 0 0 0; }

.buttons a.btn {
  display: block;
  float: left;
  margin: 0 0.25em 0.25em 0; }

a.btn.book, .newsletter-container .newsletter-content .btn-newsletter, .cookie-consent .cookie-buttons a.btn, a.btn.secondary, .btn.secondary, .btn.secondary a {
  background-color: #ffeb00;
  border: 2px solid #ffeb00;
  color: #1c1c1c; }

a.btn.book:hover, .newsletter-container .newsletter-content .btn-newsletter:hover, .cookie-consent .cookie-buttons a.btn:hover, a.btn.secondary:hover, .btn.secondary:hover, .btn.secondary a:hover {
  border-color: #1c1c1c;
  text-decoration: none; }

a.btn.more {
  border: 2px solid #1c1c1c;
  color: #1c1c1c; }

a.btn.more:hover {
  background-color: #1c1c1c;
  color: #ffffff; }

a.btn.lazy-clear, a.btn.btn-date-popup {
  border: 2px solid #1c1c1c;
  color: #1c1c1c; }
  a.btn.lazy-clear:hover, a.btn.btn-date-popup:hover {
    background-color: #1c1c1c;
    color: #ffeb00; }

@media only screen and (max-width: 800px) {
  .btn-date-popup {
    display: none !important; } }

.filters .date-filter-popup {
  position: absolute;
  width: auto;
  margin: 0 !important;
  z-index: 9;
  transform: translateY(5px); }
  @media only screen and (max-width: 800px) {
    .filters .date-filter-popup {
      position: relative;
      display: block !important; } }
  @media only screen and (min-width: 800px) {
    .filters .date-filter-popup {
      background-color: #1c1c1c;
      color: #ffeb00;
      padding: 5px 12px !important; }
      .filters .date-filter-popup select, .filters .date-filter-popup input {
        color: #ffeb00 !important;
        border-color: #ffeb00 !important;
        background-color: #1c1c1c !important; } }
  .filters .date-filter-popup .date-filter-date, .filters .date-filter-popup .date-filter-time-container {
    float: none !important;
    margin: 2px 0 !important; }
  .filters .date-filter-popup .date-filter-date > select, .filters .date-filter-popup .date-filter-date > input {
    margin: 0.7em 0; }
  .filters .date-filter-popup .date-filter-time-container {
    /* On mouse-over, add a grey background color */
    /* Show the checkmark when checked */
    /* When the checkbox is checked, add a blue background */ }
    .filters .date-filter-popup .date-filter-time-container label {
      display: block;
      position: relative;
      padding-left: 33px; }
    .filters .date-filter-popup .date-filter-time-container input[type=checkbox], .filters .date-filter-popup .date-filter-time-container input[type=radio] {
      display: none;
      width: auto; }
    .filters .date-filter-popup .date-filter-time-container .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 25px;
      width: 25px;
      background-color: #eee; }
    .filters .date-filter-popup .date-filter-time-container:hover input ~ .checkmark {
      background-color: #ccc; }
    .filters .date-filter-popup .date-filter-time-container input:checked ~ .checkmark:after {
      display: block; }
    .filters .date-filter-popup .date-filter-time-container input:checked ~ .checkmark {
      background-color: #437cff;
      background-image: url("../images/check_icon.png");
      background-size: 90%;
      background-position: center; }

.btn-secondary, .btn-tertiary, .btn-tertiary:visited {
  background-color: #ffeb00;
  border: 2px solid #ffeb00;
  border-radius: 0;
  color: #1c1c1c;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal; }

.btn-tertiary, .btn-tertiary:visited {
  background-color: #437cff;
  border: 2px solid #437cff;
  color: #ffffff; }

.btn-secondary:hover, .btn-tertiary:hover {
  text-decoration: none;
  border-color: #1c1c1c; }

article a.btn, article .btn {
  white-space: nowrap; }

/* BUTTONS: End */
/* MAIN NAVIGATION: Start */
.nav-primary {
  background-color: #1c1c1c;
  display: block;
  position: fixed;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: 100; }

.nav-primary.open {
  position: absolute;
  top: 0; }

div.logo {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 0 0 -1em; }
  div.logo h1 {
    font-size: 1rem;
    margin: 0;
    padding: 0; }
  div.logo img {
    height: 4.3em !important;
    width: auto !important; }

.nav-primary div {
  text-align: right; }

.menuToggle {
  display: inline-block;
  margin: 0.375em 0 0 0;
  padding: 0.5em; }

.loginToggle {
  float: left;
  padding: 0.5em; }

.loginToggle a {
  color: #ffffff;
  display: block;
  padding: 1em;
  position: relative;
  text-decoration: none; }

.bar1, .bar2, .bar3, .horizontal, .vertical, .userway-s6 .bar1, .userway-s6 .bar2, .userway-s6 .bar3, .userway-s6 .horizontal, .userway-s6 .vertical {
  background-color: #ffffff !important;
  height: 5px;
  transition: 0.4s;
  width: 35px; }

.bar2 {
  margin: 6px 0; }

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px); }

.change .bar2 {
  opacity: 0; }

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px); }

.userway-s3-2 .menuToggle div {
  background-color: #ffffff !important; }

.userway-s3-3 .menuToggle div {
  background-color: #1c1c1c !important; }

nav.primary {
  display: none;
  text-align: initial; }

nav.primary ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0; }

nav.primary ul li {
  background-color: #1c1c1c;
  display: block; }

nav.primary ul li.sub a {
  padding: 1em 3em 1em 1em; }

nav.primary ul li.sub a::after {
  border: 0.5rem solid transparent;
  border-top: 0.5rem solid;
  color: #ffffff;
  content: ' ';
  display: block;
  right: 1em;
  position: absolute;
  top: 1.4em; }

/*.account {
    text-align: unset !important;
    
    .text{
        padding-left: 20px;
    }

    .icon {
        background-color: $primary-3;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 1em 1em;
        display: block;
        height: 0;
        mask: url('../images/signin_my_account_white.svg');
        mask-position: left;
        -webkit-mask: url('../images/signin_my_account_white.svg');
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        overflow: hidden;
        padding: 2em 0 0 0;
        position: absolute;
        top: 10px;
        width: 2em;
        z-index: 30;
        left: 0em;

        &:hover, &:focus {
            background-color: $secondary-1;
        }
    }
}*/
.account-text {
  padding-left: 20px; }

.account-icon {
  background-color: #ffffff;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  display: block;
  height: 0;
  mask: url("../images/signin_my_account_white.svg");
  mask-position: left;
  -webkit-mask: url("../images/signin_my_account_white.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  overflow: hidden;
  padding: 2em 0 0 0;
  position: absolute;
  top: 10px;
  width: 2em;
  z-index: 30;
  left: 0em; }
  .account-icon:hover, .account-icon:focus {
    background-color: #ffeb00; }

nav.primary ul li.sub div.account a {
  padding-left: 1em; }

nav.primary ul li.sub ul li a::after {
  border: none;
  color: none;
  content: none;
  display: none; }

nav.primary ul li ul {
  display: none; }

nav.primary ul li:not(.sub):hover ul {
  display: block; }

nav.primary a {
  color: #ffffff;
  display: block;
  padding: 1em;
  position: relative;
  text-decoration: none; }

nav.primary ul li ul li a, nav.primary ul li.sub ul li a {
  padding: 1em 2em; }

nav.primary a:not(.submit):hover, nav.primary li a.active {
  background-color: #292929;
  color: #ffeb00;
  text-decoration: none; }
  nav.primary a:not(.submit):hover .account-icon, nav.primary li a.active .account-icon {
    background-color: #ffeb00; }
  nav.primary a:not(.submit):hover::after, nav.primary li a.active::after {
    color: #ffeb00 !important; }

nav.primary .nav-search {
  margin: 1em 0;
  padding: 0 1em;
  position: relative; }
  nav.primary .nav-search input {
    background-color: #1c1c1c;
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    display: block;
    height: 3em;
    padding: 1em 0;
    width: 100%;
    z-index: 25; }
  nav.primary .nav-search ::placeholder {
    color: #ffffff; }
  nav.primary .nav-search a.submit {
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1em 1em;
    display: block;
    height: 0;
    mask: url("../images/search-icon.svg");
    mask-position: center;
    -webkit-mask: url("../images/search-icon.svg");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    overflow: hidden;
    padding: 2em 0 0 0;
    position: absolute;
    right: 2em;
    top: 0.5em;
    width: 2em;
    z-index: 30; }

.userway-s3-3 nav.primary .nav-search ::placeholder {
  color: #1c1c1c; }

.userway-s6 .breadcrumbs div.unwrap div.search a.searchToggle {
  background-color: #ffffff !important;
  border-radius: 50%; }

@media only screen and (min-width: 630px) {
  div.logo img {
    width: 28em; } }

@media only screen and (max-width: 630px) {
  div.logo img.mobile-only {
    padding-left: 1em; } }

@media only screen and (min-width: 1230px) {
  section.nav-primary:not(.min) a.menuToggle {
    display: none; }
  section.nav-primary:not(.min) .loginToggle {
    display: none; }
  section.nav-primary:not(.min) nav.primary {
    display: block !important;
    float: right; }
    section.nav-primary:not(.min) nav.primary .mobile-only {
      display: none; }
  section.nav-primary:not(.min) nav.primary ul li {
    float: left;
    position: relative; }
  section.nav-primary:not(.min) nav.primary ul li:hover ul {
    display: block;
    left: 0;
    position: absolute;
    top: auto;
    z-index: 100; }
  section.nav-primary:not(.min) nav.primary ul li:hover ul.last {
    left: auto;
    right: 0; }
  section.nav-primary:not(.min) nav.primary ul li ul li {
    float: none;
    white-space: nowrap; }
  section.nav-primary:not(.min) nav.primary ul li.sub a {
    padding: 1em 2.5em 1em 1.5em; }
    section.nav-primary:not(.min) nav.primary ul li.sub a .account-icon {
      padding-left: 3em; } }

/* MAIN NAVIGATION: end */
/* BREADCRUMBS: start */
.breadcrumbs {
  background-color: #437cff;
  cursor: default;
  left: 0;
  line-height: 1em;
  overflow: hidden;
  padding: 1em 1em;
  position: fixed;
  text-transform: uppercase;
  top: 3.563em;
  white-space: nowrap;
  width: 100%;
  z-index: 50; }

.breadcrumbs ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.breadcrumbs ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0.5em 0; }

.breadcrumbs .divider {
  margin: 0 1em; }

.breadcrumbs a, .breadcrumbs span.active {
  color: #1c1c1c;
  display: inline-block;
  padding: 0.5em 0;
  text-decoration: none; }

.breadcrumbs div.unwrap {
  display: flex;
  flex-flow: row nowrap; }
  .breadcrumbs div.unwrap div.crumbs {
    overflow: hidden;
    position: relative;
    width: calc(100% - 40px); }
    .breadcrumbs div.unwrap div.crumbs:after {
      background-image: linear-gradient(to right, rgba(67, 124, 255, 0), #437cff);
      content: "\00a0";
      height: 2em;
      position: absolute;
      right: 0;
      top: 0;
      width: 3em; }
  .breadcrumbs div.unwrap div.crumbs.active {
    max-width: calc(100% - 215px); }
  .breadcrumbs div.unwrap div.search {
    position: relative;
    text-align: right;
    width: 40px; }
    .breadcrumbs div.unwrap div.search input {
      display: none;
      z-index: 25; }
    .breadcrumbs div.unwrap div.search a.searchToggle {
      background-image: url("../images/search-icon.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 1em 1em;
      display: block;
      height: 0;
      overflow: hidden;
      padding: 2em 0 0 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 2em;
      z-index: 30; }
      .breadcrumbs div.unwrap div.search a.searchToggle.submit {
        -webkit-transform: translate(-1em, 0);
        transform: translate(-1em, 0); }
  .breadcrumbs div.unwrap div.search.active {
    min-width: 215px; }

.app .nav-primary, .app .breadcrumbs, .app .newsletter-container {
  display: none; }

/* BREADCRUMBS: end */
/* FORMS: Start */
input[type=search] {
  border: none;
  height: 2em;
  line-height: 1em;
  padding: 0.5em; }

/* FORMS: End */
/* ICON BANNER: start */
section.icon-banner {
  display: block; }
  section.icon-banner div.wrapper .item {
    position: relative; }
  section.icon-banner div.wrapper div.icon-column {
    position: absolute;
    top: 0; }
  section.icon-banner .slick-arrow {
    display: none; }

div.icon {
  bottom: auto;
  display: block;
  height: 0;
  overflow: hidden;
  padding: 100% 0 0 0;
  position: absolute;
  width: 100%; }

div.icon-column-a {
  left: 0; }

.grid-cols-6 div.icon-column {
  width: 16.67%; }

.grid-cols-6 div.icon-column-b {
  left: 16.67%; }

.grid-cols-6 div.icon-column-c {
  left: 33.33%; }

.grid-cols-6 div.icon-column-d {
  left: 50%; }

.grid-cols-6 div.icon-column-e {
  right: 16.67%; }

.grid-cols-6 div.icon-column-f {
  right: 0; }

.grid-cols-8 div.icon-column {
  width: 12.5%; }

.grid-cols-8 div.icon-column-b {
  left: 12.5%; }

.grid-cols-8 div.icon-column-c {
  left: 25%; }

.grid-cols-8 div.icon-column-d {
  left: 37.5%; }

.grid-cols-8 div.icon-column-e {
  left: 50%; }

.grid-cols-8 div.icon-column-f {
  left: 62.5%; }

.grid-cols-8 div.icon-column-g {
  left: 75%; }

.grid-cols-8 div.icon-column-h {
  left: 87.5%; }

.icon-grid-a1, .icon-grid-b1, .icon-grid-c1, .icon-grid-d1, .icon-grid-e1, .icon-grid-f1, .icon-grid-g1, .icon-grid-h1 {
  top: 0; }

.icon-grid-a2, .icon-grid-b2, .icon-grid-c2, .icon-grid-d2, .icon-grid-e2, .icon-grid-f2, .icon-grid-g2, .icon-grid-h2 {
  margin-top: 100%; }

.icon-grid-a3, .icon-grid-b3, .icon-grid-c3, .icon-grid-d3, .icon-grid-e3, .icon-grid-f3, .icon-grid-g3, .icon-grid-h3 {
  margin-top: 200%; }

.icon-grid-a4, .icon-grid-b4, .icon-grid-c4, .icon-grid-d4, .icon-grid-e4, .icon-grid-f4, .icon-grid-g4, .icon-grid-h4 {
  margin-top: 300%; }

/* ICON BANNER: End */
/* LARGE BANNER: Start */
section.large-banner {
  background-color: #1c1c1c;
  margin: 0;
  max-width: 100%;
  padding: 0;
  position: relative; }
  section.large-banner .item {
    z-index: 40; }
  section.large-banner img, section.large-banner video {
    max-height: 600px;
    width: 100%; }
  section.large-banner .desktop-only:not(.no-mobile) {
    display: none; }

@media only screen and (min-width: 630px) {
  section.large-banner .desktop-only, section.large-banner .desktop-only.no-mobile {
    display: block !important; }
  section.large-banner .mobile-only {
    display: none; } }

.slick-next {
  opacity: 0.25;
  right: 2em;
  z-index: 50; }

.slick-prev {
  opacity: 0.25;
  left: 2em;
  z-index: 50; }

/* LARGE BANNER: End */
/* SLIM BANNER: Start */
.slim-banner {
  background-color: #1c1c1c;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  padding: 4em 1em; }
  .slim-banner h1 {
    color: #ffffff;
    line-height: 1em;
    margin: 0; }

/* SLIM BANNER: End */
/* LISTING: Start */
a.filtersToggle {
  color: #1c1c1c;
  display: block;
  font-weight: bold;
  position: relative;
  text-transform: uppercase; }
  a.filtersToggle span {
    display: block; }
  a.filtersToggle .plus {
    position: absolute;
    right: 1em;
    top: 0; }
  a.filtersToggle .horizontal, a.filtersToggle .vertical {
    background-color: #1c1c1c !important;
    height: 0.4em;
    margin: 0;
    transition: 0.4s;
    width: 1.5em; }
  a.filtersToggle .horizontal {
    -webkit-transform: translateY(0.05em);
    transform: translateY(0.05); }
  a.filtersToggle .vertical {
    -webkit-transform: rotate(90deg) translateX(0.5em);
    transform: rotate(90deg) translateX(0.5em); }
  a.filtersToggle.change .vertical {
    -webkit-transform: rotate(0deg) translateY(0.45em);
    transform: rotate(0deg) translateY(0.45em); }

.userway-s6 a.filtersToggle .horizontal, .userway-s6 a.filtersToggle .vertical {
  background-color: #ffffff !important; }

section.filters {
  background-color: #ffeb00;
  display: block;
  margin: 0;
  padding: 1em; }
  section.filters .filterOptions {
    display: none; }
  section.filters div.filters div:not(.clear) {
    margin: 0 0 1em 0; }
  section.filters div.button {
    display: block;
    text-align: right; }

.filters select, .filters input {
  background-color: #ffeb00;
  border: none;
  border-bottom: 2px solid #1c1c1c;
  cursor: pointer;
  display: block;
  font-size: 1em;
  text-transform: uppercase;
  width: 100%; }

.slider-container {
  align-content: center;
  display: flex;
  margin: 0;
  padding: 0; }
  .slider-container .slider-number, .slider-container input {
    align-self: center;
    display: inline-flex;
    float: unset !important;
    margin: 0 5px !important;
    padding: 0 !important; }
  .slider-container .slider-number {
    color: #1c1c1c;
    font: 65 Medium 17px/26px Neue Haas Grotesk Text Pro;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left; }
  .slider-container .slider-label {
    background-color: #1c1c1c;
    color: #ffffff;
    display: none;
    margin-top: -40px;
    min-width: 38px;
    position: absolute;
    padding: 5px 10px;
    text-align: center;
    transform: translateX(-50%);
    user-select: none;
    width: auto;
    z-index: 99999; }
  .slider-container:hover .slider-label {
    display: block; }

.filters input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  height: 0;
  background: transparent;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s; }
  .filters input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border: 2px solid #1c1c1c;
    border-radius: 50%;
    opacity: 1;
    background: #ffeb00;
    cursor: pointer; }
    .filters input[type="range"]::-webkit-slider-thumb:hover {
      background: #1c1c1c; }
  .filters input[type="range"]:-moz-range-thumb {
    width: 25px;
    height: 25px;
    border: 2px solid #1c1c1c;
    border-radius: 50%;
    opacity: 1;
    background: #ffeb00;
    cursor: pointer; }
    .filters input[type="range"]:-moz-range-thumb:hover {
      background: #1c1c1c; }

.filters select {
  padding: 0.3em 0 0 0; }

@media only screen and (min-width: 800px) {
  a.filtersToggle {
    display: none; }
  .filterOptions {
    display: block !important; }
  .filters .mobile-only {
    display: none; }
  section.filters div.filters {
    display: block;
    float: left;
    max-width: calc(100% - 150px); }
    section.filters div.filters div:not(.clear) {
      float: left;
      margin: 0 1em 0 0;
      padding: 0.25em 0; }
    section.filters div.filters div.date-filter {
      padding: 0; }
  div.button {
    float: right; } }

.listing article {
  margin: 0 0 20px 0;
  position: relative; }

div.free {
  background-color: #ffeb00;
  font-size: 0.75rem;
  font-weight: bold;
  left: -0.75em;
  padding: 0.25em 1em;
  position: absolute;
  text-transform: uppercase;
  top: 1.5em; }

.listing.external .buttons a.btn {
  width: 100%; }

@media only screen and (min-width: 630px) {
  .listing article {
    float: left;
    margin: 0 0 20px 20px; }
  .listing article {
    width: calc(50% - 10px);
    /*  Two columns */ }
  .listing .wrap:not(.with-aside) article:first-child, .listing .wrap:not(.with-aside) article:nth-child(2n+1) {
    clear: both;
    margin-left: 0; }
  .listing.external .buttons a.btn {
    width: unset; } }

@media only screen and (min-width: 1000px) {
  .listing .wrap:not(.with-aside) article, .listing .wrap:not(.with-aside) article:nth-child(2n+1) {
    clear: none;
    margin: 0 0 20px 20px;
    width: calc(((100% - 10px) / 3) - 10px);
    /* Three columns / one third */ }
  .listing .wrap:not(.with-aside) article:nth-child(3n+1) {
    clear: both;
    margin-left: 0; } }

@media only screen and (min-width: 1200px) {
  .listing .wrap:not(.with-aside) article, .listing .wrap:not(.with-aside) article:nth-child(2n+1), .listing .wrap:not(.with-aside) article:nth-child(3n+1) {
    clear: none;
    margin: 0 0 20px 20px;
    width: calc(((100% - 20px) / 4) - 10px);
    /* Four columns / one quarter */ }
  .listing .wrap:not(.with-aside) article:nth-child(4n+1) {
    clear: both;
    margin-left: 0; } }

.listing.events .wrap {
  padding-bottom: 1em;
  padding-top: 1em; }

.listing article.full {
  clear: both;
  display: block;
  float: none;
  width: 100%; }

.listing article a {
  display: block; }

.listing article a img {
  margin: 0;
  padding: 0;
  width: 100%; }

.listing .content {
  border: 1px solid #cfcfcf;
  overflow: hidden;
  padding: 1em 1em calc(6em + 4px) 1em; }
  .listing .content.no-buttons {
    padding: 1em; }
  .listing .content .buttons {
    bottom: 1em;
    position: absolute;
    width: calc(100% - 2em); }
  .listing .content .categories {
    display: none; }

.categories {
  display: block;
  margin: 1em 0 0 0;
  text-transform: uppercase; }

.categories a {
  border: 1px solid #437cff;
  color: #437cff;
  float: left;
  margin: 0 0.25em 0.25em 0;
  padding: 0.25em 0.5em; }

.categories a:hover {
  border-color: #de1b90;
  color: #de1b90;
  text-decoration: none; }

.center-text {
  text-align: center; }

.listing .loadmore {
  display: inline-block;
  margin: 0 auto;
  width: auto; }

/* LISTING: End */
/* SEARCH: Start */
section.search .results {
  max-width: 800px; }
  section.search .results article {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 1em 0;
    max-width: 800px; }
    section.search .results article .image {
      width: 30%; }
    section.search .results article .content {
      padding: 0 1em;
      width: 70%; }
      section.search .results article .content .date {
        font-weight: bold; }
  section.search .results h2 {
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0 0.5em 0; }

/* SEARCH: End */
/* CONTENT: Start */
.section-header {
  margin: 0;
  text-align: center; }
  .section-header h2 {
    margin: 0; }

.video {
  padding: 0.5em 0 1em 0;
  text-align: center; }
  .video .content {
    display: inline-block;
    margin: 0 auto; }
  .video iframe {
    margin: 0 auto;
    max-width: 100% !important; }
  .video .text {
    padding: 1em 0 0 0;
    text-align: left; }

.rich-text {
  margin: 1em 0; }
  .rich-text .rich-text-content {
    margin: 0 auto;
    max-width: 1000px; }

@media (min-width: 576px) {
  .rich-text .rich-text-content {
    max-width: calc(540px - 2em); } }

@media (min-width: 768px) {
  .rich-text .rich-text-content {
    max-width: calc(720px - 2em); } }

@media (min-width: 992px) {
  .rich-text .rich-text-content {
    max-width: calc(960px - 2em); } }

@media (min-width: 1200px) {
  .rich-text .rich-text-content {
    max-width: calc(1140px - 2em); } }

@media (min-width: 1400px) {
  .rich-text .rich-text-content {
    max-width: calc(1340px - 2em); } }

.umb-grid {
  padding: 1em 0; }
  .umb-grid p {
    max-width: 1000px; }

.pages {
  padding: 1em 0; }

.article .container {
  margin: 0 auto 0 0; }

section.iframe {
  padding: 0; }
  section.iframe .iframe-resizer {
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    max-width: 650px;
    min-height: 600px;
    position: relative;
    width: 100%; }
    section.iframe .iframe-resizer:before {
      content: '';
      display: block;
      padding-top: 125%; }
    section.iframe .iframe-resizer iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  section.iframe iframe {
    border: 0;
    width: 100%; }

/* CONTENT: End */
/* EVENT: Start */
.event-overview {
  display: block;
  margin: 1em 0; }
  .event-overview div.event-image {
    margin: 0 0 1em 0; }

section.map {
  padding: 0; }
  section.map iframe {
    height: 700px;
    width: 100%; }
  section.map .map-message {
    height: 700px;
    line-height: 700px;
    width: 100%;
    text-align: center; }
    section.map .map-message span {
      display: inline-block;
      vertical-align: middle;
      line-height: normal; }

@media only screen and (max-width: 630px) {
  section.map {
    margin: 0 1em;
    width: calc(100% - 2em); } }

.transfer-message {
  display: block;
  font-size: 0.75rem !important; }

@media only screen and (min-width: 630px) {
  .event-overview .flex {
    display: flex;
    flex-flow: row-reverse wrap; }
    .event-overview .flex div.event-image {
      padding: 0 0 1em 1em;
      width: 60%; }
    .event-overview .flex div.content {
      width: 40%; } }

.book-bar-container {
  opacity: 0;
  transition: opacity .3s ease-in-out;
  width: 100%; }

.book-bar-container.show {
  display: block;
  opacity: 1; }

.book-bar {
  align-items: center;
  background-color: #ffeb00;
  display: flex;
  flex-flow: row nowrap;
  min-width: 300px;
  padding: 1em;
  position: fixed;
  z-index: 95;
  width: 100%; }
  .book-bar div.tickets {
    font-size: 1.17em;
    font-weight: bold; }
  .book-bar div.venue {
    max-width: 300px;
    padding: 0 1em; }
  .book-bar div.date {
    min-width: 220px;
    padding: 0 1em 0 0; }
  .book-bar a.book, .book-bar a.book:hover {
    border: 2px solid #1c1c1c;
    margin-left: auto; }

.accessibility {
  padding: 1em; }
  .accessibility h2 {
    text-align: center; }
  .accessibility h3 {
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0 0.25em 0; }
  .accessibility ul {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .accessibility ul li {
      align-items: center;
      display: flex;
      flex-flow: row nowrap;
      float: left;
      margin: 0 1em 0.5em 0; }
      .accessibility ul li div.image {
        background-color: #ffeb00;
        min-width: 30px;
        padding: 0.25em; }
        .accessibility ul li div.image img {
          max-height: 50px;
          max-width: 30px;
          min-height: 30px;
          min-width: 30px; }
      .accessibility ul li div.content {
        padding: 0 1em 0 0.5em;
        width: calc(100% - 2.2em); }

.soldout {
  border-radius: 0;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
  white-space: normal;
  float: left;
  margin: 0 0.25em 0.25em 0;
  border: 2px solid #1c1c1c;
  color: #1c1c1c; }

.onsale {
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0;
  text-transform: uppercase;
  white-space: normal;
  float: left;
  margin: 0 0.25em 0.25em 0;
  color: #1c1c1c; }

/* EVENT: End */
/* SPONSORS: Start */
.sponsor-group {
  padding-bottom: 1em;
  padding-top: 1em; }
  .sponsor-group div.sponsors {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }
    .sponsor-group div.sponsors article {
      padding: 0.5em 1em;
      text-align: center;
      width: 50%; }
  .sponsor-group.small-logos div.sponsors article {
    padding: 1em;
    width: 33%; }

@media only screen and (min-width: 450px) {
  .sponsor-group.small-logos div.sponsors article {
    padding: 1em;
    width: 25%; } }

@media only screen and (min-width: 450px) {
  .sponsor-group div.sponsors article {
    padding: 0.5em 1em;
    width: 33%; } }

@media only screen and (min-width: 630px) {
  .sponsor-group.small-logos div.sponsors article {
    padding: 1em;
    width: 20%; } }

@media only screen and (min-width: 850px) {
  .sponsor-group div.sponsors article {
    padding: 0.5em 1em;
    width: 25%; }
  .sponsor-group.small-logos div.sponsors article {
    padding: 1em;
    width: 15%; } }

@media only screen and (min-width: 1100px) {
  .sponsor-group div.sponsors article {
    padding: 2em;
    width: 20%; }
  .sponsor-group.small-logos div.sponsors article {
    padding: 1em;
    width: 10%; } }

/* SPONSORS: End */
/* ARTICLE LISTING: Start */
.listing.articles .wrap, .with-aside {
  padding-bottom: 1em;
  padding-top: 1em; }

.postedon {
  font-weight: bold;
  pointer-events: none;
  margin-bottom: 1em; }
  .postedon .fa-calendar {
    font-size: 15px;
    padding: 0;
    width: 15px; }

.articlesSorting, .teamFilters {
  float: left;
  margin: 0;
  padding: 0; }
  .articlesSorting form.search, .teamFilters form.search {
    display: block;
    margin: 0 0 1em 0; }
  .articlesSorting input[type=text], .teamFilters input[type=text] {
    background: #f1f1f1;
    border: 1px solid grey;
    float: left;
    padding: 0.5em;
    width: 80%; }
  .articlesSorting button, .teamFilters button {
    background: #437cff;
    border: 1px solid grey;
    border-left: none;
    color: white;
    cursor: pointer;
    float: left;
    padding: 0.5em 0;
    width: 20%; }
    .articlesSorting button .fa, .teamFilters button .fa {
      margin: 0;
      padding: 0; }
  .articlesSorting button:hover, .teamFilters button:hover {
    background: #de1b90; }
  .articlesSorting .filter, .teamFilters .filter {
    margin: 0 0 1em 0; }
    .articlesSorting .filter a:active, .teamFilters .filter a:active {
      color: #437cff;
      font-weight: bold; }
  .articlesSorting .clearArticleFilters a.btn.lazy-clear:hover, .teamFilters .clearArticleFilters a.btn.lazy-clear:hover {
    background-color: #1c1c1c;
    color: #437cff; }

.allStories {
  padding: 0 0 1em 0; }

@media only screen and (min-width: 801px) {
  .with-aside .allStories {
    float: left;
    width: calc(100% - ((100% - 20px) / 2)); }
    .with-aside .allStories article {
      float: none;
      margin: 0 0 20px 20px;
      width: calc(100% - 20px); }
  .with-aside aside {
    clear: none;
    margin: 0;
    width: calc(50% - 10px); } }

@media only screen and (min-width: 1000px) {
  .with-aside .allStories {
    width: calc(100% - (calc(((100% - 10px) / 3) - 10px))); }
    .with-aside .allStories article {
      float: left;
      width: calc((100% / 2) - 20px); }
    .with-aside .allStories article:first-child, .with-aside .allStories article:nth-child(2n+1) {
      clear: both; }
  .with-aside aside {
    width: calc(((100% - 10px) / 3) - 10px); } }

@media only screen and (min-width: 1200px) {
  .with-aside .allStories {
    width: calc(100% - 20px - (((100% - 20px) / 4) - 30px)); }
    .with-aside .allStories article, .with-aside .allStories article:nth-child(2n+1) {
      clear: none;
      width: calc((100% / 3) - 20px); }
    .with-aside .allStories article:first-child, .with-aside .allStories article:nth-child(3n+1) {
      clear: both; }
  .with-aside aside {
    width: calc(((100% - 20px) / 4) - 10px); } }

@media only screen and (min-width: 801px) {
  .main.filters.articleFilters {
    display: none; } }

@media only screen and (max-width: 800px) {
  .articleFilters label {
    font-weight: bold;
    margin-top: 0.5em;
    text-transform: uppercase; }
  .articleFilters .search {
    margin-top: 0.5em;
    position: relative; }
    .articleFilters .search input.lazy-search-box {
      float: left;
      border-bottom: 1px solid #1c1c1c;
      display: block;
      height: 1em;
      padding: 1em 0;
      width: 82%;
      z-index: 25; }
    .articleFilters .search ::placeholder {
      color: #1c1c1c;
      padding-left: 0.2em;
      text-transform: initial; }
    .articleFilters .search button.lazy-search {
      background-color: #ffeb00;
      border: unset;
      float: right;
      width: 15%;
      z-index: 30; }
    .articleFilters .search button:focus {
      background-color: #ffeb00;
      border: unset;
      outline: none; }
    .articleFilters .search .fa-search {
      background-color: #ffeb00;
      border: unset;
      color: #1c1c1c; }
  .articleFilters select {
    border-bottom: 1px solid #1c1c1c; }
    .articleFilters select :checked {
      text-transform: initial; }
  .articleFilters .filter.category ul li {
    border-bottom: 1px solid #1c1c1c; }
  .articleFilters .filter.category ul li:first-child {
    border-top: 1px solid #1c1c1c; }
  .with-aside aside.articlesSorting {
    display: none !important; } }

/* ARTICLE LISTING: End */
/* ARTICLE: Start */
.title {
  margin-top: 1em; }
  .title .postDate {
    display: block;
    margin: 0 1em 0.5em 0;
    padding: 0 1em 0 0;
    text-transform: uppercase; }
  .title .tags {
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
    margin: 0 0.25em 0 0;
    padding: 0.333em 0.5em;
    text-transform: uppercase;
    pointer-events: auto; }

.filter.category ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .filter.category ul li {
    border-bottom: 1px solid #cfcfcf;
    display: block;
    padding: 0.25em;
    cursor: pointer; }
    .filter.category ul li .active {
      font-weight: bold;
      color: #437cff; }
  .filter.category ul li:first-child {
    border-top: 1px solid #cfcfcf; }

.filter.dates select {
  width: 100%; }

.recentArticles div.list {
  display: flex;
  flex-flow: row wrap; }
  .recentArticles div.list article {
    box-sizing: border-box;
    margin: 0 1em 1em 0;
    width: calc(50% - 1em); }
    .recentArticles div.list article img {
      width: 100%; }
    .recentArticles div.list article .content {
      border-bottom: 1px solid #cfcfcf;
      border-left: 1px solid #cfcfcf;
      border-right: 1px solid #cfcfcf;
      padding: 1em; }

@media only screen and (min-width: 630px) {
  .title .postDate {
    border-right: solid 2px #cfcfcf;
    display: inline-block; }
  .recentArticles div.list article {
    width: calc(33% - 1em); } }

.article .filter {
  display: none; }

@media only screen and (min-width: 1230px) {
  .recentArticles div.list {
    display: block;
    flex-flow: unset; }
    .recentArticles div.list article {
      width: 100%; }
  .article .filter {
    display: block;
    margin: 0 0 1em 0; }
  .title {
    margin: 0 auto; }
  .articleContent {
    float: left;
    width: calc(75% - 30px); }
  .articleSorting {
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    width: 25%; }
    .articleSorting input[type=text] {
      background: #f1f1f1;
      border: 1px solid grey;
      float: left;
      font-size: 17px;
      padding: 10px;
      width: 80%; }
    .articleSorting button {
      background: #437cff;
      border: 1px solid grey;
      border-left: none;
      color: white;
      cursor: pointer;
      float: left;
      font-size: 17px;
      padding: 10px;
      width: 20%; }
      .articleSorting button .fa {
        margin: 0;
        padding: 0; }
    .articleSorting button:hover {
      background: #de1b90; }
    .articleSorting .filter {
      margin-top: 1em; }
      .articleSorting .filter table {
        width: 100%; }
        .articleSorting .filter table td {
          border-bottom: 1px solid #cfcfcf;
          text-transform: capitalize; }
          .articleSorting .filter table td a {
            padding-left: 0.5em; }
          .articleSorting .filter table td a:active {
            color: #437cff;
            font-weight: bold; }
    .articleSorting .dates {
      margin-top: 1em; } }

@media only screen and (max-width: 1230px) {
  .articleSorting .search {
    display: none; }
  .articleSorting .filter {
    display: none; }
  .articleSorting .dates {
    display: none; } }

/* ARTICLE: End */
/* PLACES: Start */
.places {
  padding-bottom: 1em;
  padding-top: 1em; }
  .places .image {
    width: 100%; }
    .places .image img {
      width: 100%; }

/* PLACES: End */
/* TRUSTEES LISTING: Start */
.trustees {
  margin: 1em 0 1em 0; }
  .trustees article {
    border-bottom: 1px solid #cfcfcf;
    display: block;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0; }
    .trustees article .image img {
      max-width: 400px;
      width: 100%; }

@media only screen and (min-width: 650px) {
  .trustees article {
    max-width: 920px;
    width: 100%; }
  .trustees .image {
    float: left;
    width: 30%; }
  .trustees .text {
    float: left;
    margin: 0 0 0 1em;
    width: calc(70% - 1em); } }

/* TRUSTEES LISTING: End*/
/* TEAM LISTING: Start */
.teamListing {
  display: flex;
  flex-flow: row wrap;
  float: none;
  margin: 0 -0.5em;
  padding: 1em 0;
  width: calc(100% + 1em); }
  .teamListing .team-listing {
    margin: 0 0 1em 0;
    width: 50%; }
    .teamListing .team-listing article {
      display: block;
      padding: 0 0.5em; }
      .teamListing .team-listing article a {
        display: block; }
        .teamListing .team-listing article a img {
          width: 100%; }
      .teamListing .team-listing article h3, .teamListing .team-listing article p {
        margin: 0; }

.teamFilters {
  display: none; }

@media only screen and (min-width: 500px) {
  .teamListing .team-listing {
    width: 33.33%; } }

@media only screen and (min-width: 685px) {
  .teamListing .team-listing {
    width: 25%; } }

@media only screen and (min-width: 800px) {
  .teamListing {
    float: left;
    margin: 0 0 0 -0.5em;
    width: 75%; }
    .teamListing .team-listing {
      width: 33.33%; }
  .teamFilters {
    display: block;
    float: left;
    margin: 0;
    padding: 1em 0 0 0.5em;
    width: 25%; } }

@media only screen and (min-width: 1000px) {
  .teamListing .team-listing {
    width: 25%; } }

@media only screen and (min-width: 1200px) {
  .teamListing {
    width: 80%; }
  .teamFilters {
    width: 20%; } }

/* TEAM LISTING: End */
/* TEAM MEMBER: Start */
.memberBody {
  padding-top: 0; }

.teamMember {
  margin: 1em 0 1em 0; }
  .teamMember article {
    display: block;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0; }
    .teamMember article .memberImage img {
      max-width: 400px;
      width: 100%; }

@media only screen and (min-width: 650px) {
  .trustees article {
    max-width: 920px;
    width: 100%; }
  .trustees .memberImage {
    float: left;
    width: 30%; }
  .trustees .information {
    float: left;
    margin: 0 0 0 1em;
    width: calc(70% - 1em); } }

/* TEAM MEMBER: End */
/* SOCIAL MEDIA ICONS*/
.fa {
  font-size: 20px;
  margin: 2px 2px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  width: 40px; }

.fa:hover {
  background: #de1b90;
  color: #ffffff;
  text-decoration: none; }

.fa-facebook {
  background: #1c1c1c;
  color: #ffffff; }

.fa-twitter {
  background: #1c1c1c;
  color: #ffffff; }

.fa-youtube {
  background: #1c1c1c;
  color: #ffffff; }

.fa-instagram {
  background: #1c1c1c;
  color: #ffffff; }

.social {
  border-top: solid 2px #cfcfcf;
  margin: 1em 0 1em 0;
  padding: 0.75em 0; }
  .social h3 {
    margin: 0; }
  .social .fb-share-button {
    display: block !important;
    float: left;
    height: 20px;
    margin-right: 0.5em;
    vertical-align: middle; }
  .social .fb-share-button iframe, .social .fb-share-button span {
    min-width: 66px !important; }
  .social .twitter {
    margin-right: 0.5em;
    padding-top: 4px; }
  .social .twitter-share-button {
    display: block !important;
    float: left;
    height: 20px;
    min-width: 66px !important;
    vertical-align: middle; }

/* SOCIAL MEDIA ICONS: End*/
/* FOOTER: Start */
footer.main {
  margin: 1em 0 0 0;
  padding: 0; }
  footer.main section {
    border-top: 1px solid #cfcfcf;
    padding: 1em 0; }
    footer.main section .columns {
      display: flex;
      flex-flow: row wrap; }
      footer.main section .columns .column {
        padding: 0 1em 2em 1em;
        width: 100%; }
    footer.main section ul {
      display: block;
      list-style-type: none;
      margin: 0;
      padding: 0; }
    footer.main section img {
      margin-top: 1em; }
    footer.main section h4 {
      margin: 10px 0 5px 0; }
    footer.main section .w100 {
      margin: 0;
      text-align: center; }

@media only screen and (min-width: 500px) {
  footer.main section .columns .column {
    width: 50%; } }

@media only screen and (min-width: 685px) {
  footer.main section .columns .column {
    width: 33.3%; } }

@media only screen and (min-width: 910px) {
  footer.main section .columns .column {
    width: 25%; } }

@media only screen and (min-width: 1200px) {
  footer.main section .columns .column {
    width: 25%; } }

.app footer.main {
  display: none; }

/* FOOTER: End */
/* MODAL */
.modal-open {
  overflow: hidden; }

.modal-background {
  background: 0% 0% no-repeat padding-box;
  background-color: rgba(28, 28, 28, 0.75);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

.modal-btn {
  cursor: pointer; }

.modal {
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 50%;
  margin: 0 auto;
  max-height: 75vh;
  max-width: 75vw;
  overflow: auto;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1; }
  .modal iframe {
    border: 0;
    height: 100%;
    width: 100%; }
  .modal .modal-head {
    text-align: right;
    padding: 1em 1em 0 1em; }
  .modal .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    display: flex; }
  .modal .modal-close {
    color: #1c1c1c;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 0px;
    opacity: 0.8;
    text-transform: uppercase; }
    .modal .modal-close img {
      display: inline-block;
      height: 1em;
      margin: -0.25em 0 0 1em;
      width: 1em; }
    .modal .modal-close:hover, .modal .modal-close:focus {
      cursor: pointer;
      opacity: 1; }

/* MODAL: End */
/*ANIMATIONS*/
.fade-in {
  -webkit-animation: fadein 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s;
  /* Firefox < 16 */
  -ms-animation: fadein 2s;
  /* Internet Explorer */
  -o-animation: fadein 2s;
  /* Opera < 12.1 */
  animation: fadein 2s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* ANIMATIONS: End*/
/* ARTIST LISTING:Start  */
.artistListingDate {
  margin: 1em 0; }

.artistListing {
  display: flex;
  flex-flow: row wrap;
  float: none;
  margin: 0 -0.5em;
  padding: 1em 0;
  width: calc(100% + 1em); }
  .artistListing .artist-listing {
    margin: 0 0 1em 0;
    width: 50%; }
    .artistListing .artist-listing article {
      display: block;
      padding: 0 0.5em; }
      .artistListing .artist-listing article a {
        display: block; }
        .artistListing .artist-listing article a img {
          width: 100%; }
      .artistListing .artist-listing article h3, .artistListing .artist-listing article p {
        margin: 0; }

@media only screen and (min-width: 500px) {
  .artistListing .artist-listing {
    width: 33.33%; } }

@media only screen and (min-width: 685px) {
  .artistListing .artist-listing {
    width: 25%; } }

@media only screen and (min-width: 800px) {
  .artistListing .artist-listing {
    width: 33.33%; } }

@media only screen and (min-width: 1000px) {
  .artistListing .artist-listing {
    width: 20%; } }

/* ARTIST LISTING: End */
/* OTHER PAGES: Start */
.otherPages {
  margin: 1em 0; }

/* OTHER PAGES: End*/
/* SUB-EVENTS: Start */
.subEvents {
  margin: 1em 0; }

/* SUB-EVENTS: End*/
/* REVIEWS: Start */
.reviews {
  margin: 1em 0; }
  .reviews .review {
    text-align: center; }
    .reviews .review .content {
      display: inline-block;
      padding-top: 5em;
      letter-spacing: -1px;
      width: 100%; }
      .reviews .review .content blockquote {
        color: #1c1c1c;
        width: 100%; }
      .reviews .review .content .fa {
        margin: 0 0 1em 0;
        padding: 0;
        color: #437cff;
        width: 18px; }
      .reviews .review .content .fa:hover {
        background: #ffffff;
        color: #437cff; }

/* REVIEWS: End*/
/* SPONSORS SLIDER: Start */
.partner-section .sponsors {
  padding: 0 0 1em 0; }

.sponsors-title {
  background-color: #1c1c1c;
  color: #ffffff;
  font: Neue Haas Grotesk Text Pro;
  font-size: 1.6em;
  font-weight: bold;
  letter-spacing: 0px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }

.sponsors-container .sponsors-slider-container {
  margin: 0 auto;
  overflow: hidden;
  padding: 1em 0;
  position: relative;
  width: auto; }
  .sponsors-container .sponsors-slider-container .sponsors-slider {
    display: flex;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    width: auto; }
    .sponsors-container .sponsors-slider-container .sponsors-slider::-webkit-scrollbar {
      display: none; }
    .sponsors-container .sponsors-slider-container .sponsors-slider .sponsors {
      display: inline-flex;
      flex: none;
      width: 100%;
      width: auto; }
    .sponsors-container .sponsors-slider-container .sponsors-slider .sponsor {
      display: inline-flex;
      flex: none;
      max-width: 200px;
      width: 50%; }
      .sponsors-container .sponsors-slider-container .sponsors-slider .sponsor a {
        display: inline-flex; }
      .sponsors-container .sponsors-slider-container .sponsors-slider .sponsor img {
        align-self: center;
        display: flex;
        height: auto;
        padding: 0 1em;
        width: 100%; }

@media only screen and (min-width: 450px) {
  .sponsors-container .sponsors-slider-container .sponsors-slider .sponsor {
    width: 33%; } }

@media only screen and (min-width: 850px) {
  .sponsors-container .sponsors-slider-container .sponsors-slider .sponsor {
    width: 25%; } }

@media only screen and (min-width: 1100px) {
  .sponsors-container .sponsors-slider-container .sponsors-slider .sponsor {
    width: 20%; } }

@media only screen and (min-width: 1200px) {
  .sponsors-container .sponsors-slider-container .sponsors-slider .sponsor {
    width: 15%; } }

/* SPONSORS: End */
/* NEWSLETTER */
.newsletter-container {
  background-color: #437cff;
  display: block;
  padding: 2em 1em;
  width: 100%; }
  .newsletter-container .newsletter-inner {
    display: block;
    margin: 0 auto;
    max-width: 800px;
    width: 100%; }
  .newsletter-container .newsletter-image {
    margin: 0 0 1em 0;
    width: 100%; }
    .newsletter-container .newsletter-image img {
      width: 100%; }
  .newsletter-container .newsletter-content {
    color: #1c1c1c;
    width: 100%; }
    .newsletter-container .newsletter-content a {
      color: #ffffff; }
    .newsletter-container .newsletter-content .newsletter-title {
      font-size: 1.6em;
      font-weight: bold;
      margin-bottom: 1rem;
      text-transform: uppercase; }
    .newsletter-container .newsletter-content .newsletter-input {
      margin-bottom: 1rem; }
      .newsletter-container .newsletter-content .newsletter-input input {
        width: 100%;
        border: none;
        padding: 0.5em 1em; }

@media only screen and (min-width: 450px) {
  .newsletter-container .newsletter-inner {
    display: flex; }
  .newsletter-container .newsletter-content {
    display: inline-flex; }
  .newsletter-container .newsletter-image {
    width: 30%; }
  .newsletter-container .newsletter-content {
    flex-direction: column;
    padding: 0 0 0 1em;
    width: 70%; } }

/* NEWSLETTER: End */
/* IMAGE GALLERY */
.image-gallery div.image {
  display: flex;
  flex-flow: row wrap; }
  .image-gallery div.image article {
    padding: 1em;
    text-align: center;
    width: 50%; }

@media only screen and (min-width: 450px) {
  .image-gallery div.image article {
    width: 33%; } }

@media only screen and (min-width: 850px) {
  .image-gallery div.image article {
    width: 25%; } }

@media only screen and (min-width: 1100px) {
  .image-gallery div.image article {
    width: 20%; } }

/* IMAGE GALLERY: End */
.map-icon {
  content: "\f041";
  font-family: FontAwesome; }

.map-icon::before {
  content: "\f041";
  display: inline-block;
  font-family: FontAwesome; }

/* COOKIE CONSENT*/
.cookie-consent {
  background-color: #437cff;
  bottom: 0;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  min-height: 100px;
  left: 0;
  padding: 2em;
  position: fixed;
  right: 0;
  z-index: 9999; }
  .cookie-consent a {
    color: #ffffff;
    text-decoration: underline; }
  .cookie-consent a:hover {
    color: #1c1c1c; }
  .cookie-consent .cookie-content {
    display: inline-flex;
    flex: 1 0;
    flex-direction: column; }
  .cookie-consent .cookie-buttons {
    display: inline-flex;
    flex-direction: column;
    justify-content: center; }
    .cookie-consent .cookie-buttons a.btn {
      display: inline-flex;
      margin: 5px 0;
      text-decoration: none; }
  .cookie-consent .cookie-select {
    margin-top: 15px; }
  .cookie-consent label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 20px;
    background: grey;
    display: inline-flex;
    border-radius: 100px;
    position: relative;
    margin-left: 7px; }
    .cookie-consent label input {
      opacity: 0; }
    .cookie-consent label:after {
      content: '';
      position: absolute;
      left: 1px;
      width: 20px;
      height: 20px;
      background: #fff;
      border-radius: 90px;
      transition: 0.3s; }
    .cookie-consent label.checked {
      background-color: #ffeb00; }
      .cookie-consent label.checked:after {
        left: calc(100% - 1px);
        transform: translateX(-100%); }
  .cookie-consent input:checked {
    background: #bada55; }

input:checked + label {
  background: #bada55; }

input:checked + label:after {
  left: calc(100% - 100px);
  transform: translateX(-100%); }

@media (max-width: 600px) {
  .cookie-consent {
    flex-direction: column; }
    .cookie-consent .cookie-buttons {
      margin-top: 10px; } }

/* COOKIE CONSENT: End*/
/*EMPTY PAGES*/
.noContentMessage {
  font-weight: bold;
  margin: 2em 0 2em 0;
  text-align: center; }

/*EMPTY PAGES: End */
/*CUSTOM MAILCHIMP STYLES: Start*/
[id^=PopupSignupForm_]:not(.visible) .mc-banner, [id^=PopupSignupForm_]:not(.visible) .mc-container, [id^=PopupSignupForm_]:not(.visible) .mc-modal-bg, [id^=PopupSignupForm_]:not(.visible) .mc-modal {
  right: -10000px;
  top: -10000px; }

[id^=PopupSignupForm_] {
  opacity: 0;
  pointer-events: none; }
  [id^=PopupSignupForm_].visible {
    opacity: 1;
    pointer-events: all; }

.mc-closeModal, .bannerContent__closeButton {
  pointer-events: none; }

.mailchimp-custom-close {
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 40px;
  z-index: 999999999; }
  .mailchimp-custom-close.mailchimp-banner-close {
    right: 0;
    top: 0; }

/*CUSTOM MAILCHIMP STYLES: End*/
/*Black Background Text*/
@media only screen and (max-width: 1600px) {
  section.main.video.bg-primary-2 .content {
    padding: 0 1em 0 1em; } }

/*Black Background Text: End*/
@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/*USER EDIT DETAILS*/
.user-edit {
  margin-top: 1em;
  position: relative;
  word-break: break-word;
  /*.side-menu:hover .desktop-only {
        display: block;
    }*/ }
  .user-edit .collected-tab {
    align-items: center;
    background-color: #ffeb00;
    display: grid;
    grid-template-columns: 1fr auto 2fr 1fr;
    height: 50px;
    justify-content: center;
    left: 0;
    padding: 5px;
    position: fixed;
    top: 0;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 1; }
    .user-edit .collected-tab img {
      grid-column: 2/3;
      height: 40px !important;
      padding-right: 10px; }
    .user-edit .collected-tab span {
      grid-column: 3/4; }
    .user-edit .collected-tab.fade {
      opacity: 0; }
  .user-edit .user-details-edit label {
    margin: 1em 0 0 0; }
  .user-edit .name-tab, .user-edit .details-list, .user-edit .details-edit {
    border: 1px solid #CBCBCB; }
  .user-edit .menu-header {
    background-color: #ffeb00;
    padding: 5px; }
    .user-edit .menu-header .menu-header-icon {
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      padding: 5px; }
    .user-edit .menu-header .menu-toggle {
      margin-right: 5px; }
      .user-edit .menu-header .menu-toggle div {
        background-color: #2e2e2e !important;
        height: 4px; }
    .user-edit .menu-header .bar2 {
      margin: 4px 0; }
  .user-edit .side-menu {
    position: relative; }
  .user-edit .details-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .user-edit .details-list ul li {
      border-bottom: 1px solid #CBCBCB;
      cursor: pointer;
      /*padding: 15px 10px;*/
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
      /*&:active {
                    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
                    outline: 0;
                }*/ }
      .user-edit .details-list ul li a, .user-edit .details-list ul li span {
        color: #1c1c1c;
        display: block;
        text-decoration: none; }
    .user-edit .details-list ul li:last-child {
      border-bottom: none; }
  .user-edit .details-list .detail-list-item {
    display: flex;
    padding: 15px 10px; }
  .user-edit .details-list .arrow-panel {
    position: absolute;
    right: 1em;
    content: "\f105";
    font-family: FontAwesome; }
  .user-edit .details-list .arrow-panel::before {
    position: absolute;
    right: 1em;
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome; }
  .user-edit .details-list img {
    margin-right: 0.5em; }
  .user-edit .details-settings-column .justify-content-center {
    width: 100%; }
    .user-edit .details-settings-column .justify-content-center a {
      width: 100%;
      max-width: 200px; }
      @media only screen and (min-width: 1024px) {
        .user-edit .details-settings-column .justify-content-center a {
          padding-left: 0 !important;
          padding-right: 0 !important; } }
  @media only screen and (max-width: 630px) {
    .user-edit .name-tab, .user-edit .details-settings-column {
      margin: 0 !important; }
    .user-edit .details-edit {
      border-top: none; }
    .user-edit .details-list {
      position: absolute;
      width: 100%;
      z-index: 200;
      border-top: 1px solid #2e2e2e;
      background-color: #ffeb00; }
      .user-edit .details-list ul li {
        border-bottom: 1px solid #2e2e2e; } }
  .user-edit .dashboard-items .dashboard-item.collect {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: max-content;
    align-items: center;
    grid-column-gap: 1em; }
    .user-edit .dashboard-items .dashboard-item.collect.loading::after {
      content: "";
      width: 105px;
      height: 10px;
      /* background: #345bc9bf; */
      display: block;
      position: absolute;
      bottom: 10px;
      left: 0;
      /*animation: loading-skip 1.5s ease-out infinite;*/
      animation: loading-skip-v2 1.5s ease-in-out infinite;
      border-top: 5px solid #5268c3; }
    .user-edit .dashboard-items .dashboard-item.collect img {
      grid-column: 1/2;
      grid-row: 1/2; }
    .user-edit .dashboard-items .dashboard-item.collect .details {
      grid-column: 2/3;
      grid-row: 1/2;
      justify-self: flex-start; }
    .user-edit .dashboard-items .dashboard-item.collect p {
      margin: 0; }
    .user-edit .dashboard-items .dashboard-item.collect .buttons {
      grid-column: 2/3;
      grid-row: 2/3;
      margin: 0; }
    .user-edit .dashboard-items .dashboard-item.collect hr {
      grid-column: 1/3;
      grid-row: 3/4;
      width: 100%; }
  .user-edit .dashboard-items .dashboard-item.ticket p {
    font-weight: bold;
    margin-bottom: 0; }
  .user-edit .dashboard-items .dashboard-item.ticket .eventDate {
    color: #437cff;
    font-size: 0.875em;
    text-transform: uppercase; }
  .user-edit .dashboard-items .dashboard-item.ticket .eventName {
    text-transform: uppercase; }
  .user-edit .dashboard-items .dashboard-item.ticket .eventVenue {
    font-size: 0.875em;
    text-transform: uppercase; }
  .user-edit .dashboard-items .dashboard-item.ticket .ticket-details {
    display: block; }
  @media only screen and (max-width: 1025px) {
    .user-edit .dashboard-items .dashboard-item.collect {
      display: block; }
      .user-edit .dashboard-items .dashboard-item.collect .buttons {
        display: flex; }
    .user-edit .dashboard-items .dashboard-item.ticket .ticket-details {
      display: block; }
      .user-edit .dashboard-items .dashboard-item.ticket .ticket-details a {
        grid-column: 2/3; } }
  @media only screen and (max-width: 522px) {
    .user-edit .dashboard-items .dashboard-item.ticket .ticket-details {
      display: block; } }
  @media only screen and (max-width: 280px) {
    .user-edit .dashboard-items .dashboard-item {
      display: block !important; } }
  .user-edit .no-events-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .user-edit .no-events-buttons > a {
      margin: 4px; }
  .user-edit .no-events {
    display: block;
    text-align: center; }
    .user-edit .no-events img {
      display: inline-block;
      max-width: 140px;
      width: 140px; }
    .user-edit .no-events h4 {
      text-align: center; }
  .user-edit .check-area img {
    margin-right: 10px; }
  .user-edit .share-code h4 {
    margin-top: 1em;
    margin-bottom: 3em; }
  .user-edit .share-code span.code {
    padding: 5px;
    border: 1px solid #949494;
    display: block; }
  .user-edit .share-code .btn {
    padding-left: 20px;
    padding-right: 20px; }
  @media (max-width: 768px) {
    .user-edit {
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .user-edit .details-settings-column {
        padding: 0; } }

.loading::after {
  content: "";
  width: 105px;
  height: 10px;
  /* background: #345bc9bf; */
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
  /*animation: loading-skip 1.5s ease-out infinite;*/
  animation: loading-skip-v2 1.5s ease-in-out infinite;
  border-top: 5px solid #5268c3; }

@keyframes loading-skip {
  from {
    left: 0; }
  to {
    left: calc(100% - 105px); } }

@keyframes loading-skip-v2 {
  from {
    width: 0; }
  to {
    width: 100%; } }

span.disabled {
  color: grey;
  pointer-events: none; }

.btn.disabled {
  background-color: #F2F2F2 !important;
  border: none !important;
  color: #949494 !important; }

.disabled {
  pointer-events: none; }

.disabled:focus {
  box-shadow: none; }

.voucher {
  margin-left: auto;
  margin-right: auto;
  max-width: 950px; }
  .voucher .voucher-info {
    padding: 1.250em 1em 1.875em 1em; }
    .voucher .voucher-info span {
      font-weight: bold;
      text-transform: uppercase; }
  .voucher .voucher-desc {
    padding-left: 2em; }
    @media (max-width: 768px) {
      .voucher .voucher-desc {
        padding-left: 0; } }
  .voucher .code {
    margin-top: 1em;
    text-align: center;
    overflow-wrap: break-word; }
    .voucher .code p {
      border: 2px dashed #949494;
      padding: 0.625em 0;
      font-size: 1.3em; }
  .voucher .copy-code {
    text-align: center; }
    .voucher .copy-code span {
      padding: 0.375em 1.250em; }
  .voucher .redeem a {
    width: 40%;
    max-width: 200px; }

.redeemed {
  margin-bottom: 4em;
  padding-left: 4em;
  padding-right: 4em; }

.highlight {
  color: #437cff;
  font-weight: bold; }

.nav.nav-tabs {
  margin-bottom: 20px; }
  .nav.nav-tabs .nav-link {
    border: none;
    color: #949494;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 0; }
    .nav.nav-tabs .nav-link.active {
      border-bottom: 3px solid #437cff;
      color: #1c1c1c; }

.ticketNotice {
  background-color: #437cff;
  color: #ffffff;
  display: block;
  margin: 0 0 1em 0;
  padding: 1em;
  text-align: center; }
  .ticketNotice p {
    margin: 0; }

.popup-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100; }
  .popup-overlay .popup {
    position: absolute;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .popup-overlay .popup-header {
    position: relative;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #CBCBCB; }
    .popup-overlay .popup-header .popup-title {
      margin: 0; }
    .popup-overlay .popup-header .close-popup {
      cursor: pointer;
      position: absolute;
      right: 10px;
      top: 10px; }
  .popup-overlay .popup-body {
    padding: 40px; }

.share-images {
  display: flex;
  justify-content: center; }
  .share-images svg {
    cursor: pointer;
    margin-right: 10px; }
    .share-images svg rect, .share-images svg path.a {
      fill: #1c1c1c; }
    .share-images svg path.b {
      fill: #fff; }
    .share-images svg:hover rect, .share-images svg:hover path.a {
      fill: #de1b90; }

.app .share-images {
  justify-content: left; }
  .app .share-images a {
    display: block; }
  .app .share-images .twitter {
    margin: 0;
    padding: 0;
    margin-left: 5px; }
  .app .share-images .social-share-image {
    margin-top: 10px;
    width: 40px;
    height: 40px; }

.copy-area {
  position: relative; }
  .copy-area .copy-success {
    color: #259425;
    font-weight: bold;
    position: absolute;
    right: -71px;
    top: 6px;
    opacity: 1;
    transition: opacity .3s ease-in-out; }
    .copy-area .copy-success.fade {
      opacity: 0; }

.details-settings-column {
  max-width: 450px; }
  @media (max-width: 768px) {
    .details-settings-column {
      max-width: inherit; } }

.dashboard-level .text {
  text-align: left; }

.dashboard-level .level {
  position: relative; }
  .dashboard-level .level .level-number {
    color: #ffffff;
    padding: 1px;
    position: relative;
    font-size: 13px;
    padding-left: 4px; }
    .dashboard-level .level .level-number::after {
      content: "";
      display: block;
      position: absolute;
      width: 16px;
      height: 16px;
      background-color: #437cff;
      top: 0;
      left: 0;
      z-index: -1; }
  .dashboard-level .level .level-class {
    margin-left: 5px; }

.dashboard-level .display .progress-ring {
  width: 100%;
  height: auto; }
  .dashboard-level .display .progress-ring .progress-ring__circle {
    transition: 0.35s stroke-dashoffset;
    transform: rotate(-90deg);
    transform-origin: 50% 50%; }
  .dashboard-level .display .progress-ring text {
    font-size: 13px;
    font-weight: bold; }

@media (max-width: 768px) {
  .dashboard-level svg {
    max-height: 100px; } }

.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;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */ }

.text-danger {
  color: #D32E22 !important; }

.message {
  display: block;
  padding: 20px;
  text-align: center;
  color: #f6ecec; }
  .message.fail-message {
    background: #D32E22; }
  .message.success-message {
    background: #437cff; }

label.required::after {
  content: "*";
  color: #D32E22; }

a.blue-link {
  color: #437CFF;
  font-weight: bold;
  text-decoration: none; }
  a.blue-link:visited {
    color: #437CFF; }
  a.blue-link:hover {
    color: #de1b90;
    text-decoration: underline; }
  a.blue-link:active {
    color: #de1b90; }

.black-link {
  color: #1c1c1c;
  font-weight: normal;
  text-decoration: underline; }
  .black-link:hover {
    color: #de1b90; }
  .black-link:visited {
    color: #1c1c1c; }
  .black-link:active {
    color: #de1b90; }

span.black-link {
  cursor: pointer; }

/*USER EDIT DETAILS: End*/
input, .form-control {
  border-radius: 0;
  border: 1px solid #949494; }
  input:focus, .form-control:focus {
    box-shadow: none;
    border: 2px solid #437cff; }
  input:hover, .form-control:hover {
    border: 1px solid #1c1c1c; }
  input.error, input.input-validation-error, .form-control.error, .form-control.input-validation-error {
    border: 2px solid #D32E22; }
  input:disabled, input.disabled, .form-control:disabled, .form-control.disabled {
    background-color: #F2F2F2; }

/* Change Password */
.pass_show {
  position: relative; }

.pass_show .ptxt {
  position: absolute;
  top: 59%;
  right: 1.5em;
  z-index: 1;
  color: #1c1c1c;
  cursor: pointer;
  transition: .3s ease all; }

.pass_show .ptxt:hover {
  color: #1c1c1c; }

/* Change Password: End */
/* Data consent */
.checkbox-area {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 0; }
  .checkbox-area input[type=checkbox] {
    height: 30px;
    width: 30px;
    margin: 0 10px 0 0; }
  .checkbox-area input {
    position: absolute;
    visibility: hidden; }
  .checkbox-area .check-mark {
    height: 30px;
    width: 30px;
    border: 1px solid #949494;
    display: block;
    position: relative;
    margin-right: 10px;
    position: absolute; }
  .checkbox-area span:last-child {
    margin-left: 40px; }
  .checkbox-area input:checked ~ .check-mark {
    background-color: #437cff;
    border: 1px solid #437cff; }
    .checkbox-area input:checked ~ .check-mark:after {
      content: "";
      width: 24px;
      height: 24px;
      background-image: url("../images/svgs/checkbox_white.svg");
      position: absolute;
      display: inline-block;
      top: 2px;
      left: 3px; }

/* Data Concent: End */
/* Contact us */
.soc-media ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Contact us: End */
p.dashed {
  border-style: dashed;
  border-color: #949494;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0 0 1rem 0;
  padding: 0.25em 0.5em 0.25em 0.5em;
  text-transform: uppercase; }