.App .overlay {
  background-color: rgba(161, 161, 161, 0.95);
  bottom: 0;
  color: #fff;
  font-size: 20px;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 100;
}
.App .overlay .overlay-content {
  background-color: rgba(0, 0, 0, 0.6);
  margin: 150px auto auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.App .overlay .overlay-content .red {
  background-color: darkred;
  background-image: linear-gradient(rgba(152, 0, 0, 0.1), rgba(222, 0, 0, 0.4));
  color: #fff;
}
.App .overlay .overlay-content .red:hover {
  background-color: #730000;
}
.App .overlay .overlay-content .green {
  background-color: green;
  background-image: linear-gradient(rgba(0, 160, 0, 0.1), rgba(0, 200, 0, 0.4));
  color: #fff;
}
.App .overlay .overlay-content .green:hover {
  background-color: #006400;
}
.App .overlay .overlay-content input[type=button] {
  margin: 0 10px 20px;
}
.App .overlay .overlay-content .reload {
  color: #000;
}
.App .Queue label {
  color: #bbb;
  font-size: 1rem;
}
.App .Info .overlay-content {
  max-width: 700px;
}
.App .Info .overlay-content .buttons {
  width: 100%;
}
.App .Info .overlay-content input[type=button] {
  margin: 5px;
}
.App .Error .code {
  bottom: 5px;
  font-size: 12px;
  position: absolute;
  right: 5px;
}
.App .CookiePolicy {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #fff;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 100;
}
.App .CookiePolicy .content {
  margin: auto;
  padding: 10px 20px;
}
.App .CookiePolicy .content .text {
  display: inline-block;
  width: 70%;
}
.App .CookiePolicy .content .text h1, .App .CookiePolicy .content .text p {
  margin: 5px 0;
}
.App .CookiePolicy .content .buttons {
  display: inline-block;
  text-align: right;
  width: 30%;
}
.App .CookiePolicy .content .buttons .read-more {
  background: gray;
}
.App .CookiePolicy .content .buttons .read-more:hover {
  background: #8b8b8b;
}
@media (max-width: 750px) {
  .App .CookiePolicy .content .text {
    width: 60%;
  }
  .App .CookiePolicy .content .buttons {
    width: 40%;
  }
}
@media (max-width: 580px) {
  .App .Info .overlay-content {
    margin-top: 0;
  }
  .App .CookiePolicy .content .text {
    width: 100%;
  }
  .App .CookiePolicy .content .buttons {
    text-align: center;
    width: 100%;
  }
}
@media (max-height: 450px) {
  .App .overlay .overlay-content {
    margin-top: 0;
  }
}
.App * {
	font-size:20px;
  box-sizing: border-box;
}
.App #root, .App body, .App html {
  height: 100%;
  margin: 0;
  width: 100%;
}
.App body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  background-color: #fff;
  font-family: sans-serif, Trebuchet MS, Verdana;
  font-size: 15px;
  line-height: 1.3;
}
.App .App {
  display: table;
  width: 100%;
}
.App .content-wrapper {
  height: 100%;
  margin: auto;
  max-width: 1170px;
}
.App .page-header h2 {
  font-size: 52px;
  font-weight: 700;
  margin: 0;
}
.App .page-header h3 {
  font-size: 30px;
  font-weight: 300;
  margin-top: 20px;
}
.App .QuantitySelector {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.App .QuantitySelector .decrement, .App .QuantitySelector .increment {
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  font-size: 35px;
  height: 33.5px;
  vertical-align: text-bottom;
  width: 35px;
}
.App .QuantitySelector .decrement:hover, .App .QuantitySelector .increment:hover {
  background-color: #d3d3d3;
}
.App .QuantitySelector .deactivated {
  color: gray;
  cursor: default;
  pointer-events: none;
}
.App .QuantitySelector .deactivated:hover {
  background-color: transparent;
}
.App .QuantitySelector .quantity {
  display: inline;
  font-size: 35px;
  margin: 0 10px 0 12px;
  vertical-align: sub;
}
.App .OrderFlowContainer {
  background: #fff;
}
.App .OrderFlowContainer .content-container {
  display: table;
  min-height: 200px;
  padding: 0 20px 20px;
  width: 100%;
}
.App .slide-up {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.App .slide-down, .App .slide-up {
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.App .slide-down {
  overflow-y: hidden;
}
.App .fade-in {
  opacity: 1;
  transition: all 0.5s linear;
  visibility: visible;
}
.App .dim, .App .fade-out {
  cursor: default;
  opacity: 0;
  transition: all 0.5s ease-out;
}
.App .dim {
  opacity: 0.5;
}
.App h1 {
  font-size: 1.8rem;
}
.App h2 {
  font-size: 1.2rem;
}
.App h3 {
  font-size: 1rem;
}
.App iframe {
  border: none;
  width: 100%;
}
.App .no-scroll {
  overflow: hidden;
}
.App .error {
  color: #bb1212;
}
.App button, .App input[type=button], .App input[type=submit] {
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  height: 33px;
  min-width: 100px;
  padding: 5px 5px 5.5px;
}
.App button:focus, .App input[type=button]:focus, .App input[type=submit]:focus {
  outline: none;
}
.App input[type=email], .App input[type=password], .App input[type=tel], .App input[type=text] {
  background-color: #eee;
  border: none;
  border-radius: 0;
  font-family: Calibri, sans-serif, Helvetica;
  font-size: 16px;
  padding: 5px;
}
.App input[type=checkbox] {
  vertical-align: bottom;
}
.App input[type=checkbox], .App input[type=radio] {
  margin-right: 5px;
}
.App .nav-buttons {
  background-color: #2e2e2e;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05));
  float: left;
  min-height: 30px;
  width: 100%;
}
.App .nav-buttons button, .App .nav-buttons input[type=button] {
  margin-top: 5px;
}
.App .nav-buttons button:last-of-type, .App .nav-buttons input[type=button]:last-of-type {
  margin-bottom: 5px;
}
.App .nav-buttons a {
  color: #fff;
  display: block;
  font-weight: 700;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  width: 100px;
}
.App .nav-buttons a span {
  font-size: 16px;
}
.App .nav-buttons.fixed {
  bottom: 0;
  position: sticky;
}
.App button, .App input[type=button], .App input[type=submit] {
  background-color: buttonface;
  background-image: linear-gradient(rgba(156, 156, 156, 0.1), rgba(192, 196, 192, 0.4));
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
.App button span, .App input[type=button] span, .App input[type=submit] span {
  margin-right: 10px;
}
.App button:hover, .App input[type=button]:hover, .App input[type=submit]:hover {
  box-shadow: 0 8px 15px -7px #000;
}
.App button.dim, .App button.disabled, .App input[type=button].dim, .App input[type=button].disabled, .App input[type=submit].dim, .App input[type=submit].disabled {
  cursor: default;
}
.App button.disabled, .App input[type=button].disabled, .App input[type=submit].disabled {
  background: #cfcfcf;
  color: gray;
  font-weight: 400;
  pointer-events: none;
}
.App button.disabled:hover, .App input[type=button].disabled:hover, .App input[type=submit].disabled:hover {
  box-shadow: none;
  font-weight: 400;
  transition: none;
}
.App button.next, .App input[type=button].next, .App input[type=submit].next {
  background-color: green;
  background-image: linear-gradient(rgba(0, 160, 0, 0.1), rgba(0, 200, 0, 0.4));
  color: #fff;
  float: right;
  margin-right: 5px;
}
.App button.next:hover, .App input[type=button].next:hover, .App input[type=submit].next:hover {
  background-color: #006400;
}
.App button.back, .App input[type=button].back, .App input[type=submit].back {
  background-color: gray;
  background-image: linear-gradient(rgba(156, 156, 156, 0.1), rgba(192, 196, 192, 0.4));
  color: #fff;
  float: left;
  margin-left: 5px;
}
.App button.back:hover, .App input[type=button].back:hover, .App input[type=submit].back:hover {
  background-color: #696969;
}
.App footer {
  background-color: #2e2e2e;
  color: #fff;
  text-align: center;
  width: 100%;
}
@media (max-width: 640px) {
  .App h3 {
    font-size: 1.1rem;
  }
}
@media (max-width: 424px) {
  .App .App {
    display: block;
  }
  .App .App .overlay .overlay-content {
    width: 100%;
  }
  .App .App .nav-buttons {
    bottom: 0;
    height: 43px;
    position: sticky;
  }
  .App .App .nav-buttons-workaround {
    display: block;
    float: left;
    margin-bottom: 40px;
    width: 100%;
  }
}
@media (max-width: 330px) {
  .App .App .nav-buttons {
    height: auto;
  }
}
/*
@font-face {
  font-display: block;
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/icomoon.579f014395130c1ed9e6.eot);
  src: url(/static/media/icomoon.579f014395130c1ed9e6.eot#iefix) format("embedded-opentype"), url(/static/media/icomoon.7aceebf917b4be28fc67.ttf) format("truetype"), url(/static/media/icomoon.51bbb462ee86a06a27fc.woff) format("woff"), url(/static/media/icomoon.e271ef1ca73e43ea610b.svg#icomoon) format("svg");
}
    */
.App [class *=" icon-"], .App [class^=icon-] {
  speak: none;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
.App .icon-senior-bio:before {
  content: "\e90f";
}
.App .icon-chevrons-up:before {
  content: "\e906";
}
.App .icon-chevrons-down:before {
  content: "\e909";
}
.App .icon-star:before {
  content: "\e838";
}
.App .icon-check:before {
  content: "\e900";
}
.App .icon-calendar:before {
  content: "\e901";
}
.App .icon-sort-by-time:before {
  content: "\e902";
}
.App .icon-sort-by-alphabet:before {
  content: "\e903";
}
.App .icon-circle-plus:before {
  content: "\e904";
}
.App .icon-circle-minus:before {
  content: "\e905";
}
.App .icon-all-programs:before {
  content: "\e907";
}
.App .icon-play:before {
  content: "\ea15";
}
.App .icon-baby-bio:before {
  content: "\eb42";
}
.App .icon-required:before {
  content: "*";
}
.App .icon-close:before {
  content: "\e90d";
}
.App .icon-tool-tip:before {
  content: "\e908";
}
.App .icon-info:before {
  content: "\e90c";
}
@media print {
  @page {
    .App {
      margin: 0;
    }
  }
  .App body {
    height: 100%;
    padding: 0.5cm;
    width: 100%;
  }
  .App * {
    background-color: #fff;
    color: #000;
  }
  .App input[type=button], .App nav {
    display: none;
  }
  .App .TopBar {
    display: table;
    height: 250px;
    margin: auto auto 20px;
    overflow: hidden;
    width: 100%;
  }
  .App .TopBar .TicketInfo {
    color: #000;
    padding: 0 2%;
  }
  .App .TopBar .TicketInfo h1 {
    color: #000;
    min-height: 30px;
    padding-left: 0;
    padding-top: 2%;
    position: unset;
  }
  .App .TopBar .TicketInfo h3 {
    color: #000;
  }
  .App .LanguagePicker {
    display: none;
  }
  .App .ReceiptContainer .receipt-info, .App .ReceiptContainer img {
    float: left;
  }
  .App .ReceiptContainer img {
    height: auto;
    width: 160px;
  }
  .App .ReceiptContainer .receipt-info {
    font-size: 17px;
    padding-left: 20px;
    width: 500px;
  }
  .App .ReceiptContainer .receipt-info .customer-info span, .App .ReceiptContainer .receipt-info .organizer-info span {
    font-weight: 700;
  }
  .App .Summary .icon-chevrons-down, .App .Summary .icon-chevrons-up {
    display: none;
  }
}
.App .Showtime {
  align-items: center;
  background-color: buttonface;
  background-color: green;
  background-image: linear-gradient(rgba(156, 156, 156, 0.1), rgba(192, 196, 192, 0.4));
  background-image: linear-gradient(rgba(0, 160, 0, 0.1), rgba(0, 200, 0, 0.4));
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  font-size: 16px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  margin-top: 5px;
  position: relative;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  width: 98px;
}
.App .Showtime span {
  margin-right: 10px;
}
.App .Showtime:hover {
  box-shadow: 0 8px 15px -7px #000;
}
.App .Showtime.dim, .App .Showtime.disabled {
  cursor: default;
}
.App .Showtime.disabled {
  background: #cfcfcf;
  color: gray;
  font-weight: 400;
  pointer-events: none;
}
.App .Showtime.disabled:hover {
  box-shadow: none;
  font-weight: 400;
  transition: none;
}
.App .Showtime:hover {
  background-color: #006400;
}
.App .Showtime.hidden {
  padding: 5px 20px;
  width: auto !important;
}
.App .Showtime .count-down {
  background: #cfcfcf;
  color: gray;
  flex-basis: 100%;
  font-size: 0.85rem;
  font-weight: 700;
}
.App .Showtime.has-count-down {
  flex-wrap: wrap;
  height: auto;
}
.App .Showtime .ShowtimeType {
  bottom: 0;
  color: #000;
  margin: 0;
  position: absolute;
  right: -18px;
  top: 0;
}
.App .mobileSchedule {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.App .mobileSchedule .ShowtimeScheduleWeek {
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  padding: 2px;
}
.App .mobileSchedule .ShowtimeScheduleWeek .showtimes-on-date {
  text-align: center;
}
.App .mobileSchedule .ShowtimeScheduleWeek .showtimes-on-date .count-down {
  display: none;
}
.App .mobileSchedule .ShowtimeScheduleWeek .showtimes-on-date .ShowtimeType {
  right: -10px;
}
.App .mobileSchedule .ShowtimeScheduleWeek .showtimes-on-date .ShowtimeType .showtime-type-icon {
  font-size: 8px;
  height: 12px;
  width: 11px;
}
.App .mobileSchedule .ShowtimeScheduleWeek .date {
  width: 45px;
}
.App .mobileSchedule .ShowtimeScheduleWeek .Showtime {
  border-radius: 2px;
  height: 24px;
  margin-top: 2px;
  width: 49px;
}
.App .mobileSchedule .weeks {
  background-color: #c5c5c5;
  border-bottom: 0.1px outset #fff;
  display: flex;
  height: 40px;
  justify-content: space-between;
}
.App .mobileSchedule .weeks .week-nav {
  background-color: grey;
  color: #fff;
  font-size: 28px;
  margin-top: 1px;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 75px;
}
.App .mobileSchedule .weeks .week-nav:hover {
  cursor: pointer;
  font-weight: 700;
}
.App .mobileSchedule .weeks .week-nav.disabled {
  color: #d3d3d3;
  pointer-events: none;
}
.App .mobileSchedule .weeks .week-nav.disabled:hover {
  cursor: default;
  font-weight: 400;
}
.App .ShowtimeSchedule {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.App .ShowtimeSchedule .schedule {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.App .ShowtimeSchedule .week-nav {
  color: #6f6f6f;
  font-size: 28px;
  margin: 20px;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.App .ShowtimeSchedule .week-nav:hover {
  cursor: pointer;
  font-weight: 700;
}
.App .ShowtimeSchedule .week-nav.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.App .ShowtimeSchedule .week-nav.disabled:hover {
  cursor: default;
  font-weight: 400;
}
.App .ShowtimeSchedule .ShowtimeScheduleWeek {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 828px;
  min-height: 144px;
  width: 94%;
}
.App .ShowtimeSchedule .ShowtimeScheduleWeek .showtimes-on-date {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2px 10px;
  text-align: center;
}
.App .ShowtimeSchedule .ShowtimeScheduleWeek .showtimes-on-date .date {
  font-size: 17px;
  font-weight: 400;
  margin: 20px 0 8px;
  white-space: nowrap;
  width: 98px;
}
.App .ShowtimeSchedule2 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.App .ShowtimeSchedule2 .schedule {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.App .ShowtimeSchedule2 .movieinfo-btn {
  background-color: #a9a9a9;
  bottom: 7px;
  color: #fff;
  position: absolute;
  right: 90px;
}
.App .ShowtimeSchedule2 .showtimeTypeContainer {
  background-color: #faebd7;
  border-radius: 2px;
  display: flex;
}
.App .ShowtimeSchedule2 .week-nav {
  font-size: 28px;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.App .ShowtimeSchedule2 .week-nav:hover {
  cursor: pointer;
  font-weight: 700;
}
.App .ShowtimeSchedule2 .week-nav.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.App .ShowtimeSchedule2 .week-nav.disabled:hover {
  cursor: default;
  font-weight: 400;
}
.App .ShowtimeSchedule2 .ShowtimeScheduleWeek {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-bottom: 20px;
  width: 94%;
}
.App .ShowtimeSchedule2 .ShowtimeScheduleWeek .leftRightShowtimes {
  display: flex;
}
.App .ShowtimeSchedule2 .ShowtimeScheduleWeek .nextShowBtn {
  cursor: pointer;
  display: flex;
}
.App .ShowtimeSchedule2 .ShowtimeScheduleWeek .previousShowBtn {
  cursor: pointer;
  display: flex;
  margin-right: 30px;
}
.App .ShowtimeSchedule2 .moviesArrows {
  background-color: #a9a9a9;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 6%;
}
.App .ShowtimeSchedule2 .showtimes-on-date {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: -5px;
  padding: 0 10px;
  text-align: center;
}
.App .ShowtimeSchedule2 .showtimes-on-date .date {
  font-size: 17px;
  font-weight: 400;
  margin: 20px 0 8px;
  white-space: nowrap;
  width: 98px;
}
.App .ShowtimeTypeList {
  display: flex;
  flex-wrap: wrap;
  min-height: 44px;
  padding: 0 85px 0 65px;
  width: 80%;
}
.App .ShowtimeTypeList .ShowtimeType {
  font-family: oswald;
  font-size: 17px;
  margin: 8px 40px 10px 0;
}
.App .ShowtimeType {
  align-items: center;
  display: flex;
  font-weight: 500;
}
.App .ShowtimeType span {
  margin-right: 10px;
}
.App .ShowtimeType .showtime-type-icon {
  align-items: center;
  background: #fbe0bd;
  border: 1px solid #2c2c2c;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.23);
  color: #2c2c2c;
  display: flex;
  font-family: Roboto Mono;
  font-size: 13px;
  font-weight: 700;
  height: 18px;
  justify-content: center;
  width: 18px;
}
.App .TopBar .ShowtimeType .showtime-type-icon {
  height: 25px;
  line-height: 1.9;
  width: 25px;
}
.App .five-columns .Showtime, .App .six-columns .Showtime {
  float: left;
  margin: 4% 4% 0;
  padding: 5px 5px 5.5px;
  width: 42%;
}
.App .five-columns .ShowtimeTypeList, .App .six-columns .ShowtimeTypeList {
  padding: 8px;
}
.App .five-columns .ShowtimeTypeList .ShowtimeType, .App .six-columns .ShowtimeTypeList .ShowtimeType {
  margin: 6px 0;
  width: 100%;
}
.App .five-columns.AllForOne .showtimes, .App .six-columns.AllForOne .showtimes {
  padding: 0 8px;
}
.App .five-columns.AllForOne .Showtime, .App .six-columns.AllForOne .Showtime {
  margin: 4% 0;
  width: 100%;
}
.App .five-columns .special-event .Showtime, .App .six-columns .special-event .Showtime {
  display: inline-block;
  float: none;
  margin-top: 5px;
  text-align: center;
  width: 80%;
}
.App .five-columns .external, .App .six-columns .external {
  text-align: center;
}
.App .five-columns .external .Showtime, .App .six-columns .external .Showtime {
  width: 80%;
}
.App .AllForOne .showtime-row {
  display: flex;
  float: left;
  justify-content: center;
  width: 50%;
}
.App .one-column .Showtime {
  width: 130px;
}
.App .one-column .location {
  margin-right: 20px;
}
.App .one-column .type {
  margin-left: 20px;
}
.App .one-column .ShowtimeType, .App .one-column .ShowtimeTypeList {
  display: none;
}
@media screen and (min-width: 431px) and (max-width: 660px) {
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek {
    width: 90%;
  }
  .App .ShowtimeSchedule2 .moviesArrows {
    width: 10%;
  }
  .App .ShowtimeSchedule2 .ShowtimeTypeList {
    flex-direction: column;
    padding: 5px;
  }
  .App .ShowtimeSchedule2 .movieinfo-btn {
    right: 5px;
  }
}
@media (max-width: 430px) {
  .App .week2 {
    margin: 0 auto;
    width: 94%;
  }
  .App .week2 .Showtime .count-down {
    font-size: 10px;
  }
  .App .ShowtimeSchedule2 {
    margin-left: 0;
  }
  .App .ShowtimeSchedule2 .ShowtimeTypeList {
    padding: 0 0 0 30px;
  }
  .App .ShowtimeSchedule2 .ShowtimeTypeList .ShowtimeType {
    font-size: 12px;
  }
  .App .ShowtimeSchedule2 .showtimeTypeContainer {
    margin-left: -82px;
  }
  .App .ShowtimeSchedule2 .moviesArrows {
    background-color: transparent;
  }
  .App .ShowtimeSchedule2 .movieinfo-btn {
    left: 24%;
    top: 64px;
    width: 100px;
  }
  .App .ShowtimeSchedule2 .week-nav {
    background-color: #a9a9a9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    height: 40px;
    min-width: 65px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    top: 113px;
    width: 20%;
  }
  .App .ShowtimeSchedule2 .week-nav.disabled {
    color: #d3d3d3;
    opacity: 1;
  }
  .App .ShowtimeSchedule2 #leftarrow {
    left: 0;
    min-width: 65px;
    position: absolute;
    width: 20%;
  }
  .App .ShowtimeSchedule2 .schedule {
    margin-bottom: 5px;
    margin-left: -77px;
    margin-top: 5px;
  }
  .App .ShowtimeSchedule2 .showtimes-on-date {
    width: 49px;
  }
  .App .ShowtimeSchedule2 .showtimes-on-date .date {
    font-size: 10px;
  }
  .App .MovieListContainer.week2 .Showtime {
    font-size: 10px;
    font-weight: 400;
    height: 24px;
    margin-left: 4px;
    width: 47px;
  }
  .App .MovieListContainer.week2 .Showtime .ShowtimeType {
    right: -10px;
    top: -1px;
  }
  .App .MovieListContainer.week2 .ShowtimeSchedule2 .showtimes-on-date .date {
    font-size: 10px;
  }
  .App .MovieListContainer.week2 .ShowtimeType .showtime-type-icon {
    font-size: 8px;
    height: 12px;
    width: 11px;
  }
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek {
    background-color: #eee;
    margin-top: -4px;
    min-height: 120px;
    padding-top: 30px;
    width: 100%;
  }
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek .nextShowBtn, .App .ShowtimeSchedule2 .ShowtimeScheduleWeek .previousShowBtn {
    font-size: 12px;
  }
}
@media screen and (max-width: 300px) {
  .App .ShowtimeSchedule2 .movieinfo-btn {
    left: 30%;
  }
}
@media screen and (max-width: 400px) {
  .App .ShowtimeSchedule2 .schedule {
    margin-left: -72px;
  }
}
@media screen and (max-width: 380px) {
  .App .ShowtimeSchedule2 .schedule {
    margin-left: -70px;
  }
  .App .MovieListContainer.week2 .Showtime {
    width: 72px;
  }
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek {
    padding-left: 20px;
  }
}
@media screen and (min-width: 297px) and (max-width: 370px) {
  .App .MovieListContainer.week2 .Showtime {
    width: 60px;
  }
}
@media screen and (max-width: 365px) {
  .App .ShowtimeSchedule2 .showtimes-on-date .date {
    font-size: 10px;
  }
}
@media screen and (max-width: 379px) {
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek .nextShowBtn {
    margin-left: 70px;
    width: 200px;
  }
  .App .MovieListContainer.week2 .ShowtimeType .showtime-type-icon {
    margin-top: 3px;
  }
}
@media screen and (max-width: 430px) {
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek .leftRightShowtimes p {
    font-size: 12px;
    padding-top: 2px;
  }
}
@media screen and (max-width: 585px) {
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek .leftRightShowtimes {
    width: 100%;
  }
}
@media screen and (max-width: 385px) {
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek .leftRightShowtimes {
    margin: 0 auto;
    width: 65%;
  }
}
@media screen and (min-width: 1170px) {
  .App .ShowtimeSchedule2 .ShowtimeScheduleWeek {
    padding: 10px 20px;
  }
}
.App .ProgramContainer {
  min-height: 460px;
  width: 100%;
}
.App .special-title {
  background-image: linear-gradient(170deg, #bbb, #ddd 75%);
  font-size: 30px;
  font-weight: 400;
  margin: 0;
  opacity: 0.9;
  padding: 10px 20px;
  text-align: center;
}
.App .special-event {
  margin-bottom: 20px;
}
.App .no-events {
  background-color: #eee;
  float: left;
  margin: 0;
  padding: 20px;
  text-align: center;
  width: 100%;
}
.App .MovieList, .App .five-columns .MovieList {
  display: flex;
  flex-wrap: wrap;
}
.App .MovieList {
  background-color: #eee;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.App .MovieList a {
  text-decoration: none;
}
.App .MovieList h1 {
  color: #000;
  margin: 0;
  overflow: hidden;
}
.App .MovieList .MovieListItem {
  position: relative;
}
.App .MovieList .Poster img {
  margin-bottom: -6px;
}
.App .MovieList .six-columns {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.5rem;
  width: 16.6667%;
}
.App .MovieList .six-columns:hover {
  cursor: pointer;
}
.App .MovieList .six-columns:hover > .Poster {
  box-shadow: 0 8px 15px -7px #000;
}
.App .MovieList .six-columns:hover > .Poster img {
  transform: scale(1.05);
}
.App .MovieList .six-columns .Poster {
  background-color: gray;
  overflow: hidden;
  width: 100%;
}
.App .MovieList .six-columns .Poster img {
  transition: all 0.2s ease-in-out;
}
.App .MovieList .six-columns .movie-info {
  background-image: linear-gradient(170deg, #d3d3d3, #eee 75%);
  min-height: 60px;
  width: 100%;
}
.App .MovieList .six-columns .movie-info h1 {
  font-size: 17px;
  margin: 0;
  min-height: 60px;
  overflow: hidden;
  padding: 8px;
}
.App .MovieList .six-columns .movie-info .showtimes {
  display: table;
  margin-bottom: 6px;
  padding: 0 8px;
  width: 100%;
}
.App .MovieList .six-columns.first-in-row6 {
  clear: both;
}
@media (max-width: 1100px) {
  .App .MovieList .six-columns {
    width: 20%;
  }
  .App .MovieList .six-columns.first-in-row6 {
    clear: none;
  }
  .App .MovieList .six-columns.first-in-row5 {
    clear: both;
  }
}
@media (max-width: 930px) {
  .App .MovieList .six-columns {
    width: 25%;
  }
  .App .MovieList .six-columns.first-in-row5 {
    clear: none;
  }
  .App .MovieList .six-columns.first-in-row4 {
    clear: both;
  }
}
@media (max-width: 750px) {
  .App .MovieList .six-columns {
    width: 33.33%;
  }
  .App .MovieList .six-columns.first-in-row4 {
    clear: none;
  }
  .App .MovieList .six-columns.first-in-row3 {
    clear: both;
  }
}
@media (max-width: 560px) {
  .App .MovieList .six-columns {
    width: 50%;
  }
  .App .MovieList .six-columns.first-in-row3 {
    clear: none;
  }
  .App .MovieList .six-columns.first-in-row2 {
    clear: both;
  }
}
@media (max-width: 310px) {
  .App .MovieList .six-columns {
    width: 100%;
  }
  .App .MovieList .six-columns .Poster {
    height: 350px;
  }
  .App .MovieList .six-columns.first-in-row2 {
    clear: none;
  }
}
.App .MovieList .five-columns {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
  width: 20%;
}
.App .MovieList .five-columns:hover > .Poster, .App .MovieList .five-columns:hover > .poster-container {
  box-shadow: 0 8px 15px -7px #000;
}
.App .MovieList .five-columns:hover > .Poster img, .App .MovieList .five-columns:hover > .poster-container img {
  transform: scale(1.05);
}
.App .MovieList .five-columns .Poster {
  background-color: gray;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.App .MovieList .Poster img {
  backface-visibility: hidden;
  transition: all 0.2s ease-in-out;
}
.App .MovieList .five-columns h1 {
  font-size: 1.1rem;
  padding: 10px 10px 20px;
}
.App .MovieList .five-columns .Showtime.with-location {
  padding: 25px 0;
}
.App .MovieList .five-columns .movie-info {
  background-image: linear-gradient(170deg, #d3d3d3, #eee 75%);
  display: table;
  min-height: 60px;
  text-align: center;
  width: 100%;
}
.App .MovieList .five-columns .movie-info .organizer {
  float: left;
  width: 100%;
}
.App .MovieList .five-columns .movie-info .showtimes {
  display: table;
  margin-bottom: 6px;
  width: 100%;
}
.App .MovieList .five-columns .movie-info .read-more {
  float: right;
  height: 33px;
  margin: 0;
  text-align: right;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.App .MovieList .five-columns.first-in-row5 {
  clear: both;
}
@media (max-width: 930px) {
  .App .MovieList .five-columns {
    width: 25%;
  }
  .App .MovieList .five-columns.first-in-row5 {
    clear: none;
  }
  .App .MovieList .five-columns.first-in-row4 {
    clear: both;
  }
}
@media (max-width: 750px) {
  .App .MovieList .five-columns {
    width: 33.33%;
  }
  .App .MovieList .five-columns.first-in-row4 {
    clear: none;
  }
  .App .MovieList .five-columns.first-in-row3 {
    clear: both;
  }
}
@media (max-width: 560px) {
  .App .MovieList .five-columns {
    width: 50%;
  }
  .App .MovieList .five-columns.first-in-row3 {
    clear: none;
  }
  .App .MovieList .five-columns.first-in-row2 {
    clear: both;
  }
}
@media (max-width: 310px) {
  .App .MovieList .five-columns {
    width: 100%;
  }
  .App .MovieList .five-columns.first-in-row2 {
    clear: none;
  }
}
.App .MovieList .two-columns {
  background-image: linear-gradient(150deg, #d3d3d3, #eee 75%);
  float: left;
  margin-bottom: -6px;
  overflow: hidden;
  position: relative;
  width: 50%;
}
.App .MovieList .two-columns:hover > .Poster {
  box-shadow: 0 8px 15px -7px #000;
}
.App .MovieList .two-columns:hover > .Poster img {
  transform: scale(1.05);
}
.App .MovieList .two-columns h1 {
  font-size: 1.7rem;
  padding: 20px 0 10px;
}
.App .MovieList .two-columns .Poster {
  float: left;
  overflow: hidden;
  width: 40%;
}
.App .MovieList .two-columns .Poster:hover {
  cursor: pointer;
}
.App .MovieList .two-columns .Poster img {
  height: auto;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.App .MovieList .two-columns .movie-info {
  float: left;
  padding: 0 20px 20px;
  width: 60%;
}
.App .MovieList .two-columns .movie-info .MovieInfo {
  float: left;
  height: 185px;
}
.App .MovieList .two-columns .movie-info .MovieInfo label {
  width: 55%;
}
.App .MovieList .two-columns .movie-info .read-more {
  background-image: linear-gradient(0deg, #ececec 25%, rgba(255, 255, 255, 0));
  bottom: 0;
  margin: 0;
  padding: 30px 15px 20px;
  position: absolute;
  right: 0;
  text-align: right;
  transition: all 0.2s ease-in-out;
  width: 60%;
}
.App .MovieList .two-columns .movie-info .showtimes {
  display: inline-block;
  padding: 0;
  width: 100%;
}
.App .MovieList .two-columns .movie-info .showtimes .showtime {
  margin-left: 0;
}
.App .MovieList .two-columns .Showtime {
  float: left;
  margin: 4%;
  width: 42%;
}
.App .MovieList .two-columns .ShowtimeTypeList {
  bottom: 10px;
  position: absolute;
  right: 0;
  width: 60%;
}
.App .MovieList .two-columns.first-in-row3, .App .MovieList .two-columns.first-in-row4, .App .MovieList .two-columns.first-in-row5 {
  clear: none;
}
.App .MovieList .two-columns.first-in-row2 {
  clear: both;
}
@media (max-width: 900px) {
  .App .MovieList .two-columns.MovieListItem .movie-info h1 {
    padding-bottom: 10px;
  }
}
@media (max-width: 750px) {
  .App .MovieList .two-columns {
    width: 100%;
  }
  .App .MovieList .two-columns .movie-info .MovieInfo p label {
    width: 70%;
  }
}
@media (max-width: 600px) {
  .App .MovieList .two-columns .movie-info .MovieInfo p label {
    width: 55%;
  }
}
@media (max-width: 380px) {
  .App .MovieList .two-columns {
    height: auto;
  }
  .App .MovieList .two-columns .Poster, .App .MovieList .two-columns .movie-info {
    float: left;
    height: auto;
    width: 100%;
  }
  .App .MovieList .two-columns .movie-info h1 {
    font-size: 1.2rem;
  }
  .App .MovieList .two-columns .movie-info .read-more {
    width: 100%;
  }
}
.App .MovieList .one-column {
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}
.App .MovieList .one-column h1 {
  background: #000;
  color: #fff;
  margin: 0;
  min-height: 0;
  min-height: auto;
  padding: 10px 20px;
}
.App .MovieList .one-column h3 {
  font-size: 1.35rem;
  margin: 0;
}
.App .MovieList .one-column:hover > .Poster img {
  box-shadow: 0 8px 15px -7px #000;
  transform: scale(1.05);
}
.App .MovieList .one-column .Poster {
  float: left;
  height: 100%;
  max-height: 342px;
  overflow: hidden;
  width: 20%;
}
.App .MovieList .one-column .Poster img {
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.App .MovieList .one-column .Poster .age-banner img {
  width: 30px;
}
.App .MovieList .one-column .movie-info {
  float: left;
  width: 80%;
}
.App .MovieList .one-column .movie-info h1:hover {
  cursor: pointer;
}
.App .MovieList .one-column .movie-info .future-info, .App .MovieList .one-column .movie-info .organizer {
  background-image: linear-gradient(148deg, #f2f2f2 16%, #ebebeb 90%);
}
.App .MovieList .one-column .movie-info .date {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px;
}
.App .MovieList .one-column .movie-info .future-info {
  padding: 20px;
}
.App .MovieList .one-column .movie-info .showtimes {
  background-image: linear-gradient(148deg, #f2f2f2 16%, #ebebeb 90%);
  display: flex;
  flex-direction: column;
  padding: 10px 20px 20px;
  width: 100%;
}
.App .MovieList .one-column .movie-info .row {
  margin-bottom: 10px;
}
.App .MovieList .one-column .movie-info .showtime-row {
  align-items: center;
  display: flex;
  margin: 5px 0;
}
.App .MovieList .one-column .movie-info .location {
  white-space: nowrap;
}
.App .MovieList .one-column .movie-info .type {
  font-weight: 700;
}
.App .MovieList .one-column .movie-info .info {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.App .MovieList .one-column .movie-info .read-more {
  background: #fff;
  padding: 20px;
  width: 100%;
}
.App .MovieList .one-column .movie-info .read-more .slide-down {
  padding-top: 17px;
}
.App .MovieList .one-column .movie-info .read-more.future {
  background: none;
  float: none;
  margin-bottom: 13px;
  padding: 20px 0;
}
.App .MovieList .one-column .movie-info .read-more.future .next {
  margin-right: 0;
}
.App .MovieList .one-column .movie-info .read-more .MovieInfo {
  transition: all 0.1s linear;
}
.App .MovieList .one-column .movie-info .read-more .more-showtimes {
  background-color: gray;
  background-image: linear-gradient(rgba(156, 156, 156, 0.1), rgba(192, 196, 192, 0.4));
  color: #fff;
  margin-right: 5px;
}
.App .MovieList .one-column .movie-info .read-more .more-showtimes:hover {
  background-color: #696969;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(156, 156, 156, 0.4));
  box-shadow: 0 8px 15px -7px #000;
}
@media (max-width: 900px) {
  .App .MovieList .one-column .Poster {
    width: 25%;
  }
  .App .MovieList .one-column .movie-info {
    width: 75%;
  }
}
@media (max-width: 750px) {
  .App .MovieList .one-column .Poster {
    width: 30%;
  }
  .App .MovieList .one-column .movie-info {
    width: 70%;
  }
}
@media (max-width: 610px) {
  .App .MovieList .one-column .Poster {
    width: 20%;
  }
  .App .MovieList .one-column .movie-info {
    width: 80%;
  }
  .App .MovieList .one-column h1 {
    font-size: 1.2rem;
  }
  .App .MovieList .one-column .MovieInfo, .App .MovieList .one-column .info {
    font-size: 15px;
  }
  .App .MovieList .one-column .MovieInfo p {
    display: flex;
  }
  .App .MovieList .one-column .MovieInfo p span {
    flex-basis: 25%;
  }
  .App .MovieList .one-column .MovieInfo p label {
    flex-basis: 75%;
  }
}
@media (max-width: 420px) {
  .App .MovieList .one-column.MovieListItem {
    padding-bottom: 15px;
  }
  .App .MovieList .one-column .Poster img, .App .MovieList .one-column .movie-info .organizer {
    width: 100%;
  }
  .App .MovieList .one-column .MovieInfo p span {
    flex-basis: 30%;
  }
  .App .MovieList .one-column .MovieInfo p label {
    flex-basis: 70%;
  }
}
.App .MovieListContainer.one-column .MovieList {
  background: none;
}
.App .AllForOne .MovieList .two-columns .showtimes {
  padding: 0 3px;
}
.App .AllForOne .MovieList .showtimes .date {
  font-weight: 700;
  margin-bottom: 3px;
}
.App .AllForOne .MovieList .location {
  margin-top: 10px;
}
.App .AllForOne .MovieList .flex-container {
  display: flex;
  flex: 1 1;
}
.App .AllForOne .MovieList .organizer {
  width: 100%;
}
.App .AllForOne .MovieList .movie-info {
  display: flex;
  flex: 1 1;
  flex-direction: column;
}
.App .AllForOne .MovieList .movie-info .showtimes {
  float: left;
  text-align: center;
  width: 50%;
}
.App .AllForOne .MovieList .MovieListItem.one-column .movie-info .showtimes {
  text-align: left;
}
.App .AllForOne .MovieList .read-more {
  margin-top: auto;
  text-align: right;
}
.App .AllForOne .MovieList .more-showtimes {
  background: none;
  padding: 7px;
  transition: all 0.2s ease-in-out;
}
.App .AllForOne .MovieList .more-showtimes:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(156, 156, 156, 0.4));
  box-shadow: 0 8px 15px -7px #000;
}
.App .AllForOne .MovieList .more-showtimes, .App .alt-all .more-showtimes {
  background: none;
  padding: 7px;
  transition: all 0.2s ease-in-out;
}
.App .AllForOne .MovieList .more-showtimes:hover, .App .alt-all .more-showtimes:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(156, 156, 156, 0.4));
  box-shadow: 0 8px 15px -7px #000;
}
.App .alt-all .Showtime {
  width: 46%;
}
.App .all-future {
  margin-top: 70px;
  text-align: center;
}
.App .all-future .page-header {
  margin-bottom: 40px;
  text-align: left;
}
@media (max-width: 650px) {
  .App .page-header.orderflow {
    margin-top: 52px;
  }
  .App .AllForOne .MovieList .MovieListItem.one-column .movie-info .showtimes {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .App .MovieList .MovieInfo .description {
    display: none;
  }
}
@media (max-width: 245px) {
  .App .MovieList .topbar-workaround {
    margin-top: 106px;
  }
}
.App .DatePicker, .App .MonthNavigator {
  background-color: #181818;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  min-height: 50px;
  opacity: 0.9;
  padding: 10px;
  position: sticky;
  text-align: center;
  top: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 12;
}
.App .DatePicker.show-as-week-buttons {
  background: none;
  display: flex;
  opacity: 1;
  padding: 20px 0 0;
}
.App .DatePicker.show-as-week-buttons .WeekDayPicker {
  display: flex;
  flex-wrap: wrap;
  height: 56px;
  overflow: hidden;
  width: 100%;
}
.App .DatePicker.show-as-week-buttons .day {
  border: 1px solid #4c4c4c;
  border-radius: 2px;
  color: #a0a0a0;
  font-size: 19px;
  margin: 0 15px 20px 0;
  padding: 5px 20px;
  white-space: nowrap;
}
.App .DatePicker.show-as-week-buttons .day.selected {
  background-color: #2c2c2c;
  color: #fff;
}
.App .DatePicker.show-as-week-buttons .day:hover {
  color: #d3d3d3;
  cursor: pointer;
}
.App .DatePicker.show-as-week-buttons .more-dates {
  cursor: pointer;
}
.App .DatePicker.show-as-week-buttons .more-dates .day {
  color: #fff;
}
.App .DatePicker.show-as-week-buttons .more-dates:hover {
  color: #d3d3d3;
}
.App .DatePicker.show-as-week-buttons .WeekDayPicker, .App .DatePicker.show-as-week-buttons .more-dates {
  font-weight: 400;
  width: auto;
}
.App .DatePicker.show-as-week-buttons .WeekDayPicker .day.selected, .App .DatePicker.show-as-week-buttons .more-dates .day.selected {
  background-color: #f7f7f7;
  color: #323232;
}
.App .DatePicker.show-as-week-buttons .LanguagePicker {
  position: absolute;
  right: 0;
}
.App .DatePicker.show-as-week-buttons .Calendar {
  top: 76px;
}
.App .DatePicker.show-as-week-buttons .icon-calendar {
  margin-right: 8px;
}
.App .MonthNavigator {
  z-index: 11;
}
.App .icons-placeholder {
  float: left;
  height: 30px;
  width: 50px;
}
.App .DayNavigator, .App .MonthNavigator {
  display: inline-block;
  font-size: 21px;
}
.App .DayNavigator .date, .App .MonthNavigator .date {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  width: 320px;
}
.App .DayNavigator .date .short-day, .App .DayNavigator .date .short-month, .App .MonthNavigator .date .short-day, .App .MonthNavigator .date .short-month {
  display: none;
}
.App .DayNavigator .date .date-number, .App .DayNavigator .date .month, .App .DayNavigator .date .short-month, .App .DayNavigator .date .year, .App .MonthNavigator .date .date-number, .App .MonthNavigator .date .month, .App .MonthNavigator .date .short-month, .App .MonthNavigator .date .year {
  margin-left: 10px;
}
.App .DayNavigator .icon-calendar, .App .MonthNavigator .icon-calendar {
  margin-right: 10px;
}
.App .DayNavigator .date-nav, .App .MonthNavigator .date-nav {
  cursor: pointer;
  display: inline-block;
  width: 50px;
}
.App .DayNavigator .date-nav.hidden, .App .MonthNavigator .date-nav.hidden {
  visibility: hidden;
}
.App .DayNavigator .date-nav.disabled, .App .MonthNavigator .date-nav.disabled {
  color: #666;
}
.App .MonthNavigator .date {
  cursor: default;
}
.App .Calendar {
  background-color: #000;
  left: 0;
  max-width: inherit;
  padding-bottom: 10px;
  position: absolute;
  right: 0;
  top: 50px;
  width: inherit;
  z-index: 30;
}
.App .Calendar .icon-close {
  color: #fff;
  cursor: pointer;
  padding: 10px;
  position: absolute;
  right: 0;
  z-index: 1;
}
.App .Calendar .icon-close:hover {
  color: #d3d3d3;
}
.App .Calendar .calendar-text {
  font-size: 1rem;
  padding: 0 20px;
}
.App .Calendar.slide-down {
  min-height: 345px;
}
@media (max-width: 625px) {
  .App .DayNavigator .date, .App .MonthNavigator .date {
    width: 260px;
  }
  .App .DayNavigator .year, .App .MonthNavigator .year {
    display: none;
  }
}
@media (max-width: 520px) {
  .App .DayNavigator .date, .App .MonthNavigator .date {
    width: 200px;
  }
  .App .DayNavigator .date .short-month, .App .MonthNavigator .date .short-month {
    display: inline-block;
  }
  .App .DayNavigator .date .month, .App .MonthNavigator .date .month {
    display: none;
  }
}
@media (max-width: 420px) {
  .App .DayNavigator .date, .App .MonthNavigator .date {
    font-size: 19px;
    margin: 0;
    width: 165px;
  }
  .App .DayNavigator .date .short-day, .App .MonthNavigator .date .short-day {
    display: inline-block;
  }
  .App .DayNavigator .date .day, .App .MonthNavigator .date .day {
    display: none;
  }
  .App .Calendar {
    font-size: 16px;
  }
}
@media (max-width: 350px) {
  .App .DayNavigator .date, .App .MonthNavigator .date {
    width: 130px;
  }
  .App .DayNavigator .date .short-day, .App .MonthNavigator .date .short-day {
    margin-left: 0;
  }
  .App .icon-calendar {
    display: none;
  }
}
@media (max-width: 310px) {
  .App .DayNavigator .date, .App .MonthNavigator .date {
    font-size: 18px;
    width: 85px;
  }
  .App .DayNavigator .date .date-number, .App .MonthNavigator .date .date-number {
    margin-left: 0;
  }
  .App .DayNavigator .date .short-day, .App .MonthNavigator .date .short-day {
    display: none;
  }
  .App .Calendar {
    font-size: 14px;
  }
  .App .DayPicker {
    padding: 20px 0 0;
  }
}
@media (max-width: 245px) {
  .App .DatePicker {
    min-height: 106px;
    padding: 5px;
  }
  .App .DayNavigator .date-nav, .App .DayNavigator .date-nav:first-of-type, .App .MonthNavigator .date-nav, .App .MonthNavigator .date-nav:first-of-type {
    display: block;
    height: 35px;
    margin: auto;
    width: auto;
  }
}
.App .DayPicker {
  background-color: #000;
  margin: auto;
  max-width: 450px;
  padding: 20px 20px 10px;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.App .DayPicker abbr {
  text-decoration: none;
}
.App .DayPicker:focus {
  outline: none;
}
.App .DayPicker .DayPicker-NavBar {
  left: 0;
  padding: 0 0.5rem;
  position: absolute;
  right: 0;
}
.App .DayPicker .DayPicker-NavBar .DayPicker-NavButton {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 30px;
  position: absolute;
  width: 50px;
}
.App .DayPicker .DayPicker-NavBar .DayPicker-NavButton--interactionDisabled {
  display: none;
}
.App .DayPicker .DayPicker-NavBar .DayPicker-NavButton--prev {
  left: 2.5rem;
}
.App .DayPicker .DayPicker-NavBar .DayPicker-NavButton--prev:before {
  content: "\00276E";
}
.App .DayPicker .DayPicker-NavBar .DayPicker-NavButton--next {
  right: 2.5rem;
}
.App .DayPicker .DayPicker-NavBar .DayPicker-NavButton--next:before {
  content: "\00276F";
}
.App .DayPicker .DayPicker-Month {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.App .DayPicker .DayPicker-Month .DayPicker-Caption {
  display: table-caption;
  text-align: center;
}
.App .DayPicker .DayPicker-Month .DayPicker-Weekdays {
  display: table-header-group;
}
.App .DayPicker .DayPicker-Month .DayPicker-WeekdaysRow {
  display: table-row;
}
.App .DayPicker .DayPicker-Month .DayPicker-Weekday {
  color: #b7b7b7;
  display: table-cell;
  font-size: 0.875em;
  padding: 0.5rem;
  text-align: center;
}
.App .DayPicker .DayPicker-Month .DayPicker-Body {
  display: table-row-group;
}
.App .DayPicker .DayPicker-Month .DayPicker-Week {
  display: table-row;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day {
  border: 1px solid #eaecec;
  cursor: pointer;
  display: table-cell;
  padding: 0.5rem;
  text-align: center;
  vertical-align: middle;
  width: 50px;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day:hover {
  background: rgba(0, 255, 0, 0.2);
}
.App .DayPicker .DayPicker-Month .DayPicker-Day:focus {
  outline: none;
}
.App .DayPicker .DayPicker-Month .DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day--disabled {
  color: #5e5e5e;
  cursor: default;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day--disabled:hover {
  background: rgba(255, 0, 0, 0.2);
  border: 1px solid #eaecec;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day--outside {
  color: transparent;
  cursor: default;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day--outside:hover {
  background: none;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day--sunday {
  background-color: #f7f8f8;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0;
}
.App .DayPicker .DayPicker-Month .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: green;
  color: #fff;
}
.App .LanguagePicker {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 3px;
  z-index: 40;
}
.App .LanguagePicker .language {
  display: none;
  padding: 10px;
  transition: all 0.2s ease-in-out;
}
.App .LanguagePicker .language:hover {
  transform: scale(1.1);
}
.App .LanguagePicker .language.selected {
  display: block;
}
.App .LanguagePicker .language img {
  height: 20px;
  width: 30px;
}
.App .LanguagePicker.open {
  background-color: rgba(23, 23, 23, 0.7);
}
.App .LanguagePicker.open .language {
  display: block;
}
.App .multibio .flex-container {
  display: flex;
}
.App .multibio .MovieList .one-column h3, .App .multibio .available-organizers {
  background-color: #101010;
  background-image: linear-gradient(266deg, #b7b7b7, #cdcdcd 0);
}
.App .multibio .MovieList .one-column h3 {
  padding: 7px 20px 10px;
}
.App .multibio .organizer {
  float: left;
  width: 50%;
}
.App .multibio .MovieList .one-column .movie-info .read-more.future {
  background: none;
  float: none;
  margin-bottom: 20px;
  padding: 20px 0;
}
@media (max-width: 650px) {
  .App .multibio .flex-container {
    flex-direction: column;
  }
  .App .multibio .flex-container .organizer {
    min-height: 140px;
    width: 100%;
  }
}
.App .ExternalEvent .top {
  background-color: #eee;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  float: left;
  width: 100%;
}
.App .ExternalEvent .top .Poster {
  float: left;
  margin-bottom: -6px;
  margin-right: 0;
  width: 100%;
}
.App .ExternalEvent .top h1 {
  margin-top: 0;
}
.App .ExternalEvent .top .cancelled {
  color: #c00;
}
.App .ExternalEvent .top h3, .App .ExternalEvent .top h4 {
  margin: 5px 0;
}
.App .ExternalEvent .top .info {
  float: left;
  padding: 20px;
  width: 75%;
}
.App .ExternalEvent .description {
  background: #fff;
  box-shadow: inset 0 3px 13px -7px #666, inset 0 -8px 9px -9px #666;
  float: left;
  margin: 0;
  padding: 20px;
  width: 100%;
}
.App .ExternalEvent .description p {
  margin-top: 0;
}
.App .ExternalList .MovieList {
  display: flex;
  flex-wrap: wrap;
}
.App .ExternalList .MovieListItem {
  align-items: center;
  background-image: linear-gradient(166deg, #d3d3d3, #eee 75%);
  display: flex;
  flex-direction: column;
}
.App .ExternalList .MovieListItem .show-info {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  width: 100%;
}
.App .ExternalList .Showtime {
  align-self: center;
}
.App .MovieListContainer.week .DatePicker {
  justify-content: flex-end;
  position: static;
  width: 100%;
}
.App .MovieListContainer.week .DatePicker .day {
  margin-right: 0;
}
.App .MovieListContainer.week .DatePicker .Calendar {
  margin: auto;
  max-width: 1170px;
}
.App .MovieListContainer.week .MovieList {
  background: none;
}
.App .MovieListContainer.week .MovieListItem {
  color: #2c2c2c;
  display: flex;
  margin-bottom: 50px;
  width: 100%;
}
.App .MovieListContainer.week h1 {
  background: #000;
  color: #fff;
  cursor: pointer;
  height: auto;
  margin: 0;
  padding: 10px 20px;
}
.App .MovieListContainer.week .poster-container {
  width: 20%;
}
.App .MovieListContainer.week .movie-info {
  background: #eee;
  background-image: linear-gradient(136deg, #f2f2f2 -11%, #ebebeb 48%);
  display: flex;
  flex-direction: column;
  width: 80%;
}
.App .MovieListContainer.week .ShowtimeSchedule, .App .MovieListContainer.week .schedule {
  flex: 1 1;
}
.App .MovieListContainer.week .ShowtimeTypeList {
  padding: 0 85px 0 65px;
}
.App .MovieListContainer.week .movie-info-btn {
  background-color: buttonface;
  background-color: gray;
  background-image: linear-gradient(rgba(156, 156, 156, 0.1), rgba(192, 196, 192, 0.4));
  border-radius: 3px;
  bottom: 6px;
  color: #fff;
  position: absolute;
  right: 5px;
  transition: all 0.2s ease-in-out;
}
.App .MovieListContainer.week .movie-info-btn span {
  margin-right: 10px;
}
.App .MovieListContainer.week .movie-info-btn:hover {
  box-shadow: 0 8px 15px -7px #000;
}
.App .MovieListContainer.week .movie-info-btn.dim, .App .MovieListContainer.week .movie-info-btn.disabled {
  cursor: default;
}
.App .MovieListContainer.week .movie-info-btn.disabled {
  background: #cfcfcf;
  color: gray;
  font-weight: 400;
  pointer-events: none;
}
.App .MovieListContainer.week .movie-info-btn.disabled:hover {
  box-shadow: none;
  font-weight: 400;
  transition: none;
}
.App .MovieListContainer.week .movie-info-btn:hover {
  background-color: #696969;
}
.App .MovieListContainer.week2 .DatePicker {
  justify-content: flex-end;
  position: static;
  width: 100%;
}
.App .MovieListContainer.week2 .DatePicker .day {
  margin-right: 0;
}
.App .MovieListContainer.week2 .DatePicker .Calendar {
  margin: auto;
  max-width: 1170px;
}
.App .MovieListContainer.week2 .MovieList {
  background: none;
}
.App .MovieListContainer.week2 .MovieListItem {
  color: #2c2c2c;
  display: flex;
  margin-bottom: 50px;
  width: 100%;
}
.App .MovieListContainer.week2 .mobile {
  display: none;
}
.App .MovieListContainer.week2 h1 {
  background: #000;
  color: #fff;
  cursor: pointer;
  font-family: oswald;
  font-size: 30px;
  font-weight: 600;
  height: auto;
  margin: 0;
  padding-bottom: 10px;
  padding-left: 34px;
  padding-top: 10px;
}
.App .MovieListContainer.week2 .poster-container {
  width: 20%;
}
.App .MovieListContainer.week2 .movie-info {
  background-color: #eee;
  display: flex;
  flex-direction: column;
  min-height: 290px;
  width: 80%;
}
.App .MovieListContainer.week2 .movie-info .ShowtimeSchedule2 {
  height: 85%;
}
.App .MovieListContainer.week2 .ShowtimeSchedule, .App .MovieListContainer.week2 .schedule {
  flex: 1 1;
}
.App .MovieListContainer.week2 .ShowtimeSchedule .weekNumberContainer {
  display: none;
}
.App .MovieListContainer.week2 .movie-info-btn {
  background-color: buttonface;
  background-color: gray;
  background-image: linear-gradient(rgba(156, 156, 156, 0.1), rgba(192, 196, 192, 0.4));
  border-radius: 3px;
  bottom: 6px;
  color: #fff;
  position: absolute;
  right: 5px;
  transition: all 0.2s ease-in-out;
}
.App .MovieListContainer.week2 .movie-info-btn span {
  margin-right: 10px;
}
.App .MovieListContainer.week2 .movie-info-btn:hover {
  box-shadow: 0 8px 15px -7px #000;
}
.App .MovieListContainer.week2 .movie-info-btn.dim, .App .MovieListContainer.week2 .movie-info-btn.disabled {
  cursor: default;
}
.App .MovieListContainer.week2 .movie-info-btn.disabled {
  background: #cfcfcf;
  color: gray;
  font-weight: 400;
  pointer-events: none;
}
.App .MovieListContainer.week2 .movie-info-btn.disabled:hover {
  box-shadow: none;
  font-weight: 400;
  transition: none;
}
.App .MovieListContainer.week2 .movie-info-btn:hover {
  background-color: #696969;
}
.App .MovieListContainer.week2 .ShowtimeSchedule2 .weekNumberContainer {
  display: none;
}
.App .showSoon {
  font-size: 30px;
  font-weight: 600;
}
.App .MovieListItemExtended {
  display: inline-flex;
  flex-wrap: wrap;
  font-family: Oswald;
  gap: 7.5px;
  justify-content: flex-start;
  margin: 20px 0;
}
.App .MovieListItemExtended .showing_soon {
  height: 469px;
  position: relative;
  width: 228px;
}
.App .MovieListItemExtended .showing_soon .poster-container {
  height: 351px;
  width: 100%;
}
.App .MovieListItemExtended .showing_desc {
  background-image: linear-gradient(154deg, #d4d4d4 31%, #eee 131%);
  height: 130px;
  left: 0;
  margin: 0;
  padding: 0 12px;
  position: absolute;
  right: 0;
  top: 335px;
}
.App .MovieListItemExtended .showing_desc .showing_title {
  font-family: oswald;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.12px;
  margin: 8px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.App .MovieListItemExtended .showing_desc .showing_prem {
  font-size: 17px;
  height: 25px;
  margin: 0;
  padding-top: 5px;
}
.App .MovieListItemExtended .showing_desc .showing_btn {
  color: #fff;
  margin-top: 13px;
  width: 100%;
}
@media (max-width: 480px) {
  .App .showSoon {
    font-size: 24px;
  }
  .App .MovieListItemExtended .showing_soon {
    height: 350px;
    width: 167px;
  }
  .App .MovieListItemExtended .showing_desc {
    height: 100px;
    top: 247px;
  }
  .App .MovieListItemExtended .showing_desc .showing_title {
    font-size: 16px;
  }
  .App .MovieListItemExtended .showing_desc .showing_prem {
    font-size: 13px;
    height: 10px;
  }
  .App .MovieListItemExtended .showing_desc .showing_btn {
    margin-top: 20px;
  }
}
@media (max-width: 430px) {
  .App .MovieListContainer.week2 .movie-info-btn {
    left: 25%;
    top: 64px;
    width: 80px;
  }
  .App .MovieListContainer.week2 .day {
    font-size: 14px;
  }
  .App .MovieListContainer.week2 .movie-info {
    background-color: #fff;
    min-height: 0;
  }
  .App .MovieListContainer.week2 .movie-info h1 {
    font-size: 18px;
    height: 48px;
    overflow: hidden;
    padding-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .App .MovieListContainer.week2 .ShowtimeSchedule2 .weekNumberContainer {
    display: flex;
    margin-top: 65px;
  }
  .App .MovieListContainer.week2 .filmPoster {
    min-height: 113px;
  }
}
@media screen and (min-width: 1270px) {
  .App .MovieListContainer.week2 .movie-info {
    min-height: 347px;
  }
}
@media screen and (max-width: 870px) {
  .App .MovieListContainer.week2 h1 {
    font-size: 22px;
  }
}
.App .CircusListContainer.one-column .header {
  float: left;
  position: relative;
  width: 100%;
}
.App .CircusListContainer.one-column .header .Poster {
  width: 20%;
}
.App .CircusListContainer.one-column .header .Poster img {
  cursor: default;
}
.App .CircusListContainer.one-column .header h1 {
  background: #000;
  background-image: linear-gradient(148deg, #333 16%, #000 90%);
  color: #fff;
  cursor: default;
  margin: 0;
  padding: 20px;
  width: 80%;
}
.App .CircusListContainer.one-column .header p {
  float: left;
  margin: 0;
  padding: 20px;
  width: 80%;
}
.App .CircusListContainer.one-column .header .search {
  background: #fff;
  font-size: 1em;
  height: 35px;
  margin: 20px;
  position: absolute;
  right: 5px;
  top: 0;
  width: 220px;
}
.App .CircusListContainer.one-column .organizer {
  width: 100%;
}
.App .CircusListContainer.one-column .movie-info {
  margin-top: -2px;
  padding-left: 0;
  width: 100%;
}
.App .CircusListContainer.one-column .movie-info .showtime-row {
  background-image: linear-gradient(148deg, #f2f2f2 16%, #ebebeb 90%);
  margin: 3px 0;
  padding: 15px 20px;
  width: 100%;
}
.App .CircusListContainer.one-column .date-time {
  flex-basis: 60%;
  font-weight: 700;
  min-width: 210px;
  padding-right: 20px;
  white-space: nowrap;
}
.App .CircusListContainer.one-column .buy-tickets {
  padding-right: 25px;
}
.App .CircusListContainer.one-column .primary-container {
  align-items: center;
  display: flex;
  flex-basis: 38%;
  justify-content: space-between;
  margin-right: 15px;
}
.App .CircusListContainer.one-column .info-container span {
  vertical-align: middle;
}
.App .CircusListContainer.one-column .show-info {
  background-color: #9f9f9f;
  color: #fff;
}
.App .CircusListContainer.one-column .movie-info .read-more .MovieInfo {
  font-size: 1em;
}
@media (max-width: 900px) {
  .App .CircusListContainer.one-column .header {
    display: flex;
    flex-wrap: wrap;
  }
  .App .CircusListContainer.one-column .header h1 {
    order: 1;
    width: 100%;
  }
  .App .CircusListContainer.one-column .header .Poster {
    order: 2;
    width: 25%;
  }
  .App .CircusListContainer.one-column .header p {
    font-size: 1rem;
    order: 3;
    width: 75%;
  }
}
@media (max-width: 660px) {
  .App .CircusListContainer.one-column .header p {
    font-size: 0.9rem;
  }
  .App .CircusListContainer.one-column .header .search {
    margin-left: auto;
    order: 4;
    position: static;
  }
  .App .CircusListContainer.one-column .showtime-row {
    flex-wrap: wrap;
  }
  .App .CircusListContainer.one-column .primary-container {
    flex-basis: 100%;
    margin-bottom: 12px;
  }
  .App .CircusListContainer.one-column .buy-tickets {
    margin-left: auto;
    padding-right: 0;
  }
}
@media (max-width: 375px) {
  .App .CircusListContainer.one-column .header {
    display: flex;
    flex-wrap: wrap;
  }
  .App .CircusListContainer.one-column .header h1 {
    display: inline;
    font-size: 1.5rem;
    order: 2;
    vertical-align: middle;
    width: 85%;
  }
  .App .CircusListContainer.one-column .header .search {
    margin-left: 20px;
    width: 100%;
  }
  .App .CircusListContainer.one-column .header .Poster {
    margin-bottom: -4px;
    order: 1;
    width: 15%;
  }
  .App .CircusListContainer.one-column .header p {
    font-size: 0.85rem;
    width: 100%;
  }
  .App .CircusListContainer.one-column .date-time {
    flex-basis: 62%;
  }
  .App .CircusListContainer.one-column .buy-tickets {
    flex-basis: 38%;
    margin-bottom: 5px;
  }
}
.App .Poster {
  position: relative;
}
.App .Poster img {
  cursor: pointer;
  height: auto;
  width: 100%;
}
.App .Poster .poster-banner {
  bottom: 14%;
  color: #fff;
  font-weight: 700;
  padding: 3px 15px;
  position: absolute;
}
.App .Poster .threeD-banner {
  background-image: linear-gradient(90deg, #370b67 35%, #67228b 60%, transparent);
  width: 38%;
}
.App .Poster .atmos-banner {
  background-image: linear-gradient(270deg, #0b670b 30%, #228b22 70%, transparent);
  right: 0;
  text-align: right;
  width: 70%;
}
.App .Poster .age-banner {
  bottom: 6px;
  right: -7px;
  text-align: right;
}
.App .Poster .age-banner img {
  max-width: 100%;
}
.App .Movie {
  background-color: #fff;
  overflow: hidden;
}
.App .Movie .Trailer {
  overflow: hidden;
  padding-top: 33%;
  position: relative;
  transition: padding-top 0.4s ease-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 100%;
}
.App .Movie .Trailer.is-playing {
  padding-top: 56.25%;
}
.App .Movie .Trailer.is-playing .player {
  height: 100%;
  margin-bottom: -4px;
  margin-top: 0;
  transform: none;
}
.App .Movie .Trailer.is-playing .logo {
  align-self: center;
  margin-right: 2em;
  order: 1;
}
.App .Movie .Trailer .trailer-overlay {
  color: rgba(255, 255, 255, 0.6);
  font-size: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 100%;
  z-index: 10;
}
.App .Movie .Trailer .trailer-overlay:hover {
  background: none;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transform: scale(1.1);
}
.App .Movie .Trailer .trailer-overlay .icon-play {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.App .Movie .Trailer .player {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding-top: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.App .Movie .Trailer .player .video-react-poster {
  background-size: cover;
}
.App .Movie .Trailer .player .video-react-control-bar {
  background: #000000b9;
  font-size: 15px;
  margin-bottom: 0.5em;
}
.App .Movie .Trailer .player .video-react-big-play-button, .App .Movie .Trailer .player .video-react-current-time, .App .Movie .Trailer .player .video-react-duration, .App .Movie .Trailer .player .video-react-time-divider {
  display: none;
}
.App .Movie .Trailer .player .video-react-play-progress {
  background-color: #b42911;
}
.App .Movie .Trailer .player .video-react-play-progress:before {
  color: #d22a0d;
}
.App .Movie .VersionSelector {
  background-color: #2e2e2e;
  color: #ccc;
  float: left;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
.App .Movie .VersionSelector .version {
  cursor: pointer;
  display: table-cell;
  padding: 10px 15px;
  text-align: center;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.App .Movie .VersionSelector .version.selected, .App .Movie .VersionSelector .version:hover {
  background-color: #eee;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.08) 30%, rgba(255, 255, 255, 0) 55%);
  color: #000;
  font-weight: 700;
}
.App .Movie .info-container {
  box-shadow: inset 0 3px 13px -7px #666, inset 0 -8px 9px -9px #666;
  float: left;
  padding: 20px;
  width: 100%;
}
.App .Movie .info-container h1 {
  display: inline-block;
  margin-top: 0;
}
.App .Movie .Poster {
  float: left;
  margin-right: 20px;
  width: 25%;
}
.App .Movie .ShowtimeSchedule .week-nav {
  font-size: 34px;
  width: 10%;
}
.App .Movie .ShowtimeSchedule .schedule {
  align-items: center;
}
.App .Movie .ShowtimeSchedule .ShowtimeTypeList {
  margin: 0 46px;
  padding-left: 10%;
}
.App .Movie .fullscreen-img {
  background-color: rgba(0, 0, 0, 0.65);
  font-size: 20px;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100;
}
.App .Movie .fullscreen-img.Poster {
  display: inline-block;
  overflow: hidden;
  padding-right: 0;
  width: 100%;
}
.App .Movie .fullscreen-img img {
  float: none;
  height: 100%;
  width: auto;
}
.App .Movie .Pictures {
  float: left;
  max-height: 200px;
  width: 101%;
}
.App .Movie .Pictures img {
  float: left;
  height: auto;
  width: 33.33%;
}
.App .Movie .schedules, .App .Movie .schedules .organizer {
  float: left;
  width: 100%;
}
.App .Movie .schedules h3 {
  background: #c7c7c7;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  margin: 0;
  padding: 10px 20px;
}
.App .MovieInfo {
  width: 100%;
}
.App .MovieInfo p {
  font-weight: 700;
  margin: 3px 0;
  width: 100%;
}
.App .MovieInfo p.info {
  margin: 15px 0;
}
.App .MovieInfo p.description {
  font-weight: 400;
  margin: 15px 0;
}
.App .MovieInfo p span {
  display: inline-block;
  float: left;
  font-weight: 400;
  min-width: 100px;
  white-space: nowrap;
  width: 10%;
}
.App .MovieInfo p label {
  display: inline-block;
  width: 80%;
}
.App .Movie .MovieInfo {
  float: left;
  width: 70%;
}
@media (max-width: 550px) {
  .App .Movie .Trailer iframe {
    transform: translateY(-36%);
  }
  .App .Movie .Poster {
    width: 35%;
  }
}
@media (max-width: 900px) {
  .App .Movie .fullscreen-img img {
    height: 100vh;
    object-fit: contain;
    width: 100%;
  }
}
@media (max-width: 550px) {
  .App .Movie {
    height: 100%;
  }
  .App .Movie .MovieInfo {
    width: 100%;
  }
  .App .Movie .MovieInfo p label {
    width: 70%;
  }
  .App .Movie .fullscreen-img {
    height: 100vh;
    width: 100%;
  }
  .App .Movie .Poster {
    padding: 0 0 10px;
    width: 100%;
  }
  .App .Pictures {
    margin-bottom: 37px;
  }
}
@media (max-width: 450px) {
  .App .Movie .Trailer {
    padding-top: 30%;
  }
  .App .Movie .Trailer .trailer-overlay {
    font-size: 50px;
  }
  .App .Movie .Trailer iframe {
    height: 345%;
  }
}
@media (max-width: 365px) {
  .App .Movie .Trailer .trailer-overlay {
    font-size: 50px;
  }
  .App .Movie .Trailer iframe {
    height: 330%;
    transform: translateY(-36%);
  }
  .App .Movie .VersionSelector .version, .App .Movie .VersionSelector .version:first-of-type, .App .Movie .VersionSelector .version:last-of-type {
    padding: 10px;
  }
  .App .Movie .info-container h1 {
    display: block;
  }
  .App .Movie .MovieInfo p label {
    width: 100%;
  }
}
@media (max-width: 337px) {
  .App .Movie .Trailer {
    padding-top: 35%;
  }
  .App .Movie .Trailer .trailer-overlay .icon-play:before {
    visibility: hidden;
  }
  .App .Movie .Trailer iframe {
    height: 330%;
    transform: translateY(-38%);
  }
}
.App .video-react .video-react-big-play-button:before, .App .video-react .video-react-control:before {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
@font-face {
  font-family: video-react;
  src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot");
}
@font-face {
  font-family: video-react;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;base64,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)  format("woff"), url(data:application/x-font-ttf;base64,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)  format("truetype");
}
.App .video-react .video-react-bezel .video-react-bezel-icon, .App .video-react .video-react-big-play-button, .App .video-react .video-react-closed-caption, .App .video-react .video-react-mute-control, .App .video-react .video-react-play-control, .App .video-react .video-react-play-progress, .App .video-react .video-react-volume-level, .App .video-react .video-react-volume-menu-button, .App .video-react-icon {
  speak: none;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: video-react !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
.App .video-react .video-react-bezel .video-react-bezel-icon-play:before, .App .video-react .video-react-big-play-button:before, .App .video-react .video-react-play-control:before, .App .video-react-icon-play-arrow:before {
  content: "";
}
.App .video-react-icon-play-circle-filled:before {
  content: "";
}
.App .video-react-icon-play-circle-outline:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-pause:before, .App .video-react .video-react-play-control.video-react-playing:before, .App .video-react-icon-pause:before {
  content: "";
}
.App .video-react-icon-pause-circle-filled:before {
  content: "";
}
.App .video-react-icon-pause-circle-outline:before {
  content: "";
}
.App .video-react-icon-stop:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before, .App .video-react-icon-fast-rewind:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before, .App .video-react-icon-fast-forward:before {
  content: "";
}
.App .video-react-icon-skip-previous:before {
  content: "";
}
.App .video-react-icon-skip-next:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before, .App .video-react-icon-replay-5:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before, .App .video-react-icon-replay-10:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before, .App .video-react-icon-replay-30:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before, .App .video-react-icon-forward-5:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before, .App .video-react-icon-forward-10:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before, .App .video-react-icon-forward-30:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before, .App .video-react .video-react-mute-control.video-react-vol-muted:before, .App .video-react .video-react-volume-menu-button.video-react-vol-muted:before, .App .video-react-icon-volume-off:before {
  content: "";
}
.App .video-react .video-react-mute-control.video-react-vol-0:before, .App .video-react .video-react-volume-menu-button.video-react-vol-0:before, .App .video-react-icon-volume-mute:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before, .App .video-react .video-react-mute-control.video-react-vol-1:before, .App .video-react .video-react-mute-control.video-react-vol-2:before, .App .video-react .video-react-volume-menu-button.video-react-vol-1:before, .App .video-react .video-react-volume-menu-button.video-react-vol-2:before, .App .video-react-icon-volume-down:before {
  content: "";
}
.App .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before, .App .video-react .video-react-mute-control:before, .App .video-react .video-react-volume-menu-button:before, .App .video-react-icon-volume-up:before {
  content: "";
}
.App .video-react-icon-fullscreen:before {
  content: "";
}
.App .video-react-icon-fullscreen-exit:before {
  content: "";
}
.App .video-react .video-react-closed-caption:before, .App .video-react-icon-closed-caption:before {
  content: "";
}
.App .video-react-icon-hd:before {
  content: "";
}
.App .video-react-icon-settings:before {
  content: "";
}
.App .video-react-icon-share:before {
  content: "";
}
.App .video-react-icon-info:before {
  content: "";
}
.App .video-react-icon-info-outline:before {
  content: "";
}
.App .video-react-icon-close:before {
  content: "";
}
.App .video-react .video-react-play-progress:before, .App .video-react .video-react-volume-level:before, .App .video-react-icon-circle:before {
  content: "";
}
.App .video-react-icon-circle-outline:before {
  content: "";
}
.App .video-react-icon-circle-inner-circle:before {
  content: "";
}
.App .video-react {
  background-color: #000;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-family: serif, Times, Times New Roman;
  font-size: 10px;
  line-height: 1;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: top;
}
.App .video-react:-moz-full-screen {
  position: absolute;
}
.App .video-react:-webkit-full-screen {
  height: 100% !important;
  width: 100% !important;
}
.App .video-react *, .App .video-react :after, .App .video-react :before {
  box-sizing: inherit;
}
.App .video-react ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0;
}
.App .video-react.video-react-16-9, .App .video-react.video-react-4-3, .App .video-react.video-react-fluid {
  height: 0;
  max-width: 100%;
  width: 100%;
}
.App .video-react.video-react-16-9 {
  padding-top: 56.25%;
}
.App .video-react.video-react-4-3 {
  padding-top: 75%;
}
.App .video-react.video-react-fill {
  height: 100%;
  width: 100%;
}
.App .video-react .video-react-video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.App .video-react.video-react-fullscreen {
  height: 100% !important;
  padding-top: 0 !important;
  width: 100% !important;
}
.App .video-react.video-react-fullscreen.video-react-user-inactive {
  cursor: none;
}
.App body.video-react-full-window {
  height: 100%;
  margin: 0;
  overflow-y: auto;
  padding: 0;
}
.App body.video-react-full-window .video-react-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.App .video-react .video-react-button {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
  text-decoration: none;
  text-transform: none;
  transition: none;
}
.App .video-react .video-react-loading-spinner {
  background-clip: padding-box;
  border: 6px solid rgba(43, 51, 63, 0.7);
  border-radius: 25px;
  box-sizing: border-box;
  display: none;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  position: absolute;
  text-align: left;
  top: 50%;
  width: 50px;
}
.App .video-react .video-react-loading-spinner:after, .App .video-react .video-react-loading-spinner:before {
  animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
  border: inherit;
  border-color: #fff transparent transparent;
  border-radius: inherit;
  box-sizing: inherit;
  content: "";
  height: inherit;
  margin: -6px;
  opacity: 1;
  position: absolute;
  width: inherit;
}
.App .video-react-seeking .video-react-loading-spinner, .App .video-react-waiting .video-react-loading-spinner {
  display: block;
}
.App .video-react-seeking .video-react-loading-spinner:before, .App .video-react-waiting .video-react-loading-spinner:before {
  border-top-color: #fff;
}
.App .video-react-seeking .video-react-loading-spinner:after, .App .video-react-waiting .video-react-loading-spinner:after {
  animation-delay: 0.44s;
  border-top-color: #fff;
}
@keyframes video-react-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  to {
    border-top-color: #73859f;
  }
}
.App .video-react .video-react-big-play-button {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border: 0.06666em solid #fff;
  border-radius: 0.3em;
  cursor: pointer;
  display: block;
  font-size: 3em;
  height: 1.5em;
  left: 10px;
  line-height: 1.5em;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 10px;
  transition: all 0.4s;
  width: 3em;
}
.App .video-react .video-react-big-play-button.video-react-big-play-button-center {
  left: 50%;
  margin-left: -1.5em;
  margin-top: -0.75em;
  top: 50%;
}
.App .video-react .video-react-big-play-button.big-play-button-hide {
  display: none;
}
.App .video-react .video-react-big-play-button:focus, .App .video-react:hover .video-react-big-play-button {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  border-color: #fff;
  outline: 0;
  transition: all 0s;
}
.App .video-react-menu-button {
  cursor: pointer;
}
.App .video-react-menu-button.video-react-disabled {
  cursor: default;
}
.App .video-react-menu .video-react-menu-content {
  display: block;
  font-family: serif, Times, Times New Roman;
  margin: 0;
  overflow: auto;
  padding: 0;
}
.App .video-react-menu li {
  font-size: 1.2em;
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  text-align: center;
}
.App .video-react-menu li:focus, .App .video-react-menu li:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  outline: 0;
}
.App .video-react-menu li.video-react-selected, .App .video-react-menu li.video-react-selected:focus, .App .video-react-menu li.video-react-selected:hover {
  background-color: #fff;
  color: #2b333f;
}
.App .video-react-menu li.vjs-menu-title {
  cursor: default;
  font-size: 1em;
  font-weight: 700;
  line-height: 2em;
  margin: 0 0 0.3em;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.App .video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none;
}
.App .video-react .video-react-menu-button-popup .video-react-menu {
  border-top-color: rgba(43, 51, 63, 0.7);
  bottom: 0;
  display: none;
  height: 0;
  left: -3em;
  margin-bottom: 1.5em;
  position: absolute;
  width: 10em;
}
.App .video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  bottom: 1.5em;
  max-height: 15em;
  position: absolute;
  width: 100%;
}
.App .video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block;
}
.App .video-react .video-react-menu-button-inline {
  overflow: hidden;
  transition: all 0.4s;
}
.App .video-react .video-react-menu-button-inline:before {
  width: 2.222222222em;
}
.App .video-react .video-react-menu-button-inline.video-react-slider-active, .App .video-react .video-react-menu-button-inline:focus, .App .video-react .video-react-menu-button-inline:hover {
  width: 12em;
}
.App .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu, .App .video-react .video-react-menu-button-inline:focus .video-react-menu, .App .video-react .video-react-menu-button-inline:hover .video-react-menu {
  display: block;
  opacity: 1;
}
.App .video-react .video-react-menu-button-inline.video-react-slider-active {
  transition: none;
}
.App .video-react .video-react-menu-button-inline .video-react-menu {
  height: 100%;
  left: 4em;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s;
  width: auto;
}
.App .video-react .video-react-menu-button-inline .video-react-menu-content {
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: auto;
}
.App .video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.App .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active, .App .video-react-no-flex .video-react-menu-button-inline:focus, .App .video-react-no-flex .video-react-menu-button-inline:hover {
  width: auto;
}
.App .video-react .video-react-poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
.App .video-react .video-react-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}
.App .video-react .video-react-slider {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  cursor: pointer;
  margin: 0 0.45em;
  outline: 0;
  padding: 0;
  position: relative;
}
.App .video-react .video-react-slider:focus {
  box-shadow: 0 0 1em #fff;
}
.App .video-react .video-react-control {
  flex: none;
  height: 100%;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  text-align: center;
  width: 4em;
}
.App .video-react .video-react-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.App .video-react .video-react-control:focus, .App .video-react .video-react-control:focus:before, .App .video-react .video-react-control:hover:before {
  text-shadow: 0 0 1em #fff, 0 0 0.5em #fff;
}
.App .video-react .video-react-control-text {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.App .video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle;
}
.App .video-react .video-react-control-bar {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  bottom: 0;
  display: none;
  height: 3em;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.App .video-react-has-started .video-react-control-bar {
  display: flex;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
  visibility: visible;
}
.App .video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  visibility: visible;
}
.App .video-react-controls-disabled .video-react-control-bar, .App .video-react-error .video-react-control-bar, .App .video-react-using-native-controls .video-react-control-bar {
  display: none !important;
}
.App .video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible;
}
.App .video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table;
}
.App .video-react .video-react-progress-control {
  align-items: center;
  display: flex;
  flex: auto;
  min-width: 4em;
}
.App .video-react-live .video-react-progress-control {
  display: none;
}
.App .video-react .video-react-progress-holder {
  flex: auto;
  height: 0.3em;
  transition: all 0.2s;
}
.App .video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.6666666667em;
}
.App .video-react .video-react-progress-control:hover .video-react-mouse-display:after, .App .video-react .video-react-progress-control:hover .video-react-play-progress:after, .App .video-react .video-react-progress-control:hover .video-react-time-tooltip {
  font-size: 0.6em;
  visibility: visible;
}
.App .video-react .video-react-progress-holder .video-react-load-progress, .App .video-react .video-react-progress-holder .video-react-load-progress div, .App .video-react .video-react-progress-holder .video-react-play-progress, .App .video-react .video-react-progress-holder .video-react-tooltip-progress-bar {
  display: block;
  height: 0.3em;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.App .video-react .video-react-play-progress {
  background-color: #fff;
}
.App .video-react .video-react-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
}
.App .video-react .video-react-mouse-display:after, .App .video-react .video-react-play-progress:after, .App .video-react .video-react-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  content: attr(data-current-time);
  font-size: 0.9em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  right: -1.9em;
  top: -3.4em;
  visibility: hidden;
}
.App .video-react .video-react-play-progress:after, .App .video-react .video-react-play-progress:before, .App .video-react .video-react-time-tooltip {
  z-index: 1;
}
.App .video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none;
}
.App .video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}
.App .video-react .video-react-load-progress div {
  background: #fff;
  background: rgba(115, 133, 159, 0.75);
}
.App .video-react.video-react-no-flex .video-react-progress-control {
  width: auto;
}
.App .video-react .video-react-time-tooltip {
  display: inline-block;
  float: right;
  height: 2.4em;
  position: relative;
  right: -1.9em;
}
.App .video-react .video-react-tooltip-progress-bar {
  visibility: hidden;
}
.App .video-react .video-react-progress-control .video-react-mouse-display {
  background-color: #000;
  display: none;
  height: 100%;
  position: absolute;
  width: 1px;
  z-index: 1;
}
.App .video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0;
}
.App .video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block;
}
.App .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display, .App .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  visibility: hidden;
}
.App .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display, .App .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none;
}
.App .video-react .video-react-mouse-display .video-react-time-tooltip, .App .video-react .video-react-progress-control .video-react-mouse-display:after {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.App .video-react .video-react-fullscreen-control, .App .video-react .video-react-play-control {
  cursor: pointer;
  flex: none;
}
.App .video-react.video-react-fullscreen {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.App .video-react .video-react-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  padding-left: 1em;
  padding-right: 1em;
  width: auto;
}
.App .video-react .video-react-time-divider {
  line-height: 3em;
  min-width: 0;
  min-width: auto;
  padding: 0;
}
.App .video-react .video-react-mute-control, .App .video-react .video-react-volume-menu-button {
  cursor: pointer;
  flex: none;
}
.App .video-react .video-react-volume-control {
  align-items: center;
  display: flex;
  flex: none;
  width: 5em;
}
.App .video-react .video-react-volume-bar {
  margin: 1.35em 0.45em;
}
.App .video-react .video-react-volume-bar.video-react-slider-horizontal {
  height: 0.3em;
  width: 5em;
}
.App .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
  width: 100%;
}
.App .video-react .video-react-volume-bar.video-react-slider-vertical {
  height: 5em;
  margin: 1.35em auto;
  width: 0.3em;
}
.App .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
  height: 100%;
}
.App .video-react .video-react-volume-level {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
}
.App .video-react .video-react-volume-level:before {
  font-size: 0.9em;
  position: absolute;
}
.App .video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em;
}
.App .video-react .video-react-slider-vertical .video-react-volume-level:before {
  left: -0.3em;
  top: -0.5em;
}
.App .video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em;
}
.App .video-react .video-react-slider-horizontal .video-react-volume-level:before {
  right: -0.5em;
  top: -0.3em;
}
.App .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  border-top-color: transparent;
  display: block;
  height: 0;
  width: 0;
}
.App .video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  height: 8em;
  left: 0.5em;
}
.App .video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em;
}
.App .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 0;
}
.App .video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content, .App .video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content, .App .video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content, .App .video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content {
  height: 8em;
  width: 2.9em;
}
.App .video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content, .App .video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content, .App .video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content, .App .video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content {
  height: 2.9em;
  width: 8em;
}
.App .video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important;
}
.App .video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center;
}
.App .video-react .video-react-playback-rate .video-react-menu {
  left: 0;
  width: 4em;
}
.App .video-react .video-react-bezel {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px;
  height: 52px;
  left: 50%;
  margin-left: -26px;
  margin-top: -26px;
  position: absolute;
  top: 50%;
  width: 52px;
  z-index: 17;
}
.App .video-react .video-react-bezel.video-react-bezel-animation {
  animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  pointer-events: none;
}
.App .video-react .video-react-bezel.video-react-bezel-animation-alt {
  animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  pointer-events: none;
}
.App .video-react .video-react-bezel .video-react-bezel-icon {
  font-size: 26px;
  height: 36px;
  line-height: 36px;
  margin: 8px;
  text-align: center;
  width: 36px;
}
@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
.App .video-react .video-react-closed-caption {
  cursor: pointer;
  flex: none;
}
.App .video-react video::-webkit-media-text-track-container {
  transform: translateY(-30px);
}
.App .TopBar {
  background-color: #2e2e2e;
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.App .TopBar .Poster {
  cursor: pointer;
  float: left;
  margin-bottom: -5px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 21%;
}
.App .TopBar .Poster img {
  height: auto;
  width: 100%;
}
.App .TopBar .Poster .poster-banner img {
  width: 30px;
}
.App .TopBar .fullscreen-img {
  background-color: rgba(0, 0, 0, 0.65);
  font-size: 20px;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100;
}
.App .TopBar .fullscreen-img.Poster {
  display: inline-block;
  overflow: hidden;
  padding-right: 0;
  width: 100%;
}
.App .TopBar .fullscreen-img img {
  float: none;
  height: 100%;
  width: auto;
}
.App .TopBar .TicketInfo {
  color: #bbb;
  float: left;
  font-size: 1.1rem;
  height: 100%;
  padding: 20px 20px 20px 40px;
  width: 79%;
}
.App .TopBar h1, .App .TopBar h2, .App .TopBar h3 {
  color: #e9e9e9;
}
.App .TopBar h1 {
  font-size: 2.2rem;
  font-weight: 400;
  margin-right: 50px;
  min-height: 30px;
  overflow: hidden;
}
.App .TopBar h1.clickable:hover {
  color: #d3d3d3;
  cursor: pointer;
}
.App .TopBar .ShowtimeType {
  bottom: 13px;
  color: #e9e9e9;
  font-size: 1.2rem;
  position: absolute;
}
.App .TopBar .icon-exit {
  color: gray;
  cursor: pointer;
  font-size: 24px;
  height: 30px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 12px;
  width: 40px;
  z-index: 100;
}
.App .TopBar label {
  display: inline-block;
  float: left;
  font-weight: 400;
  width: 15%;
}
.App .TopBar .info {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.App .TopBar .info .label {
  display: inline-block;
  width: 80%;
}
.App .TopBar .CountdownTimer {
  bottom: 0;
  flex-direction: column;
  position: absolute;
  right: 0;
}
.App .TopBar .CountdownTimer div:first-of-type {
  align-self: flex-end;
}
.App .TopBar .CountdownTimer .text {
  font-size: 12px;
  padding-top: 10px;
}
@media (min-width: 1140px) {
  .App .TopBar h1 {
    font-size: 2.1rem;
  }
}
@media (max-width: 1010px) {
  .App .TopBar h1 {
    font-size: 1.9rem;
    margin-top: 0;
  }
}
@media (max-width: 880px) {
  .App .TopBar .Poster {
    width: 28%;
  }
  .App .TopBar .TicketInfo {
    font-size: 1rem;
    width: 72%;
  }
  .App .TopBar .TicketInfo label {
    width: 23%;
  }
  .App .TopBar .TicketInfo .info .label {
    width: 77%;
  }
}
@media (max-width: 650px) {
  .App .TopBar {
    margin-top: 52px;
  }
  .App .TopBar .Poster {
    margin-top: 52px;
    width: 31%;
  }
  .App .TopBar .fullscreen-img {
    height: auto;
    margin-top: 52px;
    width: 100%;
  }
  .App .TopBar .TicketInfo {
    margin-top: 55px;
    padding-top: 5px;
    width: 69%;
  }
  .App .TopBar h1 {
    background-color: #2e2e2e;
    background-image: linear-gradient(0deg, #292929, transparent);
    height: 52px;
    left: 0;
    margin: 0;
    padding: 7px 20px 10px;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%;
  }
  .App .TopBar .PriceInfo {
    width: 31%;
  }
  .App .TopBar.club-enabled {
    margin-top: 85px;
  }
  .App .TopBar.header-enabled {
    margin-top: 0;
  }
  .App .TopBar.header-enabled h1 {
    text-align: center;
  }
}
@media (max-width: 500px) {
  .App .TopBar .Poster {
    width: 40%;
  }
  .App .TopBar .TicketInfo {
    font-size: 0.9rem;
    padding-left: 20px;
    width: 60%;
  }
  .App .TopBar .TicketInfo label {
    width: 100%;
  }
  .App .TopBar h2 {
    float: left;
    font-size: 1rem;
    position: static;
  }
  .App .TopBar.club-enabled {
    margin-top: 79px;
  }
  .App .TopBar .ShowtimeType {
    position: static;
  }
}
@media (max-width: 435px) {
  .App .TopBar h1 {
    font-size: 1.6rem;
    padding: 10px 20px;
  }
  .App .TopBar h3 {
    margin: 5px 0 10px;
  }
  .App .TopBar .Poster, .App .TopBar .TicketInfo {
    width: 50%;
  }
  .App .TopBar .duration {
    display: none;
  }
}
.App .CountdownTimer {
  align-content: center;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.App .OrderContainer .table-container {
  display: table;
  width: 100%;
}
.App .OrderContainer .AvailableTickets {
  background-color: #eee;
  display: table-cell;
  padding: 0 10px;
  vertical-align: top;
  width: 21%;
}
.App .OrderContainer .AvailableTickets .location-text {
  padding: 20px 10px 0;
}
.App .OrderContainer .AvailableTickets .Ticket {
  padding-top: 20px;
  text-align: center;
}
.App .OrderContainer .AvailableTickets .Ticket:last-of-type {
  margin-bottom: 10px;
}
.App .OrderContainer .AvailableTickets .Ticket h3 {
  margin: 0;
}
.App .OrderContainer .AvailableTickets .Ticket .price {
  color: #666;
}
.App .OrderContainer .AvailableTickets .discount {
  margin: 45px 0 20px;
}
.App .OrderContainer .AvailableTickets .discount .VoucherInput {
  display: flex;
  margin-bottom: 10px;
  margin-bottom: 5px;
}
.App .OrderContainer .AvailableTickets .discount input[type=text] {
  background: #fff;
  width: 75%;
}
.App .OrderContainer .AvailableTickets .discount .send {
  margin-left: 2%;
}
.App .OrderContainer .AvailableTickets .discount span {
  font-size: 0.8rem;
}
.App .OrderContainer .SeatSelection {
  display: table-cell;
  padding: 0 20px 20px;
  text-align: center;
}
.App .OrderContainer .SeatSelection h1 {
  margin-bottom: 10px;
}
.App .OrderContainer .SeatSelection .seat-container {
  padding-top: 20px;
}
.App .OrderContainer .SeatSelection img {
  cursor: pointer;
  margin-bottom: 20px;
  min-height: 380px;
}
.App .OrderContainer .SeatSelection img.dim {
  cursor: default;
  filter: grayscale(100%);
}
.App .OrderContainer .SeatSelection .unnumbered {
  min-height: 300px;
  padding-top: 100px;
}
.App .OrderContainer .SeatSelection .error {
  font-size: 17px;
  margin: 20px 0;
}
.App .OrderContainer .SeatSelection .SelectedSeats {
  font-weight: 700;
  padding-bottom: 20px;
}
.App .OrderContainer .SeatSelection .seatModal-container_btn {
  color: #000;
  font-family: LibreFranklin;
  font-size: 14px;
  letter-spacing: 0.14px;
  text-decoration: underline;
}
.App .OrderContainer .SeatSelection .SeatColors span {
  border: 1px solid gray;
  display: inline-block;
  height: 20px;
  margin-left: 20px;
  margin-right: 0;
  vertical-align: bottom;
  width: 20px;
}
.App .OrderContainer .SeatSelection .SeatColors span:first-of-type {
  margin-left: 0;
}
.App .OrderContainer .SeatSelection .green {
  background-color: #0c0;
}
.App .OrderContainer .SeatSelection .blue {
  background-color: blue;
}
.App .OrderContainer .SeatSelection .white {
  background-color: #fff;
}
.App .OrderContainer .SeatSelection .red {
  background-color: red;
}
.App .OrderContainer .nav-buttons .back-buttons {
  float: left;
  width: 35%;
}
.App .OrderContainer .nav-buttons .next-buttons {
  float: right;
  width: 65%;
}
.App .OrderContainer .nav-buttons .buy-and-reserve-disabled {
  color: #fff;
  display: inline-block;
  float: right;
  margin-top: 3px;
  padding-right: 2%;
}
@media (max-width: 845px) {
  .App .OrderContainer .AvailableTickets {
    width: 28%;
  }
  .App .OrderContainer .SeatSelection img {
    max-width: 100%;
  }
}
@media (max-width: 650px) {
  .App .OrderContainer .AvailableTickets {
    width: 31%;
  }
  .App .OrderContainer .SeatSelection img {
    min-height: unset;
  }
}
@media (max-width: 530px) {
  .App .OrderContainer .AvailableTickets, .App .OrderContainer .SeatSelection, .App .OrderContainer .discount {
    float: left;
    width: 100%;
  }
  .App .OrderContainer .AvailableTickets .Ticket {
    float: left;
    margin: 0 10px 10px;
    width: 43%;
  }
  .App .OrderContainer .AvailableTickets .discount {
    margin: 5px 10px 20px;
  }
  .App .OrderContainer .AvailableTickets .discount .VoucherInput {
    margin-top: 0;
  }
  .App .OrderContainer .SeatSelection img {
    margin: 0 0 10px;
  }
}
@media (max-width: 424px) {
  .App .OrderContainer .SeatSelection img {
    min-height: unset;
  }
  .App .OrderContainer .SeatSelection .unnumbered {
    min-height: 200px;
    padding-top: 50px;
  }
  .App .OrderContainer .SeatColors {
    font-size: 12px;
  }
  .App .OrderContainer .nav-buttons {
    display: flex;
    height: auto;
  }
  .App .OrderContainer .nav-buttons .back-buttons, .App .OrderContainer .nav-buttons .next-buttons {
    width: 100%;
  }
  .App .OrderContainer .nav-buttons.window {
    height: 43px;
  }
  .App .OrderContainer .nav-buttons.window .next-buttons {
    height: auto;
    width: 100%;
  }
  .App .OrderContainer .nav-buttons.window .next-buttons .next {
    position: static;
  }
}
.App .VoucherInput {
  margin: 20px 0 5px;
  max-width: 650px;
  width: 100%;
}
.App .VoucherInput input {
  height: 33px;
  margin: 1% 0;
  width: 74%;
}
.App .VoucherInput .send {
  background-color: green;
  background-image: linear-gradient(rgba(0, 160, 0, 0.1), rgba(0, 200, 0, 0.4));
  color: #fff;
  margin-left: 1%;
  min-width: 50px;
  vertical-align: bottom;
  width: 18%;
}
.App .VoucherInput .send:hover {
  background-color: #006400;
}
.App .VoucherInput .has-info {
  cursor: pointer;
  display: inline-block;
  padding: 11px 1.5%;
  position: absolute;
}
.App .VoucherInput .has-info .icon-info {
  cursor: pointer;
  font-size: 25px;
}
.App .VoucherInput .slide-down {
  margin: 20px 0;
}
.App .VoucherInput .tool-tip li {
  margin-left: 15px;
}
.App .VoucherInput .input-info {
  margin: 5px 0 20px;
}
.App .VoucherDisplay p {
  margin: 10px 0;
}
.App .VoucherDisplay.tickets {
  margin-left: 30px;
}
.App .VoucherDisplay .clear {
  color: darkred;
  display: inline-block;
  font-weight: 700;
  margin: 0 20px;
}
.App .VoucherDisplay .clear:hover {
  color: red;
  cursor: pointer;
}
.App .VoucherDisplay .icon-close {
  margin-top: 2px;
}
.App .VoucherErrors {
  color: #bb1212;
  margin: 5px 0 20px;
}
.App .modal-backdrop {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 11;
}
.App .modal-content {
  background-color: #1a1a1a;
  color: #fff;
  top: 38px;
}
.App .modal-content, .App .modal-content-alert {
  background-clip: padding-box;
  border: 1px solid #535353;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: auto;
  left: 120px;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 457px;
}
.App .modal-content-alert {
  background-color: #fff;
  color: #101010;
  min-height: 472px;
  top: 20px;
}
.App .modal-content-alert img {
  min-height: 280px;
}
.App .modal-content-alert .alert-text {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
  padding-left: 30px;
  text-align: left;
}
.App .modal-content-alert .alert-text .seat-numbers {
  background-color: #970301;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 26px;
  margin: 0 5px 0 8px;
  padding-top: 2px;
  text-align: center;
  width: 26px;
}
.App .modal-content-alert .alert-info {
  font-size: 16px;
  letter-spacing: 0.48px;
  margin-top: 20px;
  padding: 0 30px;
  text-align: left;
}
.App .modal-content-alert .accept-btn {
  background-image: linear-gradient(180deg, #0f8212 100%, #159b18 0) !important;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 25px;
  margin-left: 30px;
  margin-top: 5px;
  width: 397px;
}
.App .modal-container .title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  margin: 20px 0;
  padding-left: 28px;
  text-align: left;
}
.App .modal-container .description {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.48px;
  margin: 10px 30px;
  text-align: left;
}
.App .modal-container img {
  border: 1px solid #b8b8b8;
  margin: 10px 30px;
  min-height: 279px !important;
  object-fit: contain;
}
.App .modal-container .seat-numbers {
  background-color: #970301;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 400;
  height: 26px;
  margin: 0 5px 0 8px;
  padding: 3px 0;
  width: 26px;
}
.App .modal-container .close-btn {
  border-radius: 3px;
  color: #fff;
  height: 34px;
  margin-bottom: 25px;
  margin-right: 30px;
  margin-top: 15px;
  width: 397px;
}
.App .img_slide_left {
  border: 1px solid #fff;
  left: -50px;
  padding-top: 6px;
}
.App .img_slide_left, .App .img_slide_right {
  background-color: #fff;
  border-radius: 5px;
  color: #000;
  height: 40px;
  position: absolute;
  text-align: center;
  top: 240px;
  width: 40px;
}
.App .img_slide_right {
  padding-left: 10px;
  padding-top: 5px;
  right: -50px;
}
.App button {
  min-width: 40px;
}
.App .container__slider {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.App .container__slider > button:active {
  color: #000;
}
.App .slider__btn-next {
  position: absolute;
  right: 0;
}
.App .slider__btn-prev {
  left: 0;
  position: absolute;
}
.App .container__slider__links {
  bottom: 5%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.App .container__slider__links-small {
  background-color: #fff;
  border: 1px solid grey;
  border-radius: 50%;
  height: 8px;
  margin: 0 2px;
  outline: none;
  padding: 0;
  position: relative;
  transition: background-color 1s ease;
  width: 8px;
}
.App .container__slider__links-small-active {
  background-color: #000;
}
.App .slider__item {
  box-sizing: border-box;
  height: auto;
  min-width: 100%;
  object-fit: cover;
  overflow: hidden;
  transition: transform 1s ease;
}
.App .slider__item-active-1 {
  transform: translateX(0);
}
.App .slider__item-active-2 {
  transform: translateX(-100%);
}
.App .slider__item-active-3 {
  transform: translateX(-200%);
}
.App .slider__item-active-4, .App .slider__item-active-5, .App .slider__item-active-6, .App .slider__item-active-7 {
  transform: translateX(-300%);
}
.App .CustomerContainer {
  display: table;
  width: 100%;
}
.App .CustomerContainer .required {
  color: #bb1212;
  font-size: 22px;
  padding-left: 5px;
}
.App .CustomerContainer .valid {
  color: green;
  font-size: 18px;
}
.App .CustomerContainer .gdpr-text {
  font-size: 12px;
  padding: 0 20px 20px;
}
.App .CustomerContainer .textbox {
  margin: 5px 0;
}
.App .CustomerContainer .textbox label {
  display: inline-block;
  width: 120px;
}
.App .CustomerContainer .textbox input {
  height: 30px;
  width: 55%;
}
.App .CustomerContainer .textbox .error, .App .CustomerContainer .textbox .helper-text {
  margin: 0 30px 0 120px;
  width: 65%;
}
.App .CustomerContainer .textbox .helper-text {
  font-size: 0.8em;
}
.App .CustomerContainer .checkboxes {
  margin-left: 122px;
  margin-top: 15px;
  width: 75%;
}
.App .CustomerContainer .checkboxes label {
  align-items: center;
  display: inline-flex;
  margin-right: 15px;
}
.App .CustomerContainer .checkboxes .conditions {
  margin-top: 10px;
}
.App .CustomerContainer .checkboxes .conditions .error {
  margin-left: 3px;
}
.App .CustomerContainer .checkboxes .gdpr-text {
  padding: 5px 5px 5px 0;
}
.App .CustomerContainer .checkboxes .parkingContainer {
  margin-bottom: 30px;
  margin-left: -122px;
}
.App .CustomerContainer .checkboxes .parkingContainer div {
  display: grid;
  grid-template-columns: 120px 1fr;
}
.App .CustomerContainer .checkboxes .parkingContainer .inputContainer {
  background-color: #fff;
  border-radius: 4px;
  height: 43px;
  left: 122px;
  position: relative;
  width: 180px;
}
.App .CustomerContainer .checkboxes .parkingContainer .inputContainer .input_border {
  border: 1px solid #ea3323;
  border-radius: 4px;
  height: 38px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 176px;
}
.App .CustomerContainer .checkboxes .parkingContainer .inputContainer .input_border .logos {
  background-color: #29609c;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 33px;
  margin-left: 2px;
  margin-top: 2px;
  width: 22px;
}
.App .CustomerContainer .checkboxes .parkingContainer .inputContainer .input_border .logos .input_dk {
  margin-left: 3px;
  margin-top: 4px;
}
.App .CustomerContainer .checkboxes .parkingContainer .inputContainer .input_border input {
  background-color: #fff;
  font-size: 22px;
  height: 34px;
  left: 27px;
  outline: none;
  position: absolute;
  text-transform: uppercase;
  width: 145px;
}
.App .CustomerContainer .checkboxes .parkingContainer .parking_warning {
  font-size: 10px;
  left: 122px;
  position: relative;
}
@media (max-width: 705px) {
  .App .CustomerContainer .textbox input {
    width: 67%;
  }
}
@media (max-width: 570px) {
  .App .CustomerContainer .textbox label {
    width: 95px;
  }
  .App .CustomerContainer .checkboxes, .App .CustomerContainer .textbox .error, .App .CustomerContainer .textbox .helper-text {
    margin-left: 95px;
  }
  .App .CustomerContainer input[type=email], .App .CustomerContainer input[type=password], .App .CustomerContainer input[type=tel], .App .CustomerContainer input[type=text] {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .App .CustomerContainer:last-child {
    padding-bottom: 30px;
  }
  .App .CustomerContainer .textbox {
    width: 100%;
  }
  .App .CustomerContainer .textbox .error {
    margin-left: 0;
    width: 100%;
  }
  .App .CustomerContainer .textbox input {
    width: 90%;
  }
  .App .CustomerContainer .textbox .helper-text {
    margin: 0;
    width: 100%;
  }
  .App .CustomerContainer .checkboxes {
    margin-left: 0;
    width: 100%;
  }
}
.App .ClubCard {
  background: gray;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05));
  color: #fff;
  display: table;
  height: 43px;
  width: 100%;
}
.App .ClubCard h1 {
  display: inline-block;
  margin: 5px 10px 5px 20px;
}
.App .ClubCard .login span {
  float: right;
  font-size: 14px;
  margin: 13px 10px;
  vertical-align: middle;
}
.App .ClubCard .login-button {
  margin-top: 5px;
}
.App .ClubCard .Login form {
  margin: auto;
  width: 355px;
}
.App .ClubCard .Login .textbox {
  margin: 20px 0;
}
.App .ClubCard .Login .textbox label {
  display: inline-block;
  min-width: 70px;
  text-align: left;
  width: 20%;
}
.App .ClubCard .Login .textbox input[type=password], .App .ClubCard .Login .textbox input[type=text] {
  margin-left: 10px;
  width: 73%;
}
.App .ClubCard .Login .reset-password {
  cursor: pointer;
  font-size: 14px;
  margin: -10px 7px 20px;
  text-align: right;
  text-decoration: underline;
}
.App .ClubCard .Login .reset-password:hover {
  font-weight: 700;
}
.App .ClubCard .Login .buttons {
  margin-right: 8px;
  text-align: right;
}
.App .ClubCard .Login .buttons .error {
  background: #353535;
  border: 1px solid #313131;
  border-radius: 3px;
  color: #ff3f3f;
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: 8px;
  padding: 10px;
  text-align: center;
}
.App .ClubCard .Login .buttons .red {
  min-width: 80px;
}
.App .ClubCard h3 {
  float: right;
  margin: 11px 20px 5px;
}
@media (max-width: 620px) {
  .App .ClubCard {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
}
@media (max-width: 500px) {
  .App .ClubCard h1 {
    margin-top: 5px;
  }
  .App .ClubCard .login span {
    font-size: 12px;
  }
}
@media (max-width: 390px) {
  .App .ClubCard {
    height: 34px;
  }
  .App .ClubCard .login span {
    display: none;
  }
}
@media (max-width: 355px) {
  .App .ClubCard .Login form {
    width: 100%;
  }
  .App .ClubCard .Login form label {
    font-size: 15px;
    width: 50px;
  }
  .App .ClubCard .Login form .reset-password {
    margin-right: 20px;
  }
}
@media (max-height: 345px) {
  .App .ClubCard .Login {
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
.App .ExtraPurchaseContainer {
  display: table;
  padding-bottom: 0;
  width: 100%;
}
.App .ExtraPurchaseContainer .extra-text, .App .ExtraPurchaseContainer h1 {
  padding-left: 20px;
}
.App .ExtraPurchaseList {
  display: flex;
  flex-wrap: wrap;
}
.App .ExtraPurchaseItem {
  display: flex;
  flex-direction: column;
  max-width: 33.33%;
  padding: 0 20px 40px;
  text-align: center;
}
.App .ExtraPurchaseItem h3 {
  margin: 5px 0 0;
}
.App .ExtraPurchaseItem img {
  height: 196px;
  margin: auto;
  max-width: 100%;
}
.App .ExtraPurchaseItem .name-and-price {
  font-size: 1rem;
}
.App .ExtraPurchaseItem .note {
  color: #6b6b6b;
}
@media (max-width: 700px) {
  .App .ExtraPurchaseItem {
    max-width: 50%;
  }
}
@media (max-width: 500px) {
  .App .ExtraPurchaseItem {
    max-width: 100%;
  }
}
.App .BioKlubDkContainer p {
  margin: 10px 0;
}
.App .BioKlubDkContainer .active, .App .BioKlubDkContainer .clear, .App .BioKlubDkContainer .errors {
  margin-top: 5px;
}
.App .BioKlubDkContainer img {
  margin: 5px 0;
  max-width: 500px;
  width: 100%;
}
.App .BioKlubDkContainer .icon-tool-tip {
  cursor: pointer;
  font-size: 21px;
  padding: 5px;
  vertical-align: bottom;
}
.App .GiftCardContainer .content-container {
  max-width: 640px;
}
.App .GiftCardContainer .overview {
  max-width: 560px;
  width: 93%;
}
.App .GiftCardContainer p {
  margin: 10px 0;
}
.App .GiftCardContainer span {
  float: right;
}
.App .GiftCardContainer .active .clear {
  float: none;
}
.App .GiftCardContainer .VoucherInput {
  margin-top: 35px;
}
.App .PaymentContainer {
  display: table;
  width: 100%;
}
.App .PaymentContainer .required {
  color: #bb1212;
  font-size: 22px;
  padding-left: 5px;
}
.App .PaymentContainer .valid {
  color: green;
  font-size: 18px;
}
.App .PaymentContainer .giftcard {
  background-color: green;
  background-image: linear-gradient(rgba(0, 160, 0, 0.1), rgba(0, 200, 0, 0.4));
  color: #fff;
  margin-bottom: 15px;
  padding: 0 20px;
}
.App .PaymentContainer .giftcard:hover {
  background-color: #006400;
}
.App .PaymentContainer .Payment {
  float: left;
  width: 50%;
}
.App .PaymentContainer .Payment .CreditCardOption {
  background-color: #eee;
  cursor: pointer;
  display: block;
  height: 33px;
  margin: 5px 0;
  padding: 5px;
}
.App .PaymentContainer .Payment .CreditCardOption input {
  margin-bottom: 3px;
  vertical-align: middle;
}
.App .PaymentContainer .Payment .CreditCardOption img {
  height: 20px;
  margin: 0 10px 2px;
  vertical-align: middle;
  width: 30px;
}
.App .PaymentContainer .Payment .CreditCardOption span {
  display: inline-block;
  margin-top: 1px;
}
.App .PaymentContainer .DibsForm {
  margin: auto;
  width: 100%;
}
.App .PaymentContainer .DibsForm #dibsiframe {
  width: 100%;
}
@media (max-width: 705px) {
  .App .PaymentContainer .Payment .error {
    text-align: left;
  }
}
@media (max-width: 600px) {
  .App .PaymentContainer .Payment {
    width: 100%;
  }
}
.App .Summary {
  background: #eee;
  display: table;
  width: 100%;
}
.App .Summary.fixed-nav .summary-info {
  background-image: linear-gradient(0deg, rgba(179, 179, 179, 0.1), #eee);
}
.App .Summary.fixed-nav h3 {
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), #dedede);
}
.App .Summary .summary-info, .App .Summary h3 {
  float: left;
  height: 100%;
}
.App .Summary h3 {
  margin: 0;
  padding: 18px 20px;
  white-space: nowrap;
  width: 21%;
}
.App .Summary h3:hover {
  cursor: pointer;
}
.App .Summary .icon-chevrons-down, .App .Summary .icon-chevrons-up {
  padding: 4px 5px 0 0;
}
.App .Summary .summary-info {
  background: #fff;
  color: #000;
  padding: 23px;
  width: 79%;
}
.App .Summary .summary-info .SelectedTickets {
  display: inline;
}
.App .Summary .summary-info .order {
  float: left;
  width: 70%;
}
.App .Summary .summary-info .total-price {
  float: right;
  font-weight: 700;
  text-align: right;
  width: 30%;
}
.App .Summary .PriceInfo {
  float: left;
  margin-top: 10px;
  padding: 0 20px;
  transition: height 0.2s cubic-bezier(0, 1, 0.5, 1);
  width: 320px;
}
.App .Summary .PriceInfo.closed {
  height: 0;
  margin-top: 0;
  overflow: hidden;
}
.App .Summary .PriceInfo p {
  margin: 10px 0;
}
.App .Summary .PriceInfo p:last-of-type {
  margin-bottom: 25px;
}
.App .Summary .PriceInfo span {
  display: inline-block;
  float: right;
}
.App .Summary .PriceInfo .disabled {
  color: #979797;
}
@media (max-width: 845px) {
  .App .Summary h3 {
    width: 28%;
  }
  .App .Summary .summary-info {
    width: 72%;
  }
}
@media (max-width: 650px) {
  .App .Summary h3 {
    padding-left: 17px;
    width: 100%;
  }
  .App .Summary.fixed-nav .summary-info {
    background-image: none;
  }
  .App .Summary .summary-info {
    padding: 20px;
    width: 100%;
  }
  .App .Summary .summary-info .order {
    width: 64%;
  }
  .App .Summary .summary-info .SelectedTickets span {
    width: 100%;
  }
  .App .Summary .summary-info .total-price {
    width: 36%;
  }
}
@media (max-width: 500px) {
  .App .Summary .PriceInfo, .App .Summary .summary-info, .App .Summary h3 {
    width: 100%;
  }
}
@media (max-width: 424px) {
  .App .Summary {
    margin-bottom: 80px;
  }
}
.App .LanguagePicker {
  z-index: 0 !important;
}
.App .AltaPaymentContainer {
  background-color: #2c2c2c;
}
.App .AltaPaymentContainer .content-container {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 425px;
  padding: 0;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 32px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .overview {
  border-top: 1px solid #c3c3c3;
  color: #1e1e1e;
  font-size: 13px;
  margin-bottom: 30px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .overview .extra {
  color: #979797;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .overview .fine {
  color: #1e1e1e;
  height: 24px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .Vouchers_giftcard {
  display: flex;
  height: 50px;
  justify-content: space-between;
  position: relative;
  top: -12px;
  width: 100%;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .Vouchers_giftcard .icon-close {
  color: #9a0301;
  margin-left: 10px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .Vouchers_giftcard .saldo {
  color: #979797;
  font-size: 13px;
  left: 50px;
  position: absolute;
  top: 30px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .information_icon {
  background-color: #980301;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  position: absolute;
  right: -20px;
  text-align: center;
  top: 12px;
  width: 20px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .giftcard_title {
  color: #1e1e1e;
  font-weight: 600;
  height: 10px;
  letter-spacing: 0.32px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer input[type=text] {
  background-color: #fff;
  border: 1px solid #000;
  width: 70%;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer input[type=text]:-ms-input-placeholder {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.14px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer input[type=text]::placeholder {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.14px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .has-info .icon-info {
  background-color: #980301;
  border-color: #980301;
  border-radius: 50%;
  color: #fff;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer input[type=submit] {
  background-image: linear-gradient(257deg, #3f3f3f, #000 -46%);
  width: 133px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .input-info {
  color: #1e1e1e;
  font-size: 11px;
  letter-spacing: 0.11px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .giftcardContainer_title {
  color: #1e1e1e;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin: 0;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .movie_desc {
  color: #1e1e1e;
  font-size: 16px;
  letter-spacing: 0.32px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .alertinfo {
  border-radius: 2px;
  font-size: 11px;
  font-weight: 600;
  height: 22px;
  line-height: 18px;
  margin-top: 12px;
  padding-left: 8px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .ticketsInfos {
  border-bottom: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
  margin-top: 30px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .ticketsInfos .active p {
  width: 100%;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .ticketsInfos .ticketQnt {
  color: #1e1e1e;
  height: 23px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .ticketsInfos .giftcarsnumber_cont, .App .AltaPaymentContainer .content-container .alta_giftcardContainer .ticketsInfos div {
  display: flex;
  justify-content: space-between;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .ticketsInfos div p {
  font-size: 13px;
  line-height: 10px;
}
.App .AltaPaymentContainer .content-container .alta_giftcardContainer .sum_container {
  border-bottom: 1px solid #414141;
  color: #1e1e1e;
  display: flex;
  font-size: 13px;
  font-weight: 800;
  height: 35px;
  justify-content: space-between;
  letter-spacing: 0.14px;
}
.App .AltaPaymentContainer .content-container .altaContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer {
  background-color: #efefef;
  height: 100%;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 72px;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .paymethod_text {
  font-weight: 800;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer #payment-methods {
  display: grid !important;
  font-size: 13px;
  width: 100%;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .payment-method-logo {
  padding-top: 10px;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .paymentMethodContainer {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  width: 100%;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container {
  border-bottom: 1px solid #e8e8e8 !important;
  display: flex;
  padding: 10px 20px;
  position: relative;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container .payment-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-left: 20px;
  width: 100%;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container .payment-item .payment-description {
  margin-top: 6px;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  background-clip: content-box;
  background-color: transparent;
  border: 1px solid dimgrey;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin-top: 6px;
  padding: 3px;
  width: 15px;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container input[type=radio]:checked {
  background-color: #000;
  border: 1px solid #000;
}
.App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer .paymentMethodContainer img {
  height: 30px;
  width: 30px;
}
.App .AltaPaymentContainer .content-container .altaContainer .theLastPriceCon {
  background-color: #efefef40;
  display: flex;
  height: 83px;
  justify-content: space-between;
  padding-left: 75px;
  padding-right: 81px;
}
.App .AltaPaymentContainer .content-container .altaContainer .theLastPriceCon p {
  color: #1e1e1e;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.App .AltaPaymentContainer .btncontent-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 43px;
  position: relative;
}
.App .AltaPaymentContainer .btncontent-container .loaderContainer {
  background-color: green;
  background-image: linear-gradient(99deg, #388123 22.8%, #44992b 87.51%);
  border-radius: 4px;
  height: 33px;
  margin-right: 3px;
  margin-top: 5px;
}
.App .AltaPaymentContainer .btncontent-container .loaderContainer .loaderDiv {
  display: flex;
  justify-content: center;
  margin: auto;
}
.App .AltaPaymentContainer .btncontent-container .loaderContainer .loaderDiv .loader {
  animation: spin 2s linear infinite;
  border: 4px solid #3e9458;
  border-radius: 50%;
  border-top: 5px solid #fff;
  height: 28px;
  margin-top: 2px;
  width: 28px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.App .AltaPaymentContainer .back_button {
  background-color: gray;
  background-image: linear-gradient(90deg, #848484, #969796) !important;
  border-radius: 3px;
  color: #fff;
  height: 33px;
  margin-left: 4px;
  margin-top: 5px;
  width: 105px;
}
.App .AltaPaymentContainer .payment-button {
  background: linear-gradient(99deg, #388123 22.8%, #44992b 87.51%);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-right: 3px;
  margin-top: 4px;
  padding-top: 0;
}
.App .AltaPaymentContainer #payment-button {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}
.App .AltaPaymentContainer #payment-button button:hover {
  box-shadow: none;
}
.App .AltaPaymentContainer #payment-button:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (max-width: 700px) {
  .App .AltaPaymentContainer .content-container {
    display: flex;
    flex-direction: column;
  }
  .App .AltaPaymentContainer .content-container .alta_giftcardContainer {
    margin-top: 12px;
  }
  .App .AltaPaymentContainer .content-container .alta_giftcardContainer input[type=text] {
    width: 90%;
  }
  .App .AltaPaymentContainer .content-container .alta_giftcardContainer .overview {
    margin-bottom: 10px;
  }
  .App .AltaPaymentContainer .content-container .altaContainer .alta_altaContainer {
    padding: 10px;
  }
  .App .AltaPaymentContainer .content-container .altaContainer .theLastPriceCon {
    height: 50px;
    padding: 0;
  }
  .App .AltaPaymentContainer .content-container .altaContainer .theLastPriceCon p {
    margin: 10px;
  }
}
.App .spinner {
  animation: rotateSpinner 0.8s linear infinite;
  border: 5px solid #d1d1d8;
  border-radius: 50%;
  border-right-color: #2f7e26;
  height: 80px;
  left: 45%;
  position: absolute;
  width: 80px;
}
@keyframes rotateSpinner {
  to {
    transform: rotate(1turn);
  }
}
.App .CommercialsContainer {
  padding-bottom: 43px;
}
.App .CommercialsContainer .CommercialListItem {
  color: #fff;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.App .CommercialsContainer .CommercialListItem:hover {
  box-shadow: inset 0 0 1em #000, 0 0 1em #000;
  cursor: pointer;
  transform: scale(1.04);
}
.App .CommercialsContainer .CommercialListItem .img-container {
  height: 450px;
  overflow: hidden;
}
.App .CommercialsContainer .CommercialListItem img {
  height: auto;
  width: 100%;
}
.App .CommercialsContainer .CommercialListItem .text {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.App .CommercialsContainer .nav-buttons {
  bottom: 0;
  height: 43px;
  left: 0;
  position: fixed;
  right: 0;
}
.App .CommercialsContainer .nav-buttons .next {
  float: none;
  font-size: 20px;
  margin: 0 5px;
  width: 99.5%;
}
@media (max-width: 765px) {
  .App .CommercialsContainer .CommercialListItem .img-container {
    height: 350px;
  }
}
@media (max-width: 645px) {
  .App .CommercialsContainer .CommercialListItem .img-container {
    height: 250px;
  }
}
@media (max-width: 415px) {
  .App .CommercialsContainer .CommercialListItem .img-container {
    height: 200px;
  }
}
.App .TransactionsContainer .Login {
  padding: 20px;
  width: 500px;
}
.App .TransactionsContainer .Login .row {
  margin: 15px 0;
}
.App .TransactionsContainer .Login .row .textbox, .App .TransactionsContainer .Login .row label {
  margin-top: 5px;
  width: 100%;
}
.App .TransactionsContainer .Login .row .next {
  margin: 0;
}
.App .TransactionsContainer .two-columns .movie-info h1 {
  padding-bottom: 5px;
}
.App .TransactionsContainer .close {
  float: right;
}
.App .TransactionsContainer .removed {
  opacity: 0.5;
}
.App .TransactionsContainer .removed img {
  filter: grayscale(80%);
}
.App .TransactionsContainer .removed:hover .Poster, .App .TransactionsContainer .removed:hover h1 {
  box-shadow: none;
}
.App .TransactionsContainer .removed:hover .Poster:hover, .App .TransactionsContainer .removed:hover h1:hover {
  pointer-events: none;
}
.App .TransactionsContainer .removed:hover .Poster img, .App .TransactionsContainer .removed:hover h1 img {
  pointer-events: none;
  transform: none;
  transition: none;
}
.App .TransactionsContainer .removed .read-more {
  color: #ca0000;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 450px) {
  .App .TransactionsContainer .Login {
    width: 100%;
  }
  .App .TransactionsContainer .Login .row .textbox, .App .TransactionsContainer .Login .row label {
    display: block;
    width: 100%;
  }
}
.App .NewslettersContainer {
  padding: 20px;
}
.App .NewslettersContainer .newsletter {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.App .NewslettersContainer input[type=checkbox] {
  margin-right: 10px;
}
.App .NewslettersContainer form {
  max-width: 400px;
  padding: 0 0 40px;
}
.App .NewslettersContainer form label {
  margin-right: 20px;
  width: 40px;
}
.App .NewslettersContainer form .textbox {
  height: 33px;
  width: 220px;
}
.App .NewslettersContainer form .error {
  margin-left: 60px;
}
.App .NewslettersContainer .subscribed {
  color: green;
  font-weight: 700;
  opacity: 0;
}
.App .NewslettersContainer .unsubscribed {
  color: red;
  font-weight: 700;
  opacity: 0;
}
.App .NewslettersContainer .fade-in-out {
  animation: fade-in-out 2s linear;
}
@keyframes fade-in-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}
.App .filmklub-container {
  background-color: #0a0a0a;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.App .filmklub-container .Poster img {
  cursor: default;
}
.App .filmklub-container .filmklub-header {
  background-image: linear-gradient(94deg, #d4d4d4 -49%, #eee 51%);
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.App .filmklub-container .filmklub-header .filmklub-billet-btn {
  background-image: linear-gradient(258deg, #950200 56%, #9e0200 0);
  color: #fff;
  letter-spacing: 0.15px;
  margin-top: 12px;
  width: 170px;
}
.App .filmklub-container .MovieList .MovieListItem .eventFilmsItems-movieInfo {
  background-image: linear-gradient(154deg, #d4d4d4 30%, #eee 130%);
  height: 150px;
  padding-left: 10px;
}
.App .filmklub-container .MovieList .MovieListItem .eventFilmsItems-btn {
  background-color: darkred;
  background-image: none;
  color: #fff;
  width: 100px;
}
.App .filmklub-container > .MovieList > .five-columns {
  justify-content: space-between;
  padding-bottom: 0;
}
.App .filmlist {
  border: 1px solid #d3d3d3;
  display: grid;
  flex-direction: column;
  grid-template-rows: 1fr 1fr;
  height: 500px;
  width: 20%;
}
.App .filmlist:hover > .filmlist_poster-container img {
  transform: scale(1.05);
}
.App .filmlist .filmlist_poster-container {
  height: 300px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.App .filmlist .filmlist_poster-container img {
  height: 100%;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.App .filmlist .filmlist_poster-container .filmlist_agebanner {
  bottom: 6px;
  position: absolute;
  right: 6px;
}
.App .SeatColors {
  display: "flex";
  margin-bottom: 30px;
  text-align: center;
}
.App .SeatColors span {
  border: 1px solid gray;
  display: inline-block;
  height: 20px;
  margin-left: 20px;
  margin-right: 3px;
  vertical-align: bottom;
  width: 20px;
}
.App .green {
  background-color: #0c0;
}
.App .blue {
  background-color: blue;
}
.App .white {
  background-color: #fff;
}
.App .red {
  background-color: red;
}
@media (max-width: 845px) {
  .App .orderContainer .seatContainer img {
    max-width: 100%;
  }
}
.App .noshow {
  background-color: rgba(161, 161, 161, 0.95);
  bottom: 0;
  color: #fff;
  font-size: 20px;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.App .lay-content {
  background-color: rgba(0, 0, 0, 0.6);
  margin: 150px auto auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.App .PensioEmbeddedPaymentWindowBackground {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.App .AltaPaymentContainerMulti {
  background-color: #2c2c2c;
}
.App .AltaPaymentContainerMulti .content-container {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
}
.App .AltaPaymentContainerMulti .content-container .altaPayMulti {
  padding: 20px 50px;
}
.App .AltaPaymentContainerMulti .content-container .altaPayMulti .title {
  color: #1e1e1e;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.App .AltaPaymentContainerMulti .content-container .altaPayMulti .desc {
  color: #1e1e1e;
  font-size: 16px;
  letter-spacing: 0.32px;
}
.App .AltaPaymentContainerMulti .content-container .altaPayMulti form {
  border-top: 1px solid #c3c3c3;
  color: #1e1e1e;
  font-size: 13px;
  margin-top: 30px;
}
.App .AltaPaymentContainerMulti .content-container .altaPayMulti form .order {
  padding: 0 30px;
}
.App .AltaPaymentContainerMulti .content-container .altaPayMulti form .extra {
  border-bottom: 1px solid #c3c3c3;
  height: 35px;
}
.App .AltaPaymentContainerMulti .content-container .altaPayMulti form .sum_container {
  border-bottom: 1px solid #414141;
  color: #1e1e1e;
  display: flex;
  font-size: 13px;
  font-weight: 800;
  height: 35px;
  justify-content: space-between;
  letter-spacing: 0.14px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 32px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .giftcard_title {
  color: #1e1e1e;
  font-weight: 600;
  height: 10px;
  letter-spacing: 0.32px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer input[type=submit] {
  background-image: linear-gradient(257deg, #3f3f3f, #000 -46%);
  width: 133px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .input-info {
  color: #1e1e1e;
  font-size: 11px;
  letter-spacing: 0.11px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .giftcardContainer_title {
  color: #1e1e1e;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin: 0;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .movie_desc {
  color: #1e1e1e;
  font-size: 16px;
  letter-spacing: 0.32px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .alertinfo {
  border-radius: 2px;
  font-size: 11px;
  font-weight: 600;
  height: 22px;
  line-height: 18px;
  margin-top: 12px;
  padding-left: 8px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .ticketsInfos {
  border-bottom: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
  margin-top: 30px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .ticketsInfos .active p {
  width: 100%;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .ticketsInfos .ticketQnt {
  color: #1e1e1e;
  height: 23px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .ticketsInfos .giftcarsnumber_cont, .App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .ticketsInfos div {
  display: flex;
  justify-content: space-between;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .ticketsInfos div p {
  font-size: 13px;
  line-height: 10px;
}
.App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .sum_container {
  border-bottom: 1px solid #414141;
  color: #1e1e1e;
  display: flex;
  font-size: 13px;
  font-weight: 800;
  height: 35px;
  justify-content: space-between;
  letter-spacing: 0.14px;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer {
  background-color: #efefef;
  height: 100%;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 50px;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .paymethod_text {
  font-weight: 800;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer #payment-methods {
  display: grid !important;
  font-size: 13px;
  width: 100% !important;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .payment-method-logo {
  padding-top: 10px;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .paymentMethodContainer {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  width: 100%;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container {
  border-bottom: 1px solid #e8e8e8 !important;
  display: flex;
  padding: 10px 20px;
  position: relative;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container .payment-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-left: 20px;
  width: 100%;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container .payment-item .payment-description {
  margin-top: 6px;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  background-clip: content-box;
  background-color: transparent;
  border: 1px solid dimgrey;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin-top: 6px;
  padding: 3px;
  width: 15px;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .paymentMethodContainer .payment-item-container input[type=radio]:checked {
  background-color: #000;
  border: 1px solid #000;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer .paymentMethodContainer img {
  height: 30px;
  width: 30px;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .theLastPriceCon {
  background-color: #efefef40;
  display: flex;
  height: 83px;
  justify-content: space-between;
  padding-left: 75px;
  padding-right: 81px;
}
.App .AltaPaymentContainerMulti .content-container .altaContainer .theLastPriceCon p {
  color: #1e1e1e;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.App .AltaPaymentContainerMulti .btncontent-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 43px;
}
.App .AltaPaymentContainerMulti .btncontent-container .loaderContainer {
  background-color: green;
  background-image: linear-gradient(99deg, #388123 22.8%, #44992b 87.51%);
  border-radius: 4px;
  height: 33px;
  margin-right: 3px;
  margin-top: 5px;
}
.App .AltaPaymentContainerMulti .btncontent-container .loaderContainer .loaderDiv {
  display: flex;
  justify-content: center;
  margin: auto;
}
.App .AltaPaymentContainerMulti .btncontent-container .loaderContainer .loaderDiv .loader {
  animation: spin 2s linear infinite;
  border: 4px solid #3e9458;
  border-radius: 50%;
  border-top: 5px solid #fff;
  height: 28px;
  margin-top: 2px;
  width: 28px;
}
.App .AltaPaymentContainerMulti .back_button {
  background-image: linear-gradient(90deg, #848484, #969796) !important;
  border-radius: 2px;
  color: #fff;
  margin-left: 5px;
  margin-top: 5px;
  width: 102px;
}
.App .AltaPaymentContainerMulti .payment-button {
  background-image: linear-gradient(266deg, #950200, #9e0200 -50%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  height: 43px;
}
.App .AltaPaymentContainerMulti #payment-button {
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  height: 33px;
}
.App .AltaPaymentContainerMulti #payment-button button:hover {
  box-shadow: none;
}
.App .AltaPaymentContainerMulti #payment-button:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (max-width: 700px) {
  .App .AltaPaymentContainerMulti .content-container {
    display: flex;
    flex-direction: column;
  }
  .App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer {
    margin-top: 12px;
  }
  .App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer input[type=text] {
    width: 90%;
  }
  .App .AltaPaymentContainerMulti .content-container .alta_giftcardContainer .overview {
    margin-bottom: 10px;
  }
  .App .AltaPaymentContainerMulti .content-container .altaContainer .alta_altaContainer {
    padding: 10px;
  }
  .App .AltaPaymentContainerMulti .content-container .altaContainer .theLastPriceCon {
    height: 50px;
    padding: 0;
  }
  .App .AltaPaymentContainerMulti .content-container .altaContainer .theLastPriceCon p {
    margin: 10px;
  }
}
.App .App-ebillet {
  display: table;
  font-family: oswald;
  margin: auto;
  max-width: 100%;
  width: 1400px;
}
.App .App-ebillet .overlay {
  background-color: #303030;
}
.App .App-ebillet .content-wrapper {
  max-width: 100%;
}
.App .App-ebillet .content-wrapper .header-section {
  background-color: #3b3b3b;
}
.App .App-ebillet .film-details {
  background-color: #303030;
  font-family: Oswald;
}
.App .App-ebillet .film-details .Movie {
  background-color: #303030 !important;
  margin: auto;
  max-width: 1170px;
}
.App .App-ebillet .film-details .orgs_container {
  margin: auto;
  max-width: 1170px;
}
.App .App-ebillet button:hover {
  box-shadow: none;
  cursor: pointer;
}
.App .App-ebillet button {
  background: transparent;
  border: none;
  outline: none;
}
.App .App-ebillet .AllMovies, .App .App-ebillet .ebilletProgram {
  background-color: #303030;
  font-family: oswald;
}
.App .App-ebillet .AllMovies .Calendar, .App .App-ebillet .ebilletProgram .Calendar {
  background-color: transparent;
  margin: auto;
  max-width: 1170px;
  top: 122px;
}
.App .App-ebillet .AllMovies .Calendar .icon-close, .App .App-ebillet .ebilletProgram .Calendar .icon-close {
  right: 31%;
}
.App .App-ebillet .AllMovies .Calendar .DayPicker, .App .App-ebillet .ebilletProgram .Calendar .DayPicker {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.App .App-ebillet .AllMovies .chooseFromContainer, .App .App-ebillet .ebilletProgram .chooseFromContainer {
  background-color: #3b3b3b;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  height: 115px;
  justify-content: space-between;
  margin: auto;
  max-width: 1170px;
  padding-bottom: 20px;
}
.App .App-ebillet .AllMovies .chooseFromContainer .chooseDay, .App .App-ebillet .ebilletProgram .chooseFromContainer .chooseDay {
  font-size: 22px;
  font-weight: 600;
}
.App .App-ebillet .AllMovies .chooseFromContainer .days-btns, .App .App-ebillet .ebilletProgram .chooseFromContainer .days-btns {
  border: 1px solid #757575;
  color: #d2d2d2;
  font-weight: 400;
  margin-right: 8px;
  min-width: 40px;
}
.App .App-ebillet .AllMovies .chooseFromContainer .day_btns_0, .App .App-ebillet .ebilletProgram .chooseFromContainer .day_btns_0 {
  width: 56px;
}
.App .App-ebillet .AllMovies .chooseFromContainer .day_btns_1, .App .App-ebillet .ebilletProgram .chooseFromContainer .day_btns_1 {
  width: 77px;
}
.App .App-ebillet .AllMovies .chooseFromContainer .day_btns_2, .App .App-ebillet .AllMovies .chooseFromContainer .day_btns_3, .App .App-ebillet .AllMovies .chooseFromContainer .day_btns_4, .App .App-ebillet .ebilletProgram .chooseFromContainer .day_btns_2, .App .App-ebillet .ebilletProgram .chooseFromContainer .day_btns_3, .App .App-ebillet .ebilletProgram .chooseFromContainer .day_btns_4 {
  text-transform: capitalize;
  width: 98px;
}
.App .App-ebillet .AllMovies .region, .App .App-ebillet .ebilletProgram .region {
  color: #fff;
  display: flex;
  max-width: 1170px;
}
.App .App-ebillet .AllMovies .choose-title, .App .App-ebillet .AllMovies .region-title, .App .App-ebillet .ebilletProgram .choose-title, .App .App-ebillet .ebilletProgram .region-title {
  font-size: 22px;
  font-weight: 600;
}
.App .App-ebillet .AllMovies .regionPointer:hover, .App .App-ebillet .ebilletProgram .regionPointer:hover {
  cursor: pointer;
}
.App .App-ebillet .AllMovies .chooseRegion, .App .App-ebillet .ebilletProgram .chooseRegion {
  border: 1px solid #757575;
  border-radius: 2px;
  color: #999;
  margin-top: -15px;
  position: relative;
  width: 177px;
  z-index: 99;
}
.App .App-ebillet .AllMovies .region, .App .App-ebillet .ebilletProgram .region {
  letter-spacing: 0.44px;
  margin: 0;
}
.App .App-ebillet .AllMovies .one, .App .App-ebillet .ebilletProgram .one {
  background-color: #f7f7f7;
  border-radius: 2px;
  color: #000;
  font-size: 12px;
  padding: 0 7px;
  position: absolute;
  right: 45px;
  top: 7px;
}
.App .App-ebillet .AllMovies .rotated, .App .App-ebillet .ebilletProgram .rotated {
  margin-top: 12px;
  transform: rotate(180deg);
}
.App .App-ebillet .AllMovies .checkCheckbox, .App .App-ebillet .ebilletProgram .checkCheckbox {
  border: 1px solid #757575;
  height: 19px;
  width: 19px;
}
.App .App-ebillet .AllMovies .chooseCinema, .App .App-ebillet .ebilletProgram .chooseCinema {
  border: 1px solid #757575;
  border-radius: 2px;
  color: #999;
  margin-top: -15px;
  width: 378px;
}
.App .App-ebillet .AllMovies .scroll, .App .App-ebillet .ebilletProgram .scroll {
  width: 378px;
}
.App .App-ebillet .AllMovies .scroll::-webkit-scrollbar, .App .App-ebillet .ebilletProgram .scroll::-webkit-scrollbar {
  width: 33px;
}
.App .App-ebillet .AllMovies .scroll::-webkit-scrollbar-thumb, .App .App-ebillet .ebilletProgram .scroll::-webkit-scrollbar-thumb {
  background: #3b3b3b;
  border-right: 2px solid transparent;
  box-shadow: inset 1px 1px 1px 100px #757575;
}
.App .App-ebillet .AllMovies .scroll::-webkit-scrollbar-track, .App .App-ebillet .ebilletProgram .scroll::-webkit-scrollbar-track {
  margin: 2px;
}
.App .App-ebillet .programFilmContainer {
  color: #fff;
  margin: auto;
  max-width: 1170px;
}
.App .App-ebillet .programFilmContainer .program-header {
  display: flex;
  justify-content: space-between;
  max-width: 1170px;
}
.App .App-ebillet .programFilmContainer .program-header .program {
  font-size: 30px;
}
.App .App-ebillet .programFilmContainer .all-film-program {
  display: inline-flex;
  flex-wrap: wrap;
  font-family: Oswald;
  gap: 7.5px;
  justify-content: flex-start;
  margin: 20px 0;
}
.App .App-ebillet .programFilmContainer .film-program-item {
  background-image: linear-gradient(0deg, #d4d4d4, #eee);
  height: 469px;
  width: 228px;
}
.App .App-ebillet .programFilmContainer .film-btn-container {
  padding: 5px 12px;
  position: relative;
}
.App .App-ebillet .programFilmContainer .film-program-btn {
  background-image: linear-gradient(0deg, #950200, #9e0200);
  border: none;
  border-radius: 2px;
  color: #fff;
  font-weight: 700;
  height: 31px;
  position: absolute;
  top: 80px;
  width: 204px;
}
.App .App-ebillet .sorting {
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  margin-right: -1px;
  padding-top: 50px;
}
.App .App-ebillet .sortingContainer {
  background-color: #3a3a3a;
  border: 1px solid #757575;
  color: #999;
  margin-left: 5px;
  margin-top: -5px;
  position: relative;
  width: 228px;
}
.App .App-ebillet .sortingDiv {
  background-color: #3a3a3a;
  border: 1px solid #757575;
  color: #d2d2d2;
  margin-left: -1px;
  padding: 0 8px;
  position: absolute;
  width: inherit;
  z-index: 30;
}
.App .App-ebillet .sortingDiv p:hover {
  cursor: pointer;
}
.App .App-ebillet .line {
  border-left: 0.1px solid #757575;
  height: 31px;
  position: absolute;
  right: 35px;
  top: 0;
}
.App .App-ebillet .rotated {
  margin-bottom: 15px;
  transform: rotate(180deg);
}
.App .App-ebillet .ellipsis-twoline {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000;
  display: -webkit-box;
  height: 76px;
  overflow: hidden;
  white-space: pre-wrap;
}
.App .App-ebillet .info-container {
  background-color: #fff;
  padding: 20px;
}
.App .App-ebillet .info-container .Poster img {
  height: 100%;
  width: 100%;
}
.App .App-ebillet .info-container .movie-info {
  margin-left: 20px;
  width: 70%;
}
.App .App-ebillet .info-container .movie-info .film-title {
  font-size: 25px;
  font-weight: 700;
}
.App .App-ebillet .info-container .movie-info .film-desc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
  width: 30%;
}
.App .App-ebillet .chooseVersionContainer {
  background-color: #404040;
}
.App .App-ebillet .chooseVersionContainer button {
  border: 1px solid #757575;
  border-radius: 2px;
  font-family: oswald;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-right: 8px;
  margin-top: 8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 3px;
}
.App .App-ebillet .chooseDayContainer {
  background-color: #444;
  color: #fff;
  height: 83px;
  margin: auto;
  position: relative;
}
.App .App-ebillet .chooseDayContainer .days-btns {
  width: 127px;
}
.App .App-ebillet .chooseDayContainer .Calendar {
  background-color: transparent;
  margin: auto;
  right: -52%;
  top: 83px;
  width: 500px;
}
.App .App-ebillet .chooseDayContainer .Calendar .icon-close {
  right: 5%;
}
.App .App-ebillet .chooseDayContainer button {
  border: 1px solid #757575;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-right: 8px;
  margin-top: 20px;
}
.App .App-ebillet .back_btn_cont {
  margin: auto;
  max-width: 1170px;
  position: relative;
}
.App .App-ebillet .back_btn_cont .back_arrowback {
  display: inline-block;
  left: 10px;
  position: absolute;
  top: 5px;
}
.App .App-ebillet .back_btn_cont .back_btn {
  background: linear-gradient(226deg, #950200, #9e0200 99.79%);
  border-radius: 2px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  height: 33px;
  width: 175px;
}
.App .App-ebillet .orgs_container .showtime_buttons {
  color: #fff;
  display: block;
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: center;
  text-decoration: none;
  width: 130px;
}
.App .App-ebillet .orgs_container .showtime_buttons .count-down {
  background-color: grey;
}
.App .App-ebillet .orgs_container .bio_name_container {
  background-image: linear-gradient(0deg, #c7c7c7, #ddd);
  height: 54px;
  margin-top: -20px;
}
.App .App-ebillet .orgs_container .bio_name {
  color: #474747;
  font-size: 20px;
  font-weight: 700;
  padding-left: 25px;
  padding-top: 10px;
}
.App .App-ebillet .biograferContainer {
  background-color: #303030;
}
.App .App-ebillet .biograferContainer .bio_title {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.App .App-ebillet .biograferContainer .bio_count {
  color: #6f6f6f;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.App .App-ebillet .biograferContainer .biografer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 20px 5px;
}
.App .App-ebillet .TrailersContainer {
  background-color: #303030;
  max-width: 1170px;
}
.App .App-ebillet .TrailersContainer .title {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.App .App-ebillet .TrailersContainer .trailer-header {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}
.App .App-ebillet .TrailersContainer .trailer-header .sorting {
  padding-top: 40px;
}
.App .App-ebillet .TrailersContainer .trailers {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.App .App-ebillet .TrailersContainer .trailers .movienameContainer {
  background-color: #eaeaea;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.App .App-ebillet .TrailersContainer .trailers .movienameContainer .movie_name {
  color: #000;
  font-size: 22px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.133px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.App .App-ebillet .TrailersContainer .trailers .trailerDiv {
  background: rgba(0, 0, 0, 0.45);
  overflow: hidden;
  padding-top: 33%;
  position: relative;
  transition: padding-top 0.4s ease-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 100%;
}
.App .App-ebillet .TrailersContainer .trailers .player {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding-top: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.App .App-ebillet .TrailersContainer .trailers .player .video-react-big-play-button {
  background-color: #fff;
  border-radius: 50%;
  color: #000;
  left: 40% !important;
  top: 40% !important;
  width: 50px !important;
}
.App .App-ebillet .TrailersContainer .trailers .player .video-react-poster {
  background-size: cover;
}
.App .App-ebillet .TrailersContainer .trailers .player .icon-play {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.App .App-ebillet .FutureFilmsSection {
  background-color: #404040;
  height: 115px;
}
.App .App-ebillet .FutureFilmsSection .FutureFilmsHeader {
  color: #fff;
  display: flex;
  margin: auto;
  max-width: 1170px;
}
.App .App-ebillet .futureMovies_title {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin: auto;
  max-width: 1170px;
  padding-bottom: 30px;
  padding-top: 40px;
}
.App .App-ebillet .FutureMoviesContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  max-width: 1170px;
}
.App .App-ebillet .FutureMoviesContainer .FutureMovieListItem {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 49%;
}
.App .App-ebillet .FutureMoviesContainer .FutureMovieListItem .poster {
  position: relative;
  width: 40%;
}
.App .App-ebillet .FutureMoviesContainer .FutureMovieListItem .poster .age-banner {
  bottom: 6px;
  position: absolute;
  right: 6px;
}
.App .App-ebillet .FutureMoviesContainer .FutureMovieListItem img {
  height: auto;
  width: 100%;
}
.App .App-ebillet .FutureMoviesContainer .FutureMovieListItem:nth-child(odd) {
  margin-right: 20px;
}
.App .App-ebillet .FutureMoviesContainer .movie_desc {
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  color: #353535;
  display: -webkit-box;
  font-size: 14px;
  overflow: hidden;
}
.App .App-ebillet .FutureMovieDesc {
  background-image: linear-gradient(0deg, #d4d4d4, #eee);
  padding-left: 24px;
  padding-right: 30px;
  position: relative;
  width: 60%;
}
.App .App-ebillet .FutureMovieDesc .movie-name {
  color: #000;
  font-size: 22px;
}
.App .App-ebillet a.disabled {
  background-color: gray;
  background-image: none;
  cursor: default;
  pointer-events: none;
}
@media (min-width: 600px) {
  .App .App-ebillet .FutureMovieDesc .movie-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1020px) {
  .App .App-ebillet .FutureMoviesContainer .FutureMovieListItem {
    margin-bottom: 0;
    margin-right: 0;
    width: 50%;
  }
  .App .App-ebillet .FutureMoviesContainer .FutureMovieListItem:nth-child(odd) {
    margin-right: 0;
  }
}
@media (max-width: 1400px) {
  .App .App-ebillet .chooseDayContainer {
    height: auto;
    padding-bottom: 20px;
  }
  .App .App-ebillet .AllMovies .program-header {
    height: 50px;
  }
  .App .App-ebillet .AllMovies .program-header .program {
    font-size: 20px;
    margin-top: 8px;
  }
  .App .App-ebillet .AllMovies .program-header .sorting {
    padding-top: 12px;
  }
  .App .App-ebillet .AllMovies .chooseFromContainer {
    flex-direction: column;
    font-size: 14px;
    height: auto;
    padding-bottom: 20px;
  }
}
@media (max-width: 750px) {
  .App .App-ebillet .FutureMoviesContainer .FutureMovieListItem {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .App .App-ebillet .FutureFilmsSection {
    height: auto;
  }
  .App .App-ebillet .FutureFilmsHeader {
    flex-direction: column;
  }
  .App .App-ebillet .film-details {
    padding: 10px;
  }
  .App .App-ebillet .film-details .chooseVersionContainer button {
    padding: 5px;
  }
  .App .App-ebillet .AllMovies {
    font-size: 14px;
  }
  .App .App-ebillet .AllMovies .chooseFromContainer .chooseDay, .App .App-ebillet .AllMovies .chooseFromContainer .region-title {
    font-size: 15px;
  }
  .App .App-ebillet .orgs_container .bio_name_container {
    height: 40px;
    margin-top: -15px;
  }
  .App .App-ebillet .orgs_container .bio_name {
    font-size: 15px;
  }
  .App .App-ebillet .biograferContainer .biografer {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 415px) {
  .App .App-ebillet .AllMovies .chooseCinema {
    width: 300px;
  }
}
@media (max-width: 480px) {
  .App .App-ebillet .header-section, .App .App-ebillet .program-header {
    padding: 20px;
  }
  .App .App-ebillet .FutureFilmsSection .FutureFilmsHeader {
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .App .App-ebillet .futureMovies_title {
    padding-left: 20px;
  }
  .App .App-ebillet .FutureMoviesContainer .FutureMovieListItem {
    flex-direction: column;
    padding: 20px;
  }
  .App .App-ebillet .FutureMoviesContainer .FutureMovieListItem .poster {
    width: 100%;
  }
  .App .App-ebillet .FutureMovieDesc {
    height: 320px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
  .App .App-ebillet .programFilmContainer .film-program-item {
    background-image: none;
    height: auto;
    padding: 20px;
    text-align: center;
    width: 100%;
  }
  .App .App-ebillet .programFilmContainer .film-program-item .ellipsis-twoline {
    color: #fff;
  }
  .App .App-ebillet .programFilmContainer .film-btn-container {
    padding: 0;
  }
  .App .App-ebillet .programFilmContainer .film-program-btn {
    display: block;
    top: 40px;
    width: 100%;
  }
}


.ProgramContainer {
  width: 100%;
  min-height: 460px;
}
.special-title {
  margin: 0;
  padding: 10px 20px;
  opacity: 0.9;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  background-image: linear-gradient(170deg, #bbb 0%, #ddd 75%);
}
.special-event {
  margin-bottom: 20px;
}
.no-events {
  width: 100%;
  float: left;
  text-align: center;
  background-color: #eee;
  margin: 0;
  padding: 20px;
}
.MovieList {
  display: flex;
  flex-wrap: wrap;
}
.MovieList {
  width: 100%;
  height: 100%;
  background-color: #eee;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.MovieList a {
  text-decoration: none;
}
.MovieList h1 {
  color: black;
  overflow: hidden;
  margin: 0;
}
.MovieList .MovieListItem {
  position: relative;
}
.MovieList .Poster img {
  margin-bottom: -6px;
}
.MovieListContainer .MovieList {
  background: none;
}
.AllForOne .showtimes {
  padding: 0 3px;
}
.AllForOne .showtimes .date {
  font-weight: bold;
  margin-bottom: 3px;
}
.AllForOne .location {
  margin-top: 10px;
}
.AllForOne .flex-container {
  display: flex;
  flex: 1;
}
.AllForOne .organizer {
  width: 100%;
}
.AllForOne .movie-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.AllForOne .movie-info .showtimes {
  width: 50%;
  float: left;
  text-align: center;
}
.AllForOne .MovieListItem .movie-info .showtimes {
  text-align: left;
}
.AllForOne .read-more {
  margin-top: auto;
  text-align: right;
}
.AllForOne .more-showtimes {
  padding: 7px;
  background: none;
  transition: all 0.2s ease-in-out;
}
.AllForOne .more-showtimes:hover {
  box-shadow: 0 8px 15px -7px black;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(156, 156, 156, 0.4));
}
.AllForOne .MovieList .more-showtimes, .alt-all .more-showtimes {
  padding: 7px;
  background: none;
  transition: all 0.2s ease-in-out;
}
.AllForOne .MovieList .more-showtimes:hover, .alt-all .more-showtimes:hover {
  box-shadow: 0 8px 15px -7px black;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(156, 156, 156, 0.4));
}
.alt-all .Showtime {
  width: 46%;
}
.all-future {
  margin-top: 70px;
  text-align: center;
}
.all-future .page-header {
  text-align: left;
  margin-bottom: 40px;
}
@media (max-width: 650px) {
  .page-header.orderflow {
    margin-top: 52px;
  }
  .AllForOne .MovieList .MovieListItem .movie-info .showtimes {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .MovieList .MovieInfo .description {
    display: none;
  }
}
@media (max-width: 245px) {
  .MovieList .topbar-workaround {
    margin-top: 106px;
  }
}


.MovieList:hover>.Poster img, .MovieList :hover>.poster-container img {
transform: scale(1.05);
}
.MovieList .Poster img {
backface-visibility: hidden;
transition: all .2s ease-in-out;
}