body {
  background: #01010e;
  overflow-x: hidden;
}
.reminders {
  color: #fff;
  margin-top: 40px;
  font-size: 20px;
}
.bookWrapper .btnJoin,
.bookWrapper .btnGame {
  /* position: relative; */
  /* left: 68%;
  top: 19.5%; */
  font-size: 17px;
  background-color: #ffffff;
  color: #e841f7;
  z-index: 1;
  position: fixed;
  top: 90vh;
  right: 85px;
  border: 6px solid #e841f7;
}
.bookWrapper .btnJoin:hover,
.bookWrapper .btnGame:hover {
  color: white;
  background-color: #e841f7;
}

.bold-link {
  font-weight: 700;
  cursor: pointer;
  color: #00c3f5;
}

.bold-link:hover {
  color: white;
}

ul {
  padding: 0px;
}

.divider {
  margin-top: -2%;
}

.time .col-md-6 .includes,
.time .col-md-6 .showTimes {
  border: 6px solid white;
  padding: 20px;
}

.map1 {
  margin-top: 6%;
}

.ticket {
  margin-top: 2%;
}

.time {
  margin-top: 5%;
}

.iconLogo {
  margin-right: 8px;
  width: 26px !important;
}

.time ul li {
  line-height: 50px;
}
.gentral-supporters {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-evenly;
}
/* .inList ul {
    margin: 0 0 0 32px;
    line-height: 1.5
  }
  .inList ul li{
    margin-bottom: 20px;
  }
.inList ul li::before {
    color: transparent;
    font-size: 1px;
    content: " ";
    margin-left: -1.3em;
    margin-right: 15px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    -webkit-mask-image: url("/cisiweb2/image/events/pp23/popcorn.png");
    -webkit-mask-size: cover;*/
/* list-style-image: url(/cisiweb2/image/events/pp23/popcorn.png); */
/* }  */

.time .col-md-6 .includes p,
.time .col-md-6 .showTimes p {
  font-size: 25px;
  font-weight: 700;
}

.time .col-md-6 .showTimes em {
  font-size: 24px;
}

.sect2 a,
.ticket p a {
  color: #00c3f5;
}

.sect2 a:hover,
.ticket p a:hover {
  color: white;
}

.divider img {
  margin-left: -21px;
  max-width: 103%;
  width: 112%;
}

h1.show {
  font-weight: 600;
}

.introWrapper {
  background-image: url(/cisiweb2/image/membership/membershipheader.jpg);
}

.container_wrapper.bgBlue {
  background-color: #01010e;
  color: white;
  padding: 30px 0px;
}

.bodyText {
  text-align: center;
  font-size: 20px;
}

.bodyText .sect1 {
  position: relative;
}

.bodyText .show {
  position: absolute;
  color: #000000;
  left: 22%;
  top: 131%;
}

ul {
  list-style: none;
}

.bgBlueshade {
  background: linear-gradient(
    180deg,
    #01010e 0%,
    rgb(69 115 166) 35%,
    rgba(152, 211, 241, 1) 100%
  );
}

.supporters {
  margin: 10% 1%;
}

.supporters h1 {
  text-align: center;
  font-size: 60px;
  color: white;
  font-weight: 400;
  margin-bottom: 4%;
}

.supporters img {
  width: 170px;
  margin: 30px;
  backface-visibility: hidden;
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
  display: inline-block;
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
  vertical-align: middle;
}

.gentral-supporters .row .col-sm-3 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ticket h1 {
  font-weight: 600;
  font-size: 45px;
  margin-bottom: 35px;
}

.ticket p small {
  font-size: 80%;
}

.ticket h2 {
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 26px;
}

.ticket span.gold {
  color: #af882d;
  font-weight: 500;
}

.btn {
  padding: 14px 28px;
  border: 0px solid #cbc9ca;
  font-weight: 700;
  border-radius: 200px;
  font-size: 22px;
}
span.strikethrough {
  text-decoration: line-through;
  opacity: 0.5;
  font-style: italic;
}
.btn.btn-member {
  background-color: #3b8cc1;
  width: 40%;
  color: white;
  margin: 5px;
}

.btn.btn-member:hover {
  background-color: #1c94e3;
  color: white;
}

.offer {
  margin-top: 70px;
}

.btnBooking {
  margin-top: 25px;
  display: none;
}
.blockSchedule {
  text-align: center;
}
.blockSchedule h3 {
  font-weight: 700;
  margin-top: 20px;
  font-size: 32px;
}
.blockSchedule h3 span {
  color: #98d3f1;
}
@media (max-width: 1550px) {
  .bodyText .show {
    top: 123%;
    left: 10%;
  }

  .bookWrapper .btnJoin {
    top: 78vh;
    right: 50px;
  }
}

@media (max-width: 1400px) {
  .bodyText .show {
    font-size: 38px;
  }

  /* .bookWrapper .btnJoin {
    left: 66%;
    top: 15%;
  } */
}

@media (max-width: 1400px) {
  .bodyText .show {
    font-size: 35px;
    top: 120%;
  }
}

@media (max-width: 1300px) {
  .bookWrapper .btnJoin {
    /* top: 14.5%; */
  }
}

@media (max-width: 1024px) {
  iframe {
    width: 380px;
  }

  .bookWrapper .btnJoin {
    /* bottom: 40px; */
    top: 3vh;
    font-size: 15px;
  }

  .btn {
    padding: 11px 14px;
  }
}

@media (max-width: 790px) {
  .bodyText .show {
    font-size: 24px;
    top: 110%;
  }

  .divider img {
    max-width: 107%;
  }

  .bookWrapper .btnJoin {
    /* left: 64%;
    top: 8.5%; */
    font-size: 11px;
  }

  .btn {
    padding: 8px 10px;
  }

  .time .col-md-6 .includes,
  .time .col-md-6 .showTimes {
    margin-top: 7%;
  }
}

@media (max-width: 600px) {
  iframe {
    width: 335px;
  }

  .bodyText .show {
    font-size: 12px;
    top: 103%;
  }

  .divider img {
    max-width: 110%;
  }

  .bodyText .sect1 h1 {
    font-size: 30px;
  }

  .bookWrapper .btnJoin {
    right: 12%;
    top: 3%;
    font-size: 5px;
    min-width: fit-content;
    display: none;
  }

  .btn {
    padding: 4px 6px;
  }

  .bodyText .sect1 h1.show {
    font-size: 13px;
    top: 107%;
    left: 8%;
  }

  .supporters h1 {
    text-align: center;
    font-size: 45px;
  }
}

.filmstrip {
  --background: black;
  --size: 10px;
  background-image: linear-gradient(
      to right,
      var(--background) var(--size),
      transparent var(--size)
    ),
    linear-gradient(
      to bottom,
      var(--background) var(--size),
      transparent var(--size)
    ),
    linear-gradient(
      to right,
      var(--background) var(--size),
      transparent var(--size)
    ),
    linear-gradient(
      to bottom,
      var(--background) var(--size),
      transparent var(--size)
    ),
    linear-gradient(
      to bottom,
      transparent var(--size),
      var(--background) var(--size)
    );
  background-size: calc(var(--size) * 2) var(--size),
    calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size),
    calc(var(--size) * 2) var(--size), 100% calc(100% - var(--size) * 3);
  background-repeat: repeat-x;
  background-position: 0 var(--size), top left, 0 calc(100% - var(--size)),
    bottom left, 0 var(--size);
  padding: calc(var(--size) * 3) calc(var(--size) * 2.5);
  box-sizing: border-box;
}
.filmStripWrapper > .sfContentBlock {
  background: #fff;
}
.filmstrip h1 {
  color: #fff;
  margin: 30px auto;
  font-family: sans-serif;
  font-size: 20px;
  text-align: center;
}
.filmstrip .highlight {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #3b8cc1, #72b7e6);
  background-size: 400% 400%;
  animation: gradient 3s ease infinite;
  padding: 16px 30px;
  font-weight: bold;
  font-size: 24px;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@media (max-width: 992px) {
  .filmstrip .highlight {
    display: block;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .filmstrip h1 {
    font-size: 20px;
  }
  .filmstrip .highlight {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .filmstrip h1 {
    font-size: 22px;
  }
  .filmstrip .highlight {
    font-size: 32px;
  }
}

@media (min-width: 1600px) {
  .filmstrip h1 {
    font-size: 30px;
  }
  .filmstrip .highlight {
    font-size: 40px;
  }
}

@media (max-width: 600px) {
  .gentral-supporters {
    flex-direction: column;
  }
}