@charset "UTF-8";
@import url("/xmedia/fonts/Roboto/roboto.css");
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  border-top-width: 0; }

table tbody, table tbody tr, table tbody tr td {
  background: none; }

table > :first-child > :first-child {
  background: none; }

table.table-transparent tbody, table.table-transparent tbody tr, table.table-transparent tbody tr td {
  background: none; }

table.table-transparent > :first-child > :first-child {
  background: none; }

.showtime-datepicker table > :first-child > :first-child {
  background: none; }

.modal .table-summary table tbody, .modal .table-summary table tbody tr, .modal .table-summary table tbody tr td {
  background: none; }

.modal .table-summary table > :first-child > :first-child {
  background: none; }

.table-benefits {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(68, 68, 68, 0.23);
  font-weight: bold;
  margin-top: 20px; }
  .table-benefits thead tr {
    border-bottom: solid 0px #d5d5d5; }
    .table-benefits thead tr td {
      background: #d5d5d5;
      vertical-align: middle; }
    .table-benefits thead tr:first-child td {
      padding: 20px 10px 20px 0; }
  .table-benefits thead tr td, .table-benefits tbody tr td {
    vertical-align: middle;
    width: auto;
    min-width: 1%; }
    .table-benefits thead tr td:first-child, .table-benefits tbody tr td:first-child {
      padding-left: 20px; }
  .table-benefits tbody {
    padding-bottom: 20px; }
    .table-benefits tbody tr {
      border-top: 1px solid #ddd; }
      .table-benefits tbody tr.no-border {
        background: none none; }
      .table-benefits tbody tr td {
        padding: 14px 0;
        background: none; }
        .table-benefits tbody tr td:first-child, .table-benefits tbody tr td:last-child {
          padding-right: 10px; }
        .table-benefits tbody tr td:first-child {
          background: url("/xmedia/img/list-bullet-star.png") 20px center no-repeat;
          padding-left: 40px; }
      .table-benefits tbody tr:first-child td:first-child {
        -webkit-border-radius: 4px 0 0 0;
        border-radius: 4px 0 0 0; }
      .table-benefits tbody tr:first-child td:last-child {
        -webkit-border-radius: 0 4px 0 0;
        border-radius: 0 4px 0 0; }
      .table-benefits tbody tr:last-child td:first-child {
        -webkit-border-radius: 0 0 4px;
        border-radius: 0 0 4px; }
      .table-benefits tbody tr:last-child td:last-child {
        -webkit-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px; }
  .table-benefits .unlimited-icon {
    margin-right: 10px;
    margin-top: 5px; }
  .table-benefits td.selected {
    background: url("/xmedia/img/pricing-tbl-selected-black.png") 10px center no-repeat;
    padding-left: 40px; }

.table-curved {
  border-collapse: separate;
  border: solid 0px #d5d5d5;
  border-radius: 4px;
  border-left: 0; }
  .table-curved thead,
  .table-curved thead tr:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .table-curved tbody,
  .table-curved tbody tr:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .table-curved td, .table-curved th {
    border-left: solid 0px #d5d5d5;
    border-top: solid 0px #d5d5d5; }
  .table-curved td {
    padding: 6px 2px; }
  .table-curved th {
    border-top: none;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    color: #000000;
    border-bottom: solid 1px #f5821e; }
    .table-curved th:first-child {
      border-radius: 4px 0 0 0; }
    .table-curved th:last-child {
      border-radius: 0 4px 0 0; }
    .table-curved th:only-child {
      border-radius: 4px 4px 0 0;
      padding: 20px 0 15px 0; }
  .table-curved tr:last-child {
    border-bottom: 0 none; }
    .table-curved tr:last-child td:first-child {
      border-radius: 0 0 0 4px; }
    .table-curved tr:last-child td:last-child {
      border-radius: 0 0 4px 0; }
  .table-curved.table-schedule tr td {
    border-left: 0 none;
    border-bottom: solid 1px #d5d5d5; }
    .table-curved.table-schedule tr td:first-child {
      border-left: solid 0px #d5d5d5; }
    .table-curved.table-schedule tr td:first-of-type {
      padding: 15px 60px 0 20px;
      width: 200px; }
      @media (max-width: 991px) {
        .table-curved.table-schedule tr td:first-of-type {
          padding: 15px 20px 0 20px;
          width: auto; } }
  .table-curved.table-schedule tr:last-child td {
    border-bottom: 0 none; }
  .table-curved.table-schedule .rowInfo {
    background-color: #fff; }
  .table-curved.table-schedule .btn-pill {
    margin: 5px 10px 5px 0; }

.table.table-bordered tr th {
  border: inherit; }

#signup-confirmation table th {
  text-transform: uppercase;
  border-bottom: solid 1px #d5d5d5;
  width: 50%; }

#signup-confirmation table td {
  border-bottom: solid 1px #d5d5d5; }

.account-app .account-app-table td {
  border-top-width: thin !important;
  padding-top: 20px !important; }

.account-app .account-app-table tr:last-child {
  border-bottom: 1px solid #ddd; }

.account-app .account-app-table th {
  border-top-width: 1px !important;
  padding: 20px 5px !important;
  vertical-align: middle !important; }
  .account-app .account-app-table th a {
    color: #f5821e !important; }

.unlimitedPromoContainer {
  background: url("") no-repeat scroll top center #000;
  margin: 0 auto;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 40px;
  min-height: 430px; }

.unlimitedPromoContainer.loggedin {
  background: url("") no-repeat scroll center center #000;
  /*max-height: 485px;*/
  margin: 0 auto;
  color: #fff;
  padding-top: 20px; }

.unlimited-form h1 {
  font-size: 56px;
  font-style: italic;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  line-height: 56px;
  margin-bottom: 2px;
  text-shadow: 1px 1px 2px #000; }

.unlimited-form h2 {
  font-size: 26px;
  line-height: 26px;
  font-style: italic;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  margin-bottom: 6px;
  text-shadow: 1px 1px 2px #000; }

.unlimited-form h2 > .primary {
  font-weight: bold;
  font-size: 50px;
  font-style: normal; }

.unlimited-form h4 {
  font-size: 18px;
  line-height: 18px;
  color: #ffffff; }

.unlimited-form h4 img {
  vertical-align: bottom; }

.unlimited-form h4.ref-code {
  padding: 10px 0;
  background: #fff;
  text-align: center;
  color: #f5821e; }

h2.withDropdown {
  margin-right: 10px;
  margin-bottom: 30px; }

.unlimited-form {
  margin: 0;
  padding: 20px 20px 30px;
  background-image: linear-gradient(to bottom, #d5d5d5 0%, #c6c6c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFC6C6C6', GradientType=0);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #000000; }
  .unlimited-form a:hover {
    color: #f5821e; }
  .unlimited-form a.btn-arrow-primary:hover {
    color: #fff; }

.subscription-name {
  font-size: 18px !important; }

@media (max-width: 1023px) {
  .unlimited-form {
    background: none; } }

.unlimited-form h4 {
  margin-bottom: 0;
  font-size: 18px; }

.unlimited-form small {
  font-size: 12px; }

.unlimited-form label {
  margin: 10px 0 0 0; }

.unlimited-form .radio-inline {
  margin: 20px 0 0 0;
  font-weight: bold;
  line-height: 1.8em; }

.unlimited-buttons > div {
  margin-bottom: 20px; }

.unlimited-buttons button.share {
  background: #191919;
  border: 1px solid #191919;
  border-radius: 4px;
  box-shadow: none;
  color: #ffffff;
  padding: 6px 13px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.unlimited-buttons button.share:hover {
  background: #191919; }

.unlimited-buttons button.share h4 {
  font-size: 16px;
  text-align: center;
  line-height: 70px;
  margin: 0; }

.unlimitedPromoContainer button.share h4 img {
  vertical-align: baseline;
  margin-right: 5px; }

.unlimited-buttons {
  margin-top: 40px; }

.unlimited .star-ribbon {
  background: url("/xmedia/img/star-ribbon2.png") no-repeat scroll 0 0 transparent !important;
  height: 39px;
  left: 0;
  padding-left: 41px;
  padding-right: 15px;
  position: absolute;
  top: -12px; }

.unlimited .no-ribbon {
  display: none; }

.unlimited .star-ribbon i:first-child {
  background: url("/xmedia/img/star-ribbon2.png") repeat scroll 0 -39px transparent !important;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  height: 39px;
  padding: 16px 5px 0 0;
  text-shadow: 0 0 1px #000; }

.unlimited .star-ribbon i:last-child {
  background: url("/xmedia/img/star-ribbon2.png") repeat scroll -25px -78px transparent !important;
  display: block;
  float: right;
  height: 39px;
  width: 15px; }

.unlimited .star-ribbon img {
  margin-bottom: 10px; }

.unlimited #benefits .form-horizontal label {
  float: left; }

.unlimited #benefits .form-horizontal .btn-group {
  margin-top: 5px;
  margin-left: 10px; }

.unlimited-form .star-list li,
.unlimited-form .star-list li:last-child {
  margin-bottom: 26px; }

.unlimited .row.options {
  margin-left: -10px;
  margin-right: -10px; }

.unlimitedBenefit .benefit-sidebar .star-ribbon {
  top: -22px; }

.unlimitedBenefit ul {
  padding-left: 12px; }

.unlimited-card-w-name b {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-size: 14px;
  height: 1.4em;
  left: 10%;
  overflow: hidden;
  padding-right: 10%;
  position: absolute;
  top: 30%; }

.light.unlimited .media a {
  color: #ffffff; }

#unlimitedPreList .mix > div {
  background: none; }

.security-disclaimer h2, .security-disclaimer img {
  display: inline-block !important; }

.security-disclaimer h2 {
  margin-left: 5px; }

.security-text {
  font-size: 10px; }

.unlimited-underline-text {
  border-bottom: 2px solid #f5821e;
  padding: 5px 10px; }

.unlimited-promo-code-container {
  border: 1px solid #d5d5d5;
  padding: 20px; }

@media (max-width: 767px) {
  .unlimited-promo-code-container {
    padding: 20px 10px; } }

.subscription-buttons .btn-default {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  padding: 16px;
  white-space: normal; }
  .subscription-buttons .btn-default.active {
    border: 2px solid #f5821e; }
  .subscription-buttons .btn-default input {
    display: none; }
  .subscription-buttons .btn-default small {
    text-transform: none; }
  .subscription-buttons .btn-default p {
    text-transform: none;
    margin: 0; }
    .subscription-buttons .btn-default p.monthly-wrapper {
      margin-top: 10px; }
    .subscription-buttons .btn-default p span {
      text-transform: uppercase; }
      .subscription-buttons .btn-default p span.monthly {
        font-size: 22px; }

.subscription-buttons .subscription-label {
  min-height: 130px; }

.subscription-buttons .cinema-list-btn {
  width: fit-content;
  margin: 0 auto; }

.subscription-buttons .btn-inactive {
  opacity: 40%;
  pointer-events: none; }

.subscription-buttons .billing-option {
  padding: 14px; }

.blogPage .pager-list {
  padding: 0 10px;
  margin-top: 20px; }

.blogs-description {
  padding: 20px; }

.dark .excerpt a {
  color: #d5d5d5; }

.light .heading a:hover {
  color: #f5821e; }

.light .excerpt a {
  color: #191919; }
  .light .excerpt a:hover {
    color: #e26304;
    text-decoration: underline; }

.light .tags {
  color: #191919; }
  .light .tags a {
    color: #191919; }
    .light .tags a:hover {
      color: #e26304;
      text-decoration: underline; }

.blog-posts .post-on-list, .blog-posts-top .post-on-list {
  margin-bottom: 15px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d5d5d5; }
  .blog-posts .post-on-list .heading h3, .blog-posts-top .post-on-list .heading h3 {
    padding-top: 15px;
    font-size: 22px;
    text-transform: none !important; }
  .blog-posts .post-on-list .heading a, .blog-posts-top .post-on-list .heading a {
    display: inline;
    margin-bottom: 15px; }
  .blog-posts .post-on-list .meta, .blog-posts-top .post-on-list .meta {
    padding-bottom: 10px; }
    .blog-posts .post-on-list .meta .separator, .blog-posts-top .post-on-list .meta .separator {
      border-bottom: none; }
  .blog-posts .post-on-list .author:hover, .blog-posts-top .post-on-list .author:hover {
    text-decoration: underline; }
  .blog-posts .post-on-list .tags a, .blog-posts-top .post-on-list .tags a {
    font-weight: 500; }
  .blog-posts .post-on-list .btn.share-btn, .blog-posts-top .post-on-list .btn.share-btn {
    background-color: #000000;
    color: #d5d5d5;
    border: 1px solid #727272;
    float: right;
    margin-top: 15px; }
    .blog-posts .post-on-list .btn.share-btn:hover, .blog-posts .post-on-list .btn.share-btn:focus, .blog-posts .post-on-list .btn.share-btn.active, .blog-posts .post-on-list .btn.share-btn.active:hover, .blog-posts-top .post-on-list .btn.share-btn:hover, .blog-posts-top .post-on-list .btn.share-btn:focus, .blog-posts-top .post-on-list .btn.share-btn.active, .blog-posts-top .post-on-list .btn.share-btn.active:hover {
      border: 1px solid #d5d5d5; }
    .blog-posts .post-on-list .btn.share-btn i, .blog-posts-top .post-on-list .btn.share-btn i {
      background: url("/xmedia/img/share.png") no-repeat scroll center center transparent; }

.blog-posts .blog_paging, .blog-posts-top .blog_paging {
  text-align: center;
  padding: 15px; }
  .blog-posts .blog_paging a, .blog-posts-top .blog_paging a {
    width: 50px;
    padding: 5px;
    border: 1px solid #727272;
    color: #aaaaaa;
    display: inline-block;
    margin: 2px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .blog-posts .blog_paging a:hover, .blog-posts-top .blog_paging a:hover {
      text-decoration: none;
      border: 1px solid #727272;
      color: #f5821e; }
  .blog-posts .blog_paging span, .blog-posts-top .blog_paging span {
    margin: 2px 0;
    padding: 5px; }
    .blog-posts .blog_paging span.active, .blog-posts-top .blog_paging span.active {
      color: #f5821e;
      border: 1px solid #727272;
      background-color: #727272;
      width: 50px;
      display: inline-block; }
    .blog-posts .blog_paging span.separatorPaging, .blog-posts-top .blog_paging span.separatorPaging {
      align-self: end;
      color: #aaaaaa; }

.blog-posts .blog-post > .container-fluid, .blog-posts-top .blog-post > .container-fluid {
  background: #ffffff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  color: #ffffff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35); }
  .blog-posts .blog-post > .container-fluid .row, .blog-posts-top .blog-post > .container-fluid .row {
    margin: 0 -10px; }

.blog-posts .blog-post a:hover > img.post-image, .blog-posts-top .blog-post a:hover > img.post-image {
  box-shadow: 0 0 8px 0 #2096ca;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.blog-posts .blog-post.fullwidth .container-fluid .row .col-xs-8, .blog-posts-top .blog-post.fullwidth .container-fluid .row .col-xs-8 {
  padding-left: 30px; }

.blog-posts .blog-post.fullwidth .container-fluid .row .col-xs-4, .blog-posts-top .blog-post.fullwidth .container-fluid .row .col-xs-4 {
  padding-right: 30px; }

.blog-posts .blog-post .title, .blog-posts-top .blog-post .title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px; }

.blog-posts .blog-post .heading,
.blog-posts .blog-post .heading a, .blog-posts-top .blog-post .heading,
.blog-posts-top .blog-post .heading a {
  font-size: 22px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #ffffff;
  margin-bottom: 28px; }

.blog-posts .blog-post .lead, .blog-posts-top .blog-post .lead {
  font-size: 13px;
  margin-bottom: 28px; }

.blog-posts .blog-post hr, .blog-posts-top .blog-post hr {
  margin: 28px 0 20px 0; }

.blog-posts .blog-post .tags, .blog-posts-top .blog-post .tags {
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 12px; }

.blog-posts .blog-post .darkOverlay, .blog-posts-top .blog-post .darkOverlay {
  margin-bottom: 10px; }

.blog-posts .blog-post span.more-filters, .blog-posts-top .blog-post span.more-filters {
  float: left; }
  .col-xs-6 .blog-posts .blog-post span.more-filters, .col-xs-6 .blog-posts-top .blog-post span.more-filters {
    float: right; }

.blog-posts .blog-post .multi-image,
.blog-posts .blog-post .multi-image div[class^="col-xs-"], .blog-posts-top .blog-post .multi-image,
.blog-posts-top .blog-post .multi-image div[class^="col-xs-"] {
  padding: 0 5px; }

.blog-posts .blog-post.mix:hover > div img.img-responsive, .blog-posts-top .blog-post.mix:hover > div img.img-responsive {
  cursor: pointer;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none; }

.blog-posts .post-date, .blog-posts-top .post-date {
  color: #727272;
  font-weight: 400; }

.blogPost .poster-caption {
  font-weight: bold;
  font-size: 12px;
  margin: 7px 0 8px 0; }

.blogPost a {
  color: #f5821e; }
  .blogPost a:hover {
    color: #f5821e; }

.blogPost .post-title {
  font-size: 32px;
  line-height: 42px; }

.blogPost .btn.share {
  font-weight: 400;
  float: right; }

.blogPost .screen-poster .share-article {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #aaaaaa; }
  .blogPost .screen-poster .share-article img {
    margin-right: 4px; }

.blogPost .user-comment-form .media .media-body {
  display: table-cell;
  width: 100%; }

.blogPost .user-comment-form .btn-arrow-primary {
  margin-top: 20px; }

.blogPost .tags {
  font-weight: bold; }
  .blogPost .tags .tag-list {
    margin-bottom: 30px; }

.blogPost .next-blog-article a,
.blogPost .blog-sidebar a,
.blogPost .related-blog-articles a {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold; }
  .blogPost .next-blog-article a.media-left img,
  .blogPost .blog-sidebar a.media-left img,
  .blogPost .related-blog-articles a.media-left img {
    width: 140px;
    min-height: 93px;
    overflow: hidden;
    background: #191919 url("/xmedia/img/CinemaCity/blog_footer_placeholder.png") center center no-repeat; }

.blogPost .next-blog-article .row,
.blogPost .blog-sidebar .row,
.blogPost .related-blog-articles .row {
  margin: 0; }

.blogPost .blog-sidebar a.btn-arrow-primary {
  margin-top: 10px; }

.blogPost .blog-sidebar .most-read-articles a {
  display: block;
  margin: 8px 0 24px 0; }

.blogPost .blog-sidebar.unlimited .related-blog-articles .row {
  margin-top: 20px -10px 0 -10px; }

.blogPost.dark .btn.share {
  background-color: #000000;
  color: #d5d5d5;
  border: 1px solid #727272; }
  .blogPost.dark .btn.share:hover, .blogPost.dark .btn.share:focus, .blogPost.dark .btn.share.active, .blogPost.dark .btn.share.active:hover {
    border: 1px solid #d5d5d5; }
  .blogPost.dark .btn.share i {
    background: url("/xmedia/img/share.png") no-repeat scroll center center transparent; }

.blogPost.dark .blog-sidebar a, .blogPost.dark .related-blog-articles a, .blogPost.dark .next-blog-article a {
  color: #d5d5d5; }

.blogPost.light .btn.share {
  background-color: #F4F4F4 !important;
  color: #191919;
  border: 1px solid #727272; }
  .blogPost.light .btn.share:hover, .blogPost.light .btn.share:focus, .blogPost.light .btn.share.active, .blogPost.light .btn.share.active:hover {
    border: 1px solid #191919; }
  .blogPost.light .btn.share i {
    background: url("/xmedia/img/share_black.png") no-repeat scroll center center transparent; }

.blogPost.light .blog-sidebar a, .blogPost.light .related-blog-articles a, .blogPost.light .next-blog-article a {
  color: #191919; }

.blog-main-content .screen-poster .share-article a.usr-name {
  color: #f5821e;
  font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  padding-right: 14px; }

.blog-main-content .screen-poster .trailer .video-responsive {
  margin-bottom: 26px; }

.blog-main-content .screen-poster .descr {
  padding-bottom: 16px; }
  .trailer .blog-main-content .screen-poster .descr {
    padding-top: 24px; }

.blog-main-content .screen-poster .galery {
  padding: 0 !important;
  margin: 10px -5px !important; }
  .blog-main-content .screen-poster .galery img {
    margin-bottom: 10px; }
  .blog-main-content .screen-poster .galery .row {
    margin: 0 -5px; }
  .blog-main-content .screen-poster .galery div[class^="col-xs-"] {
    padding: 0 5px; }

.blog-main-content .panel-default .panel-body,
.blog-main-content .panel-default .panel-heading {
  padding: 20px; }

.blog-main-content .poll .vote,
.blog-main-content .poll .results {
  display: block;
  float: left; }
  .blog-main-content .poll .vote li,
  .blog-main-content .poll .results li {
    display: block;
    white-space: nowrap; }

.blog-main-content .poll .vote label {
  font-weight: normal; }
  .blog-main-content .poll .vote label input[type="radio"],
  .blog-main-content .poll .vote label input[type="checkbox"] {
    line-height: normal;
    margin: 4px 10px 0 0; }

.blog-main-content .poll .results {
  display: none;
  margin-left: 30px;
  margin-top: 20px; }
  .blog-main-content .poll .results ul li span {
    display: block;
    float: left;
    margin: 4px 0 0 10px; }
  .blog-main-content .poll .results li.active {
    font-weight: bold; }

.blog-main-content a:hover {
  color: #f5821e; }

.blog-main-content img {
  width: 100%;
  height: auto; }
  .blog-main-content img.benefit-blog-image {
    width: auto; }

.blog-main-content .descr a {
  color: #f5821e;
  font-weight: bold;
  font-style: normal; }
  .blog-main-content .descr a.btn-primary {
    color: #000000; }
  .blog-main-content .descr a.btn-default {
    color: #000000; }
  .blog-main-content .descr a em {
    font-style: normal !important; }

.related-blog-articles .row.benefit-sidebar {
  margin-top: 20px; }

.related-blog-articles h3 {
  margin-bottom: 30px; }

.top-blog-articles a {
  display: block;
  margin: 10px 0; }

.share-social {
  display: inline-block;
  float: right;
  margin: 0.2em 0; }
  .share-social a.button-social {
    box-sizing: border-box;
    color: #727272;
    padding: .5em .6em;
    border-radius: 0.3em;
    border: 1px solid #aaaaaa;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    vertical-align: top;
    margin: 0.3em 0.6em 0.3em 0;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out; }
    .share-social a.button-social:last-child {
      margin-right: 0; }
    .share-social a.button-social:hover, .share-social a.button-social:focus, .share-social a.button-social:active {
      color: #f5821e;
      transform: translateY(-2px); }
    .share-social a.button-social .share-logo {
      width: 1em;
      vertical-align: middle;
      font-size: 1.5em; }

.venue-hire .estimate {
  margin-top: 20px; }

.venue-hire .form-horizontal > .form-group {
  margin-left: -10px; }
  .venue-hire .form-horizontal > .form-group label {
    text-align: left; }

.venue-hire-form .btn-arrow-primary {
  line-height: 12px; }

.venue-hire-form label {
  margin-top: 25px; }

.venue-hire-form .radio {
  margin-bottom: 0; }
  .venue-hire-form .radio label {
    margin-top: 0; }

.venue-hire-form .select-cinema {
  height: 135px; }

.venue-hire-form .hr-margin {
  margin-top: 110px; }

.venue-hire-form .small-info {
  margin-top: 10px;
  font-size: 11px; }

.venue-hire-form .link-primary {
  font-weight: bold; }

.venue-hire-form h3 {
  color: #494949;
  margin: 0; }

.venue-hire-form h2 small {
  display: inline; }

#venue-hire p {
  margin: 25px 0 25px; }

#venue-hire .school-prices {
  margin-bottom: 25px;
  display: none; }

#venue-hire .arrow-down {
  display: none; }

#venue-hire-content div h1:first-child, #venue-hire-content div h2:first-child, #venue-hire-content div h3:first-child {
  margin-top: 10px; }

.selectable-boxes-question p {
  margin-bottom: 6px;
  margin-top: 20px; }

.selectable-boxes .col-sm-4 {
  margin-bottom: 29px; }

.selectable-boxes .col-sm-4 {
  border-right: 1px solid #a2a2a2; }
  .selectable-boxes .col-sm-4:nth-child(3n) {
    border-right: none; }
  .selectable-boxes .col-sm-4 .pick-box {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(255, 255, 255, 0.2) inset;
    background: #d5d5d5;
    background-image: linear-gradient(to bottom, #d5d5d5 0%, #d5d5d5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFD5D5D5', GradientType=0);
    border-radius: 4px;
    border: 1px solid rgba(192, 192, 192, 0.5);
    position: relative;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    padding: 18px 18px 18px 0;
    overflow: hidden;
    display: table;
    height: 115px;
    width: 100%; }
    .selectable-boxes .col-sm-4 .pick-box:hover {
      background: #d5d5d5;
      background-image: linear-gradient(to bottom, #d5d5d5 0%, #d5d5d5 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFD5D5D5', GradientType=0);
      text-decoration: none; }
    .selectable-boxes .col-sm-4 .pick-box .text-wrap {
      background: url("/xmedia/img/radio-not-selected.png") 8px 28px no-repeat;
      padding-left: 28px;
      vertical-align: middle;
      display: table-cell; }
    .selectable-boxes .col-sm-4 .pick-box.selected {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
      color: #ffffff;
      background: #e26304; }
      .selectable-boxes .col-sm-4 .pick-box.selected .text-wrap {
        background: url("/xmedia/img/radio-selected.png") 8px 28px no-repeat; }
    .selectable-boxes .col-sm-4 .pick-box h4 {
      margin: 0; }
    .selectable-boxes .col-sm-4 .pick-box p {
      margin: 0;
      padding: 0; }

.personal {
  padding-bottom: 30px; }
  .personal .dl-horizontal dd {
    display: block;
    float: none;
    margin-left: 100px; }
  .personal .dl-horizontal dt {
    display: block;
    float: left;
    text-align: left;
    width: 100px; }
  .personal ul.card {
    padding-left: 80px;
    margin-left: 0; }
    .personal ul.card > li {
      height: 32px;
      padding: 7px 0 0 20px; }
    .personal ul.card.card-visa {
      background: url("/xmedia/img/credit-debit-cards/visa.png") left center no-repeat; }
    .personal ul.card.card-american-express {
      background: url("/xmedia/img/credit-debit-cards/american-express.png") left center no-repeat; }
    .personal ul.card.card-delta {
      background: url("/xmedia/img/credit-debit-cards/delta.png") left center no-repeat; }
    .personal ul.card.card-maestro {
      background: url("/xmedia/img/credit-debit-cards/maestro.png") left center no-repeat; }
    .personal ul.card.card-mastercard {
      background: url("/xmedia/img/credit-debit-cards/mastercard.png") left center no-repeat; }
  .personal ul.movies li .dl-horizontal dt {
    text-align: left;
    width: 80px; }
  .personal ul.movies li .dl-horizontal dd {
    margin-left: 80px; }
  .personal ul.movies li.disabled,
  .personal ul.movies li.disabled a,
  .personal ul.movies li.disabled a:hover,
  .personal ul.movies li.disabled a:active,
  .personal ul.movies li.disabled a:focus {
    color: #878787;
    cursor: default;
    text-decoration: none;
    pointer-events: none; }
  .personal ul.movies li .title {
    margin-bottom: 20px; }
  .personal ul.movies li dl {
    margin-bottom: 0; }
  .personal .single-booking .dl-horizontal dt {
    width: 170px; }
  .personal .single-booking .dl-horizontal.tickets dt {
    width: 190px; }
  .personal .single-booking .dl-horizontal.tickets h3 {
    margin-top: 10px; }
  .personal .alert-black {
    margin-top: 50px; }
  .personal .booking-cancellation .alert ul {
    padding-left: 20px;
    margin-bottom: 0; }
    .personal .booking-cancellation .alert ul li {
      line-height: 2.5em; }
  .personal .tab-content {
    padding-bottom: 0; }
    .personal .tab-content .tab-pane {
      padding-bottom: 30px; }
  .personal .unlimited-form {
    margin: 0 0 20px 0; }

.recommendations .search-container {
  margin-bottom: 40px; }

.recommendations a.movie img {
  margin-bottom: 10px; }

.recommendations a.movie:link, .recommendations a.movie:visited, .recommendations a.movie:active {
  color: #ffffff;
  font-weight: bold; }

.recommendations a.movie:hover {
  color: #bcbcbc;
  text-decoration: none; }
  .recommendations a.movie:hover > img {
    box-shadow: 0 0 8px 0 #e26304;
    cursor: pointer;
    opacity: 0.95;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.recommendations-posters span.title {
  margin: 10px 0 0 0;
  display: block;
  display: -webkit-box;
  height: 2.8em;
  -webkit-line-clamp: 2;
  -mox-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.recommendations .recommendations-posters .mix > p {
  display: block;
  display: -webkit-box;
  height: 34px;
  -webkit-line-clamp: 2;
  -mox-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.wishlist .recommendations-posters .mix p {
  margin: 10px 0 0 0;
  display: block;
  display: -webkit-box;
  height: 2.8em;
  -webkit-line-clamp: 2;
  -mox-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.wishlist .recommendations-posters .mix a p,
.wishlist .recommendations-posters .mix a,
.wishlist .recommendations-posters .mix a:hover,
.wishlist .recommendations-posters .mix a:hover p {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold; }

.wishlist .recommendations-posters .mix a img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.wishlist .recommendations-posters .mix a:hover img {
  cursor: pointer;
  opacity: 0.95;
  -webkit-box-shadow: 0 0 8px 0 #e26304;
  box-shadow: 0 0 8px 0 #e26304;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

body, html {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
  color: #ffffff;
  background: #000000;
  -webkit-text-size-adjust: 100%; }
  .ipod body, .iphone body, .ipad body .mac body, .ipod html, .iphone html, .ipad html .mac body, .ipad body .mac html, .ipad html .mac html {
    background: none #000000; }

a[aria-disabled] {
  cursor: default; }
  a[aria-disabled]:hover {
    text-decoration: none; }

.breadcrumb a[aria-disabled] {
  cursor: default; }
  .breadcrumb a[aria-disabled]:hover {
    text-decoration: none; }

.seo {
  display: none !important; }

.container, .container-fluid {
  max-width: 980px;
  width: 100%;
  padding: 0 20px; }
  .container:after, .container-fluid:after {
    clear: both; }
  .main-menu .container, .main-menu .container-fluid {
    padding: 0; }

.container-full-width {
  padding: 0 20px;
  width: 100%; }

.container-fluid.no-padding .img-responsive {
  width: 100%; }

section {
  padding: 40px 0 40px 0; }
  section hr {
    border-color: #333333;
    height: 1px;
    margin: 40px 0 30px 0; }
  section .icon {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 16px;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    font-style: normal;
    background-position: bottom center !important;
    background-repeat: no-repeat; }
  section.seeWhatsOn {
    padding: 35px 0 50px 0; }
  section.light {
    background: #F4F4F4 !important;
    color: #000000; }
    section.light hr {
      border-color: #bfbfbf; }
    section.light .icon {
      display: inline-block;
      float: none;
      color: #000000;
      margin-bottom: 0; }
    section.light .benefit a p {
      color: #ffffff; }
  section.light-gradient {
    color: #000000;
    background: #ffffff;
    background-image: linear-gradient(to bottom, #bcbcbc 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBCBCBC', endColorstr='#FFFFFFFF', GradientType=0); }
    section.light-gradient hr {
      border-color: #e6e6e6; }
    section.light-gradient a:hover {
      color: #f5821e; }
    section.light-gradient a.btn-arrow-primary:hover {
      color: #f5821e; }
  section.dark {
    color: #ffffff;
    background: #000000;
    padding: 25px 0; }
    section.dark.noBg {
      background: none; }
    section.dark.summary {
      padding-top: 0;
      padding-bottom: 0; }
      section.dark.summary #summary h2 {
        color: #a2a2a2;
        font-size: 16px;
        text-shadow: 0 1px 0 black; }
      section.dark.summary form.dark button.selectpicker.btn-default, section.dark.summary form.dark .selectpicker.dark {
        background-image: linear-gradient(to bottom, #191919 0%, #191919 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF191919', endColorstr='#FF191919', GradientType=0);
        border: 0 none;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        color: #ffffff;
        font-size: 12px; }
      section.dark.summary form.dark .btn-group.bootstrap-select .dropdown-menu {
        background: #191919;
        color: #ffffff; }
        section.dark.summary form.dark .btn-group.bootstrap-select .dropdown-menu .bs-searchbox input {
          background: #191919; }
        section.dark.summary form.dark .btn-group.bootstrap-select .dropdown-menu ul.dropdown-menu.inner li:focus, section.dark.summary form.dark .btn-group.bootstrap-select .dropdown-menu ul.dropdown-menu.inner a:focus {
          outline: 0 none; }
        section.dark.summary form.dark .btn-group.bootstrap-select .dropdown-menu ul.dropdown-menu.inner li a {
          color: #9d9d9d; }
          section.dark.summary form.dark .btn-group.bootstrap-select .dropdown-menu ul.dropdown-menu.inner li a:hover {
            color: #ffffff;
            background: #191919; }
    section.dark.empty {
      padding: 25px 0; }
    section.dark.mobile-booking {
      display: none; }
    section.dark.footer {
      background: #000000;
      background-size: auto;
      border-top: 1px solid #727272;
      padding-bottom: 80px; }
  section.first {
    padding-top: 50px; }
  section.last {
    padding-bottom: 50px; }
  section.cinemaPageTabs {
    padding: 0;
    background: url("/xmedia/img/CinemaCity//cci_citilight_faded.jpg");
    background-repeat: repeat-x; }
  section.footer {
    background: #000000;
    background-size: auto;
    border-top: 1px solid #727272; }

.banner {
  background: #d5d5d5;
  padding: 0; }
  .banner .container-fluid {
    max-width: 1064px; }
  .banner.banner-seasons img {
    width: 100% !important;
    height: auto !important; }
  .banner.banner-seasons .banner-holder, .banner.banner-gifts .banner-holder {
    background: none;
    display: block;
    height: 390px;
    margin: 0 auto;
    max-height: 390px;
    max-width: 960px;
    z-index: 100;
    opacity: 0; }
  .banner.banner-gifts .banner-holder {
    height: 325px;
    max-height: 325px; }

.mycineworld .offers a {
  position: relative;
  display: block; }
  .mycineworld .offers a div h4 {
    margin-bottom: 0; }
  .mycineworld .offers a div:not(.darkOverlay) {
    color: #ffffff;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    padding: 5px 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .mycineworld .offers a:hover div {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.mycineworld .my-cineworld-rating {
  margin-top: 10px; }

#more-about .ImageWrapper img {
  margin-bottom: 10px; }

#more-info .info-descr {
  font: 20px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  margin-bottom: 20px;
  line-height: 23px; }

#more-info .info-tbl {
  display: table;
  border-collapse: collapse; }
  #more-info .info-tbl .tbl-row {
    display: table-row;
    margin-bottom: 24px;
    border-bottom: solid 1px #191919 !important; }
    #more-info .info-tbl .tbl-row .tbl-cell-ttl {
      display: table-cell;
      min-width: 160px;
      font-weight: 300;
      padding: 10px 0 10px 0; }
    #more-info .info-tbl .tbl-row .tbl-cell-descr {
      display: table-cell;
      padding-bottom: 19px;
      line-height: 19px;
      padding: 10px 0 10px 0; }
      #more-info .info-tbl .tbl-row .tbl-cell-descr.formats span, #more-info .info-tbl .tbl-row .tbl-cell-descr.formats img {
        margin-right: 12px;
        vertical-align: middle; }

#more-info .text-content {
  line-height: 19px;
  margin-bottom: 19px; }

#more-info .formats span {
  font: 16px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-weight: bold; }

#more-info h4.ttl {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-size: 13px;
  font-weight: bold;
  margin: 0; }

#choose-showtime #bookByCinema.showtime-results > .row .panel.panel-showtimes {
  margin-bottom: 20px; }

#choose-showtime #bookByCinema.showtime-results > .row:last-child .panel.panel-showtimes {
  margin-bottom: 20px; }

#choose-showtime h3 {
  font: 26px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #ffffff;
  line-height: 0.9;
  margin: 0;
  margin-bottom: 25px; }

#choose-showtime .bootstrap-select {
  height: initial; }

#choose-showtime .options .theatre {
  padding-right: 10px; }

#choose-showtime .options .date {
  padding-left: 10px; }

#choose-showtime .showtime-results {
  display: none; }
  #choose-showtime .showtime-results.active {
    display: block; }

#choose-showtime .bottom-btns {
  margin-top: 20px;
  padding-top: 10px; }
  #choose-showtime .bottom-btns a {
    margin-top: 10px; }
  #choose-showtime .bottom-btns .col-sm-12 {
    padding: 10px 0 0 0; }

.suggestedCinemas {
  margin-top: 20px;
  line-height: 20px; }
  .suggestedCinemas .cinema {
    margin-bottom: 30px; }
    .suggestedCinemas .cinema:nth-child(3) {
      clear: both; }

#feedback > div > h3 {
  margin: 0; }

#feedback .tw-feed {
  padding-left: 10px; }

#feedback .content {
  width: 69.5%;
  float: left; }

#feedback .media-body {
  margin: 0 auto;
  display: block;
  vertical-align: top; }

#feedback .twitter-text {
  color: #000000; }

#feedback .ratings {
  margin-top: 10px;
  width: 30.5%;
  float: right; }

#feedback p {
  float: right;
  padding-right: 20px;
  margin-bottom: 13px; }
  #feedback p.stars {
    margin-top: -6px;
    margin-bottom: 18px; }

#feedback .report a {
  font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #ffffff;
  margin-bottom: 18px; }

#feedback .media {
  border-bottom: 1px solid #afafaf; }

#about .content {
  float: left; }

#feedback .media:last-child, #about .media:last-child {
  border-bottom: none; }

#feedback .customer-ratings .votes-count, #about .customer-ratings .votes-count {
  padding: 1px 4px 0 4px;
  /*TODO do zmiennej*/
  font-size: 11px;
  text-align: right; }

#feedback .graph .stars-container, #about .graph .stars-container {
  width: 100px;
  float: left; }

#feedback .sum-ratings .customer-ratings h3, #feedback .sum-ratings .rate-it-yourself h3, #about .sum-ratings .customer-ratings h3, #about .sum-ratings .rate-it-yourself h3 {
  font: bold 13px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #ffffff;
  margin-top: 23px; }

#feedback .sum-ratings .customer-ratings > .row, #feedback .sum-ratings .rate-it-yourself > .row, #about .sum-ratings .customer-ratings > .row, #about .sum-ratings .rate-it-yourself > .row {
  height: 26px; }

#feedback .sum-ratings .customer-ratings .submit-review, #feedback .sum-ratings .rate-it-yourself .submit-review, #about .sum-ratings .customer-ratings .submit-review, #about .sum-ratings .rate-it-yourself .submit-review {
  padding-left: 0;
  margin-top: 6px; }
  #feedback .sum-ratings .customer-ratings .submit-review button, #feedback .sum-ratings .rate-it-yourself .submit-review button, #about .sum-ratings .customer-ratings .submit-review button, #about .sum-ratings .rate-it-yourself .submit-review button {
    text-decoration: none;
    font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    color: #ffffff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
    padding: 6px 40px 6px 13px;
    background: #7a7a7a url("/xmedia/img/booking-share.png") 136px 9px no-repeat;
    border-radius: 4px;
    margin-top: -10px; }

.help h2 {
  font-size: 16px; }

.help .panel {
  align-items: center;
  display: flex;
  height: 110px;
  vertical-align: middle; }
  .help .panel .panel-body {
    height: 100%;
    padding: 15px 20px;
    width: 100%;
    display: flex;
    align-items: center; }
    .help .panel .panel-body:hover {
      text-decoration: none;
      cursor: pointer;
      -webkit-box-shadow: 0 0 8px rgba(251, 139, 55, 0.6);
      box-shadow: 0 0 8px rgba(251, 139, 55, 0.6); }

a:hover {
  cursor: pointer; }

.movie-info h4.ttl {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-size: 13px;
  font-weight: bold;
  margin: 0; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }

.navigation-list {
  float: left;
  font-size: 18px;
  font-weight: 100; }
  .navigation-list i {
    color: #f5821e;
    font-size: 10px; }

.square-bullet {
  padding-left: 2em; }
  .square-bullet:before {
    color: #f5821e;
    float: left;
    margin: 2px 0 0 -2em;
    width: 1em;
    content: '\25A0'; }

.banner-title {
  font-size: 60px !important;
  line-height: 60px !important;
  letter-spacing: -2px; }

@media (max-width: 768px) {
  .banner-title {
    text-align: center;
    font-size: 36px !important;
    line-height: 36px !important; }
  .navigation-list {
    float: none;
    font-size: 16px; }
    .navigation-list li {
      display: block !important;
      margin: 15px 0; } }

p {
  font-size: 14px;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p.subheading, .btn-3d, .btn-2d {
  color: inherit;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-weight: 300;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  text-transform: uppercase !important;
  font-weight: 300; }

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6 {
  color: #ffffff; }

.h1 {
  font-size: 36px; }

h1.reset-password {
  text-transform: uppercase; }

.h2 {
  font-size: 24px; }

.h3 {
  font-size: 18px; }

.h4 {
  font-size: 16px; }

h1 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px; }

h2 {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px; }
  .grid h2 {
    margin-bottom: 0; }

h3 span.circle-number {
  border: 2px solid #595959;
  border-radius: 50px;
  display: block;
  float: left;
  height: 24px;
  line-height: 19px;
  margin: 2px 5px 0 0;
  padding: 0;
  text-align: center;
  width: 24px; }

h4 {
  font-size: 16px; }

.text-bold {
  font-weight: bold; }

.text-bolder {
  font-weight: 400; }

.text-italic {
  font-style: italic; }

.text-underline {
  text-decoration: underline; }

.text-normal {
  font-weight: normal;
  font-style: normal;
  text-decoration: none; }

a:visited, a:active {
  outline: 0 none;
  color: #f5821e;
  text-decoration: none; }

a:hover {
  color: #f5821e; }

a:focus {
  outline: 3px solid rgba(0, 98, 255, 0.6) !important; }

.link-primary, .text-primary {
  color: #f5821e !important; }

.subheading {
  margin-bottom: 25px; }

#gettingHere {
  line-height: 19px; }

hr.dark {
  margin: 20px 0;
  border: solid 1px #000;
  border-top: 0 none;
  -webkit-box-shadow: 0 1px 0 0 #2b292e;
  box-shadow: 0 1px 0 0 #2b292e; }

/* HEADERS */
.dark h1, .light h1, .light-gradient h1 {
  font-size: 36px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  line-height: 36px;
  margin-bottom: 20px; }

.dark h2, .light h2, .light-gradient h2 {
  font-size: 24px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  line-height: 26px;
  margin-bottom: 24px; }

.dark h2 small, .light h2 small, .light-gradient h2 small,
.dark h3 small, .light h3 small, .light-gradient h3 small {
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  display: block; }

.dark h3, .light h3, .light-gradient h3 {
  font-size: 18px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  line-height: 20px; }

h1.heading, h2.heading, h3.heading, h4.heading {
  margin-bottom: 0;
  line-height: 26px; }

h3.heading {
  line-height: 20px; }

h4.heading {
  line-height: 16px; }

h1.selectedCinema {
  text-transform: uppercase; }

.cinema-page-booking h1, .cinema-page-booking h3 {
  text-transform: uppercase;
  font-weight: 400; }

.blog p {
  font-size: 11px;
  margin: 10px 0; }

.footer p {
  color: #a2a2a2; }

.footer strong {
  color: #ffffff; }

.footer .rights p {
  margin-top: 15px;
  padding-top: 15px;
  border-top: none;
  color: #a5a5a5; }

.footer a {
  color: #a2a2a2;
  line-height: 18px; }

.footer a:hover {
  color: #ffffff;
  text-decoration: none; }

.offers h4, .experiences h4, .experiences dd, h4.grey, h3.grey {
  color: #ffffff; }

.offers .rating {
  font-weight: bold; }

.summary h4 {
  font-size: 16px;
  margin-top: 0;
  color: #ffffff; }

#facilities h4 {
  color: #ffffff; }

div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {
  margin-top: 0; }

#results .media h2 {
  margin-bottom: 10px; }

.blog .experiences-link p {
  font-weight: bold; }

.experiences-link:link, .experiences-link:visited, .experiences-link:active {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.experiences-link:hover {
  color: #a2a2a2;
  text-decoration: none; }

#more-about p a,
.blog p a {
  display: inline-block;
  color: #a2a2a2; }

.mycineworld .experiences p a:hover,
#more-about p a:hover {
  color: #ffffff;
  text-decoration: none; }

h2 span.login {
  font: normal 13px/150% "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-size: 13px;
  float: right;
  margin-top: 15px; }

h2 span.login a {
  color: #f5821e;
  text-decoration: none;
  font-weight: bold; }

h2 span.login a:hover {
  text-decoration: underline; }

#whatsOnList h2:hover {
  text-decoration: underline;
  cursor: pointer; }

ul.login-buttons li {
  vertical-align: middle; }

#apply p, #benefits p {
  margin-top: 10px;
  font-weight: bold; }

small.inline {
  display: inline-block !important;
  margin-left: 20px; }

.dark small.inline {
  color: #ffffff; }

.separator {
  border-bottom: 1px solid #d5d5d5; }

.caret {
  margin-top: -2px;
  right: 12px;
  top: 50%;
  vertical-align: middle; }

a.white-link {
  color: #ffffff !important;
  text-decoration: underline; }

.grey-menu {
  display: none; }

label span.normal {
  font-weight: normal; }

.cast span, .director span {
  cursor: pointer; }

.cast span:hover, .director span:hover {
  text-decoration: underline; }

a.back-to-top {
  color: #ffffff; }

a.read-more, a.toggle-spoiler {
  font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #f5821e; }

.grey-link {
  color: #ffffff !important;
  text-decoration: underline !important; }

a {
  color: #f5821e; }

.alert a {
  color: #ffffff;
  text-decoration: underline; }

.footer-group .footer-group-name {
  margin-bottom: 10px; }

.footer-group .footer-group-item {
  margin-bottom: 0; }
  [dir="rtl"] .footer-group .footer-group-item img {
    float: right;
    margin-left: 5px; }
  [dir="ltr"] .footer-group .footer-group-item img {
    float: left;
    margin-right: 5px; }
  .footer-group .footer-group-item img + a {
    display: inline-block;
    position: relative;
    top: 5px;
    margin-bottom: 10px;
    padding: 0; }

.text-secondary {
  color: #e26304; }

body.static-page ol {
  padding-left: 20px;
  list-style-type: decimal; }
  body.static-page ol li > ol {
    margin: 0.5em 0;
    list-style-type: upper-latin; }
    body.static-page ol li > ol li > ol {
      margin: 0.5em 0;
      list-style-type: lower-roman; }
      body.static-page ol li > ol li > ol li > ul {
        margin: 0.5em 0;
        list-style-type: none; }
        body.static-page ol li > ol li > ol li > ul li:before {
          content: '-';
          display: inline-block;
          float: left;
          margin-left: -1em;
          border: solid 1px #f5821e;
          border-radius: 20px;
          width: 5px;
          height: 5px;
          background: #f5821e;
          vertical-align: baseline;
          text-indent: -9999px;
          margin-top: .4em; }

input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  opacity: 1; }
  input::-webkit-input-placeholder .dark, input:-moz-placeholder .dark, input::-moz-placeholder .dark, input:-ms-input-placeholder .dark {
    color: #ffffff; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.form-control.dark .btn, input.form-control.dark, input.dark, select.dark,
.form-control.dark > .dropdown-menu, .btn-group.dark > .dropdown-menu {
  background: #191919;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  color: #ffffff;
  border: 0 none;
  width: 100% !important; }
  .form-control.dark .btn::-webkit-input-placeholder, .form-control.dark .btn:-ms-input-placeholder, .form-control.dark .btn:-moz-placeholder, .form-control.dark .btn::-moz-placeholder, input.form-control.dark::-webkit-input-placeholder, input.form-control.dark:-ms-input-placeholder, input.form-control.dark:-moz-placeholder, input.form-control.dark::-moz-placeholder, input.dark::-webkit-input-placeholder, input.dark:-ms-input-placeholder, input.dark:-moz-placeholder, input.dark::-moz-placeholder, select.dark::-webkit-input-placeholder, select.dark:-ms-input-placeholder, select.dark:-moz-placeholder, select.dark::-moz-placeholder,
  .form-control.dark > .dropdown-menu::-webkit-input-placeholder,
  .form-control.dark > .dropdown-menu:-ms-input-placeholder,
  .form-control.dark > .dropdown-menu:-moz-placeholder,
  .form-control.dark > .dropdown-menu::-moz-placeholder, .btn-group.dark > .dropdown-menu::-webkit-input-placeholder, .btn-group.dark > .dropdown-menu:-ms-input-placeholder, .btn-group.dark > .dropdown-menu:-moz-placeholder, .btn-group.dark > .dropdown-menu::-moz-placeholder {
    color: #ffffff !important;
    font-weight: normal !important;
    font-size: 12px !important;
    opacity: 1; }

.form-control.dark > .dropdown-menu > ul.dropdown-menu,
.btn-group.dark > .dropdown-menu > ul.dropdown-menu {
  background: none;
  color: #ffffff; }

.form-control.dark > .dropdown-menu > ul.dropdown-menu > li > a,
.btn-group.dark > .dropdown-menu > ul.dropdown-menu > li > a {
  color: #ffffff; }

.form-control.dark > .dropdown-menu > ul.dropdown-menu > li > a:hover,
.form-control.dark > .dropdown-menu > ul.dropdown-menu > li > a:focus,
.btn-group.dark > .dropdown-menu > ul.dropdown-menu > li > a:hover,
.btn-group.dark > .dropdown-menu > ul.dropdown-menu > li > a:focus {
  background-color: #333;
  color: #ffffff; }

input {
  font-size: 12px; }

.inner-addon {
  position: relative; }

.left-addon input {
  padding-left: 30px; }

.right-addon input {
  padding-right: 30px;
  height: 40px; }

.form-glow {
  -webkit-box-shadow: 0 0 6px 1px #e26304;
  box-shadow: 0 0 6px 1px #e26304; }

.selectpicker, .dropdown-menu .grid select, select.qb-selectpicker, select.whatsonCinemaSelect {
  display: none !important; }

.bootstrap-select.btn-group > button {
  pointer-events: initial; }
  .bootstrap-select.btn-group > button.disabled {
    background: #d5d5d5;
    background-color: #d5d5d5 !important;
    border-color: #d5d5d5;
    color: #909090;
    cursor: not-allowed;
    pointer-events: none; }

[dir="rtl"] .bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  left: 12px;
  right: auto;
  /* this line should be added to override the default behavior */
  margin-top: -2px;
  vertical-align: middle; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: left; }
  [dir="rtl"] .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right; }

.form-control.dark, input.dark, select.dark {
  background: none; }

.timeselect.bootstrap-select li.disabled {
  display: block; }

.light .form-control::-moz-placeholder {
  color: #555;
  opacity: 1; }

.light .form-control::-webkit-input-placeholder {
  color: #555; }

.light .form-control:-ms-input-placeholder {
  color: #555; }

#find-a-cinema .form-control[disabled], #find-a-cinema .form-control.disabled {
  opacity: 0.4; }

.search-field-group {
  position: relative; }
  .search-field-group button.search-field-button {
    position: absolute;
    top: 0;
    background: none; }
    [dir="rtl"] .search-field-group button.search-field-button {
      left: 0; }
    [dir="ltr"] .search-field-group button.search-field-button {
      right: 0; }
  [dir="rtl"] .search-field-group input {
    padding-right: 30px; }
  [dir="ltr"] .search-field-group input {
    padding-right: 30px; }

.search-icon, .search-icon-dark {
  background: url("/xmedia/img/search-icon.svg") center center no-repeat;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 2px;
  width: 30px;
  padding: 10px;
  cursor: pointer; }
  [dir="rtl"] .search-icon, [dir="rtl"] .search-icon-dark {
    right: auto;
    left: 5px; }
  .search-icon:focus, .search-icon-dark:focus {
    outline: 3px solid rgba(0, 98, 255, 0.6) !important; }

.search-icon-dark {
  background: none; }

.movie-rating-icon {
  height: 30px; }

svg {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  svg.light path, svg.light polygon {
    fill: #fff; }
  svg.dark path, svg.dark polygon {
    fill: #000000; }

section.light svg path, section.light svg polygon {
  fill: #000000; }

section.dark svg path, section.dark svg polygon {
  fill: #fff; }

.svg.release-date-icon, .svg.film-time-icon {
  height: 40px;
  float: left;
  margin-right: 10px; }
  [dir="rtl"] .svg.release-date-icon, [dir="rtl"] .svg.film-time-icon {
    float: right;
    margin-right: 0;
    margin-left: 10px; }

.svg.map-marker-icon, .svg.phone-icon {
  height: 20px;
  fill: #d5d5d5; }

.icons {
  display: block;
  margin-bottom: 10px;
  height: auto; }

.icon.text {
  padding-top: 3px; }

.panel-body[class^="help-icon-"], .panel-body[class*="help-icon-"] {
  padding-left: 100px !important;
  background-repeat: no-repeat;
  background-position: 20px center;
  vertical-align: middle;
  color: #191919;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 78px; }

.help-icon-assistance {
  background: url("/xmedia/img/CinemaCity/help-icon-assistance.png"); }

.help-icon-gift {
  background: url("/xmedia/img/CinemaCity/help-icon-gift.png"); }

.help-icon-lost {
  background: url("/xmedia/img/CinemaCity/help-icon-lost.png"); }

.help-icon-tickets {
  background: url("/xmedia/img/CinemaCity/help-icon-tickets.png"); }

.help-icon-unlimited {
  background: url("/xmedia/img/CinemaCity/help-icon-unlimited.png"); }

.help-icon-other {
  background: url("/xmedia/img/CinemaCity/help-icon-other.png"); }

.exclamation-mark-icon {
  width: 40px;
  float: left;
  margin-right: 15px; }

.align-items-v {
  display: flex;
  align-items: center; }

.close-icon {
  display: block;
  position: absolute;
  right: 29px;
  top: 50%;
  margin-top: -5px;
  width: 16px;
  height: 16px;
  background: transparent;
  border: none; }
  [dir="rtl"] .close-icon {
    right: auto;
    margin-left: 15px;
    position: relative;
    float: left; }
    [dir="rtl"] .close-icon.close-banner {
      position: absolute;
      left: 29px; }
  .close-icon:hover {
    cursor: pointer; }
  .close-icon.close-banner:before {
    border-top: 1px solid #fff; }
  .close-icon.close-banner:after {
    border-top: 1px solid #fff; }
  .close-icon:before {
    content: "";
    position: absolute;
    display: flex;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 16px;
    height: 0;
    border-top: 1px solid #000000;
    transform: rotate(45deg); }
  .close-icon:after {
    content: "";
    position: absolute;
    display: flex;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 16px;
    height: 0;
    border-top: 1px solid #000000;
    transform: rotate(-45deg); }
  .close-icon.blocker-info {
    right: 18px; }
  .close-icon.digital-card-close-icon {
    position: absolute;
    right: 0;
    top: 12px; }

.close-icon-white:before, .close-icon-white:after {
  border-color: #fff; }

.info-icon {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-left: 2px; }
  .info-icon svg path {
    fill: #727272 !important; }

.icon-seat.occupied path {
  fill: rgba(255, 255, 255, 0.35) !important; }

.icon-seat path {
  fill: white !important; }

.event-seats-available div {
  margin-top: 2px; }

.fa-sort.text-black {
  color: #000; }

.tooltip-question {
  display: inline-block;
  border-radius: 100px;
  border: solid 1px;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  text-align: center;
  vertical-align: text-bottom; }

.check-icon-image {
  background-color: #5cb85c;
  padding: 7px; }

.navbar {
  margin: 0;
  border: 0; }

@media (max-width: 767px) {
  .navbar {
    border-top: 0;
    border-left: 0;
    border-right: 0; } }

.nav .open > a {
  border-color: #d5d5d5; }

.nav .navbar-nav {
  width: 100%; }

.navbar-nav > li > a {
  color: #ffffff; }

.navbar-nav.navbar-right {
  margin-top: 5px; }

.navbar-collapse {
  padding-left: 0;
  padding-right: 0; }
  .navbar-collapse.in {
    overflow: visible; }

.navbar-form {
  margin-top: 8px; }

.navbar-toggle .icon-bar {
  background-color: #ffffff;
  border-radius: 1px;
  display: block;
  height: 3px;
  width: 22px; }

.navbar-toggle + .icon-bar {
  margin-top: 4px !important; }

.navbar-brand {
  color: #ffffff; }

.navbar-nav > li > a:link,
.navbar-nav > li > a:visited,
.navbar-nav > li > a:active {
  color: #ffffff; }

.navbar-nav > li.open > a:link,
.navbar-nav > li.open > a:visited,
.navbar-nav > li.open > a:active {
  color: #f5821e !important;
  text-shadow: none; }

.navbar-nav .btn, .navbar-nav button {
  text-transform: none; }

.navbar-header .navbar-toggle > span:last-child {
  color: #000000;
  display: block;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-size: 15px;
  font-weight: bold;
  margin-top: 1px;
  text-align: center; }

.dropdown-narrow .grid {
  padding: 0; }

/* TABS */
.dark .nav.nav-tabs,
.light .nav.nav-tabs {
  border: none;
  border-bottom: 0 none;
  padding: 0;
  margin: 0px 0px 20px 0px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis; }

.light .nav.nav-tabs {
  border-bottom: none; }

.nav.nav-tabs .active {
  bottom: -4px !important; }

.dark .nav.nav-tabs.responsive li,
.light .nav.nav-tabs.responsive li {
  bottom: -5px;
  display: inline-block;
  margin-right: 5px;
  width: auto;
  float: none;
  margin-bottom: 0; }
  .dark .nav.nav-tabs.responsive li a,
  .light .nav.nav-tabs.responsive li a {
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    outline: 0 none;
    background: none;
    color: #a2a2a2;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 25px 10px 0px;
    float: left;
    border-radius: 0;
    border: none;
    border-radius: 4px 4px 0 0;
    border-bottom-color: #727272;
    text-transform: uppercase;
    margin-bottom: 1px; }
    .dark .nav.nav-tabs.responsive li a:hover,
    .light .nav.nav-tabs.responsive li a:hover {
      color: #ffffff; }
    .dark .nav.nav-tabs.responsive li a:focus,
    .light .nav.nav-tabs.responsive li a:focus {
      border: none;
      border-bottom: 2px solid #f5821e !important; }
  .dark .nav.nav-tabs.responsive li.dropdown,
  .light .nav.nav-tabs.responsive li.dropdown {
    float: right; }
  .dark .nav.nav-tabs.responsive li:last-child,
  .light .nav.nav-tabs.responsive li:last-child {
    margin-right: 0; }
  .dark .nav.nav-tabs.responsive li.active > a,
  .dark .nav.nav-tabs.responsive li.visible-xs > a,
  .light .nav.nav-tabs.responsive li.active > a,
  .light .nav.nav-tabs.responsive li.visible-xs > a {
    margin: 0 25px 0 0;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    border-color: #727272;
    font-size: 18px;
    color: #ffffff;
    background: #000000;
    border: 0 none;
    border-radius: 4px 4px 0 0;
    padding: 9px 0px 13px 0px;
    border-bottom: 2px solid #f5821e;
    -webkit-transition: none 1ms ease;
    -moz-transition: none 1ms ease;
    -ms-transition: none 1ms ease;
    -o-transition: none 1ms ease;
    transition: none 1ms ease; }

.light .nav.nav-tabs.responsive li a {
  background: none;
  color: #191919;
  border: transparent;
  border-bottom-color: none; }
  .light .nav.nav-tabs.responsive li a:hover {
    color: #191919; }
  .light .nav.nav-tabs.responsive li a small {
    pointer-events: none; }

.light .nav.nav-tabs.responsive li.active > a,
.light .nav.nav-tabs.responsive li.visible-xs > a {
  border-color: #000000;
  color: #000000;
  background: none;
  border-bottom: 2px solid #f5821e; }

.tab-content {
  padding: 10px 0 0 0;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  max-height: none; }
  .tab-content hr {
    margin: 30px 0 20px 0; }

.tab-content,
.tab-pane,
.tab-pane.active {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.cinemaDetails .tab-content {
  padding-bottom: 50px;
  padding-top: 20px; }

#about.tab-pane .media .media-left {
  width: 50%; }

#searchTabs li a small {
  font-size: 12px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important; }

.tab-pane#tab_bookings section ul.movies hr:last-child {
  opacity: 0; }

.tab-pane#tab_bookings .booking-history section .item a.btn-grey {
  margin-top: 30px; }

.tab-pane#tab_bookings .booking-history section .item.disabled {
  opacity: 0.4;
  pointer-events: none; }

.tab-pane#tab_bookings .booking-history section .item:last-child hr {
  display: none; }

img.transportation-info-icon {
  padding-right: 10px; }

.dark .filters {
  padding-left: 10px;
  padding-right: 10px; }

.light .filters {
  padding: 0;
  margin: 0 0 20px 0;
  position: relative; }

.btn.btn-light {
  display: block;
  float: left;
  border-radius: 4px;
  background: #727272;
  filter: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  padding: 10px 12px;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px 10px;
  cursor: pointer;
  border: solid 1px #4f4d54; }

.btn.pager {
  background-color: #fff;
  border: 1px solid #b2b2b2;
  color: #000000;
  text-transform: uppercase; }

.toggle-times {
  position: relative; }

.toggle-times:not(.collapsed) {
  margin-bottom: 20px;
  background: #f5821e;
  text-transform: uppercase;
  -webkit-box-shadow: 0 1px 2px 0 transparent;
  box-shadow: 0 1px 2px 0 transparent;
  border: solid 1px rgba(245, 130, 30, 0.5); }

.light .pager-list span.active {
  background: #d5d5d5;
  background-image: linear-gradient(to bottom, #d5d5d5 0%, #c6c6c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFC6C6C6', GradientType=0);
  border: solid 1px #c6c6c6; }

.dark .filters .filter-all, .light .filters .filter-all {
  margin-left: 0; }

.light .pager-list span, .light .pager-list span.active {
  padding: 0; }

.pager-list {
  display: block;
  width: 100%;
  padding: 0 10px;
  left: 0;
  right: 0;
  text-align: center; }

.pager-list .pages {
  width: calc(100% - 65px);
  white-space: nowrap;
  text-overflow: '';
  overflow: hidden;
  display: inline-block; }

.pager-list .pager {
  display: inline-block;
  border-radius: 4px;
  background: #727272;
  background-image: linear-gradient(to bottom, #727272 0%, #191919 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF727272', endColorstr='#FF191919', GradientType=0);
  filter: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #4f4d54;
  color: #000000;
  font-size: 12px;
  width: auto;
  margin: 0 5px 0 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 28px;
  font-weight: bold;
  padding: 0; }

.pager-list .pager:last-child {
  margin: 0; }

.pager-list .pager:hover {
  background: #191919;
  background-image: linear-gradient(to bottom, #191919 0%, #727272 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF191919', endColorstr='#FF727272', GradientType=0);
  filter: none; }

.pager-list .pager.disabled, .pager-list .pager.disabled:hover {
  border: solid 1px #727272;
  border-radius: 4px;
  background: #191919;
  opacity: 0.6;
  cursor: default; }

.light .pager-list .pager.disabled, .light .pager-list .pager.disabled:hover {
  background: #bcbbba;
  background-image: linear-gradient(to bottom, #bcbbba 0%, #dfdcdd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBCBBBA', endColorstr='#FFDFDCDD', GradientType=0);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.6;
  border: none;
  cursor: default; }

.pager-list .pager.active {
  border: solid 1px #312f36;
  border-radius: 4px;
  background: #191919;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.043); }

.pager-list .page-prev {
  float: left; }

.pager-list .page-next {
  float: right; }

.pager-list .page-prev i, .pager-list .page-next i {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/xmedia/img/pagination-left.png") center center no-repeat;
  text-indent: -9999px; }

.pager-list .page-next i {
  background: url("/xmedia/img/pagination-right.png") center center no-repeat; }

.light .pager-list .page-prev i, .light .pager-list .page-next i {
  background: url("/xmedia/img/pagination-left-dark.png") center center no-repeat; }

.light .pager-list .page-next i {
  background: url("/xmedia/img/pagination-right-dark.png") center center no-repeat; }

.pager-list.no-pagers {
  display: none; }

.seeWhatsOn .pager-list {
  margin-top: 20px; }

.seeWhatsOn .pager-list .page-prev {
  float: left;
  margin-left: 0; }

.seeWhatsOn .pager-list .page-next {
  float: right;
  margin-right: 0; }

.seeWhatsOn .pager-list .pager,
.seeWhatsOn .pager-list .pager.disabled,
.seeWhatsOn .pager-list .pager.disabled:hover {
  background: #d5d5d5;
  background-image: linear-gradient(to bottom, #d5d5d5 0%, #c6c6c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFC6C6C6', GradientType=0);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #000000;
  font-weight: bold;
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-collapse: collapse; }

.seeWhatsOn .pager-list .pager:hover, .seeWhatsOn .pager-list .pager.active {
  background: #e4e4e4;
  background-image: linear-gradient(to bottom, #e4e4e4 0%, #d5d5d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE4E4E4', endColorstr='#FFD5D5D5', GradientType=0);
  -webkit-box-shadow: 0 1px 2px 0 transparent;
  box-shadow: 0 1px 2px 0 transparent; }

.seeWhatsOn .pager-list .pager.disabled, .seeWhatsOn .pager-list .pager.disabled:hover {
  opacity: 0.6; }

.pagination {
  text-align: center; }

.btn .pager {
  background: #fff; }

div[id*="collapse-"] > .panel {
  background: none;
  border: 0px;
  border-color: 0px;
  border-radius: 0; }
  div[id*="collapse-"] > .panel .panel-heading {
    background: none;
    color: #ffffff;
    border-color: none !important; }
  div[id*="collapse-"] > .panel > .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-color: #727272; }

.panel-title a {
  color: #ffffff;
  text-decoration: none; }
  .panel-title a:hover {
    background: #191919; }

/*********** SHOWTIMES **************/
.panel-heading {
  background: #ffffff;
  color: #ffffff;
  font: bold 16px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  padding: 12px 20px;
  border-bottom: solid 1px #727272; }
  .panel-heading p {
    font: bold 16px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important; }
  .panel-heading.collapsible {
    cursor: pointer; }
    .panel-heading.collapsible .fa-caret-down {
      display: block; }
    .panel-heading.collapsible .fa-caret-up {
      display: none; }
    .panel-heading.collapsible.collapsed .fa-caret-up {
      display: block; }
    .panel-heading.collapsible.collapsed .fa-caret-down {
      display: none; }

.panel-body {
  padding: 15px; }
  .panel-body .other-reviews {
    display: none; }
    .panel-body .other-reviews.active {
      display: block; }
  .panel-body .media:first-child {
    margin-top: 15px; }
  .panel-body.fullwidth {
    padding: 0;
    border: 0; }

.panel-footer {
  font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #ffffff;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #ffffff;
  /*@include gradient-vertical($gray-lighter, lighten($gray-lighter, 6%));*/
  border-top: solid 1px #fff; }
  .panel-footer span.count {
    font: normal 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    color: #ffffff; }

.panel-default {
  border-color: transparent;
  color: #000000;
  background: #fff;
  margin-top: 15px;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .panel-default > .panel-heading {
    font: bold 13px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    color: #000000;
    padding: 12px 20px;
    background: #ffffff; }
  .panel-default.panel-showtimes {
    margin-top: 30px;
    display: none;
    box-shadow: none;
    margin-bottom: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .panel-default.panel-showtimes .panel-heading {
      padding: 0; }
      .panel-default.panel-showtimes .panel-heading p {
        font-weight: bold;
        padding: 12px 20px 0 20px; }
    .panel-default.panel-showtimes tr.rowInfo td:first-child {
      padding: 15px 20px;
      width: 1%;
      min-width: 100px; }
    .panel-default.panel-showtimes table tr th {
      padding: 15px 60px 0 20px;
      width: 1px;
      white-space: nowrap; }
    .mix .panel-default.panel-showtimes {
      margin-top: 20px;
      display: block; }

.panel.panel-dark {
  background-color: #38373e !important;
  border-color: #49484f;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }
  .panel.panel-dark .panel-body,
  .panel.panel-dark .panel-heading,
  .panel.panel-dark .panel-footer {
    padding: 12px 10px;
    color: #ffffff; }
  .panel.panel-dark .panel-body .row,
  .panel.panel-dark .panel-heading .row,
  .panel.panel-dark .panel-footer {
    padding: 12px 10px; }
  .panel.panel-dark .panel-heading,
  .panel.panel-dark .panel-footer {
    background: #424048 !important;
    border-bottom: 1px solid #312f35 !important;
    padding: 0; }
  .panel.panel-dark .panel-footer {
    border-bottom: none;
    border-top: 1px solid #312f35 !important; }
  .panel.panel-dark .panel-body {
    padding: 0; }
    .panel.panel-dark .panel-body > .row {
      background: url("/xmedia/img/table-border-dark.png") 20px 0 no-repeat; }
      .panel.panel-dark .panel-body > .row:first-child {
        background: none; }
  .panel.panel-dark .table {
    background: none; }

.panel.ask-question .panel-footer,
.panel.ask-question .panel-heading, .panel.sidebar .panel-footer,
.panel.sidebar .panel-heading {
  padding: 15px 20px; }

.panel.sidebar .panel-footer {
  border-top: none; }

.panel.ask-question .panel-body, .panel.common-questions .panel-body {
  padding: 0; }
  .panel.ask-question .panel-body ul, .panel.common-questions .panel-body ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .panel.ask-question .panel-body ul li, .panel.common-questions .panel-body ul li {
      display: none; }
      .panel.ask-question .panel-body ul li a, .panel.common-questions .panel-body ul li a {
        display: block;
        border-bottom: solid 1px #ddd;
        line-height: 50px;
        padding: 0 20px; }
        .panel.ask-question .panel-body ul li a :hover, .panel.common-questions .panel-body ul li a :hover {
          text-decoration: none; }
      .panel.ask-question .panel-body ul li:last-child a, .panel.common-questions .panel-body ul li:last-child a {
        border-bottom: none; }

.panel.common-questions .panel-body ul li a.disabled,
.panel.common-questions .panel-body ul li a.disabled:active,
.panel.common-questions .panel-body ul li a.disabled:focus,
.panel.common-questions .panel-body ul li a.disabled:hover {
  line-height: 32px;
  background: #d5d5d5;
  color: #ffffff; }

.panel.ask-question .panel-body,
.panel.ask-question .panel-footer {
  display: none; }

.panel.padding-fix .panel-heading {
  padding-bottom: 0; }

.panel.padding-fix .panel-footer {
  padding-top: 10px; }

.panel .form-control::-moz-placeholder, .panel .form-control:-ms-input-placeholder, .panel .form-control::-webkit-input-placeholder {
  color: #555;
  opacity: 1; }

.panel .panel-heading hr {
  margin: 10px -20px 20px;
  border-color: #ddd; }

.careers .panel .panel-heading,
.careers .panel .panel-body {
  padding: 10px 10px 0 10px; }

.upgrade-panel .panel-body {
  min-height: 170px; }

.upgrade-panel .panel-footer {
  min-height: 120px;
  cursor: inherit; }

.tooltip .tooltip-inner,
.popover .popover-content {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.23), 0 0 0 1px white inset;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35);
  font: 13px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  background-color: #fff;
  line-height: 1.3;
  min-width: 270px;
  text-align: left;
  color: #000;
  text-transform: none;
  padding: 20px; }
  [dir="rtl"] .tooltip .tooltip-inner, [dir="rtl"]
  .popover .popover-content {
    text-align: right; }

.popover {
  border-radius: 0; }
  .popover a.white-link {
    text-decoration: none; }
    .popover a.white-link:hover {
      text-decoration: underline; }
  .popover.clipboard {
    margin-top: 26px;
    margin-left: 90px;
    background: black;
    border-radius: 5px;
    padding: 0;
    box-shadow: none;
    opacity: 1; }
    .popover.clipboard .popover-content {
      min-width: auto;
      padding: 5px 10px;
      background: black;
      border-radius: 5px;
      box-shadow: none;
      color: #ffffff; }
    .popover.clipboard.right > .arrow:after {
      border-left-width: 0;
      border-right-color: black;
      bottom: -10px;
      content: " ";
      left: 1px; }
    .popover.clipboard.left > .arrow {
      border-left-color: black;
      right: -12px; }
      .popover.clipboard.left > .arrow:after {
        border-left-width: 0;
        border-left-color: black;
        bottom: -10px;
        content: " ";
        left: 1px; }
    .popover.clipboard.bottom > .arrow:after {
      border-bottom-color: black; }
    .popover.clipboard.top > .arrow:after {
      border-top-color: black; }
  .popover.dark {
    background: none;
    border: solid 1px #727272;
    padding: 0;
    box-shadow: none;
    opacity: .9; }
    .popover.dark .popover-content {
      padding: 20px;
      background: #191919;
      box-shadow: none;
      color: #ffffff; }
    .popover.dark.right > .arrow:after {
      border-left-width: 0;
      border-right-color: #727272;
      bottom: -10px;
      content: " ";
      left: 1px; }
    .popover.dark.left > .arrow {
      border-left-color: rgba(0, 0, 0, 0.5);
      right: -12px; }
      .popover.dark.left > .arrow:after {
        border-left-width: 0;
        border-left-color: #727272;
        bottom: -10px;
        content: " ";
        left: 1px; }
    .popover.dark.bottom > .arrow:after {
      border-bottom-color: #191919; }

.popover-content {
  background: #fff;
  padding: 20px 20px 10px 20px;
  color: #ffffff;
  font-size: 13px; }
  .popover-content p:last-child {
    margin-bottom: 0; }
  .popover-content ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .popover-content ul li {
      margin-bottom: 10px; }
      .popover-content ul li img {
        margin-right: 10px; }
  .popover-content > .heading {
    display: inline-block;
    margin-bottom: 5px; }
  .popover-content .rating-name {
    font-weight: bold; }
    .popover-content .rating-name img {
      margin-right: 7px;
      height: 24px;
      vertical-align: text-bottom; }

a.darkDot {
  border-radius: 10px;
  background: #191919;
  color: #ffffff;
  display: inline-block;
  height: 20px;
  line-height: 17px;
  margin-bottom: 0;
  margin-top: -5px;
  padding: 2px 0 0 0;
  text-align: center;
  width: 20px;
  text-transform: none; }
  .summary a.darkDot {
    line-height: 15.6px; }
    .summary a.darkDot:hover {
      text-decoration: none;
      background: #191919; }

h2 a.darkDot {
  font-size: 65%; }

.breadcrumb {
  background: none;
  color: #ffffff;
  font-size: 14px;
  padding: 0;
  margin-bottom: 16px;
  margin-top: 24px; }

.breadcrumb a {
  color: #ffffff;
  text-decoration: none; }
  .breadcrumb a.focus-visible {
    display: inline-block; }

.breadcrumb span.arrow {
  font-size: 0.6em;
  line-height: 21px;
  vertical-align: top; }

.breadcrumb a:hover {
  text-decoration: underline; }

.breadcrumb i {
  font-family: 'FontAwesome', sans-serif;
  margin: 0 4px;
  font-style: normal; }

.breadcrumb .arrow {
  font-family: 'FontAwesome', sans-serif;
  font-size: 14px;
  color: #727272; }

.breadcrumb .arrow.rtl:before {
  content: ""; }

.breadcrumb .arrow.ltr:before {
  content: ""; }

.breadcrumb span {
  font-weight: bolder; }

.dropdown-menu {
  float: right;
  font-size: 13px; }
  .dropdown-menu .btn-group {
    margin: 10px 0 !important; }
  .dropdown-menu .inner .selectpicker > li > a {
    clear: both;
    color: #333 !important;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    font-size: 14px !important;
    list-style: outside none none;
    text-align: left; }
  .dropdown-menu button.selectpicker {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 12px !important; }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus, .dropdown-menu .selected > a,
  .dropdown-menu .selected > a:hover,
  .dropdown-menu .selected > a:focus {
    background-color: #191919;
    color: #ffffff;
    outline: 0 none;
    text-decoration: none; }
  .dropdown-menu #whatsOn img {
    width: 220px;
    height: 307px; }
  .dropdown-menu #whatsOn li {
    cursor: pointer; }
    .dropdown-menu #whatsOn li:hover {
      text-decoration: underline; }
  .dropdown-menu #whatsOn #altPoster,
  .dropdown-menu #whatsOn #leadPoster {
    cursor: pointer;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .dropdown-menu.dark {
    background-color: #191919; }
    .dropdown-menu.dark li, .dropdown-menu.dark li a, .dropdown-menu.dark li .btn {
      color: #ffffff; }
      .dropdown-menu.dark li:hover, .dropdown-menu.dark li.active, .dropdown-menu.dark li a:hover, .dropdown-menu.dark li a.active, .dropdown-menu.dark li .btn:hover, .dropdown-menu.dark li .btn.active {
        text-decoration: none;
        background-color: #727272;
        color: #ffffff; }
  .dropdown-menu .col-xs-6 img {
    margin-bottom: 10px; }
    .dropdown-menu .col-xs-6 img:hover {
      cursor: pointer;
      opacity: 0.95;
      -webkit-box-shadow: 0 0 8px 0 #e26304;
      box-shadow: 0 0 8px 0 #e26304;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .dropdown-menu li:focus, .dropdown-menu a:focus {
    outline: none; }

body.prediction-results-visible .dropdown-menu {
  z-index: 9999; }

.booking-summary .dropdown span.show-less,
.booking-summary .dropdown img.icon-hide {
  display: none; }

.booking-summary .dropdown span {
  font: 11px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  margin: 0 auto; }
  .booking-summary .dropdown span.show-more {
    display: table;
    letter-spacing: 0;
    padding-bottom: 12px; }
    .booking-summary .dropdown span.show-more .show-text {
      border-bottom: 2px solid #c86b6e;
      font-weight: bold; }

.booking-summary .dropdown img.icon-hide {
  display: inline; }

.booking-summary .dropdown.open span.show-more,
.booking-summary .dropdown.open img.icon-show {
  display: none; }

.booking-summary .dropdown.open span.show-less {
  display: table;
  letter-spacing: 0;
  padding-bottom: 12px; }
  .booking-summary .dropdown.open span.show-less .show-text {
    border-bottom: 2px solid #c86b6e;
    font-weight: bold; }

.booking-summary .dropdown-menu {
  background-color: #d5d5d5;
  border-radius: 0;
  margin-top: -1px;
  padding: 17px 0 0; }
  .booking-summary .dropdown-menu table tr td {
    color: #ffffff;
    font-size: 12px; }
    .booking-summary .dropdown-menu table tr td:first-child {
      font-weight: bold;
      min-width: 141px;
      padding: 0 0 7px 15px;
      vertical-align: bottom; }
  .booking-summary .dropdown-menu table tr.white {
    background-color: #d5d5d5; }
  .booking-summary .dropdown-menu table tr.white.bootom-space td {
    padding-bottom: 30px; }

ul.selectpicker {
  position: absolute; }

.get-in-touch .form-control,
.get-in-touch .selectpicker,
.venue-hire .bootstrap-select {
  margin-bottom: 20px;
  border: 0 none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), inset 0 1px 0 0 rgba(255, 255, 255, 0.36); }

.dropdown.fhmm-fw .dropdown-menu .grid a.link-primary:hover,
a.link-primary:focus {
  text-decoration: underline; }

i.dropdown-close {
  color: #727272;
  margin: auto; }

.bootstrap-select.btn-group .no-results {
  color: #000000; }

a.text-muted:hover, a.text-muted:focus, a.text-muted:visited, a.text-muted:active {
  color: #727272; }

.main-menu {
  position: relative;
  background: #f5821e;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  z-index: 999; }
  .main-menu a svg path {
    fill: #000000; }
  .main-menu a:hover svg path {
    fill: #ffffff; }
  .main-menu a:hover img {
    filter: invert(1); }
  .main-menu a.btn.btn-pill span.time {
    background: none !important; }
  .main-menu ul.nav {
    height: 50px; }
    .main-menu ul.nav li:hover {
      background-color: #f5821e; }
      .main-menu ul.nav li:hover > a {
        color: #ffffff !important;
        text-shadow: none !important; }
  .main-menu #defaultmenu {
    display: block;
    overflow: visible !important;
    padding-bottom: 0; }
  .main-menu .navbar-justified {
    display: block;
    float: left;
    width: 100%; }
  .main-menu .navbar-header {
    height: 55px;
    background: #191919;
    -webkit-box-shadow: inset 0 0 0 1px #727272;
    box-shadow: inset 0 0 0 1px #727272;
    text-align: right; }
    .main-menu .navbar-header .btn,
    .main-menu .navbar-header .navbar-brand {
      height: 100%;
      background: none;
      border: 0 none;
      border-radius: 0;
      display: inline-block;
      padding: 18px 20px;
      border-left: 1px solid #191919;
      border-right: 1px solid #191919;
      -webkit-box-shadow: inset 0 0 0 1px #727272;
      box-shadow: inset 0 0 0 1px #727272;
      vertical-align: top;
      float: right;
      margin: 0;
      position: relative; }
    .main-menu .navbar-header .btn {
      border-right: none; }
    .main-menu .navbar-header .navbar-brand {
      padding: 10px 20px 18px;
      vertical-align: top;
      float: left;
      border-left: 0;
      border-right: 1px solid #191919; }
  .main-menu button.navbar-toggle {
    background: #f5821e;
    padding: 20px;
    border-radius: 0;
    margin: 0;
    border: solid 0px #ea720a;
    border-bottom: 0 none;
    height: 60px; }
    .main-menu button.navbar-toggle .icon-bar {
      background-color: #000000; }
    .main-menu button.navbar-toggle .icon-bar + .icon-bar {
      margin-top: 4px !important; }
    .main-menu button.navbar-toggle.collapsed {
      background: #f5821e;
      padding: 19px 20px;
      border-radius: 0;
      margin: 0;
      height: 60px;
      border-bottom: 0 none; }
    .main-menu button.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      margin: 0 !important;
      padding: 0;
      -webkit-transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
      -moz-transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
      -ms-transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
      -o-transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
      transition: transform 0.2s cubic-bezier(0, 1, 0, 1); }
    .main-menu button.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin: -3px 0 0 0 !important;
      padding: 0;
      -webkit-transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
      -moz-transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
      -ms-transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
      -o-transition: transform 0.2s cubic-bezier(0, 1, 0, 1);
      transition: transform 0.2s cubic-bezier(0, 1, 0, 1); }
    .main-menu button.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
      display: none; }
  .main-menu svg {
    vertical-align: middle; }
  .main-menu.IE .navbar-justified {
    display: block;
    float: left;
    width: 100%;
    padding: 0; }

.fhmm .dropdown > a {
  height: 50px;
  line-height: 50px;
  font-weight: bold !important;
  text-shadow: none;
  text-transform: uppercase;
  padding: 0 10px; }

.fhmm-fw .dropdown-menu h3 {
  margin-top: 20px; }

li.dropdown.fhmm-fw {
  display: table-cell;
  margin: auto;
  vertical-align: top;
  width: 1%; }

li.dropdown.fhmm-fw a > svg, li.dropdown.fhmm-fw a > img {
  max-height: 30px; }

ul.nav li.dropdown:hover > a {
  color: #ffffff !important;
  text-shadow: none !important; }

.default-menu {
  padding: 0; }

form.movie-page-booking .bootstrap-select.btn-group:not(.input-group-btn), form.movie-page-booking .bootstrap-select.btn-group[class*="col-"], form.cinema-page-booking .bootstrap-select.btn-group:not(.input-group-btn), form.cinema-page-booking .bootstrap-select.btn-group[class*="col-"] {
  margin: 10px 0; }

form.cinema-page-booking {
  margin-bottom: 20px; }

form.movie-page-booking .dropdown-menu li a {
  line-height: 1.2; }
  form.movie-page-booking .dropdown-menu li a.opt {
    padding-left: 2; }
  form.movie-page-booking .dropdown-menu li a:hover, form.movie-page-booking .dropdown-menu li a:focus {
    background: #ccc; }

form .btn-group ul {
  background: none;
  min-height: 342px;
  min-width: 100%;
  max-width: 306px;
  color: #ffffff;
  font-size: 20pt;
  padding: 20px;
  border-radius: 4px; }
  form .btn-group ul li {
    font-size: 12px;
    color: #000000; }

#trailer form,
.cinemaDetails .book-ticket form {
  min-height: 342px;
  width: 100%;
  background-color: #ececec;
  color: #000000;
  font-size: 20pt;
  padding: 20px;
  border-radius: 4px;
  margin: 0 0 20px 0; }

#pricelistDays > form {
  white-space: nowrap; }

.form-group.local-benefits {
  margin-left: 0;
  margin-right: 0; }

form.check-my-balance {
  margin-top: 30px; }
  form.check-my-balance .row:first-child {
    margin-bottom: 10px; }
  form.check-my-balance img {
    vertical-align: top;
    margin-top: 2px; }
  form.check-my-balance .submit button {
    vertical-align: top;
    margin-top: 22px; }
  form.check-my-balance ul.list-inline li {
    margin-right: 10px; }

.radio label, .checkbox label {
  line-height: 22px; }

.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative; }

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px; }

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px; }

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: 400; }

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell; }

input.numeric-spinner {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important; }

.input-group.with-addon {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), inset 0 1px 0 0 rgba(255, 255, 255, 0.36); }

.light .form-control {
  color: #000000;
  font-weight: normal;
  text-transform: none; }
  .light .form-control input {
    font-size: 14px; }

.form-group .alert.validation-error {
  padding: 5px 10px;
  margin: 0;
  display: block;
  border-radius: 0;
  font-size: .9rem; }
  .form-group .alert.validation-error p {
    font-size: .9rem;
    margin-top: 0;
    margin-bottom: 0; }

.form-group.has-error input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-addon {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0; }

.bootstrap-select .btn, .bootstrap-select .dropdown-toggle {
  background: #fff;
  color: #000000;
  border: solid 1px #b2b2b2; }
  .bootstrap-select .btn:focus, .bootstrap-select .dropdown-toggle:focus {
    outline: 3px solid rgba(0, 98, 255, 0.6) !important;
    background: #fff;
    color: #000000;
    border: solid 1px #b2b2b2; }
  .bootstrap-select .btn:active, .bootstrap-select .btn:hover, .bootstrap-select .btn:visited, .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:visited {
    background: #fff;
    color: #000000;
    border: solid 1px #b2b2b2; }

.bootstrap-select li.disabled {
  display: none; }

.bootstrap-select.btn-group.bs-container {
  position: absolute;
  transform-origin: 0 0; }

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  padding-left: 1rem; }
  [dir="rtl"] .bootstrap-select > .dropdown-toggle {
    padding-right: 1rem;
    padding-left: 25px; }

.btn-group-justified .btn-group > button {
  text-align: center; }

.has-error .form-control,
.has-error .form-control:focus,
.has-error .btn-group .selectpicker,
.has-error .btn-group .selectpicker:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), 1px 1px 0 0 rgba(255, 255, 255, 0.36) inset;
  border: 1px solid #d9534f; }

.has-error label, .has-error .control-label {
  padding-top: 0;
  color: #191919; }

.checkbox.has-error label {
  color: #d9534f; }

.form-group:not(.has-error) .help-block.with-errors,
.checkbox:not(.has-error) .help-block.with-errors {
  display: none;
  opacity: 0; }

.form-group.has-error .help-block.with-errors,
.checkbox.has-error .help-block.with-errors {
  display: block;
  opacity: 1; }

.help-block.with-errors {
  background-color: #d9534f;
  border: 1px solid #d9534f;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  padding: 0 16px;
  color: #ffffff; }

.help-block.with-errors > ul {
  margin: 0; }

.ie9 .help-block.with-errors {
  display: none !important; }

#recommendations .mix > div {
  margin-bottom: 10px; }

.bootstrap-select > .dropdown-menu {
  overflow: visible !important; }

.bootstrap-select.btn-group .dropdown-menu li:focus, .bootstrap-select.btn-group .dropdown-menu a:focus {
  outline: 0 none; }

#cropImageTool #customerImage {
  margin: 0 auto; }

#cropImageTool #imagePlaceholder {
  border: 2px dashed #727272;
  width: 100%;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
  padding: 40px 20px; }
  #cropImageTool #imagePlaceholder.has-error {
    border-color: #d9534f; }

#cropImageTool button {
  width: 100%; }

.radio-custom label {
  padding: 20px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  width: 100%;
  cursor: pointer;
  background: white; }

.radio-custom.small > label {
  padding: 5px; }

.radio-custom input {
  visibility: hidden; }

.radio-custom input:checked + label {
  border: 2px solid #f5821e; }

.radio-custom label.small {
  padding: 10px 20px; }

#contactForm label {
  text-transform: uppercase; }

.has-error .radio-custom label {
  border-color: #d9534f;
  color: #000000; }

customer-details-form.top-space {
  margin-top: 83px;
  display: block; }

.input-group.form-control {
  padding: 0; }
  .input-group.form-control:focus-within {
    border-color: rgba(102, 175, 233, 0.8);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .input-group.form-control[focus-within] {
    border-color: rgba(102, 175, 233, 0.8);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .input-group.form-control .form-control {
    border: none;
    background: transparent;
    box-shadow: none !important;
    outline: none !important; }
  .input-group.form-control .input-group-addon {
    border: none;
    background: none !important; }
  .has-error .input-group.form-control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.account-app .checkbox input[type="checkbox"] {
  border-radius: 4px; }
  .account-app .checkbox input[type="checkbox"]:checked {
    border: none;
    background: #f5821e; }
    .account-app .checkbox input[type="checkbox"]:checked:after {
      content: '';
      display: block;
      width: 9px;
      height: 18px;
      border: solid #fff;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-bottom: 3px; }
    .account-app .checkbox input[type="checkbox"]:checked:disabled {
      background: #727272; }

.account-app table .checkbox input[type="checkbox"] {
  position: relative; }

#search-results {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  left: auto;
  position: absolute;
  right: 0;
  z-index: 1039;
  overflow: auto;
  background: #fff;
  color: #ffffff;
  width: 100%;
  display: none;
  border-left: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2; }
  #search-results ul {
    text-align: left;
    list-style: none;
    padding: 10px 0;
    min-height: 0;
    height: 0;
    max-height: 300px;
    height: auto;
    margin: 0; }
    #search-results ul li {
      display: block; }
      #search-results ul li a {
        display: block;
        padding: 4px 12px;
        text-decoration: none;
        font-size: 12px;
        color: #191919;
        text-align: left; }
        #search-results ul li a:hover {
          background: rgba(0, 0, 0, 0.05);
          cursor: pointer; }
      #search-results ul li.no-results a {
        color: #a4a4a4; }
  #search-results #spinner {
    height: 11px;
    background: url("/xmedia/img/ajax-loader.gif") center center no-repeat; }
  #search-results hr {
    margin: 0 5px;
    border-color: #d5d5d5; }
  #search-results .focused {
    background: rgba(0, 0, 0, 0.05); }

.search .media-left, .media > .pull-left {
  padding-right: 20px; }

.search .media:hover {
  background: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.search-input {
  padding-right: 30px; }
  .search-input::-webkit-input-placeholder, .search-input:-moz-placeholder, .search-input::-moz-placeholder, .search-input:-ms-input-placeholder {
    color: #ffffff; }

.quicksearch .form-group {
  position: relative; }

.quicksearch .dropdown-menu {
  max-width: 600px; }
  .quicksearch .dropdown-menu li a small.description {
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1em;
    max-height: 2.5em;
    width: 100%;
    display: inline-block; }

.bs-searchbox.open {
  opacity: 1;
  height: auto;
  padding: 5px 10px; }
  .bs-searchbox.open input.form-control {
    text-indent: 0; }

/*-----DATEPICKERS-----*/
.datepick-container {
  display: none; }

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #d5d5d5; }

.showtime-datepicker.mobile {
  position: fixed !important;
  top: 55px !important;
  left: 0 !important;
  right: 0;
  bottom: 0;
  max-width: none;
  margin: 0;
  background-color: #f7f7f7; }

.showtime-title {
  position: fixed;
  height: 55px;
  width: 100vw;
  top: 0;
  background: #ececec url("/xmedia/img/CinemaCity/quickbook-gradient.png") repeat-x top !important;
  line-height: 2;
  padding: 6px 20px;
  color: #000000;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  z-index: 2000; }
  .showtime-title .promo-drop {
    position: absolute;
    left: 15px;
    top: 15px;
    background: url("/xmedia/img/CinemaCity/promo-drop.png") no-repeat scroll center top transparent;
    display: inline-block;
    height: 8px;
    margin-left: 0;
    width: 16px;
    margin-top: 8px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.showtime-datepicker a.today:hover, .showtime-datepicker a.tomorrow:hover, .showtime-datepicker a.next7days:hover {
  background: rgba(0, 0, 0, 0.05); }

.datepicker thead tr:first-child th.prev span,
.datepicker thead tr:first-child th.next span {
  font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #494949;
  margin-right: 8px;
  border-radius: 4px;
  background-color: #d5d5d5;
  background-image: linear-gradient(to bottom, #d5d5d5 0%, #c6c6c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFC6C6C6', GradientType=0);
  border: 1px solid #afafaf;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  padding: 5px 10px; }

.datepicker table tr td.day.avail:hover, .datepicker table tr td.day.avail.focused {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#trlr-datepicker, #datepicker-component, .showtime-datepicker {
  display: none;
  margin-bottom: 15px;
  padding: 20px;
  right: -10px;
  top: -45px;
  position: absolute;
  background-color: #fff;
  color: #494949;
  font: 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  border: none;
  -webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
  -moz-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
  z-index: 1500;
  max-width: 270px;
  min-width: 270px; }

.promo-btn .dropdown-menu .showtime-datepicker {
  max-width: none;
  padding: 20px;
  position: absolute;
  right: -20px;
  top: -35px; }

form#conferences .showtime-datepicker, form#screening .showtime-datepicker, form#party .showtime-datepicker, form#school .showtime-datepicker {
  max-width: 100%;
  top: -25px; }

#trlr-datepicker.active, .showtime-datepicker.active, .datepicker.active {
  display: block; }

#datepicker-component a, #datepicker, .s-datepicker, .showtime-datepicker a, .datepicker a, .showtime-datepicker button {
  border-radius: 4px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  text-decoration: none;
  padding: 8px 10px;
  background-color: #fff;
  color: #000;
  font: 13px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.showtime-datepicker button:disabled {
  color: #727272; }

.showtime-datepicker button.active, .showtime-datepicker button:hover {
  background-color: #e26304;
  color: #ffffff; }

.datepicker table tr td.avail {
  color: #e26304;
  font-weight: bold; }
  .datepicker table tr td.avail:hover {
    background-color: #e26304 !important;
    color: #ffffff; }

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
td.old.today.day,
.datepicker table tr td.today,
.datepicker table tr td.today.day.disabled {
  background: #e26304;
  -webkit-box-shadow: 0 0 6px 0 rgba(245, 130, 30, 0.6);
  -moz-box-shadow: 0 0 6px 0 rgba(245, 130, 30, 0.6);
  box-shadow: 0 0 6px 0 rgba(245, 130, 30, 0.6);
  border-radius: 4px; }

#datepicker-component .datepicker table tr td.active.active, #datepicker .datepicker table tr td.active:hover.active, .s-datepicker .datepicker table tr td.active.active, .s-datepicker .datepicker table tr td.active:hover.active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active {
  background-color: #e26304;
  color: #ffffff;
  border-radius: 4px;
  text-shadow: none; }

#datepicker, #datepicker .datepicker-inline, #datepicker, #datepicker .datepicker-inline table, .s-datepicker, .s-datepicker .datepicker-inline, .s-datepicker, .s-datepicker .datepicker-inline table {
  width: 100%; }

.s-datepicker {
  padding: 8px 0; }

.s-datepicker > p {
  padding: 0 10px; }

.showtime-datepicker .disabled {
  /*background: none;*/
  color: #bab9b9;
  cursor: default; }

.datepicker table tr td.day:not(.disabled) {
  cursor: pointer; }

.datepicker table tr td.day:not(.disabled):hover {
  background: rgba(0, 0, 0, 0.1); }

.showtime-datepicker .datepicker-title {
  font-weight: bold;
  font-size: 16px; }

.datepicker-close {
  padding: 12px 0px 10px 20px; }

.quickbook-datepicker:not(.collapse) {
  display: flex;
  flex-direction: column; }

.btn.btn-default {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  background-color: #ffffff;
  color: #000000;
  border: solid 1px #b2b2b2;
  border-radius: none; }
  .btn.btn-default:link, .btn.btn-default:visited, .btn.btn-default:active {
    background-color: #ffffff;
    color: #000000;
    border: solid 1px #b2b2b2; }
  .btn.btn-default:hover:not(.dropdown-toggle, .unlimited-option-card), .btn.btn-default:focus:not(.dropdown-toggle, .unlimited-option-card) {
    color: #ffffff;
    background-color: #000000;
    border: solid 1px #000000; }
  .btn.btn-default:disabled {
    background-color: #d5d5d5 !important;
    border-color: #d5d5d5; }

.more-filters-menu .btn {
  text-transform: uppercase; }

.btn-primary {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  background-color: #f5821e;
  color: #000000;
  border: 0 none;
  border-radius: none; }
  .btn-primary:link, .btn-primary:visited, .btn-primary:active {
    background-color: #f5821e;
    color: #000000;
    border: 0 none; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #C26717;
    color: #000000;
    border: 0 none; }
  .btn-primary:disabled {
    background-color: #d5d5d5 !important;
    border-color: #d5d5d5; }

.btn-arrow-primary {
  background: url("/xmedia/img/CinemaCity/arrow-primary-bg.png") top right no-repeat;
  border-radius: 4px;
  color: #000000;
  border: 0 none;
  display: inline-block;
  height: 29px;
  padding: 6px 21px 6px 15px;
  text-shadow: none;
  text-transform: uppercase; }
  .btn-arrow-primary.short {
    width: 220px;
    background: url("/xmedia/img/CinemaCity/arrow-primary-bg-big.png") top right no-repeat;
    display: inline-block !important;
    padding-right: 40px !important;
    font-size: 16px;
    font-weight: bold;
    height: 50px !important;
    margin: 13px 0;
    padding: 6px 15px !important;
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .btn-arrow-primary.short:hover {
      background-position: bottom right; }
  .btn-arrow-primary:link, .btn-arrow-primary:visited, .btn-arrow-primary:active, .btn-arrow-primary:focus {
    border-radius: 4px;
    color: #000000 !important;
    border: 0 none;
    display: inline-block;
    height: 29px;
    padding: 6px 21px 6px 15px;
    text-shadow: none; }
  .btn-arrow-primary:hover {
    text-decoration: none;
    background-position: bottom right;
    color: #000000 !important; }
  .btn-arrow-primary.disabled, .btn-arrow-primary.disabled:hover {
    opacity: 0.5; }

.ms-slide:hover .btn-arrow-primary {
  background-position: bottom right !important; }

.btn-secondary {
  text-transform: uppercase;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #dddddd;
  color: #000; }
  .btn-secondary:link, .btn-secondary:visited, .btn-secondary:active {
    background-color: #fff;
    color: #000; }
  .btn-secondary:hover, .btn-secondary:focus,
  .mode-selector .btn-secondary {
    background-color: #fff;
    color: #000;
    border: 1px solid #bababa; }

.btn-secondary-arrow {
  border-radius: 0;
  background: #e26304 none repeat scroll 0 0;
  border: 0 none;
  color: #000 !important;
  font-weight: 500;
  line-height: 38px;
  padding: 0 0 0 10px;
  z-index: 100;
  margin-right: 19px; }
  .btn-secondary-arrow:after {
    border-color: transparent transparent transparent #e26304;
    border-style: solid;
    border-width: 19px 0 19px 19px;
    content: " ";
    height: 0;
    padding-right: 15px;
    position: absolute;
    width: 0;
    z-index: 10; }
  .btn-secondary-arrow:hover {
    background: #fff none repeat scroll 0 0; }

.btn-secondary-arrow:hover:after {
  border-color: transparent transparent transparent #fff; }

.btn.btn-grey {
  font-size: 14px;
  text-transform: uppercase;
  background-color: #000000;
  color: #ffffff;
  border: solid 1px #666666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .btn.btn-grey:link, .btn.btn-grey:visited, .btn.btn-grey:active {
    background-color: #000000; }
  .btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey.active, .btn.btn-grey.active:hover {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffff; }
  .btn.btn-grey.active {
    background-color: #000000;
    border-color: #ffffff; }
  .btn.btn-grey.disabled, .btn.btn-grey.disabled:hover {
    background: #000000;
    pointer-events: none;
    cursor: not-allowed;
    color: #666666;
    border: 1px solid #666666; }
  .btn.btn-grey > i {
    background: url("/xmedia/img/share.png") no-repeat scroll center center transparent;
    display: inline-block;
    margin-left: 10px;
    min-height: 7px;
    width: 12px; }
    .btn.btn-grey > i.fa {
      background: none; }
  .btn.btn-grey.small {
    font-size: 12px; }
  .blog .btn.btn-grey {
    margin-top: 10px; }
  .btn.btn-grey.show-more-films {
    text-transform: uppercase; }
    .btn.btn-grey.show-more-films:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border: 1px solid #ffffff; }
  .btn.btn-grey.filter.active {
    border: 1px solid #f5821e; }

.btn.btn-pill {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #ffffff;
  border-radius: 4px;
  border: solid 1px #f5821e;
  color: #e26304;
  font-size: 13px;
  font-weight: bold;
  line-height: 19px; }
  .btn.btn-pill:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .btn.btn-pill.inactive:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default; }
  .btn.btn-pill > .time {
    display: inline-block;
    padding: 4px 5px;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0 1px 0 rgba(25, 25, 25, 0.11);
    background: #f5821e; }
  .btn.btn-pill.inactive,
  .btn.btn-pill.inactive .time {
    background: #fdb782;
    color: #ffffff;
    text-shadow: none;
    border: solid 1px #fdb782; }
  .btn.btn-pill.inactive .screening {
    border-left: solid 1px #fed4b4; }
  .btn.btn-pill .screening {
    padding: 0 5px; }
    .btn.btn-pill .screening.attr-3d.attr-imax:after {
      text-indent: -9999px;
      content: url("/xmedia/img/imax3d.png");
      width: 71px;
      height: 9px;
      line-height: 19px; }
    .btn.btn-pill .screening.imax3d attr, .btn.btn-pill .screening .attr-3d.attr-imax attr {
      display: none; }
  .btn.btn-pill.sold-out {
    color: #ffffff;
    background: #969696;
    border: none;
    border-radius: 4px;
    cursor: default;
    pointer-events: none; }
    .btn.btn-pill.sold-out > .time {
      font: bold 12.5px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
      padding: 6px 4px;
      background: none;
      text-shadow: none;
      color: #727272; }
    .btn.btn-pill.sold-out .screening {
      font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
      padding: 0 6px;
      text-shadow: none; }
    .btn.btn-pill.sold-out attr {
      text-indent: -999px; }
      .btn.btn-pill.sold-out attr:after {
        content: " SOLD OUT"; }
    .btn.btn-pill.sold-out.sold-out:hover {
      cursor: default;
      pointer-events: none;
      -webkit-box-shadow: none;
      box-shadow: none; }

a.btn-facebook {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: url("/xmedia/img/fb-connect.png") no-repeat scroll right top transparent;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  padding: 0 21px 0 15px;
  text-shadow: 0 1px 1px #000; }
  a.btn-facebook:hover {
    background-position: bottom right;
    text-decoration: none; }

a.btn-social-share {
  display: inline-block;
  padding: 0 22px 0 12px;
  line-height: 29px;
  font-weight: bold;
  text-shadow: 0 0 1px #000;
  margin-bottom: 11px;
  height: 29px;
  white-space: nowrap;
  color: #fff;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border: 0;
  background: url("/xmedia/img/social-arrows.png") 100px 100px no-repeat; }
  a.btn-social-share:hover {
    text-decoration: none;
    color: #fff; }
  a.btn-social-share.fb {
    background-position: right 0; }
    a.btn-social-share.fb:hover {
      background-position: right -29px;
      color: #fff; }
  a.btn-social-share.tw {
    background-position: right -58px; }
    a.btn-social-share.tw:hover {
      background-position: right -87px; }
  a.btn-social-share.gplus {
    background-position: right -116px; }
    a.btn-social-share.gplus:hover {
      background-position: right -145px; }

.bg-fb, .bg-tw, .bg-g {
  color: #fff !important;
  display: inline-block;
  margin: -5px 10px 0 0;
  padding: 5px 10px 5px 35px;
  position: relative; }
  .bg-fb:hover, .bg-tw:hover, .bg-g:hover {
    cursor: pointer;
    text-decoration: none; }
  .bg-fb > i.fa, .bg-tw > i.fa, .bg-g > i.fa {
    height: 27px;
    left: 0;
    margin-top: -5px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 27px; }

.bg-fb {
  background: #3b5998 none repeat scroll 0 0; }
  .bg-fb:active, .bg-fb:hover {
    background: #354f88; }
  .bg-fb > i.fa {
    background: #354f88; }

.bg-tw {
  background: #45b0e3 none repeat scroll 0 0; }
  .bg-tw:active, .bg-tw:hover {
    background: #40a2d1; }
  .bg-tw > i.fa {
    background: #40a2d1; }

.bg-g {
  background: #45b0e3 none repeat scroll 0 0; }
  .bg-g:active, .bg-g:hover {
    background: #40a2d1; }
  .bg-g > i.fa {
    background: #40a2d1; }

.social a {
  cursor: pointer;
  width: 55px;
  height: 18px;
  background-position: center;
  text-decoration: none;
  padding: 0 4px 0 24px;
  line-height: 18px;
  display: inline-block;
  border-radius: 4px;
  margin: 0 10px 0 0;
  background-size: 18px;
  background-repeat: no-repeat; }
  .social a span {
    font-weight: bold;
    display: block;
    color: #ffffff;
    text-align: right;
    min-width: 24px; }

.submit-review button {
  background: url("/xmedia/img/booking-share.png") no-repeat scroll 136px 9px #4a4850; }

.btn.btn-lang {
  border: 1px solid #d5d5d5;
  border-radius: 0;
  margin: 0 auto;
  color: #000000; }

.btn.btn-lang.active {
  background-color: #ffffff; }

.btn-quickbook {
  padding: 5px 12px;
  background: #ffffff;
  color: #000;
  border: 1px solid #dddddd;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .btn-quickbook-active {
    padding: 5px 12px;
    background: #f5821e;
    color: #000; }
  .btn-quickbook:hover {
    background: #f5821e;
    -webkit-box-shadow: none;
    box-shadow: 0 1px 2px 0 transparent; }

.btn.btn-grey.btn-movie-more-info {
  color: #000000;
  background-color: #ffffff;
  border: solid 1px #666666; }

.btn.btn-grey.btn-movie-more-info:hover {
  color: #ffffff;
  background-color: #000000;
  border: solid 1px #666666; }

.btn-text {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  color: #000000; }
  .btn-text:hover, .btn-text:focus {
    color: #000000;
    text-decoration: underline; }
  .btn-text:visited {
    color: #000000; }

section.dark .btn-text, section.dark .btn-text:hover, section.dark .btn-text:active, section.dark .btn-text:visited {
  color: #ffffff; }

.favorite-cinema-name {
  margin-bottom: 30px; }
  .favorite-cinema-name h2 {
    margin-bottom: 17px; }
  .favorite-cinema-name h3 {
    color: #444; }
  .favorite-cinema-name p a {
    font-size: 12px; }

section.dark .btn-link {
  color: #f5821e; }
  section.dark .btn-link:hover, section.dark .btn-link:active, section.dark .btn-link:visited, section.dark .btn-link:link {
    color: #f5821e; }

.nav-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  z-index: 101;
  height: 48px !important;
  width: 48px !important;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 8px 6px;
  padding: 6px;
  background-color: #111111;
  color: #727272;
  border: 1px solid #727272;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .nav-btn:hover {
    border: 1px solid #727272; }
  .nav-btn.disabled, .nav-btn.disabled:hover {
    background-color: #727272;
    border: none;
    opacity: 0.3; }

.swiper-slide {
  padding: 2px 8px; }

.swiper-slide a > p {
  text-align: left;
  color: #b2b2b2;
  font-weight: 400;
  font-size: 16px; }

.rtl .swiper-slide a > p {
  text-align: right; }

.container-full-width {
  padding-right: 0; }
  [dir="rtl"] .container-full-width {
    padding-left: 0;
    padding-right: 20px; }

.feed-header {
  font-size: 20px !important;
  font-weight: 700 !important; }

.scrollbar-wrapper {
  position: relative;
  left: 1px;
  right: 1px; }

.nav-btn img {
  height: 16px !important;
  width: auto !important;
  margin: auto; }

.swiper-scrollbar-drag {
  background: #AEAEAE !important;
  height: 6px !important; }

/* mma poster-slider */
.poster-component-narrow .swiper .poster-title {
  color: #444;
  font-size: 14px;
  font-weight: lighter; }

.btn, button {
  font-size: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  position: relative; }
  .btn:focus, button:focus {
    outline: 3px solid rgba(0, 98, 255, 0.6) !important; }
  .btn:hover, .btn:focus, button:hover, button:focus {
    color: #191919; }
  .btn.disabled, .btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus, button.disabled, button.disabled:hover, button.disabled:active, button.disabled:focus {
    background: #d5d5d5;
    pointer-events: none;
    cursor: not-allowed;
    border-color: #d5d5d5; }
  .btn.proceed, button.proceed {
    height: 40px;
    font-size: 18px;
    font-weight: lighter;
    line-height: 28px;
    min-width: 120px; }
  .btn.call-to-action, button.call-to-action {
    height: 60px;
    font-size: 24px;
    font-weight: lighter;
    line-height: 46px;
    min-width: 220px; }

.btn-group {
  width: 100%; }
  .btn-toolbar .btn-group {
    width: auto; }

.btn {
  display: inline-block;
  text-align: left; }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none; }
  [dir="rtl"] .btn {
    text-align: right; }
  .btn-facebook {
    background-color: #4267b2;
    color: #fff; }
    .btn-facebook:hover {
      color: #fff; }

.btn-lg, .btn-group-lg > .btn {
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 10px 16px; }

.btn-xlg, .btn-group-xlg > .btn {
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  padding: 18px 36px; }

.btn-link, .btn-link:hover, .btn-link:active, .btn-link:visited {
  color: #000000;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400; }
  .btn-link.btn-link-primary, .btn-link:hover.btn-link-primary, .btn-link:active.btn-link-primary, .btn-link:visited.btn-link-primary {
    color: #f5821e; }

.btn-2d, .btn-3d {
  font-size: 16px; }

button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  button.share {
    background-image: linear-gradient(to bottom, #000000 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000', endColorstr='#FFFFFFFF', GradientType=0);
    border-radius: 4px;
    color: #ffffff;
    font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    padding: 6px 13px;
    text-decoration: none;
    border: 1px solid #000000; }
    button.share i:not(.fa) {
      display: inline-block;
      width: 11px;
      height: 7px;
      margin-left: 10px;
      background: url("/xmedia/img/booking-share.png") no-repeat scroll center center; }
    button.share:hover {
      background-image: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FF000000', GradientType=0);
      color: #ffffff; }
  button.filter {
    padding: 6px 14px;
    margin-right: 5px; }
    [dir="rtl"] button.filter {
      margin-left: 5px;
      margin-right: 0; }

.button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #0d5287;
  color: #000000;
  font-size: 10px;
  margin: 0;
  padding: 5px 14px 4px 14px;
  position: relative; }
  .button:after {
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
    border: solid 11px transparent;
    border-left: solid 11px #0d5287;
    right: -22px; }

.bottom-btns {
  display: none; }
  .bottom-btns .other-cinemas {
    color: #ffffff;
    margin-right: 6px;
    border: 1px solid #d0d0d0;
    line-height: 20px !important;
    font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    padding: 7px 14px;
    border-radius: 4px;
    background-color: #d5d5d5;
    background-image: linear-gradient(to bottom, #d5d5d5 0%, #d0d0d0 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFD0D0D0', GradientType=0);
    border: 1px solid #d0d0d0; }
  .bottom-btns .share-times {
    padding: 6px 12px;
    margin-top: 0;
    color: #000000;
    background-color: #727272;
    font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important; }
    .bottom-btns .share-times img {
      margin-left: 18px;
      margin-bottom: 2px; }

.button-outline-primary {
  border: 1px solid #f5821e;
  color: #f5821e;
  background: none; }
  .button-outline-primary:hover, .button-outline-primary:focus {
    background-color: #C26717; }

.carousel .carousel-indicators {
  padding: 0; }
  .carousel .carousel-indicators li {
    width: 11px;
    height: 11px;
    border-radius: 50px;
    background: #d5d5d5; }
    .carousel .carousel-indicators li.active {
      background: #f5821e; }
  [dir="rtl"] .carousel .carousel-indicators {
    margin-right: 0 !important; }

.carousel .item, .carousel .carousel-inner {
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }

.carousel-ncm {
  display: flex;
  justify-content: center;
  align-items: center; }

.rating {
  border: none;
  display: inline-block; }

.stars-container {
  display: inline-block;
  margin-left: 5px; }

.symbol {
  display: inline-block;
  width: 15px;
  height: 20px;
  margin-right: 0; }

.symbol-empty {
  background: url("/xmedia/img/CinemaCity/stars-rating.png") 0 -20px no-repeat; }

.symbol-filled {
  background: url("/xmedia/img/CinemaCity/stars-rating.png") 0 0 no-repeat; }

p.rate {
  font: bold 8px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #494949;
  text-align: center;
  padding: 4px 0; }

.star-list {
  list-style-image: url("/xmedia/img/CinemaCity/list-bullet-star.png");
  padding-left: 20px;
  margin-top: 20px; }
  .star-list li {
    padding-left: 0;
    margin-bottom: 20px; }
    .star-list li.no-star {
      padding-left: 0;
      list-style-image: none;
      margin-left: -20px; }
    .star-list li:last-child {
      margin-bottom: 20px; }
    .star-list li h4 {
      margin-bottom: 0; }

.ratings .progress {
  width: auto; }

.ratings .panel.ratings-panel .panel-body {
  padding: 0;
  background: #d5d5d5; }
  .ratings .panel.ratings-panel .panel-body .item-review {
    padding: 15px 5px;
    margin: 0;
    border-bottom: solid 1px #959595; }
    .ratings .panel.ratings-panel .panel-body .item-review:nth-child(odd) {
      background: #d5d5d5; }
    .ratings .panel.ratings-panel .panel-body .item-review:last-child {
      border-bottom: 0 none; }
  .ratings .panel.ratings-panel .panel-body ul.personal-ratings {
    margin: 0; }
    .ratings .panel.ratings-panel .panel-body ul.personal-ratings li {
      display: block;
      padding: 10px 20px 20px 20px; }
  .ratings .panel.ratings-panel .panel-body .list-inline li {
    vertical-align: top; }

.ratings .panel.ratings-panel .panel-footer {
  background: #333333;
  color: #ffffff;
  padding: 20px; }
  .ratings .panel.ratings-panel .panel-footer textarea::-webkit-input-placeholder, .ratings .panel.ratings-panel .panel-footer textarea:-moz-placeholder, .ratings .panel.ratings-panel .panel-footer textarea::-moz-placeholder, .ratings .panel.ratings-panel .panel-footer textarea:-ms-input-placeholder {
    color: #c6c6c6;
    opacity: 1; }
  .ratings .panel.ratings-panel .panel-footer .white-link {
    line-height: 29px;
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold; }
    .ratings .panel.ratings-panel .panel-footer .white-link:hover {
      color: #f5821e; }

.rating-input {
  display: inline-block;
  min-width: 90px; }
  .rating-input i {
    display: block;
    float: left;
    height: 14px;
    padding-right: 0;
    width: 18px; }

.rating-active-star {
  background: url("/xmedia/img/CinemaCity/stars-rating.png") top left no-repeat; }

.rating-inactive-star {
  background: url("/xmedia/img/CinemaCity/stars-rating.png") bottom left no-repeat; }

.rating-link {
  color: #191919 !important; }

.rating-big-active-star, .rating-big-inactive-star {
  background: url("/xmedia/img/CinemaCity/rating_star.svg");
  width: 25px !important;
  height: 26px !important; }

.rating-big-inactive-star {
  background: url("/xmedia/img/CinemaCity/rating_star_empty.svg"); }

#feedback .rate-it-yourself .bigStars {
  padding-right: 0px;
  width: 150px; }

.tw-feed {
  border: solid 1px #d5d5d5;
  background: #fff;
  color: #000000; }
  .tw-feed .h-feed,
  .tw-feed .tweet,
  .tw-feed .user-tweet {
    border: 0 none;
    font-size: 12px;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline; }
  .tw-feed a {
    color: #f5821e;
    text-decoration: none;
    font-weight: bold; }
    .tw-feed a:hover {
      text-decoration: underline; }
  .tw-feed .panel-heading {
    background: #ffffff;
    color: #000000;
    font: bold 16px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    padding: 12px 20px; }
  .tw-feed .panel-footer {
    color: #000000;
    border-top: solid 1px #d5d5d5;
    font: bold 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #ffffff; }
  .tw-feed li.tweet {
    cursor: default;
    padding: 10px 2px 20px 0;
    border: 0 none;
    position: relative;
    border-top: solid 1px #d5d5d5;
    animation: opacityFromZero 0.3s; }
    .tw-feed li.tweet:first-child {
      border: 0 none; }
    .tw-feed li.tweet:last-child {
      border-bottom: 0 none; }
      section.dark .tw-feed li.tweet:last-child {
        border-bottom: 0 none; }
    .tw-feed li.tweet .header {
      padding: 0 0 4px 80px;
      position: relative; }
    .tw-feed li.tweet .tweet-content {
      display: block;
      padding-left: 80px;
      min-height: 60px; }
      .tw-feed li.tweet .tweet-content p {
        float: none !important; }
    .tw-feed li.tweet .avatar {
      display: block;
      background: none repeat scroll 0 0 #fff;
      border-radius: 2px;
      height: 60px;
      width: 60px;
      float: left; }
    .tw-feed li.tweet:hover .tweet-actions, .tw-feed li.tweet:focus .tweet-actions {
      visibility: visible; }
  .tw-feed .p-author:before, .tw-feed .p-author:after {
    content: "";
    display: table; }
  .tw-feed .p-author:after {
    clear: both; }
  .tw-feed .p-author .profile {
    outline: 0 none;
    text-decoration: none;
    color: #727272;
    line-height: 18px;
    font-size: 12px; }
  .tw-feed .p-name {
    font-weight: bold;
    display: inline;
    font-size: 13px;
    line-height: 16px;
    color: #191919; }
    section.dark .tw-feed .p-name {
      color: #f5821e; }
    .tw-feed .p-name:hover {
      text-decoration: underline; }
  .tw-feed .p-nickname {
    color: #727272;
    line-height: 16px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px; }
    .tw-feed .p-nickname:before {
      content: "\A ";
      white-space: pre; }
  .tw-feed .full-name {
    color: #727272;
    line-height: 18px;
    outline: 0 none;
    text-decoration: none;
    font-size: 12px;
    display: inline-block; }
  .tw-feed .verified {
    display: inline-block;
    background: url("/xmedia/img/tw_sprite.png");
    background-position: 0 -161px;
    height: 17px;
    margin-left: 3px;
    vertical-align: -25%;
    width: 15px; }
    .tw-feed .verified b {
      clip: rect(0, 0, 0, 0);
      left: 0;
      position: absolute;
      top: 0; }
  .tw-feed a.date,
  .tw-feed a.date time {
    margin-top: 2px;
    position: relative;
    z-index: 50;
    color: #727272;
    font-size: 11px;
    padding: 0 2px;
    font-style: italic;
    text-decoration: none; }
  .tw-feed a.date:hover time {
    color: #e26304;
    text-decoration: underline; }
  .tw-feed .e-entry-title {
    font-size: 13px;
    line-height: 16px;
    margin: 5px 5px 0 0;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word; }
  .tw-feed .expand {
    outline: 0 none;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    float: left;
    color: #727272;
    font-size: 12px; }
    .tw-feed .expand:hover {
      color: #e26304;
      text-decoration: underline; }
  .tw-feed .footer {
    margin-top: 2px;
    min-height: 16px;
    overflow: hidden;
    padding-top: 1px;
    -webkit-transition: margin-top 0.3s ease;
    -moz-transition: margin-top 0.3s ease;
    -ms-transition: margin-top 0.3s ease;
    -o-transition: margin-top 0.3s ease;
    transition: margin-top 0.3s ease;
    -webkit-transition: padding-top 0.3s ease;
    -moz-transition: padding-top 0.3s ease;
    -ms-transition: padding-top 0.3s ease;
    -o-transition: padding-top 0.3s ease;
    transition: padding-top 0.3s ease; }
  .tw-feed .tweet-actions {
    position: absolute;
    right: 20px;
    bottom: 10px;
    visibility: hidden;
    background: none repeat scroll 0 center transparent;
    box-shadow: none;
    list-style: outside none none; }
    .tw-feed .tweet-actions:after {
      clear: both;
      content: ''; }
    .tw-feed .tweet-actions li {
      float: left;
      cursor: pointer;
      outline: 0 none; }
      .tw-feed .tweet-actions li a {
        text-decoration: none;
        color: #727272;
        cursor: pointer;
        outline: 0 none; }
    .tw-feed .tweet-actions a i {
      margin: 1px 0 0 8px;
      overflow: hidden; }
    .tw-feed .tweet-actions a b {
      clip: rect(0, 0, 0, 0);
      left: 0;
      position: absolute;
      top: 0; }
    .tw-feed .tweet-actions a:hover .ic-reply {
      background-position: -103px -84px; }
    .tw-feed .tweet-actions a:hover .ic-retweet {
      background-position: -109px -102px; }
    .tw-feed .tweet-actions a:hover .ic-fav {
      background-position: -82px -122px; }
  .tw-feed .user-tweet .tweet-text {
    font-weight: bold;
    color: #000000; }
  .tw-feed .user-tweet li.tweet {
    border-bottom: 0 none;
    border-top: solid 1px #d5d5d5; }
  .tw-feed .ic-mask {
    display: inline-block;
    vertical-align: middle; }
  .tw-feed .ic-reply {
    background: url("/xmedia/img/tw_sprite.png");
    background-position: -80px -84px;
    height: 15px;
    width: 19px; }
  .tw-feed .ic-retweet {
    background: url("/xmedia/img/tw_sprite.png");
    background-position: -82px -102px;
    height: 15px;
    width: 22px; }
  .tw-feed .ic-fav {
    background: url("/xmedia/img/tw_sprite.png");
    background-position: -82px -122px;
    height: 15px;
    width: 16px; }

.posters-container-animate {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.seeWhatsOn .posters {
  padding-top: 0; }

.mix {
  display: none;
  position: relative;
  padding: 0 10px;
  -webkit-backface-visibility: hidden;
  margin-bottom: 10px; }

.mix.active {
  z-index: 1180; }

.mix-soon:before, .mix:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  /* W3C */
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity; }

.mix:hover > div img.img-responsive {
  cursor: pointer;
  opacity: 0.8;
  -webkit-box-shadow: 0 0 8px 0 #e26304;
  box-shadow: 0 0 8px 0 #e26304;
  -webkit-transform: none; }

.mix.active:hover > div img.img-responsive {
  cursor: default;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none; }

.seeWhatsOn .mix:hover {
  cursor: default; }

#comingSoon .posters .mix,
#nowBooking .posters .mix,
.tab-pane.active .posters .mix,
.seeWhatsOn .posters .mix,
#tabs_content.posters .mix {
  display: none;
  margin-bottom: 20px;
  overflow: visible; }

.img-responsive.poster {
  width: 100%; }

.seeWhatsOn .posters .mix:last-child {
  margin-bottom: 0; }

#recommendedPosters.posters .mix {
  margin-bottom: 10px;
  overflow: visible; }

.mix > a {
  color: #ffffff;
  position: relative;
  display: block; }
  .mix > a:focus {
    outline: 1px solid #f5821e; }
  .mix > a :last-child:focus {
    outline: none; }

.light .mix > a {
  color: #ffffff; }

.posters .mix > div {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.posters .mix span.title {
  height: 34px;
  overflow: hidden;
  position: relative;
  top: 5px;
  display: block;
  font-weight: bold;
  cursor: pointer;
  color: #ffffff; }

.mix.active > a,
.posters .mix.active span.title {
  color: #e26304; }

.light .posters .mix span.title {
  color: #ffffff; }

.seeWhatsOn .posters .mix p, #tabs_content.posters .mix p {
  margin-bottom: 15px; }

.posters .mix .posterDetails:after {
  content: ''; }

.posterDetails .modal-footer {
  margin-top: 10px; }

.posters .mix > div {
  /*height: 324px;*/
  height: 100%;
  width: 100%;
  background: url("/xmedia/img/CinemaCity/film.placeholder.poster-md.jpg") center center no-repeat;
  background-size: 100% 100%; }

#whatsOnList.posters .mix > div {
  background: none; }

#tabs_content.posters {
  margin-top: -10px; }

.mix > div {
  margin-bottom: 0;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100%; }

.mix > span.title {
  cursor: pointer;
  display: block;
  font-weight: bold;
  height: 34px;
  overflow: hidden;
  position: relative;
  top: 5px; }

.promobox-carousel {
  padding-left: 10px;
  padding-right: 10px; }

.promobox-small {
  margin-bottom: 0; }
  .promobox-small:first-child {
    margin-bottom: 16px; }

.promobox-small.promobox-card-ncm {
  margin-bottom: 0; }
  .promobox-small.promobox-card-ncm:first-child {
    margin-bottom: 12px; }

a.promobox-card {
  background: #000; }
  a.promobox-card .card-title {
    font-size: 24px; }
  a.promobox-card .card-title-small {
    font-size: 16px; }

.promobox-card-ncm {
  width: 300px;
  margin: auto; }

.promobox-links-list {
  list-style: none;
  padding-inline-start: 0; }

.promobox-link, .promobox-link:visited {
  display: block;
  padding: 6px 0;
  border-top: solid 1px #191919;
  color: #ffffff; }
  .promobox-link .promobox-title, .promobox-link:visited .promobox-title {
    font-weight: bold;
    margin-bottom: 0;
    line-height: 19px;
    color: #f5821e; }
  .promobox-link .promobox-lead, .promobox-link:visited .promobox-lead {
    font-weight: normal;
    margin-bottom: 0;
    color: #fff !important; }
  .promobox-link:last-child, .promobox-link:visited:last-child {
    border-bottom: solid 1px #191919; }
  .promobox-link:hover > p, .promobox-link:visited:hover > p {
    color: #a2a2a2; }
  .promobox-link p, .promobox-link:visited p {
    font-size: 13px; }
    .promobox-link p.promobox-title, .promobox-link:visited p.promobox-title {
      font-size: 13px; }

.promobox-link.promobox-link-ncm {
  padding: 4px 0; }
  .promobox-link.promobox-link-ncm .promobox-title {
    font-size: 14px; }

.promobox-carousel .carousel-indicators {
  padding-top: 15px; }

.promobox-ncm-banner {
  margin-top: 16px; }

.gallery.row {
  margin-left: -5px;
  margin-right: -5px; }

.gallery-images a {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px; }

.gallery-images a img {
  display: none;
  opacity: 0;
  max-width: 100%;
  width: 100%; }

.article-more-image {
  display: block;
  min-height: 94px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 20px; }

.media-body h2 {
  line-height: 1; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #000 url("/xmedia/img/loader-light.gif") center center no-repeat; }

[data-slider-component] {
  opacity: 0; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #000;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: solid 1px #191919;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  outline: none;
  z-index: 999; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: #191919;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.75; }

.slick-prev {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-left: 0 none;
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }

.slick-next {
  border-right: 0 none;
  right: 0; }
  [dir="rtl"] .slick-next {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    left: 0;
    right: auto; }

.slick-slider .slick-arrow {
  opacity: 0;
  width: 70px;
  height: 70px;
  border-radius: 4px 0 0 4px; }
  .slick-slider .slick-arrow:focus {
    opacity: 1; }

@media (min-width: 768px) {
  .slick-slider:hover .slick-arrow {
    opacity: 1; } }

@media (min-width: 768px) {
  .slick-slide img {
    text-align: center; }
    .slick-slide img.thumb {
      margin-left: 0;
      margin-right: 0; } }

.slick-slide .btn-arrow-primary {
  display: none;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -ms-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  margin-top: 200px;
  width: auto;
  text-shadow: none;
  z-index: 112;
  text-transform: uppercase;
  padding: inherit; }

.slick-slide .btn-arrow-primary.short:hover, .slick-slide .btn-arrow-primary.short:active, .slick-slide .btn-arrow-primary.short:focus, .slick-slide .btn-arrow-primary.short:visited {
  background: #C26717; }

.slick-slide .btn-arrow-primary.short:focus {
  background: #C26717; }

.slick-slide .inner-container {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 980px;
  height: 100%;
  z-index: 2000;
  transform: translateX(-50%); }

.slick-slide.slick-current .btn-arrow-primary.short {
  margin-top: 0;
  display: inline-block; }

.slick-slide.slick-current:hover .btn-arrow-primary.short {
  background-position: none; }

.slick-slide.slick-current a:focus {
  border: 3px solid #0062ff; }

.slick-slide.slick-active:focus {
  outline: 2px solid #0062ff;
  outline-offset: -2px; }

@media (min-width: 768px) {
  [data-slick="slick-hero"] .slick-slide img {
    text-align: center;
    transform: translateX(-50%);
    margin-left: 50%; }
    [dir="rtl"] [data-slick="slick-hero"] .slick-slide img {
      margin-left: 0;
      margin-right: 50%;
      transform: translateX(50%); }
    [data-slick="slick-hero"] .slick-slide img.thumb {
      margin-left: 0;
      margin-right: 0; } }

@media (max-width: 991px) {
  [data-slick="slick-hero"] .slick-slide:not(.slick-active) {
    pointer-events: none; } }

[data-slick="slick-hero"] a:focus {
  outline: 2px solid #0062ff;
  outline-offset: -2px; }

[data-slick="slick-video"] {
  position: relative; }
  [data-slick="slick-video"] .slick-slider .slick-arrow {
    opacity: 1; }
  [data-slick="slick-video"] .slick-slide {
    text-align: center; }
    @media (max-width: 767px) {
      [data-slick="slick-video"] .slick-slide {
        text-align: left; }
        [dir="rtl"] [data-slick="slick-video"] .slick-slide {
          text-align: right; } }
    [data-slick="slick-video"] .slick-slide a[data-type="video"] {
      margin: 0 auto;
      display: inline-block;
      width: 100%; }
    [data-slick="slick-video"] .slick-slide .content {
      width: 100%;
      display: inline-block;
      position: relative;
      overflow: hidden; }
      [data-slick="slick-video"] .slick-slide .content img.thumb {
        width: 100%;
        position: absolute;
        top: 56.25%;
        transform: translateY(-56.25%); }
        @media (max-width: 991px) {
          [data-slick="slick-video"] .slick-slide .content img.thumb {
            text-align: center;
            margin-left: 0; } }
        @media (max-width: 767px) {
          [data-slick="slick-video"] .slick-slide .content img.thumb {
            text-align: left; }
            [dir="rtl"] [data-slick="slick-video"] .slick-slide .content img.thumb {
              text-align: right; } }
      [data-slick="slick-video"] .slick-slide .content:after {
        padding-top: 56.25%;
        /* 16:9 ratio */
        display: block;
        content: ''; }
  [data-slick="slick-video"] .slick-slide-play {
    position: absolute;
    z-index: 50;
    width: 155px;
    height: 155px;
    background: url("/xmedia/img/CinemaCity/trailer-play.png") center center no-repeat;
    top: 50%;
    left: 50%;
    margin: -77.5px 0 0 -77.5px; }
  [data-slick="slick-video"] .video-holder {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 0;
    margin-bottom: 28px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    [data-slick="slick-video"] .video-holder .video-close-button {
      position: relative;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 28px;
      line-height: 28px;
      background-color: black;
      color: white;
      text-align: center;
      cursor: pointer;
      z-index: 113; }
    [data-slick="slick-video"] .video-holder.active {
      z-index: 200;
      opacity: 1; }

[data-slick="slick-video-thumb"] {
  padding: 0 80px; }
  [data-slick="slick-video-thumb"] .thumbs-slider {
    text-align: center; }
  [data-slick="slick-video-thumb"] .slick-list {
    padding: 0 !important; }
  [data-slick="slick-video-thumb"] .slick-arrow {
    opacity: 1; }
  [data-slick="slick-video-thumb"] .slick-video-thumb {
    width: 70px;
    height: 70px;
    display: inline-block;
    margin: 5px 10px;
    opacity: 0.5;
    overflow: hidden;
    background-size: cover !important; }
    [data-slick="slick-video-thumb"] .slick-video-thumb img {
      text-align: center;
      height: 100%;
      width: auto;
      max-width: none; }
  [data-slick="slick-video-thumb"] .slick-current .slick-video-thumb {
    opacity: 1;
    border: solid 1px #e26304;
    -webkit-box-shadow: 0 0 5px 2px #e26304;
    box-shadow: 0 0 5px 2px #e26304; }

[data-slick="slick-thumb"] img {
  width: 40px !important;
  height: 40px;
  margin: 0 5px; }

[data-slick="slick-thumb"] .slick-track {
  width: 100% !important;
  text-align: center; }

[data-slick="slick-thumb"] img.slick-slide {
  width: 40px !important;
  height: 40px;
  margin: 10px 5px;
  border-radius: 2px;
  display: inline-block;
  float: none; }
  [data-slick="slick-thumb"] img.slick-slide.slick-current {
    -webkit-box-shadow: 0 0 5px 2px #e26304;
    -moz-box-shadow: 0 0 5px 2px #e26304;
    box-shadow: 0 0 5px 2px #e26304; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 28px;
    width: 28px;
    padding: 0;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(47, 44, 52, 0.6) 0%, rgba(59, 56, 66, 0.6) 100%); }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 28px;
      width: 28px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 28px;
        height: 28px;
        font-family: "FontAwesome";
        font-size: 8px;
        line-height: 28px;
        text-align: center;
        color: #a8a8a8;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #fff;
      opacity: 1; }

.cinema-page-hero-slider [dir='rtl'] .slick-slide {
  float: left; }

.cinema-page-hero-slider .slick-slider .slick-track, .cinema-page-hero-slider .slick-slider .slick-list {
  direction: ltr; }

.cinema-page-hero-slider .slick-slide {
  float: left !important; }

.cinema-page-hero-slider .slick-active .img-thumb {
  box-shadow: 0px 0px 5px 1px #f5821e; }

.cinema-page-hero-slider .slick-dots {
  width: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  bottom: 8px; }
  .cinema-page-hero-slider .slick-dots li {
    background: linear-gradient(to bottom, rgba(47, 44, 52, 0.6) 0%, rgba(59, 56, 66, 0.6) 100%); }
    .cinema-page-hero-slider .slick-dots li button::before {
      width: 28px;
      height: 28px;
      display: inline-flex;
      justify-content: center;
      align-items: center; }

.cinema-page-hero-slider .slick-track {
  text-align: center;
  margin: 5px 0 0 0; }
  .cinema-page-hero-slider .slick-track li {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 5px; }

.trailer-modal-desktop {
  max-height: 600px; }

.mfp-container .mfp-arrow {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url(/xmedia/img/CinemaCity/slider-arrow-left.svg) no-repeat scroll center center;
  background-image: linear-gradient(to bottom, #727272 0%, #191919 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF727272', endColorstr='#FF191919', GradientType=0);
  border-color: #8c8c8c #8c8c8c #8c8c8c -moz-use-text-color;
  border-image: none;
  border-radius: 0 4px 4px 0;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.11);
  cursor: pointer;
  height: 70px;
  left: 0;
  margin-top: -35px;
  position: absolute;
  top: 50%;
  width: 70px;
  z-index: 110; }

.mfp-container .mfp-arrow-right {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #8c8c8c #8c8c8c #8c8c8c -moz-use-text-color;
  border-image: none;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.11);
  cursor: pointer;
  height: 70px;
  margin-top: -35px;
  position: absolute;
  top: 50%;
  width: 70px;
  z-index: 110;
  background: url(/xmedia/img/CinemaCity/slider-arrow-right.svg) no-repeat scroll center center;
  background-image: linear-gradient(to bottom, #727272 0%, #191919 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF727272', endColorstr='#FF191919', GradientType=0);
  border-radius: 4px 0 0 4px;
  border-style: solid none solid solid;
  border-width: 1px medium 1px 1px;
  left: auto;
  right: 0; }

.banner {
  height: auto;
  margin-top: 0;
  min-height: 0;
  text-align: center; }

a.mix, a.mix:hover {
  color: #ffffff;
  text-decoration: none; }

.bg-success {
  background-color: #5cb85c; }

.bg-danger {
  background-color: #d9534f; }

.mix .plus {
  color: #ffffff;
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border: 11.5px solid transparent;
  border-right: 11.5px solid #e26304;
  border-bottom: 11.5px solid #e26304;
  bottom: 0;
  right: 0;
  line-height: 12px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.mix:hover .plus {
  opacity: 1; }

.mycineworld .offers img {
  width: 100%; }

#summary .media p {
  margin-bottom: 15px; }

.media.site-featured .media-left {
  width: 150px; }

.media.site-featured p a,
div[class^="col-xs-"] > a > p {
  font-weight: bold;
  color: #ffffff; }

.experiences-link .image {
  width: 100%;
  height: 93px;
  overflow: hidden; }

.experiences-link .image {
  margin-bottom: 10px; }

.experiences-link .image img {
  width: 100%;
  max-width: none; }

span.badge.marker {
  display: inline-block;
  width: 29px;
  height: 35px;
  background: url("/xmedia/img/marker.png") no-repeat;
  border-radius: 0;
  margin: 10px 20px 58px 0;
  padding-top: 7px; }

#map-canvas {
  position: absolute;
  height: 400px;
  width: auto;
  left: 10px;
  right: 10px; }

.slider {
  width: 100%; }

#ajax_loader {
  display: inline-block;
  position: absolute;
  background: #d5d5d5; }

#ajax_loader img {
  top: 50%;
  left: 50%;
  margin-left: -16px;
  position: absolute; }

#trailer {
  background: #000000;
  border-bottom: none; }
  #trailer .social {
    margin-top: 20px;
    margin-bottom: 50px;
    font-weight: bold; }
    #trailer .social span {
      padding-right: 20px;
      vertical-align: top; }
    #trailer .social .fb_iframe_widget {
      width: 110px;
      vertical-align: top; }
  #trailer .no-trailer {
    margin-bottom: 20px; }

.user-reviews {
  padding-right: 10px; }

img.media-object {
  width: 60px;
  height: 60px; }

.media > .pull-left {
  margin-right: 21px; }

.media a.pull-left:hover {
  text-decoration: none; }

.media-heading {
  margin: -3px 0 7px; }

.sloiler-content.media {
  display: none;
  position: absolute;
  -webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
  -moz-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
  background: #fff;
  z-index: 10;
  margin: 0 7px 0 -17px;
  padding: 20px; }

.sloiler-content.media.active {
  display: block; }

.sloiler-content.media .ratings {
  margin-right: -20px; }

.media-heading .name {
  font: bold 13px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #ffffff; }

.media-heading .permission {
  font: 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #ffffff; }

.media-heading .time {
  font: 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  color: #707070; }

.trailer-holder {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 0;
  height: 0; }

.trailer-holder iframe,
.trailer-holder object,
.trailer-holder embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.trailer-holder .trailer-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.trailer-holder .trailer-image i {
  display: block;
  width: 155px;
  height: 155px;
  background: url("/xmedia/img/trailer-play.png");
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -77.5px;
  margin-top: -77.5px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.trailer-holder .trailer-image:hover {
  cursor: pointer; }

.trailer-holder .trailer-image:hover > i {
  opacity: 1; }

#how-to-collect-tickets img {
  margin-bottom: 30px; }

.video-responsive {
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
  width: 100%; }

.video-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#rc-imageselect {
  -webkit-transform: scale(0.77);
  -moz-transform: scale(0.77);
  -ms-transform: scale(0.77);
  -o-transform: scale(0.77);
  transform: scale(0.77); }

.g-recaptcha iframe {
  display: inline-block;
  height: 74px;
  line-height: 0 !important;
  margin: 0;
  min-height: 0;
  width: auto; }

.has-error .g-recaptcha iframe {
  border: solid 1px #e52729; }

.strength-weak {
  background: #e52729 !important; }

.strength-medium {
  background: #f88407 !important; }

.strength-strong {
  background: #fad611 !important; }

.strength-very-strong {
  background: #51d144 !important; }

.map-container {
  position: relative;
  width: 100%;
  padding-bottom: 400px; }

.map-container .map-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0; }

.map-container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.banner {
  margin-bottom: 30px;
  display: block; }

.banner.banner-seasons,
.banner.banner-gifts {
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom: 0; }

.banner img {
  width: 100%;
  height: auto; }

.static-page .noBg.banner {
  height: 450px;
  padding: 0;
  margin: 0;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: inherit; }
  .static-page .noBg.banner .container-fluid {
    height: 100%;
    position: relative; }
    .static-page .noBg.banner .container-fluid .btn-arrow-primary.short {
      position: absolute;
      right: 0;
      bottom: 40px;
      top: auto;
      left: auto;
      width: auto; }

.static-page .main-header-container {
  position: sticky;
  top: 0;
  z-index: 1000; }

.unmissable .poster {
  margin-bottom: 10px; }

.loaderLight, .loaderDark {
  text-align: center; }

.loaderLight.text-left, .loaderDark.text-left {
  text-align: left; }

.loaderLight.inline, .loaderDark.inline {
  display: inline-block;
  margin: 0 20px; }

.advert-banner img {
  width: 100% !important;
  height: auto !important;
  margin-bottom: 30px;
  margin-top: 20px; }

.advert-home-banner img {
  max-width: 100% !important; }

.darkOverlay {
  background: #000;
  text-align: center; }

.darkOverlay > img {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

*:hover > .darkOverlay > img,
#whatsOnList .darkOverlay:hover > img {
  opacity: 0.8; }

.progress {
  background: #d5d5d5;
  background-image: linear-gradient(to bottom, #d5d5d5 0%, #c6c6c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFC6C6C6', GradientType=0);
  border-radius: 2px;
  height: 8px;
  margin-bottom: 8px;
  margin-top: 10px;
  overflow: hidden;
  width: 100%;
  display: block; }
  .progress .progress-bar {
    background: #f5821e;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    padding: 7px 0 11px; }
    .progress .progress-bar .progress {
      border-radius: 4px; }
  .personal .progress,
  section.ratings .progress {
    float: none;
    margin-top: 5px;
    margin-bottom: 15px; }
  .active .progress .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f5821e; }

.thumbnail, .img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

.MicrosoftMap .MapPushpinBase img {
  width: 29px;
  height: 35px; }

#facs ul li {
  line-height: 28px;
  margin-bottom: 16px; }

#footer-partners {
  border-top: 1px solid #666;
  padding: 20px 0; }

.row .image-text-component {
  margin-bottom: 20px; }
  .row .image-text-component:last-child {
    margin-bottom: 0 !important; }

.poster-row {
  min-height: 340px; }
  @media screen and (max-width: 767px) {
    .poster-row {
      min-height: 223px; } }

.slick-hero {
  min-height: 420px; }
  @media screen and (max-width: 767px) {
    .slick-hero {
      min-height: 100px; } }

.header-wrapper {
  min-height: 128px;
  position: sticky;
  z-index: 1000; }
  @media screen and (max-width: 767px) {
    .header-wrapper {
      min-height: 100px;
      z-index: 1001; } }

.book-button-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  max-height: 62px;
  height: 62px; }
  @media (min-width: 768px) {
    .book-button-wrapper {
      bottom: 20px;
      margin: 0 auto;
      width: fit-content;
      z-index: 999; } }
  .book-button-wrapper a {
    text-decoration: none; }

.book-button-img {
  height: 20px;
  width: 20px;
  margin-bottom: 5px; }
  [dir="rtl"] .book-button-img {
    margin-right: 6px; }

.book-button {
  background: #FFFFFF;
  color: black;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  border-radius: 0;
  min-height: 62px;
  border: none;
  height: 100%; }
  [dir="rtl"] .book-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse; }
  @media (min-width: 768px) {
    .book-button {
      border-radius: 35px;
      padding: 0 24px; } }

#slick-hero {
  min-height: 390px; }
  @media screen and (max-width: 767px) {
    #slick-hero {
      min-height: 176px; } }

div[id^="avp_zid_"] {
  direction: initial;
  text-align: initial; }

.modal {
  z-index: 1192 !important; }

.modal-content {
  width: 660px;
  border: none;
  color: #ffffff;
  padding: 16px 20px;
  overflow: auto;
  max-height: 90%;
  background-color: #191919;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.23);
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all; }
  .modal-content .modal-header {
    min-height: initial;
    padding: 0;
    border: none; }
    .modal-content .modal-header h4.modal-title {
      margin: 0;
      line-height: 1;
      padding: 0;
      font: 25px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
      color: #ffffff; }
  .modal-content .modal-body {
    margin: 0;
    padding: 0; }
    .modal-content .modal-body p {
      margin-top: 8px;
      line-height: 20px;
      font: 13px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important; }
    .modal-content .modal-body .login-buttons {
      margin: 13px 0 30px; }
    .modal-content .modal-body .panel-showtimes {
      margin-top: 0;
      display: block;
      margin-bottom: 0;
      background: transparent;
      border: none; }
      .modal-content .modal-body .panel-showtimes table,
      .modal-content .modal-body .panel-showtimes .panel-heading,
      .modal-content .modal-body .panel-showtimes .panel-heading p {
        background: transparent;
        border: none; }
      .modal-content .modal-body .panel-showtimes .panel-heading p {
        padding: 0;
        margin: 0; }
      .modal-content .modal-body .panel-showtimes table tr th {
        padding: 10px 52px 0 2px;
        vertical-align: baseline; }
      .modal-content .modal-body .panel-showtimes .btn-pill {
        margin-right: 20px;
        margin-bottom: 10px;
        padding: 0; }
        .modal-content .modal-body .panel-showtimes .btn-pill .time {
          padding: 5px 15px; }
        .modal-content .modal-body .panel-showtimes .btn-pill .screening {
          padding: 0 13px; }
        .modal-content .modal-body .panel-showtimes .btn-pill.sold-out {
          overflow: hidden; }
        .modal-content .modal-body .panel-showtimes .btn-pill.selected {
          filter: brightness(0.5);
          -webkit-filter: brightness(0.5);
          -moz-filter: brightness(0.5);
          -o-filter: brightness(0.5);
          border-color: #7f7f81;
          overflow: hidden; }
    .modal-content .modal-body .clear-all-selected {
      cursor: pointer;
      text-align: right;
      display: block;
      margin-top: 29px; }
    .modal-content .modal-body .input-fb-share {
      padding: 4px 12px;
      height: initial;
      margin-top: 30px; }
    .modal-content .modal-body #send-me-copy,
    .modal-content .modal-body #review-has {
      margin-right: 10px;
      vertical-align: sub; }
  .modal-content .modal-footer {
    padding: 0 0 10px 0;
    text-align: right;
    border: none; }
    .modal-content .modal-footer button.close {
      font: 12px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
      padding: 8px 15px;
      border: none;
      color: #ffffff;
      background: #727272;
      opacity: 1;
      letter-spacing: 1px; }
    .modal-content .modal-footer a.close {
      font-weight: bold;
      color: #ffffff;
      line-height: 35px; }
  .modal-content .border-sep {
    border-bottom: 1px solid #555559;
    width: 100%;
    margin: 15px 0; }
    .modal-content .border-sep.fb {
      margin-top: -17px;
      margin-bottom: 20px; }
  .modal-content .close-link {
    color: #ffffff; }
  .modal-content .buttons {
    margin-bottom: 25px;
    margin-top: 15px; }
  .modal-content #share-login-register .buttons .triangle,
  .modal-content #share-times-overlay .buttons .triangle,
  .modal-content #add-to-wishlist .buttons .triangle {
    margin-right: 10px; }
  .modal-content #share-login-register .buttons .modal-content .fb-triangle, .modal-content #share-login-register .buttons .modal-content .tw-triangle, .modal-content #share-login-register .buttons .modal-content .gl-triangle,
  .modal-content #share-times-overlay .buttons .modal-content .fb-triangle,
  .modal-content #share-times-overlay .buttons .modal-content .tw-triangle,
  .modal-content #share-times-overlay .buttons .modal-content .gl-triangle,
  .modal-content #add-to-wishlist .buttons .modal-content .fb-triangle,
  .modal-content #add-to-wishlist .buttons .modal-content .tw-triangle,
  .modal-content #add-to-wishlist .buttons .modal-content .gl-triangle {
    margin-right: 10px; }
  .modal-content .btn-fb,
  .modal-content .btn-tw,
  .modal-content .btn-gl {
    border: none;
    padding-right: 6px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.23) inset; }

.location-picker-modal {
  z-index: 1950; }
  .location-picker-modal .modal-content {
    color: #000000;
    max-height: 90%;
    background-color: #fff;
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.23); }

.mobile-modal {
  position: absolute;
  color: #ffffff;
  font-size: 18px;
  overflow: visible !important;
  display: none !important;
  width: 100%; }
  .mobile-modal.in {
    display: block !important;
    padding: 0 !important;
    pointer-events: none; }

.modal-content-light {
  background-color: rgba(255, 255, 255, 0);
  /*#ececec;*/ }
  .modal-content-light .modal-footer {
    margin-top: 20px; }

#share-login-register .modal-content {
  padding: 16px 20px;
  overflow: visible; }
  #share-login-register .modal-content .login-form,
  #share-login-register .modal-content .register-form {
    display: none; }

#share-times .modal-content .modal-body p {
  margin-bottom: 8px; }

#share-times .modal-content textarea {
  margin-top: 10px;
  min-height: 90px;
  margin-bottom: 28px; }

#road-block.modal,
#loginModal.modal,
#share-login-register.modal {
  z-index: 2050 !important;
  top: 50%;
  margin-top: -150px; }

#road-block.modal .modal-dialog {
  width: 660px; }

#cancelBookingModal {
  top: 50%;
  margin-top: -250px;
  z-index: 1191 !important; }
  #cancelBookingModal .modal-dialog,
  #cancelBookingModal .modal-content {
    width: 780px; }
  #cancelBookingModal .table.table-condensed td {
    padding: 0 5px; }
    #cancelBookingModal .table.table-condensed td:first-child {
      padding-right: 20px;
      white-space: nowrap;
      width: 1%; }

.modal-backdrop.in {
  z-index: 1190 !important; }

.youtube-modal {
  z-index: 1200 !important; }
  .youtube-modal .modal-dialog {
    width: auto;
    height: auto;
    max-width: 75% !important;
    padding: 0;
    overflow: hidden; }
    .youtube-modal .modal-dialog .modal-content {
      width: auto;
      height: auto;
      margin: 0 auto;
      padding: 0 !important;
      background: rgba(0, 0, 0, 0.85);
      overflow: hidden;
      max-width: 75%;
      max-height: 75%; }
  .youtube-modal.modal-backdrop.in {
    opacity: 0;
    filter: alpha(opacity=0); }

@media screen and (max-width: 767px) {
  #road-block.modal,
  #loginModal.modal,
  #share-login-register.modal {
    top: 0;
    margin-top: 0; }
  #road-block .modal-content,
  #loginModal .modal-content,
  #share-login-register .modal-content {
    width: 100vw !important; } }

.promotion-modal .modal-content {
  background-color: #fff;
  color: #000000;
  border: 1px solid #f5821e; }
  .promotion-modal .modal-content p {
    color: #000000 !important; }

.qr-code-modal h2 {
  text-transform: none !important;
  position: relative; }

.privacy_prompt_content table tbody tr {
  height: auto !important; }

.payment-modal .modal-dialog {
  overflow: auto !important; }

.inline-block {
  display: inline-block !important; }

.display-table {
  display: table; }

.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s; }

.transition {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: all 0.3s ease;
  -moz-transform: all 0.3s ease;
  -ms-transform: all 0.3s ease;
  -o-transform: all 0.3s ease;
  transform: all 0.3s ease; }

.no-padding {
  padding: 0 !important;
  margin-bottom: 0; }

.no-padding-left {
  padding-left: 0px; }

.clear-top {
  margin-top: 0; }

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

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }

.no-animation {
  -webkit-transition: all 0 !important;
  -moz-transition: all 0 !important;
  -ms-transition: all 0 !important;
  -o-transition: all 0 !important;
  transition: all 0 !important; }

.no-overflow {
  overflow: hidden; }

@-webkit-keyframes opacityFromZero {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes opacityFromZero {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes opacityFromZero {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes opacityFromZero {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.animated {
  opacity: 1 !important; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none; }

.vertical-align-center {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.clearPoster {
  clear: both; }

@media (min-width: 768px) {
  .eqWrap {
    display: flex; } }

.equalHW {
  flex: 1; }

.equalHMWrap {
  justify-content: space-between; }

.align-bottom {
  align-self: flex-end; }

.display-flex {
  display: flex; }

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center; }

*[data-usn-load-if] {
  display: none; }

.m-none {
  margin: 0 !important; }

.mx-auto {
  margin-left: auto;
  margin-right: auto; }

.mx-sm {
  margin-left: 10px;
  margin-right: 10px; }

.mx-xs {
  margin-left: 2px;
  margin-right: 2px; }

.my-auto {
  margin-top: auto;
  margin-bottom: auto; }

.mb-none {
  margin-bottom: 0 !important; }

.mt-none {
  margin-top: 0 !important; }

.ml-none {
  margin-left: 0 !important; }

.mr-none {
  margin-right: 0 !important; }

.mb-xs {
  margin-bottom: 5px !important; }

.mt-xs {
  margin-top: 5px !important; }

.ml-xs {
  margin-left: 5px !important; }

.mr-xs {
  margin-right: 5px !important; }

.mb-sm {
  margin-bottom: 10px !important; }

.mt-sm {
  margin-top: 10px !important; }

.ml-sm {
  margin-left: 10px !important; }

.mr-sm {
  margin-right: 10px !important; }

.mb-md {
  margin-bottom: 20px !important; }

.mt-md {
  margin-top: 20px !important; }

.ml-md {
  margin-left: 20px !important; }

.mr-md {
  margin-right: 20px !important; }

.mb-lg {
  margin-bottom: 30px !important; }

.mt-lg {
  margin-top: 30px !important; }

.ml-lg {
  margin-left: 30px !important; }

.mr-lg {
  margin-right: 30px !important; }

.mb-xl {
  margin-bottom: 40px !important; }

.mt-xl {
  margin-top: 40px !important; }

.ml-xl {
  margin-left: 40px !important; }

.mr-xl {
  margin-right: 40px !important; }

.p-none {
  padding: 0 !important; }

.p-md {
  padding: 20px !important; }

.py-xs {
  padding-top: 12px;
  padding-bottom: 14px; }

.py-sm {
  padding-top: 10px;
  padding-bottom: 10px; }

.py-md {
  padding-top: 20px;
  padding-bottom: 20px; }

.py-lg {
  padding-top: 30px;
  padding-bottom: 30px; }

.py-none {
  padding-top: 0;
  padding-bottom: 0; }

.pt-none {
  padding-top: 0 !important; }

.pl-none {
  padding-left: 0 !important; }

.pr-none {
  padding-right: 0 !important; }

.pl-xs {
  padding-left: 5px !important; }

.pl-sm {
  padding-left: 10px !important; }

.pl-md {
  padding-left: 20px !important; }

.pr-xs {
  padding-right: 5px !important; }

.pr-sm {
  padding-right: 10px !important; }

.pr-md {
  padding-right: 20px !important; }

.pr-lg {
  padding-right: 30px !important; }

.pt-xs {
  padding-top: 8px !important; }

.pt-sm {
  padding-top: 10px !important; }

.pt-md {
  padding-top: 20px !important; }

.pb-none {
  padding-bottom: 0 !important; }

.pt-xs {
  padding-top: 3px !important; }

.pb-xs {
  padding-bottom: 5px !important; }

.pb-sm {
  padding-bottom: 10px !important; }

.pb-md {
  padding-bottom: 20px !important; }

.pb-lg {
  padding-bottom: 25px !important; }

.pb-xl {
  padding-bottom: 30px !important; }

.px-none {
  padding-left: 0;
  padding-right: 0; }

.px-xs {
  padding-left: 5px;
  padding-right: 5px; }

.px-sm {
  padding-left: 10px;
  padding-right: 10px; }

.px-md {
  padding-left: 20px;
  padding-right: 20px; }

.px-xl {
  padding-left: 32px;
  padding-right: 32px; }

.max-width {
  width: max-content; }

.min-content {
  width: min-content; }

@media (min-width: 1024px) {
  .clsRow.col-md-4:nth-child(3n+1), .clsRow.col-md-3:nth-child(4n+1), .clsRow.col-lg-4:nth-child(3n+1), .clsRow.col-lg-3:nth-child(4n+1) {
    clear: both; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .clsRow.col-sm-4:nth-child(3n+1), .clsRow.col-sm-3:nth-child(4n+1) {
    clear: both; } }

@media (max-width: 767px) {
  .clsRow.col-xs-6:nth-child(2n+1) {
    clear: both; } }

.va-middle {
  vertical-align: middle; }

.alert, .alert-info {
  color: #ffffff;
  margin-bottom: 30px;
  font-size: 14px; }

.alert-success.alert-faq {
  margin: 0; }

#announce .alert {
  margin-bottom: 0; }

.alert-note {
  background: #d7e9f8;
  padding: 20px 30px 20px 50px;
  line-height: 19px; }

.alert-note p:first-child {
  text-indent: -30px; }

.alert-white {
  background-color: #fff;
  border: none;
  color: #ffffff;
  font-weight: bold;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.43) inset; }

.alert-black {
  background-color: #191919;
  border: none;
  color: #ffffff;
  font-weight: bold;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.75); }

.alert > p, .alert > ul {
  margin-bottom: 0; }

.floating-alert {
  color: #ffffff; }
  .floating-alert img {
    vertical-align: baseline; }
  .floating-alert .text-container {
    padding: 18px; }

.alert-success {
  background-color: #5cb85c;
  border-color: #5cb85c; }

.alert-danger {
  background-color: #d9534f;
  border-color: #d9534f; }

.alert-info, .alert-warning {
  color: #000000;
  border: 1px solid #b2b2b2;
  background-color: #FFFCE3;
  font-weight: bold; }

.alert-warning a, .alert-info a {
  color: #d9534f;
  text-decoration: none; }
  .alert-warning a:hover, .alert-info a:hover {
    text-decoration: underline; }

.text-success {
  color: #5cb85c; }

.info-message {
  background-color: #5068B0;
  color: #D2D8DB; }

.npm-quickbook .alert-booking-error-close-button.btn {
  right: 0;
  left: 0;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 1; }

.npm-quickbook .svg-movie-quickbook {
  filter: invert(48%) brightness(200%); }

.npm-quickbook .movie-modal {
  padding: 0; }
  .npm-quickbook .movie-modal #more-info {
    padding: 10px; }

.npm-quickbook.light {
  background-color: #fff !important; }

.npm-quickbook .qb-header button, .npm-quickbook .qb-header .form-control {
  height: 40px; }

.npm-quickbook .qb-title h2 {
  margin-bottom: 30px;
  font-weight: bold; }

.npm-quickbook .qb-screening-attributes {
  display: table;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 8px;
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0; }
  .npm-quickbook .qb-screening-attributes li {
    display: inline-table; }
    [dir="rtl"] .npm-quickbook .qb-screening-attributes li {
      padding-left: 8px; }
    [dir="ltr"] .npm-quickbook .qb-screening-attributes li {
      padding-right: 8px; }

.npm-quickbook .qb-movie-select button, .npm-quickbook .qb-filter-select button {
  text-transform: uppercase; }

.npm-quickbook .qb-movie-attributes {
  display: table;
  list-style: none;
  padding-left: 0;
  padding-right: 0; }
  .npm-quickbook .qb-movie-attributes li {
    display: inline-table; }

.npm-quickbook .qb-days-group {
  display: flex; }
  .npm-quickbook .qb-days-group button:not(.datepicker-toggle) {
    border: 1px solid transparent !important;
    background-color: transparent;
    text-transform: none;
    box-shadow: none; }
    .npm-quickbook .qb-days-group button:not(.datepicker-toggle):hover, .npm-quickbook .qb-days-group button:not(.datepicker-toggle):focus, .npm-quickbook .qb-days-group button:not(.datepicker-toggle):active {
      color: #f5821e;
      background-color: transparent;
      border: solid 1px #e2e2e2; }
    .npm-quickbook .qb-days-group button:not(.datepicker-toggle).close-icon {
      right: 10px;
      top: 0;
      height: 100%; }
      .npm-quickbook .qb-days-group button:not(.datepicker-toggle).close-icon:before, .npm-quickbook .qb-days-group button:not(.datepicker-toggle).close-icon:after {
        border-top: 1px solid #000 !important; }
  .npm-quickbook .qb-days-group button {
    flex: 1;
    flex-basis: auto; }
    .npm-quickbook .qb-days-group button.active {
      font-weight: bold; }
    .npm-quickbook .qb-days-group button.disabled {
      background-color: transparent !important; }
  .npm-quickbook .qb-days-group > button:first-child {
    margin-left: -6px; }
  .npm-quickbook .qb-days-group .icon-calendar {
    fill: #fff; }
    .npm-quickbook .qb-days-group .icon-calendar g {
      stroke: #727272;
      stroke-width: 0.5px; }
    .npm-quickbook .qb-days-group .icon-calendar .d {
      color: #fff !important; }

.npm-quickbook .qb-movie .movie-poster-container {
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .npm-quickbook .qb-movie .movie-poster-container img {
    width: 100%;
    border-radius: 8px; }

.npm-quickbook .qb-movie .play-icon {
  height: 64px;
  position: absolute;
  width: 64px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto; }

.npm-quickbook .qb-calendar-widget h5 {
  font-size: 18px; }

.npm-quickbook .qb-calendar-widget button {
  font-weight: normal; }

.npm-quickbook .qb-calendar-widget .btn-default.active {
  box-shadow: none;
  color: #f5821e; }

.npm-quickbook .qb-calendar-widget .datepicker-toggle {
  font-size: 14px;
  font-weight: bold; }

.npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline {
  width: 100%; }
  .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table {
    border-collapse: separate;
    border-spacing: 5px; }
    .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .new.day {
      height: 0 !important; }
    .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .datepicker-switch button, .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .prev button, .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .next button {
      font-size: 18px;
      font-weight: normal; }
      .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .datepicker-switch button:hover, .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .prev button:hover, .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .next button:hover {
        color: #000; }
    .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .datepicker-switch {
      cursor: default; }
      .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table .datepicker-switch:hover {
        background-color: transparent; }
    .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table td:not(.old) {
      border: 1px solid #ddd;
      font-weight: normal;
      padding: 0; }
      .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table td:not(.old) button {
        font-size: 18px;
        width: 100%;
        height: 100%;
        text-align: center; }
      .npm-quickbook .qb-calendar-widget .quickbook-datepicker .datepicker-inline table td:not(.old).active:hover {
        border: 2px solid #f5821e;
        border-radius: 4px; }

.npm-quickbook .qb-movie-info-column a, .npm-quickbook .qb-movie-info-column a:hover, .npm-quickbook .qb-movie-info-column a:focus, .npm-quickbook .qb-movie-info-column a:visited, .npm-quickbook .qb-movie-info-column a:active {
  color: #000000; }

.npm-quickbook .qb-movie-info-column .btn-primary {
  padding: 12px 10px;
  min-width: 64px;
  text-align: center;
  margin-bottom: 8px;
  margin-right: 4px; }

.npm-quickbook .qb-movie-info-column h5 {
  margin-top: 4px; }
  .npm-quickbook .qb-movie-info-column h5 span {
    color: #777;
    font-weight: normal; }

.npm-quickbook .qb-movie-info, .npm-quickbook .qb-movie-info span {
  margin-left: 8px; }

.npm-quickbook .movie-row a h3 {
  color: #191919;
  font-weight: bold !important; }
  .npm-quickbook .movie-row a h3:hover {
    color: #f5821e; }

.npm-quickbook .movie-row p {
  color: #777; }

.npm-quickbook .movie-row .icon-location {
  vertical-align: sub;
  margin-right: 16px;
  height: 16px; }
  .npm-quickbook .movie-row .icon-location path {
    fill: #f5821e; }

.npm-quickbook .qb-list-by-list .movie-row:first-child {
  border-top: none; }

.npm-quickbook .qb-list-by-list .first-movie-row [class*="col-"] {
  padding-top: 0; }

.npm-quickbook .qb-list-by-list .qb-list-by-list-gradient-box {
  height: 32px;
  box-shadow: 0 -1px #ddd;
  background-image: linear-gradient(#f4f4f4, #fff); }

.npm-quickbook .type-row {
  padding-right: 0;
  margin-bottom: 18px; }
  .npm-quickbook .type-row:last-child {
    margin-bottom: 0; }

.npm-quickbook .youtube-video svg path {
  fill: #fff; }

.npm-quickbook .dropdown-toggle.btn-default {
  padding-left: 12px; }
  .npm-quickbook .dropdown-toggle.btn-default:hover {
    border: solid 1px #000000; }

.npm-quickbook .quickbook-datepicker .datepicker-header {
  border-bottom: 1px solid #b2b2b2;
  font-size: 20px;
  font-weight: bold;
  position: relative; }

.npm-quickbook .qb-showtimes-legend {
  padding: 24px;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 100%; }
  .npm-quickbook .qb-showtimes-legend header {
    border-bottom: 1px solid #ddd;
    margin-bottom: 24px;
    padding-bottom: 16px;
    position: relative; }
    .npm-quickbook .qb-showtimes-legend header .title {
      font-size: 16px !important;
      font-weight: bold !important;
      color: #111; }
    .npm-quickbook .qb-showtimes-legend header .close-icon {
      right: 10px;
      top: 0;
      height: 100%; }
      .npm-quickbook .qb-showtimes-legend header .close-icon:before, .npm-quickbook .qb-showtimes-legend header .close-icon:after {
        border-top: 1px solid #000 !important; }
  .npm-quickbook .qb-showtimes-legend .body div:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px; }
  .npm-quickbook .qb-showtimes-legend .body div span {
    font-weight: normal; }

.npm-quickbook .content-button {
  background: #FEE6E6;
  border: 1px solid red;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: red; }

.npm-quickbook .restriction-list {
  flex-wrap: wrap; }

.npm-quickbook .restriction-item {
  width: fit-content;
  border: 1px solid red;
  border-radius: 5px;
  margin-right: 6px;
  padding: 3px 6px;
  margin-bottom: 0; }

@media (max-width: 1023px) {
  .npm-quickbook .qb-days-group button:not(.datepicker-toggle) {
    text-align: left; }
  .npm-quickbook .movie-row:not(:first-child) {
    padding-top: 24px; }
  .npm-quickbook .movie-row {
    padding-bottom: 24px; }
    .npm-quickbook .movie-row .events {
      padding-top: 12px !important; }
  .npm-quickbook .datepicker-toggle {
    border: none;
    background-color: transparent; } }

@media (min-width: 1024px) {
  .npm-quickbook .qb-calendar-widget {
    padding-left: 0; }
  .npm-quickbook .datepicker-toggle {
    margin-left: 10px !important;
    width: 24px;
    max-width: 40px; }
    .npm-quickbook .datepicker-toggle:active, .npm-quickbook .datepicker-toggle:focus, .npm-quickbook .datepicker-toggle:visited {
      border: 1px solid #f5821e; }
  .npm-quickbook .qb-filter-select div {
    width: 90%;
    float: right; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .icon-calendar {
    width: 28px !important;
    height: 28px !important; } }

@media (min-width: 768px) {
  .npm-quickbook .qb-days-group button:not(.datepicker-toggle) {
    font-size: 24px; }
  .npm-quickbook .qb-movie-name {
    margin-bottom: 12px; }
  .npm-quickbook .movie-row [class*="col-"], .npm-quickbook .movie-row .qb-movie-details > div {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px; }
  .npm-quickbook .qb-movie-details div:first-child {
    padding-top: 0 !important; }
  .npm-quickbook.selectpicker-dropdown-container .dropdown-menu {
    border-radius: 4px !important; }
    .npm-quickbook.selectpicker-dropdown-container .dropdown-menu > li > a {
      padding: 6px 32px 6px 12px; }
    [dir="rtl"] .npm-quickbook.selectpicker-dropdown-container .dropdown-menu > li > a {
      padding: 6px 12px 6px 32px; } }

@media (max-width: 767px) {
  .npm-quickbook .dropdown-menu > li > a:hover, .npm-quickbook .dropdown-menu > li > a:focus {
    background-color: transparent; }
  .npm-quickbook .qb-movie-name {
    margin-bottom: 8px; }
  .npm-quickbook .qb-calendar-widget h5 {
    font-size: 14px; }
  .npm-quickbook .qb-days-group button:not(.datepicker-toggle) {
    font-size: 18px; }
  .npm-quickbook .qb-list-by-list .qb-list-by-list-gradient-box {
    height: 24px; }
  .npm-quickbook .qb-title h2 {
    margin-bottom: 18px;
    font-weight: bold; }
  .npm-quickbook .movie-row .qb-movie-details div {
    padding-bottom: 12px; }
  .npm-quickbook .movie-row .qb-movie-details, .npm-quickbook .movie-row .qb-trailer {
    padding: 0 8px; }
  .npm-quickbook .qb-showtimes-legend {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    transform: none; } }

@media (max-width: 480px) {
  .npm-quickbook .play-icon {
    height: 32px !important;
    width: 32px !important; } }

@media (min-width: 375px) {
  .npm-quickbook .quickbook-datepicker .datepicker-inline table td:not(.old) {
    width: 40px;
    height: 40px;
    font-size: 18px; } }

@media (max-width: 374px) {
  .npm-quickbook .qb-days-group button:not(.datepicker-toggle) {
    font-size: 14px; }
  .npm-quickbook .quickbook-datepicker {
    padding: 10px !important; }
    .npm-quickbook .quickbook-datepicker .close-icon {
      top: 23px; }
    .npm-quickbook .quickbook-datepicker .datepicker-inline table td:not(.old) {
      width: 30px;
      height: 30px;
      font-size: 14px; } }

.quickbook-section:not(.npm-quickbook) .btn-primary {
  border: 1px solid #e2e2e2; }

.quickbook-section:not(.npm-quickbook) .row.qb-movie {
  padding-top: 10px; }

.quickbook-section:not(.npm-quickbook) .qb-filter-select .active .bootstrap-select.qb- .dropdown-toggle.btn-default {
  background-image: url("/xmedia/img/CinemaCity/filters_icon_active.svg"); }

.quickbook-section:not(.npm-quickbook) .qb-filter-select .bootstrap-select.qb- {
  background: transparent;
  -webkit-box-shadow: none !important; }
  .quickbook-section:not(.npm-quickbook) .qb-filter-select .bootstrap-select.qb- .dropdown-toggle.btn-default {
    background: transparent url("/xmedia/img/CinemaCity/filters_icon.svg") no-repeat center center;
    background-color: transparent !important;
    color: transparent;
    border: transparent;
    width: 22px;
    background-size: 25px 25px; }
  .quickbook-section:not(.npm-quickbook) .qb-filter-select .bootstrap-select.qb-.disabled {
    background: transparent; }

.quickbook-section:not(.npm-quickbook) .qb-movie-info-column .btn.btn-sm.btn-primary.disabled, .quickbook-section:not(.npm-quickbook) .results .btn.btn-sm.btn-primary.disabled {
  background-color: #bababa; }

.quickbook-section:not(.npm-quickbook) .qb-calendar-widget .qb-days-group .btn-group .btn {
  font-size: 13px; }

.quickbook-section:not(.npm-quickbook) .qb-calendar-widget .qb-days-group .btn-group:first-child .btn {
  font-size: 12px; }

.quickbook-section:not(.npm-quickbook) .qb-list-by-list .movie-row:first-child {
  border-top: solid 3px #ddd; }

.quickbook-section:not(.npm-quickbook) .type-row [class*="col-"] h5 {
  color: #191919; }

.quickbook-section:not(.npm-quickbook) [class*="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border-collapse: collapse; }

.quickbook-section:not(.npm-quickbook) .qb-list-mode .btn svg path {
  fill: #000; }

.quickbook-section:not(.npm-quickbook) .qb-list-mode .btn:hover svg path, .quickbook-section:not(.npm-quickbook) .qb-list-mode .btn.active svg path {
  fill: #f5821e; }

.quickbook-section:not(.npm-quickbook) .youtube-video:hover svg path.arrow {
  fill: #e26304; }

.quickbook-section:not(.npm-quickbook) .dropdown-toggle.btn-default {
  padding-left: 1rem; }

.quickbook-section:not(.npm-quickbook) .qb-filter-select {
  display: inline-block; }

.quickbook-section:not(.npm-quickbook) .quickbook-component a:visited {
  color: #191919; }

.vuedal.youtubeModal {
  background: #000;
  width: 75%;
  max-width: 1200px;
  max-height: 90%;
  padding: 0;
  margin: -20px 0 0 0;
  top: 50%;
  transform: translateY(-50%) translateX(-50%); }
  .vuedal.youtubeModal header {
    border: none;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    min-height: 40px !important; }
    .vuedal.youtubeModal header .close {
      float: right;
      top: 15px;
      font-size: 30px;
      font-weight: 100;
      cursor: pointer;
      color: #fff;
      opacity: 0;
      margin: 0 40px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
  .vuedal.youtubeModal button.close:focus {
    opacity: 1 !important; }
  .vuedal.youtubeModal .footer {
    padding: 20px 20px 10px 20px;
    position: relative;
    background: #000;
    color: #fff; }
    .vuedal.youtubeModal .footer h2 {
      font-size: 26px;
      display: inline-block;
      margin-right: 10px;
      line-height: 1; }
  .vuedal.youtubeModal .content {
    position: relative; }
    .vuedal.youtubeModal .content::after {
      padding-top: 56.25%;
      display: block;
      content: ''; }
    .vuedal.youtubeModal .content iframe {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  .vuedal.youtubeModal .rating-icon {
    vertical-align: middle; }
  .vuedal.youtubeModal:hover header .close {
    opacity: 1; }

.quickbook-section {
  padding: 0; }

.quickbook-component {
  padding: 0;
  /********* BUTTONS **********/
  /* Landscape phones and portrait tablets SM */
  /* Landscape phones and smaller XS */ }
  .quickbook-component section {
    padding: 0; }
  .quickbook-component .qb-list-by-list .movie-row {
    border-top: solid 2px #ddd; }
    .quickbook-component .qb-list-by-list .movie-row.first-movie-row {
      border-color: #f5821e; }
  .quickbook-component .qb-list-by-list .movie-row:last-child {
    border-bottom: none; }
  .quickbook-component .qb-list-by-time .results .row {
    border-bottom: solid 1px #ddd; }
  .quickbook-component .qb-list-by-time .results .row:last-child {
    border-bottom: none; }
  .quickbook-component .qb-list-by-time .results .row [class*="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border-collapse: collapse; }
    .quickbook-component .qb-list-by-time .results .row [class*="col-"].movie-title-column {
      white-space: nowrap;
      display: table-row; }
      .quickbook-component .qb-list-by-time .results .row [class*="col-"].movie-title-column .btn-link {
        white-space: normal;
        display: inline-block; }
      .quickbook-component .qb-list-by-time .results .row [class*="col-"].movie-title-column .youtube-video {
        vertical-align: top; }
      .quickbook-component .qb-list-by-time .results .row [class*="col-"].movie-title-column :not(.youtube-video):not(.yt-play-icon) {
        padding-left: 0;
        padding-right: 0; }
  .quickbook-component h1, .quickbook-component h2, .quickbook-component h3, .quickbook-component h4, .quickbook-component h5, .quickbook-component h6 {
    margin-top: 0; }
  .quickbook-component .qb-title h1 {
    font-weight: bold !important;
    margin-bottom: 0; }
  .quickbook-component h5, .quickbook-component h6 {
    margin-bottom: 5px; }
  .quickbook-component .text-uppercase {
    text-transform: uppercase !important; }
  .quickbook-component .text-bold {
    font-weight: bold !important; }
  .quickbook-component .type-of-day-label {
    text-transform: uppercase !important;
    font-weight: bold !important;
    color: #191919;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 30px; }
  .quickbook-component .type-row [class*="col-"] {
    display: table-cell;
    float: none;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: none;
    border-top: none; }
  .quickbook-component .type-row [class*="col-"]:last-child {
    border-right: solid 1px transparent; }
    [dir="rtl"] .quickbook-component .type-row [class*="col-"]:last-child {
      border-left: solid 1px transparent; }
  .quickbook-component .type-row {
    display: table;
    border-bottom: 1px solid #ddd; }
    .quickbook-component .type-row:last-child {
      border-bottom: 1px solid transparent; }
    .quickbook-component .type-row.visible-xs {
      display: table !important; }
    @media (max-width: 480px) {
      .quickbook-component .type-row.hidden-xs {
        display: none !important; } }
  .quickbook-component .pt-none {
    padding-top: 0; }
  .quickbook-component .pb-none {
    padding-bottom: 0; }
  .quickbook-component .rating-icon {
    height: 24px;
    vertical-align: text-bottom;
    display: inline; }
  .quickbook-component .btn-sm.btn-primary {
    margin-right: 10px;
    margin-bottom: 10px; }
  .quickbook-component .qb-listing-group, .quickbook-component .qb-mode-group {
    width: auto; }
    [dir="rtl"] .quickbook-component .qb-listing-group, [dir="rtl"] .quickbook-component .qb-mode-group {
      float: left !important; }
    .quickbook-component .qb-listing-group .btn-default, .quickbook-component .qb-mode-group .btn-default {
      border: 1px solid transparent;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
  .quickbook-component .qb-listing-group .btn-default {
    border: 1px solid transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .quickbook-component .qb-listing-group .btn.btn-default:first-child {
    color: transparent; }
    .quickbook-component .qb-listing-group .btn.btn-default:first-child.active {
      color: transparent; }
  .quickbook-component .qb-listing-group .btn.btn-default:last-child {
    color: transparent; }
    .quickbook-component .qb-listing-group .btn.btn-default:last-child.active {
      color: transparent; }
  .quickbook-component .qb-movie-info-column h5 strong {
    font-weight: bold; }
  .quickbook-component .qb-movie-info-column .btn.btn-sm.btn-primary:visited, .quickbook-component .results .btn.btn-sm.btn-primary:visited {
    color: #000000; }
  .quickbook-component .qb-movie-info-column .btn.btn-sm.btn-primary.disabled, .quickbook-component .results .btn.btn-sm.btn-primary.disabled {
    color: #fff;
    background-color: #bababa; }
  .quickbook-component .btn-group .dropdown-toggle {
    box-shadow: none !important; }
  .quickbook-component .btn-group .btn-primary {
    font-size: 14px;
    background: #fff;
    color: #191919;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-shadow: none !important; }
    .quickbook-component .btn-group .btn-primary:hover {
      border: 1px solid #bababa;
      color: #191919; }
    .quickbook-component .btn-group .btn-primary:focus, .quickbook-component .btn-group .btn-primary.active {
      border: 1px solid #f5821e;
      color: #191919; }
    .quickbook-component .btn-group .btn-primary:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .quickbook-component .btn-group .btn-primary.datepicker-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
    [dir="rtl"] .quickbook-component .btn-group .btn-primary.datepicker-toggle {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
  .quickbook-component .btn-group .btn.disabled {
    opacity: 0.5; }
    .quickbook-component .btn-group .btn.disabled.btn-primary {
      background: #fff; }
    .quickbook-component .btn-group .btn.disabled.btn-link, .quickbook-component .btn-group .btn.disabled.btn-text {
      border: 0 none;
      background: transparent; }
  .quickbook-component .dropdown-toggle.btn-default {
    border: 1px solid #e2e2e2;
    color: #191919;
    font-size: 14px;
    box-shadow: none !important; }
  .quickbook-component .type-row {
    width: 100%; }
  .quickbook-component .type-row [class*="col-"] {
    border-right: 1px solid #ddd; }
    [dir="rtl"] .quickbook-component .type-row [class*="col-"] {
      border-left: 1px solid #ddd;
      border-right: 1px solid transparent; }
  .quickbook-component .movie-row a h4 {
    color: #191919;
    font-weight: bold !important;
    text-transform: uppercase !important; }
    .quickbook-component .movie-row a h4:hover {
      color: #191919; }
  .quickbook-component a:not(.btn):hover, .quickbook-component a:not(.btn):active, .quickbook-component a:not(.btn):visited {
    color: #191919;
    text-decoration: none; }
  .quickbook-component .dropdown-menu.inner .selected a {
    background: #e4e4e4;
    color: #191919; }
  .quickbook-component .qb-date h4 {
    font-weight: bold !important;
    margin: 0;
    line-height: 30px; }
  .quickbook-component .quickbook-datepicker {
    background: #f4f4f4;
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(68, 68, 68, 0.23) inset;
    position: absolute;
    z-index: 999;
    padding: 20px;
    right: 0; }
    .quickbook-component .quickbook-datepicker .datepicker-header {
      padding: 10px; }
    .quickbook-component .quickbook-datepicker .day {
      background-color: #f4f4f4; }
      .quickbook-component .quickbook-datepicker .day:hover {
        background-color: #f5821e !important;
        color: #fff; }
      .quickbook-component .quickbook-datepicker .day.active {
        color: #f5821e;
        background-color: #f4f4f4;
        font-weight: bold; }
        .quickbook-component .quickbook-datepicker .day.active:hover {
          background-color: #f5821e !important;
          color: #fff; }
          .quickbook-component .quickbook-datepicker .day.active:hover button:hover {
            background-color: #f5821e !important;
            color: #fff; }
        .quickbook-component .quickbook-datepicker .day.active.selected {
          border: 2px solid #f5821e !important; }
      .quickbook-component .quickbook-datepicker .day.disabled.highlighted:hover {
        color: #999; }
      .quickbook-component .quickbook-datepicker .day.disabled {
        pointer-events: none; }
    .quickbook-component .quickbook-datepicker .disabled.highlighted.day, .quickbook-component .quickbook-datepicker .old.disabled.highlighted.day {
      background-color: #f4f4f4 !important; }
      .quickbook-component .quickbook-datepicker .disabled.highlighted.day.active, .quickbook-component .quickbook-datepicker .old.disabled.highlighted.day.active {
        color: #727272;
        border: 1px solid #ddd; }
  .quickbook-component .qb-movie-rating {
    display: inline-block;
    margin-bottom: 10px; }
  .quickbook-component .qb-movie-name {
    display: block; }
  .quickbook-component .qb-movie-info {
    display: inline; }
  .quickbook-component table tbody, .quickbook-component table tbody tr, .quickbook-component table tbody tr td {
    background: #f4f4f4; }
  .quickbook-component .qb-movie-link:hover .qb-movie-name {
    color: #f5821e; }
  .quickbook-component .qb-cinema-link:hover .qb-cinema-name {
    color: #f5821e; }
  .quickbook-component .btn, .quickbook-component svg {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .quickbook-component svg path {
    fill: #191919; }
  .quickbook-component .btn.disabled svg path {
    fill: rgba(25, 25, 25, 0.5); }
  .quickbook-component .btn.disabled:hover svg path {
    fill: rgba(25, 25, 25, 0.5); }
  .quickbook-component .btn.disabled.btn-link, .quickbook-component .btn.disabled.btn-text {
    border: 0 none;
    background: transparent; }
  .quickbook-component .qb-listing-group .btn.btn-link {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .quickbook-component .qb-days-group button {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    background: none;
    border: none; }
  .quickbook-component .youtube-video svg g path.circle {
    fill: rgba(0, 0, 0, 0.5); }
  .quickbook-component .youtube-video svg g path.arrow {
    fill: #f5821e; }
  .quickbook-component .youtube-video:hover {
    opacity: 0.7; }
    .quickbook-component .youtube-video:hover svg path.circle {
      fill: rgba(0, 0, 0, 0.5); }
  .quickbook-component .datepicker-toggle svg {
    vertical-align: middle; }
    .quickbook-component .datepicker-toggle svg path#secondary {
      opacity: 0.3; }
    .quickbook-component .datepicker-toggle svg path#main {
      opacity: 0.6; }
  .quickbook-component .datepicker-toggle.active svg path {
    fill: #191919; }
  @media (min-width: 768px) {
    .quickbook-component .bootstrap-select.form-control, .quickbook-component .qb-days-group {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .quickbook-component .qb-mode-group {
      width: 100%;
      margin-bottom: 10px; }
      .quickbook-component .qb-mode-group .btn.btn-primary {
        width: 50%; }
    .quickbook-component .qb-calendar-widget {
      margin-bottom: 10px; }
    .quickbook-component .qb-listing-group {
      padding-left: 0; }
    .quickbook-component .qb-cinema-group-select {
      display: inline-block; }
    .quickbook-component .btn-group .btn-primary {
      padding-left: 0;
      padding-right: 0; }
    .quickbook-component .mobile-box-fix {
      display: inline-block;
      width: 100%;
      padding-bottom: 0px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .quickbook-component .btn-sm.btn-primary {
      margin-bottom: 10px; }
    .quickbook-component .qb-list-mode {
      float: right; }
      [dir="rtl"] .quickbook-component .qb-list-mode {
        float: left; } }
  @media (min-width: 2000px) {
    [dir="rtl"] .quickbook-component .type-row .btn-sm.btn-primary:first-of-type {
      margin-left: 0; } }

.quickbook-login-modal .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: none;
  position: absolute;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  height: auto;
  color: #000000; }
  .quickbook-login-modal .modal-content .modal-header {
    padding: 24px 16px 0 0; }
  .quickbook-login-modal .modal-content h1 {
    font-size: 32px !important;
    line-height: 40px !important;
    text-transform: none !important;
    font-weight: bold; }
  .quickbook-login-modal .modal-content h3 {
    font-size: 24px !important;
    line-height: 32px !important;
    text-transform: none !important;
    font-weight: bold; }
  .quickbook-login-modal .modal-content .login-section {
    padding: 18px 16px 42px 16px; }
  .quickbook-login-modal .modal-content .register-section {
    background: #fafafa;
    padding: 36px 16px; }
    .quickbook-login-modal .modal-content .register-section p {
      font-size: 14px !important;
      line-height: 20px !important; }
    .quickbook-login-modal .modal-content .register-section .line-through {
      border-bottom: 1px solid #d5d5d5;
      margin-top: 20px !important; }
  .quickbook-login-modal .modal-content .register-premium-section {
    padding: 16px;
    background: #f5821e;
    color: white; }
    .quickbook-login-modal .modal-content .register-premium-section button {
      color: #f5821e; }

.quickbook-login-modal .modal-button {
  border-radius: 100px; }

.quickbook-login-modal.modal.in .modal-dialog {
  max-width: 784px;
  position: relative;
  height: 100%; }

.quickbook-login-modal .btn.btn-default {
  color: #f5821e;
  border-color: #f5821e; }

.quickbook-login-modal .btn.btn-link {
  color: #f5821e;
  font-weight: bold;
  padding: 24px 0; }

.quickbook-login-modal button[data-automation-id="register-button"] {
  margin-bottom: 20px;
  padding: 14px 54px; }

.quickbook-login-modal button[data-automation-id="login-button"], .quickbook-login-modal button[data-automation-id="premium-signup"] {
  padding: 14px 45px; }

.unlimited-price-change-modal .modal-content {
  box-shadow: none;
  border: none;
  position: absolute;
  width: 100%;
  top: 50%;
  padding: 30px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: auto;
  color: #000000;
  background-color: #FFFFFF; }
  .unlimited-price-change-modal .modal-content .modal-body .price-change-info {
    margin-bottom: 15px;
    margin-top: -8px; }
    .unlimited-price-change-modal .modal-content .modal-body .price-change-info p {
      font-size: 14px !important; }
      .unlimited-price-change-modal .modal-content .modal-body .price-change-info p.new-price {
        font-weight: bold !important; }
  .unlimited-price-change-modal .modal-content .modal-body .unl-card-title {
    font-size: 23px; }
  .unlimited-price-change-modal .modal-content .modal-body .digital-card-info-header {
    font-size: 22px; }
  .unlimited-price-change-modal .modal-content .modal-body .digital-card-info-subtitle {
    font-size: 20px !important;
    font-weight: bold !important; }
  .unlimited-price-change-modal .modal-content .modal-body .digital-card-info-explanatory {
    font-size: 16px !important; }
  .unlimited-price-change-modal .modal-content .modal-body .digital-card-img {
    height: 44px; }
  .unlimited-price-change-modal .modal-content .modal-body .price-change-btn {
    padding: 10px 22px !important;
    width: auto !important; }
  .unlimited-price-change-modal .modal-content .modal-body .btn-link {
    font-weight: bold !important;
    font-size: 16px;
    text-decoration: none !important; }
  .unlimited-price-change-modal .modal-content h4 {
    text-transform: none !important;
    font-weight: bold; }

.unlimited-price-change-modal.modal.in .modal-dialog {
  max-width: 648px;
  position: relative;
  height: 100%; }

.quickbook-restrictions-modal .modal-content {
  border-radius: 16px;
  box-shadow: none;
  border: none;
  position: absolute;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 12px !important;
  height: auto;
  color: #000000; }
  .quickbook-restrictions-modal .modal-content .modal-header {
    padding: 24px 16px 0 0; }
  .quickbook-restrictions-modal .modal-content h4 {
    text-transform: none !important;
    font-weight: bold; }

.quickbook-restrictions-modal.modal.in .modal-dialog {
  max-width: 784px;
  position: relative;
  height: 100%; }

@media (max-width: 767px) {
  .modal-content:not(.movie-modal) {
    background: #fafafa; }
    .modal-content:not(.movie-modal) .modal-header {
      background: #ffffff; }
      [dir="rtl"] .modal-content:not(.movie-modal) .modal-header button {
        float: left;
        padding-left: 16px; }
    .modal-content:not(.movie-modal) .login-section {
      background: #ffffff; }
    .modal-content:not(.movie-modal) .modal-button {
      display: block;
      width: 100%; }
    .modal-content:not(.movie-modal) .guest-button {
      text-align: center; }
  .qb-movie-rating-info {
    display: inline-flex; }
  .qb-attributes-wrapper {
    position: absolute;
    left: 5px;
    margin-top: 10px; }
  .additional-info-container {
    padding: 0; }
  .cinema-buttons-container {
    flex-direction: column;
    align-items: center; }
  .cinema-button {
    width: 100%; } }

@media (min-width: 768px) {
  .quickbook-login-modal .modal-content {
    border-radius: 16px;
    background: #ffffff; }
    .quickbook-login-modal .modal-content .modal-header {
      width: 54%;
      padding: 36px 36px 0;
      float: right;
      background: #fafafa; }
      [dir="rtl"] .quickbook-login-modal .modal-content .modal-header {
        float: left; }
      [dir="rtl"] .quickbook-login-modal .modal-content .modal-header button {
        float: left; }
    .quickbook-login-modal .modal-content .modal-body {
      display: flex;
      width: 100%; }
      .quickbook-login-modal .modal-content .modal-body h1 {
        font-size: 40px !important;
        line-height: 48px !important; }
      .quickbook-login-modal .modal-content .modal-body h3 {
        font-size: 32px !important;
        line-height: 40px !important; }
      [dir="ltr"] .quickbook-login-modal .modal-content .modal-body .register-premium-section {
        padding-left: 28px; }
      [dir="rtl"] .quickbook-login-modal .modal-content .modal-body .register-premium-section {
        padding-right: 28px; }
      .quickbook-login-modal .modal-content .modal-body .login-section {
        padding-top: 42px;
        padding-left: 65px;
        width: 46%; }
        [dir="rtl"] .quickbook-login-modal .modal-content .modal-body .login-section {
          padding-right: 65px; }
        .quickbook-login-modal .modal-content .modal-body .login-section .login-header {
          margin-top: -50px; }
        [dir="rtl"] .quickbook-login-modal .modal-content .modal-body .login-section button {
          float: right; }
      .quickbook-login-modal .modal-content .modal-body .register-section {
        padding: 30px 48px;
        width: 54%; }
        .quickbook-login-modal .modal-content .modal-body .register-section .register-text {
          padding-left: 0; }
          [dir="rtl"] .quickbook-login-modal .modal-content .modal-body .register-section .register-text {
            padding-right: 0; }
        [dir="rtl"] .quickbook-login-modal .modal-content .modal-body .register-section h3, [dir="rtl"] .quickbook-login-modal .modal-content .modal-body .register-section p {
          text-align: right; }
        [dir="rtl"] .quickbook-login-modal .modal-content .modal-body .register-section h3 button[data-automation-id="register-button"], [dir="rtl"] .quickbook-login-modal .modal-content .modal-body .register-section p button[data-automation-id="register-button"] {
          float: right; }
  .quickbook-login-modal .modal-button {
    float: left; }
  .quickbook-login-modal .btn.btn-link {
    padding-bottom: 16px; }
  .quickbook-login-modal .line-through {
    margin: 20px auto !important; }
  .quickbook-restrictions-modal .modal-content {
    border-radius: 16px;
    background: #ffffff; }
    .quickbook-restrictions-modal .modal-content .modal-header {
      width: 54%;
      padding: 36px 36px 0;
      margin-top: 30px;
      float: right; }
    .quickbook-restrictions-modal .modal-content .modal-body {
      width: 100%; }
      .quickbook-restrictions-modal .modal-content .modal-body h4 {
        text-transform: none !important;
        font-weight: bold; }
      .quickbook-restrictions-modal .modal-content .modal-body .restrictions-section {
        padding: 20px 48px;
        margin-top: -20px; }
  .qb-movie-info-wrapper {
    display: inline-flex;
    vertical-align: text-bottom; }
  .cinema-buttons-section, .no-events-info {
    padding: 30px 0 !important; }
  .cinema-button {
    width: fit-content; } }

.additional-info-wrapper {
  background: #2196F3;
  display: flex;
  padding: 20px; }
  .additional-info-wrapper p {
    font-size: 18px;
    font-weight: 500; }
  .additional-info-wrapper img {
    height: fit-content; }

.cinema-button {
  height: 40px;
  background: transparent;
  border: 1px solid #f5821e;
  border-radius: 24px;
  margin: 8px 8px 8px 0; }
  .cinema-button:hover, .cinema-button:focus {
    color: white; }

.cinema-buttons-section, .no-events-info {
  padding: 20px 0 !important;
  background: #000000;
  color: #FFFFFF; }

.cinema-buttons-container {
  flex-wrap: wrap; }

.cinema-buttons-wrapper p {
  font-size: 18px;
  font-weight: 500;
  margin-right: 8px; }

.qb-by-cinema, .qb-by-film {
  padding: 30px 0 50px; }

.show-less-button {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }

.header-container {
  background: #000000; }

.header {
  max-width: 980px;
  padding: 15px 10px; }
  .header > .row {
    margin: 0; }
  .header h1 {
    margin: 0; }
  .header .logo-img {
    margin: 0;
    display: inline;
    vertical-align: bottom; }
  .header .logo-item {
    align-self: normal; }
  .header .logo-row {
    display: flex; }
  .header .btn-toolbar {
    text-align: right; }
    .header .btn-toolbar .btn-group {
      float: none; }
  .header .btn-link:hover, .header .btn-link:focus {
    color: #ffffff; }
  .header .header-right {
    white-space: nowrap;
    height: 60px;
    padding: 10px 10px 10px 0; }
  .header .header-center {
    padding: 10px 0; }
  .header .navbar-nav {
    margin: 0; }
    [dir="rtl"] .header .navbar-nav.navbar-right .location-selector a.btn-link span {
      float: left; }
    .header .navbar-nav.navbar-right .btn img {
      margin: -2px 10px 0 0; }
      [dir="rtl"] .header .navbar-nav.navbar-right .btn img {
        margin: -2px 0 0 10px; }
    .header .navbar-nav.navbar-right:last-child {
      display: table;
      margin-right: 0;
      margin-bottom: 10px; }
    .header .navbar-nav li {
      float: none;
      vertical-align: top;
      display: table-cell; }
      .header .navbar-nav li a {
        line-height: normal; }
    .header .navbar-nav .dropdown-menu li {
      display: block; }
    .header .navbar-nav .logged-in ul, .header .navbar-nav .logged-out ul {
      margin-bottom: 0;
      display: inline;
      margin-left: 0; }
    .header .navbar-nav .logged-in p, .header .navbar-nav .logged-out p {
      color: #fff;
      font-size: 12px;
      margin-bottom: 0;
      margin-left: 5px; }
    .header .navbar-nav .logged-in .btn, .header .navbar-nav .logged-out .btn {
      border: 0 none;
      border-right: solid 1px #191919;
      font-size: 14px;
      padding: 10px 7px;
      margin-left: 10px; }
      .header .navbar-nav .logged-in .btn:hover, .header .navbar-nav .logged-out .btn:hover {
        text-decoration: underline; }
      [dir="rtl"] .header .navbar-nav .logged-in .btn, [dir="rtl"] .header .navbar-nav .logged-out .btn {
        border-left: solid 1px #191919;
        border-right: none !important;
        margin-left: 0; }
    .header .navbar-nav .logged-in li a:not(.link-primary), .header .navbar-nav .logged-out li a:not(.link-primary) {
      color: #ffffff !important; }
    .header .navbar-nav .logged-in ~ .logged-in .btn,
    .header .navbar-nav .logged-out ~ .logged-out .btn {
      border: 0 none;
      margin-left: 0;
      margin-bottom: 0; }
    .header .navbar-nav .location-selector .btn.btn-link {
      color: #ffffff !important; }
  .header .navbar-inverse {
    background: none; }
    .header .navbar-inverse > .container-fluid {
      padding-right: 0; }
  .header .nav-item {
    padding-top: 4px;
    position: relative; }
    .header .nav-item.location-item {
      top: 0; }
    .header .nav-item.login-item {
      top: none; }
  .header .user-icon {
    position: relative;
    top: -2px; }
  .header .locationpicker-icon {
    height: 22px; }

.header-form {
  margin-top: 5px;
  display: inline-block;
  padding-right: 0;
  padding-left: 0;
  margin-left: 15px;
  min-width: 100px; }
  .header-form .form-group {
    width: 100%;
    min-height: 0;
    position: relative; }
  .header-form input {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: solid 1px #4f4d54 !important; }
    .header-form input:focus, .header-form input.has-results {
      -webkit-box-shadow: 0 0 0 0;
      -moz-box-shadow: 0 0 0 0;
      box-shadow: 0 0 0 0;
      background: #ffffff !important;
      color: #191919; }
      .header-form input:focus::-webkit-input-placeholder, .header-form input:focus:-ms-input-placeholder, .header-form input:focus:-moz-placeholder, .header-form input:focus::-moz-placeholder, .header-form input.has-results::-webkit-input-placeholder, .header-form input.has-results:-ms-input-placeholder, .header-form input.has-results:-moz-placeholder, .header-form input.has-results::-moz-placeholder {
        color: #ffffff !important;
        font-weight: normal !important;
        font-size: 12px !important;
        opacity: 1; }
    .header-form input:focus {
      outline: 3px solid rgba(0, 98, 255, 0.6) !important; }
    .header-form input.has-results {
      border-top-right-radius: 4px;
      border-top-left-radius: 4px; }

.cookies {
  display: none; }
  .cookies p {
    font-size: 12px; }
  .cookies .h2 {
    line-height: 26px;
    margin-bottom: 24px;
    display: block; }
  .cookies ul.list-unstyled li {
    margin-bottom: 10px; }
    .cookies ul.list-unstyled li a.btn-arrow-primary {
      display: inline-block !important; }

.location-selector {
  white-space: nowrap; }
  .location-selector .location-selected:first-child {
    border-right: solid 1px #191919;
    text-align: right; }
  .location-selector svg path {
    fill: #ffffff; }
  .location-selector .modal, .location-selector .cinemas-list, .location-selector .alert {
    white-space: normal; }

.location-selector input::placeholder, .location-picker-modal input::placeholder {
  color: #000000 !important;
  opacity: 0.5; }

.location-selector input:-ms-input-placeholder, .location-picker-modal input:-ms-input-placeholder {
  color: #000000 !important;
  opacity: 0.5; }

.location-selector .locationpicker-search-field-group, .location-picker-modal .locationpicker-search-field-group {
  position: relative; }
  .location-selector .locationpicker-search-field-group button, .location-picker-modal .locationpicker-search-field-group button {
    position: absolute;
    top: 0;
    right: 0;
    background: none; }
  [dir="rtl"] .location-selector .locationpicker-search-field-group input, [dir="rtl"] .location-picker-modal .locationpicker-search-field-group input {
    padding-right: 30px; }
  [dir="ltr"] .location-selector .locationpicker-search-field-group input, [dir="ltr"] .location-picker-modal .locationpicker-search-field-group input {
    padding-right: 30px; }

[dir="rtl"] .location-selected-button {
  position: relative;
  top: 5px;
  border-left: solid 1px #191919;
  border-right: none !important; }

@media (min-width: 768px) {
  .header-container .location-selector {
    margin-top: -1px; }
  .location-change-button {
    padding-top: 10px; }
  [dir="rtl"] .location-selected-button {
    top: 0; }
  [dir="rtl"] .logo-item {
    text-align: left; }
  [dir="rtl"] .navbar-nav.navbar-right {
    padding-right: 0; } }

@media screen and (max-width: 767px) {
  .main-menu .location-selector {
    white-space: normal;
    display: inline-flex;
    width: 100%;
    justify-content: space-between; }
    .main-menu .location-selector a:first-child {
      overflow: hidden;
      width: 100%; }
    .main-menu .location-selector span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    [dir="rtl"] .main-menu .location-selector img {
      order: -1; }
    .main-menu .location-selector .locationpicker-icon {
      height: 22px;
      margin-left: 10px; }
    .main-menu .location-selector .location-change-button {
      padding: 6px 12px !important; }
    [dir="rtl"] .main-menu .location-selector .location-selected-button {
      padding-left: 5px;
      top: 0;
      border-left: none;
      border-right: none !important; }
    [dir="ltr"] .main-menu .location-selector .location-selected-button {
      padding-right: 5px; }
    .main-menu .location-selector div:first-child {
      vertical-align: middle;
      display: inline-flex;
      width: 100%; }
    .main-menu .location-selector .btn-link {
      color: #000000;
      display: inline-block;
      line-height: 24px;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 15px;
      font-weight: bold !important;
      text-shadow: none;
      text-transform: uppercase; }
      [dir="ltr"] .main-menu .location-selector .btn-link {
        text-align: right !important; }
      [dir="rtl"] .main-menu .location-selector .btn-link {
        text-align: left !important; }
      [dir="ltr"] .main-menu .location-selector .btn-link:first-child {
        text-align: left !important; }
      [dir="rtl"] .main-menu .location-selector .btn-link:first-child {
        text-align: right !important; }
    .main-menu .location-selector .location-selected:first-child {
      border-right: 0 none; } }

.popover-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #000;
  opacity: 0; }
  .popover-overlay.in {
    opacity: 0.5; }

/****** PRINT *****/
@media print {
  .noprint,
  .header,
  .main-menu {
    display: none !important; }
  section {
    padding: 40px 0;
    margin: 0;
    page-break-inside: avoid;
    page-break-after: avoid;
    page-break-before: avoid; } }

.retina-show {
  display: none !important; }

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .retina-hide {
    display: none !important; }
  .retina-show {
    display: inline-block !important; }
  .navbar-header a.btn .questionMark {
    background: url(/xmedia/img/logged-out@2.png) no-repeat center center;
    background-size: 12px 15px; }
  .search-icon, .search-icon-dark {
    background: url(/xmedia/img/search-icon.svg) center center no-repeat;
    background-size: 12px 15px; }
  .search-icon-dark {
    background: url(/xmedia/img/search-icon-dark.svg) center center no-repeat;
    background-size: 12px 15px; }
  .dropdown-toggle .promo-drop {
    background: url("/xmedia/img/CinemaCity//promo-drop@2.png") top center no-repeat;
    background-size: 16px 20px; }
  span.badge.marker {
    background: url(/xmedia/img/marker@2.png) no-repeat;
    background-size: 29px 35px; }
  button.add-to-wishlist i, button.share i {
    background: url(/xmedia/img/booking-share@2.png) no-repeat scroll center center;
    background-size: 11px 7px; }
  .btn.btn-grey > i {
    background: url(/xmedia/img/share@2.png) no-repeat scroll center center transparent;
    background-size: 12px 7px; }
  .pager-list .page-prev i, .pager-list .page-next i {
    background: url(/xmedia/img/pagination-left@2.png) center center no-repeat;
    background-size: 9px 14px; }
  .pager-list .page-next i {
    background: url(/xmedia/img/pagination-right@2.png) center center no-repeat;
    background-size: 9px 14px; }
  .light .pager-list .page-prev i, .light .pager-list .page-next i {
    background: url(/xmedia/img/pagination-left-dark@2.png) center center no-repeat;
    background-size: 9px 14px; }
  .light .pager-list .page-next i {
    background: url(/xmedia/img/pagination-right-dark@2.png) center center no-repeat;
    background-size: 9px 14px; }
  .rating-active-star {
    background: url(/xmedia/img/CinemaCity/stars-rating@2.png) top left no-repeat;
    background-size: 15px 28px; }
  .rating-inactive-star {
    background: url(/xmedia/img/CinemaCity/stars-rating.png) bottom left no-repeat;
    background-size: 15px 28px; }
  .mfp-container .mfp-arrow {
    background: url(/xmedia/img/CinemaCity/slider-arrow-left.svg) no-repeat scroll center center, linear-gradient(to bottom, #727272 0%, #191919 100%);
    background-size: 70px 70px; }
  .mfp-container .mfp-arrow-right {
    background: url(/xmedia/img/CinemaCity/slider-arrow-right.svg) no-repeat scroll center center, linear-gradient(to bottom, #727272 0%, #191919 100%);
    background-size: 70px 70px; }
  .star-list {
    list-style-image: url(/xmedia/img/CinemaCity/list-bullet-star@2.png);
    background-size: 13px 13px; }
  .table-benefits tbody tr td:first-child {
    background: url(/xmedia/img/CinemaCity/list-bullet-star.png@2) 20px center no-repeat;
    background-size: 13px 13px; }
  .unlimited .star-ribbon {
    background-image: url(/xmedia/img/star-ribbon2@2.png) !important;
    background-size: 41px 117px !important; }
  .unlimited .star-ribbon i:first-child {
    background-image: url(/xmedia/img/star-ribbon2@2.png) !important;
    background-size: 41px 117px !important; }
  .unlimited .star-ribbon i:last-child {
    background-image: url(/xmedia/img/star-ribbon2@2.png) !important;
    background-size: 41px 117px !important; } }

#facilities ul li {
  margin-bottom: 10px; }
  #facilities ul li img, #facilities ul li span {
    margin-right: 10px; }

ul#facsIcons li {
  font: bold 14px "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-weight: bold; }

.gifts .media-left, .gifts .media > .pull-left {
  padding: 10px 20px 0 0; }

.gifts .description a {
  color: #f5821e !important; }

.gifts-container .media img.img-responsive {
  width: 100%; }

.event-seats-available {
  display: none; }

.benefits-header {
  padding-bottom: 30px; }
  .benefits-header h4 {
    margin-top: 10px;
    color: #cac9d0; }

#query-from-url {
  font-style: italic; }

ul.benefit-list {
  padding-left: 12px; }

section #goBack {
  height: 29px;
  border-radius: 4px;
  margin-right: 2px;
  line-height: 12px;
  width: 78px; }

#enroll .disabled2,
#pwd .disabled2 {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: .65 !important;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

.get-in-touch .form-control.button-group {
  padding: 0;
  box-shadow: none;
  background: none; }

.get-in-touch .selectpicker {
  padding: 7px 25px 7px 12px; }

.get-in-touch .panel-body {
  background: #d5d5d5; }

section.login h3 span {
  font-size: 12px;
  font-weight: normal;
  margin-left: 20px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important; }

section.login .panel-default {
  margin: 0 0 20px 0; }
  section.login .panel-default .panel-collapse.collapse.in {
    padding-bottom: 20px; }
  section.login .panel-default > .panel-heading {
    cursor: default;
    background: none;
    border-bottom: 0; }
    section.login .panel-default > .panel-heading h3 {
      background: url("/xmedia/img/radio-selected.png") no-repeat left center;
      padding-left: 30px;
      margin-bottom: 0; }
      section.login .panel-default > .panel-heading h3 span {
        font-weight: bold; }
    section.login .panel-default > .panel-heading.collapsed {
      cursor: pointer;
      border-bottom: none;
      background: none;
      background: #d5d5d5;
      background-image: linear-gradient(to bottom, #d5d5d5 0%, #c6c6c6 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5D5', endColorstr='#FFC6C6C6', GradientType=0); }
      section.login .panel-default > .panel-heading.collapsed h3 {
        background: url("/xmedia/img/radio-not-selected.png") no-repeat left center;
        font-size: 16px; }
        section.login .panel-default > .panel-heading.collapsed h3 span {
          font-weight: normal; }
  section.login .panel-default hr {
    margin-top: 20px;
    margin-bottom: 20px; }
  section.login .panel-default .left-divider {
    margin-left: -20px;
    padding-left: 20px;
    border-left: solid 1px #a2a2a2; }

section.login #register-tab .progress {
  width: 35px;
  margin-bottom: 0;
  border-radius: 2px;
  height: 4px;
  margin-right: 5px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  display: inline-block; }

section.login #register-tab .form-group.password {
  margin-bottom: 0; }
  section.login #register-tab .form-group.password ul.list-unstyled.strength-meter {
    margin-bottom: 15px; }
    section.login #register-tab .form-group.password ul.list-unstyled.strength-meter .password-verdict {
      display: inline-block;
      font-size: 12px;
      padding-top: 3px; }

#account-add h1 {
  font-size: 90px;
  font-weight: 300;
  line-height: 90px;
  margin-bottom: 0;
  margin-top: -20px; }
  #account-add h1 small {
    font-size: 13px;
    vertical-align: middle;
    color: #ffffff; }

#account-add h2 {
  margin-right: 10px; }

#account-add h5 {
  font-size: 16px;
  color: #959595;
  line-height: 16px; }

#account-add .details.details-header,
#account-add .unlimited-card-header {
  padding-bottom: 0; }

#cinemas-prices .panel.panel-dark {
  font-weight: bold; }

#cinemas-prices .promos img {
  margin-bottom: 20px; }

#cinemas-prices .alert {
  margin-top: 0;
  margin-bottom: 50px; }

.check-my-balance ul.list-inline li {
  vertical-align: bottom; }

#filmsResults dl dt {
  float: left;
  text-align: left;
  width: 100px; }
  [dir="rtl"] #filmsResults dl dt {
    float: right;
    text-align: right; }
  #filmsResults dl dt:first-child {
    margin-bottom: 20px; }

#filmsResults dl dd {
  margin-left: 120px; }
  [dir="rtl"] #filmsResults dl dd {
    margin-right: 120px; }

.confirmation hr {
  margin: 30px 0 20px; }

.confirmation .conf-banner {
  margin-top: 30px; }
  .confirmation .conf-banner img {
    width: 100% !important;
    height: auto !important; }

.confirmation .star-list {
  margin-top: 0;
  margin-bottom: 0; }

.confirmation .star-list li {
  margin: 0; }

.confirmation .light h2.heading {
  margin-bottom: 5px; }

.confirmation .posters .dl-horizontal dt {
  text-align: left; }

.confirmation .posters .dl-horizontal .total {
  padding-top: 20px; }

.confirmation .dl-horizontal dt {
  clear: left;
  float: left;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px; }

.confirmation .dl-horizontal.wider dt {
  width: 200px; }

.confirmation .row.item img.unlimited-card-photo {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  left: 8.5%;
  position: absolute;
  top: 34.4%;
  /*35.4%*/
  width: 24.5%;
  height: 56%; }

.unmissable h2 {
  font: normal 13px/150% "Roboto", "Helvetica Neue", "Helvetica", "Arial", serif !important;
  font-size: 23px;
  line-height: 28px; }

.unmissable .blog-sidebar .panel {
  background: #d5d5d5;
  margin-bottom: 40px; }

.topic-list a {
  font-weight: bold;
  padding: 10px 0;
  display: block; }

.cineworld-values .panel .panel-heading {
  padding: 10px 20px 0 20px; }

.cineworld-values .panel .panel-body .list li {
  padding: 10px 20px;
  border-bottom: solid 1px #a2a2a2; }
  .cineworld-values .panel .panel-body .list li:last-child {
    border-bottom: 0 none; }

#postaliframe {
  height: 0;
  width: 0;
  visibility: hidden; }

.welcome {
  display: inline-block;
  min-height: 45px;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  width: 100%; }
  .welcome > h4 {
    font-size: 15px;
    margin: 0;
    padding: 0; }
    .welcome > h4 a, .welcome > h4 a:link, .welcome > h4 a:focus, .welcome > h4 a:active {
      display: inline-block;
      font-size: 15px;
      color: #a2a2a2;
      text-decoration: underline;
      margin-left: 5px;
      white-space: nowrap; }
    .welcome > h4 a:hover {
      color: #ffffff; }

.related-films img {
  margin-bottom: 10px; }

.related-films a {
  color: #ffffff; }

.additional-charges a {
  color: #ffffff;
  display: block;
  line-height: 32px;
  padding-left: 42px;
  text-decoration: none;
  background: url("/xmedia/img/filetype-none.png") left center no-repeat;
  margin-bottom: 10px; }
  [dir="rtl"] .additional-charges a {
    padding-left: 0;
    padding-right: 42px;
    background-position: right center !important; }
  .additional-charges a:hover {
    text-decoration: underline; }
  .additional-charges a.file-pdf {
    background: url("/xmedia/img/filetype-pdf.png") left center no-repeat; }
  .additional-charges a.file-doc {
    background: url("/xmedia/img/filetype-doc.png") left center no-repeat; }
  .additional-charges a.file-docx {
    background: url("/xmedia/img/filetype-docx.png") left center no-repeat; }
  .additional-charges a.file-xls {
    background: url("/xmedia/img/filetype-xls.png") left center no-repeat; }
  .additional-charges a.file-xlsx {
    background: url("/xmedia/img/filetype-xlsx.png") left center no-repeat; }
  .additional-charges a.file-csv {
    background: url("/xmedia/img/filetype-csv.png") left center no-repeat; }
  .additional-charges a.file-ppt {
    background: url("/xmedia/img/filetype-ppt.png") left center no-repeat; }
  .additional-charges a > span {
    font-weight: normal;
    font-size: 11px; }

.single-booking .dl-horizontal dd {
  font-weight: normal; }

.single-booking .table td {
  padding: 0 5px; }
  .single-booking .table td:first-child {
    white-space: nowrap;
    width: 1%; }

.account-app .booking-card-container .text-muted {
  color: #727272; }

#bookings .back-button {
  margin-bottom: 30px; }

#bookings.tab-pane .booking-history section .item.disabled a.btn-grey {
  background: none; }

#whatsOnList .mix h2 img.rating-icon {
  width: 30px;
  margin-left: 5px; }

.cookie-settings h3 {
  margin-bottom: 20px; }

.topic-list .col-sm-4:nth-child(3n+4)::after {
  clear: both;
  content: "";
  display: table;
  float: none;
  height: 0;
  opacity: 0;
  width: 100%; }

.datepicker-inline {
  display: block !important; }

.datepicker-schedule {
  order: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  padding: 0 8px; }
  [dir="rtl"] .datepicker-schedule {
    padding-left: 0; }
  .datepicker-schedule > p {
    flex-grow: 1;
    width: 0;
    margin-left: 8px;
    margin-bottom: 0;
    color: #999999; }
    [dir="rtl"] .datepicker-schedule > p {
      margin-right: 10px;
      margin-left: 0; }
    .datepicker-schedule > p > span {
      font-weight: 700; }

#wishlist section {
  padding: 0; }

.cinemaDetails .dropdown-toggle {
  margin-bottom: 0; }
  .cinemaDetails .dropdown-toggle.collapsed {
    margin-bottom: 50px; }

#filterListBy optgroup,
#filterListBy option:not([data-filter="all"]) {
  display: none; }

.map-marker {
  background: url("/xmedia/img/map-marker-icon.svg") left center no-repeat; }
  [dir="rtl"] .map-marker {
    background-position: right center; }

.cinema-card {
  display: block;
  color: #ffffff;
  background-color: #000;
  color: #ffffff;
  border-radius: 4px;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
  border: solid 1px #323232;
  text-decoration: none !important;
  font-weight: normal !important; }
  .cinema-card:active {
    color: #ffffff;
    text-decoration: none; }
  .cinema-card.template {
    display: none !important; }
  .cinema-card .card-top {
    background: #000;
    height: 135px;
    border-radius: 4px 4px 0 0;
    position: relative;
    background-size: cover;
    background-position: top center; }
    .cinema-card .card-top > img {
      left: auto;
      border-radius: 4px 4px 0 0;
      max-height: 100%;
      max-width: 100%;
      position: absolute;
      right: auto;
      top: 0;
      z-index: 10; }
    .cinema-card .card-top > .content {
      bottom: 0;
      top: 0;
      background-image: linear-gradient(transparent, transparent 50%, rgba(0, 0, 0, 0.6));
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
      color: #ffffff;
      padding: 15px 0 15px 15px;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 20;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease; }
      [dir="rtl"] .cinema-card .card-top > .content {
        padding: 15px 15px 0 15px; }
      .cinema-card .card-top > .content > p {
        margin-bottom: 0;
        color: #ffffff;
        font-size: 12px;
        text-shadow: 0 2px 1px #000;
        position: absolute;
        bottom: 15px;
        min-height: 20px; }
        .cinema-card .card-top > .content > p.map-marker {
          padding-left: 30px; }
          [dir="rtl"] .cinema-card .card-top > .content > p.map-marker {
            padding-left: 0;
            padding-right: 30px; }
        .cinema-card .card-top > .content > p > span {
          display: inline-block; }
        .cinema-card .card-top > .content > p > strong {
          font-size: 15px; }
        .cinema-card .card-top > .content > p path {
          fill: #ffffff; }
  .cinema-card .card-block {
    padding: 15px;
    border-radius: 0 0 4px 4px;
    color: #ffffff; }
    .cinema-card .card-block p {
      margin-bottom: 0; }
    .cinema-card .card-block hr {
      margin: 15px 0 !important; }
    .cinema-card .card-block svg {
      max-height: 20px;
      width: auto;
      margin-right: 4px; }
  .cinema-card.active {
    color: #ffffff;
    background-color: #e26304; }
    .cinema-card.active .card-top,
    .cinema-card.active .card-block {
      color: #ffffff;
      background-color: #e26304; }
    .cinema-card.active .card-block hr {
      border-color: #e26304; }
    .cinema-card.active svg path, .cinema-card.active svg polygon {
      fill: #ffffff; }

a.cinema-card {
  cursor: pointer; }
  a.cinema-card:hover, a.cinema-card:focus {
    color: #ffffff;
    border: solid 1px #323232;
    text-decoration: none !important; }
  a.cinema-card:hover .card-top > .content {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.6));
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#99000000', GradientType=0); }
  a.cinema-card:hover .card-text {
    text-decoration: none; }

.nearbyCinemas.cards3 .card-container:last-child {
  display: none; }

li.language-selector {
  padding: 0 0 0 10px; }

img.main-logo {
  width: 120px; }

strong, b {
  font-weight: 400; }

.unlimited-banner-mobile {
  margin: 0 auto; }

.experienceBg {
  background: #000000;
  -webkit-background-size: cover !important;
  background-size: cover !important; }

.unlimited-banner-mobile {
  margin: 0 auto; }

#getting-here-tab .contact .h4 {
  font-size: 16px; }

section.with-background {
  background: url("/xmedia/img/CinemaCity//content/cci_background_banner.jpg");
  background-size: cover;
  background-position-y: 50%; }

section.title {
  background-color: #ffffff;
  margin: 0;
  padding: 0; }
  section.title h1 {
    color: #000000;
    margin: 0; }

section hr.primary {
  border-color: #f5821e !important; }

section.with-bg {
  background: #000000; }

section.cinema-summary {
  padding: 10px; }

section.cinemaDetails .cinema-tabs {
  margin-top: 0px; }

section#unlimited-signup {
  background: #ececec url("/xmedia/img/CinemaCity/quickbook-gradient.png") repeat-x top !important; }
  section#unlimited-signup .form-group > label, section#unlimited-signup h2, section#unlimited-signup h3, section#unlimited-signup h1 {
    text-transform: uppercase; }

.text-initial {
  text-transform: initial !important; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.cinema-list li a:hover, .cinema-list li a:link, .cinema-list li a:visited, .cinema-list li a:active, .cinema-list li a:focus {
  color: inherit; }

.alert.location-alert {
  border: 1px solid #f5821e;
  border-radius: 0; }
  .alert.location-alert a {
    color: #f5821e;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    line-height: 1.5; }
    .alert.location-alert a:hover {
      color: #f5821e; }

/*
  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus.
*/
.move-body {
  position: relative; }

.js-focus-visible :focus:not([data-focus-visible-added]) {
  outline: none !important;
  box-shadow: none !important; }

.align-items-start a.focus-visible:focus, .align-items-center a.focus-visible:focus, .align-items-end a.focus-visible:focus {
  display: inline-block; }

.focus-visible:focus {
  outline-style: auto !important;
  outline-color: #0062ff !important; }

.safari .focus-visible:focus {
  outline-style: solid !important;
  outline-color: #0062ff !important; }

.safari .align-items-start a.focus-visible:focus,
.safari .align-items-center a.focus-visible:focus,
.safari .align-items-end a.focus-visible:focus {
  display: inline-block; }

.safari .container-fluid > a, .safari .row > a {
  display: block; }

.safari .nav > li > a.focus-visible:focus {
  display: block; }

a.poster-link {
  display: inline-block !important; }

.js-focus-visible .slick-current a:focus:not([data-focus-visible-added]) {
  border: none !important; }

.account-app h1, .account-app h2, .account-app h3, .account-app h4, .account-app h5, .account-app h6,
.account-app .h1, .account-app .h2, .account-app .h3, .account-app .h4, .account-app .h5, .account-app .h6 {
  text-transform: none !important; }
  .account-app h1.text-uppercase, .account-app h2.text-uppercase, .account-app h3.text-uppercase, .account-app h4.text-uppercase, .account-app h5.text-uppercase, .account-app h6.text-uppercase,
  .account-app .h1.text-uppercase, .account-app .h2.text-uppercase, .account-app .h3.text-uppercase, .account-app .h4.text-uppercase, .account-app .h5.text-uppercase, .account-app .h6.text-uppercase {
    text-transform: uppercase !important; }

.account-app section.bg-white {
  background-color: #fff !important; }
  .account-app section.bg-white:not('.order-summary-container') {
    border-bottom: 2px solid #f5821e; }

.account-app .light {
  background-color: #F4F4F4 !important; }

.account-app .bg-white {
  background-color: #fff !important; }

.account-app .text-active {
  color: #4CAF50; }

.account-app .text-inactive {
  color: #F44336; }

.account-app .text-success {
  color: #080; }

.account-app .bg-success {
  background-color: #080; }

.account-app strong {
  font-weight: bold !important; }

.account-app label {
  text-transform: uppercase; }

.account-app .radio label, .account-app .checkbox label, .account-app .dropdown-toggle .filter-option {
  text-transform: none !important;
  font-weight: normal; }

.account-app .radio label.checked {
  font-weight: bold; }

.account-app .scrollable .dropdown-menu {
  height: auto;
  max-height: 300px;
  overflow-x: hidden; }

.account-app .text-muted, .account-app .text-muted .dropdown-toggle .filter-option {
  color: #444; }

.account-app .component-fade-enter-active, .account-app .component-fade-leave-active {
  transition: opacity .15s ease; }

.account-app .component-fade-enter, .account-app .component-fade-leave-to {
  opacity: 0; }

.account-app .container.container-form {
  max-width: 600px; }

.account-app .container.container-form-small {
  max-width: 400px; }

.account-app .form-group .disabled, .account-app .form-group :disabled,
.account-app .form-group .bootstrap-select.btn-group > button.disabled {
  color: #727272 !important;
  background-color: #fff !important; }

.account-app .radio input[type="radio"], .account-app .checkbox input[type="checkbox"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0;
  margin-left: -34px;
  cursor: pointer;
  border: 1px solid #ccc;
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.account-app .radio input[type="radio"] {
  border-radius: 100%; }
  .account-app .radio input[type="radio"]:checked:after {
    content: '';
    background: #f5821e;
    width: 14px;
    height: 14px;
    border-radius: 100%; }
  .account-app .radio input[type="radio"]:checked:disabled:after {
    background: #727272; }

.account-app .radio label, .account-app .checkbox label {
  padding-left: 34px; }

.account-app .billing-option label {
  padding-right: 16px;
  padding-left: 16px; }

.account-app .unlimited-option-card-title {
  font-size: 20px !important;
  line-height: 23px !important; }

.account-app .unlimited-option-card-text {
  font-size: 18px !important;
  line-height: 21px !important; }

.account-app .radio input:disabled, .account-app .checkbox input:disabled {
  cursor: not-allowed !important; }

.account-app .has-error input[type="checkbox"], .account-app .has-error input[type="radio"] {
  border-color: #d9534f; }

.account-app .has-error label {
  color: #191919; }

.account-app.payment-modal.fit-content .modal-md, .account-app.cancelBooking-modal.fit-content .modal-md, .account-app.addPhoto-modal.fit-content .modal-md {
  width: fit-content; }

.account-app.payment-modal .modal-content, .account-app.cancelBooking-modal .modal-content, .account-app.addPhoto-modal .modal-content {
  background: #fff;
  color: #000 !important; }

.account-app .has-error .input-group-addon, .account-app .has-error .btn {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.account-app [role="button"] {
  cursor: pointer; }

.account-app .account-menu.dropdown-menu {
  overflow: hidden;
  padding: 0 2px;
  border-radius: 0 0 4px 4px;
  border: solid 1px #b2b2b2; }
  .account-app .account-menu.dropdown-menu li {
    border-bottom: 2px solid #b2b2b2; }
    .account-app .account-menu.dropdown-menu li a {
      padding: 15px 10px; }
      .account-app .account-menu.dropdown-menu li a.router-link-active {
        background: #f5f5f5; }

.account-app .account-menu.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }
  .account-app .account-menu.nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .account-app .account-menu.nav li a {
      padding: 0 4px;
      line-height: 2; }
      .account-app .account-menu.nav li a:hover, .account-app .account-menu.nav li a.router-link-active {
        border-bottom: 2px solid #f5821e;
        border-radius: 0; }

.account-app .breadcrumb a.router-link-exact-active {
  font-weight: 300; }

.account-app a.router-link-exact-active {
  font-weight: bold; }

.account-app .btn-group.open .dropdown-toggle {
  border-radius: 4px 4px 0 0; }

.account-app .form-control.dark {
  background: #191919; }

.account-app .form-control.dark::placeholder {
  color: #d5d5d5; }

.account-app th a {
  color: inherit !important;
  text-decoration: none !important; }

.account-app .sort-icon {
  height: 20px;
  width: 20px;
  position: absolute; }
  .account-app .sort-icon.ascending {
    background: url("/xmedia/img/CinemaCity/ascending.svg") center center no-repeat;
    background-size: 10px;
    margin-top: -5px;
    margin-left: 5px; }
  .account-app .sort-icon.descending {
    background: url("/xmedia/img/CinemaCity/descending.svg") center center no-repeat;
    background-size: 10px;
    margin-top: 4px;
    margin-left: 5px; }
  .account-app .sort-icon.unsorted {
    background: url("/xmedia/img/CinemaCity/unsorted.svg") center center no-repeat;
    background-size: 20px 12px;
    margin-left: 5px; }

.account-app .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 106; }
  .account-app .sticky.sticky-messages {
    top: 130px;
    z-index: 999; }

.account-app .absolute-messages {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1; }

.account-app .float-message {
  position: sticky;
  top: 132px;
  z-index: 900; }
  .account-app .float-message--sm {
    top: 100px; }

.account-app .membership-header {
  line-height: 1.5; }

.account-app .unlimited-card-user {
  font-size: 16px;
  margin-bottom: -5px;
  text-transform: uppercase;
  font-weight: 500; }

.account-app .unlimited-card-number {
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 6px; }

.account-app .premium-details-wrapper {
  position: relative; }

.account-app .premium-card-wrapper {
  position: absolute;
  top: 0;
  right: 0; }

.account-app .membership-info-wrapper {
  display: flex;
  flex-direction: column-reverse; }

.focus-visible.slick-slider[data-slick="slick-hero"] {
  outline-offset: -3px;
  padding: 3px 0px; }

.benefits-list {
  list-style: none;
  padding: 0; }
  .benefits-list li {
    line-height: 1.5;
    margin-left: 10px;
    font-size: 115%;
    margin-bottom: 10px; }
    .benefits-list li:before {
      content: '';
      display: inline-flex;
      width: 9px;
      height: 18px;
      border: solid #000;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-bottom: 3px;
      margin-right: 20px; }

.mg-accordion-button {
  align-items: center;
  background-color: #f5821e;
  border-radius: 0 !important;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  outline: none;
  transition: background-color 0.2s, color 0.2s;
  width: 100%; }
  .mg-accordion-button label {
    color: #000000;
    cursor: pointer;
    margin-bottom: 0;
    margin: 0.5em; }
  .mg-accordion-button:hover {
    background-color: #e26304 !important; }
  .mg-accordion-button:focus, .mg-accordion-button:hover {
    box-shadow: none !important; }

.mg-accordion-header {
  align-items: center;
  display: flex;
  justify-content: space-around;
  min-height: 3em;
  overflow: hidden;
  padding: 0 !important;
  border-bottom: 2px solid #000000; }

.mg-accordion-body {
  background-color: #000000;
  border: none;
  color: #ffffff;
  margin: 0;
  width: 100%; }
  .mg-accordion-body div {
    padding: 1em 1em 2em 1em; }

.covid-booking #vaccinated-button, .covid-booking #noVaccinated-button {
  display: block;
  width: 100%; }

.covid-booking .vaccinated-container p:not(.vaccinated-info) {
  text-transform: none !important;
  margin: 0;
  white-space: normal; }

.covid-booking .vaccinated-info {
  margin-bottom: 30px;
  font-weight: 400; }

.subscription-container {
  max-width: 1100px !important; }

.head-container {
  width: fit-content;
  margin: 0 auto; }

.cinemas-wrapper {
  width: fit-content;
  min-width: 50%;
  margin: 0 auto; }

.cinemas-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease; }
  .cinemas-backdrop .modal-wrapper {
    display: table-cell;
    overscroll-behavior: contain;
    vertical-align: middle; }
    .cinemas-backdrop .modal-wrapper .cinemas-modal-container {
      margin: 0px auto;
      background-color: #fff; }
      .cinemas-backdrop .modal-wrapper .cinemas-modal-container .modal-header {
        position: relative;
        padding: 15px;
        display: flex;
        justify-content: space-between;
        display: block;
        border: none !important; }
        .cinemas-backdrop .modal-wrapper .cinemas-modal-container .modal-header .btn-close {
          position: absolute;
          top: 0;
          right: 0;
          border: none;
          font-size: 24px;
          padding: 10px;
          cursor: pointer;
          background: transparent; }
        .cinemas-backdrop .modal-wrapper .cinemas-modal-container .modal-header .group-price-container {
          display: flex;
          justify-content: center; }
          .cinemas-backdrop .modal-wrapper .cinemas-modal-container .modal-header .group-price-container .group-price:first-child {
            border-right: 2px solid #eeeeee; }
      .cinemas-backdrop .modal-wrapper .cinemas-modal-container .modal-body {
        position: relative;
        padding: 10px;
        overflow-y: auto;
        height: 75%; }
        .cinemas-backdrop .modal-wrapper .cinemas-modal-container .modal-body .cinema-list-item {
          padding: 14px 0;
          margin: 0;
          border-bottom: 2px solid #eeeeee;
          color: black;
          font-size: 16px; }
          .cinemas-backdrop .modal-wrapper .cinemas-modal-container .modal-body .cinema-list-item:last-child {
            border-bottom: none; }

.omnibus-info {
  color: #777777;
  font-size: 12px; }

.poster-image {
  border-radius: 8px; }

.step-wrapper {
  display: flex;
  justify-content: center; }

.step-icon {
  width: 60px;
  height: 60px; }

.message-container {
  position: relative !important; }

.refresh-disabled {
  color: #8a8a8a !important; }

.user-refresh-button {
  text-decoration: none !important; }

/*# sourceMappingURL=../../../../../../../target/10103/theme.css.map */