/* =========================================================
COMMON STYLES
========================================================= */
.mfb-movie-listing { }

.mfb-movie-listing.mfb-movie-listing-streaming {
    margin-right: -20px;
}

.mfb-movie-listing-item {
    float: left;
    width: calc(50% - 20px);
    margin: 0 20px 20px 0;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.mfb-movie-listing-item .image {
    float: left;
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-size: cover;
}

.mfb-movie-listing-item .movie-image-wrapper {
    float: left;
    width: 100%;
}

.image.image--grid,
.image.image--list {
    display: none;
}

.mfb-movie-listing-item .movie-data {
    width: 100%;
    float: left;
    position: relative;
    padding: 0;
    background-color: transparent;
}

.mfb-movie-listing h4 {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    line-height: 1.5;
    font-size: 14px;
    font-weight: normal;
    color: var(--main-blue);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.mfb-movie-listing h4 span.movie-year {
    float: left;
    width: 35px;
    color: #87A6B5;
    font-family: "Source Sans Pro";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.mfb-movie-listing-item .movie-data .movie-title-wrapper {
    width: calc(100% - 50px);
    float: left;
    height: 24px;
    margin-top: -4px;
    overflow: hidden;
    position: relative;
    transition: mask-image 0.3s ease, -webkit-mask-image 0.3s ease;
    mask-image: none;
    -webkit-mask-image: none;
}

.mfb-movie-listing-item .movie-title-wrapper span.movie-title {
    color: var(--main-blue);
    font-family: Kanit;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    width: auto;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.mfb-movie-listing-item .movie-title-wrapper span.movie-title:hover {
    text-decoration: underline;
}

.mfb-movie-listing .movie-basic-data p.genres-list {
    margin: 0;
    float: left;
    width: calc(100% - 80px);
    overflow: hidden;
    color: #87A6B5;
    white-space: nowrap;
    position: relative;
}
.mfb-movie-listing .movie-basic-data p.genres-list a {
    font-family: "Source Sans Pro";
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
    color: var(--hyperlink_color) !important;
    border-bottom: 1px solid #BFCACF;
}
.mfb-movie-listing .movie-basic-data p.genres-list a:hover {
    outline: none;
    text-decoration: none;
    color: var(--hyperlink_color_hover) !important;
}

.mfb-movie-listing-item .movie-data .movie-rating {
    float: left;
    height: 35px;
    width: 35px;
    border-radius: 18px;
    color: #FFF;
    font-family: Kanit;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    padding: 5px 0 0 0;
    margin-right: 10px;
}

.mfb-movie-listing .mfb-btn-allinone.mfb-btn-allinone-standalone {
    background-image: url("/img/mafab_ribbon_icon_new.svg");
    position: absolute;
    top: -4px;
    left: unset;
    right: 0;
    width: 48px;
    height: 55px;
}

.mfb-movie-listing .mfb-movie-listing-item .movie-data .movie-desc {
    color: #4A4A4A;
    font-family: "Source Sans Pro";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 23px;
    margin: 10px 10px 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mfb-movie-listing .mfb-movie-listing-item .premiere-data {
    font-family: "Source Sans Pro";
    margin-top: 20px;
}

.mfb-movie-listing .mfb-movie-listing-item .premiere-data--date {
    float: left;
    height: 60px;
    border-radius: 4px;
    padding: 12px 20px;
    background-color: #002d42;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    line-height: 17px;
}
.mfb-movie-listing .mfb-movie-listing-item .premiere-data--date::after {
    clear: both;
}

.mfb-movie-listing .mfb-movie-listing-item .premiere-data--platform {
    float: left;
    height: 60px;
    margin-left: 10px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #BFCACF;
    text-align: center;
    background-color: #fff;
}

.mfb-movie-listing .mfb-movie-listing-item .premiere-data--platform.premiere-data--platform.inverted {
    background-color: #3c3c3c;
    border: 1px solid #3c3c3c;
}

.mfb-movie-listing .mfb-movie-listing-item .premiere-data--platform img {
    height: 38px;
    max-width: 90%;
}

.mfb-movie-listing .premiere-data.premiere-data--mobile {
    display: none;
}

.mfb-movie-listing .vod-icons-wrapper.vod-icons-wrapper--mobile {
    display: none;
}

.mfb-movie-listing-item .vod-icons-wrapper {
    margin-top: 5px;
    height: 65px;
    overflow: hidden;
}

.mfb-movie-listing-item .vod-icons-wrapper .mfb-vod-icon,
.mfb-movie-listing-item .vod-icons-wrapper .mfb-vod-icon-small {
    margin-top: 5px;
}

.mfb-vod-tv-wrapper {
    margin-top: 5px;
    font-family: "Source Sans Pro";
    float: left;
}

.mfb-vod-tv-wrapper .mfb-vod-icon-small {
    margin-top: 0 !important;
}

.mfb-vod-tv-wrapper .mfb-vod-tv-data {
    float: left;
    margin-left: 7px;
    line-height: 17px;
    font-size: 15px;
    padding-top: 4px;
}

.mfb-vod-tv-wrapper .icon-icon-video-tv,
.vod-icons-wrapper .icon-icon-moviedisk {
    background-color: #fff;
    font-size: 42px;
    padding: 8px;
}

@media (max-width: 1023px) {
    .mfb-movie-listing.mfb-movie-listing-streaming {
        margin-right: 0;
    }
}


/* =========================================================
GRID VIEW
========================================================= */
.mfb-movie-listing.grid {
    /* padding-left: 20px; */
}

.mfb-movie-listing.grid .mfb-movie-listing-item:hover {
    background-color: #ECEFF1;
    border: 1px solid #BFCACF;
}

.mfb-movie-listing.grid .mfb-movie-listing-item {
    /* height: 315px; */
}

.mfb-movie-listing.grid .image.image--grid {
    display: block;
    height: 160px;
    background-position-y: initial;
    border-radius: 6px;
}
.mfb-movie-listing.grid .image.image--list {
    display: none;
}

.mfb-movie-listing.grid .mfb-movie-listing-item .movie-data p.genres-list.faded {
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent);
    mask-image: linear-gradient(to right, black 80%, transparent);
}
.mfb-movie-listing.grid .mfb-movie-listing-item:hover .movie-data p.genres-list.faded {
    -webkit-mask-image: none;
    mask-image: none;
}

.mfb-movie-listing.grid .mfb-movie-listing-item .movie-data {
    width: 100%;
    float: left;
    position: relative;
    padding: 0;
    /* height: 50px;
    max-height: 60px; */
    margin: 14px 0 0 0;
    background-color: transparent;
}

.mfb-movie-listing.grid .mfb-movie-listing-item .movie-data .movie-desc {
    display: none;
}

.mfb-movie-listing.grid .mfb-movie-listing-item .movie-data .movie-title-wrapper.faded {
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent);
    mask-image: linear-gradient(to right, black 80%, transparent);
}
.mfb-movie-listing.grid .mfb-movie-listing-item:hover .movie-data .movie-title-wrapper.faded {
    -webkit-mask-image: none;
    mask-image: none;
}

.mfb-movie-listing.grid h4 {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    line-height: 1.5;
    font-size: 14px;
    font-weight: normal;
    color: var(--main-blue);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.mfb-movie-listing.grid h4 span.movie-year {
    float: left;
    width: 35px;
    color: #87A6B5;
    font-family: "Source Sans Pro";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.mfb-movie-listing.grid .mfb-movie-listing-item:hover .movie-basic-data p.genres-list {
    z-index: 2;
}

.mfb-movie-listing .mfb-movie-listing-item .premiere-data--date {
    width: 115px;
    padding-left: 0;
    padding-right: 0;
}

.mfb-movie-listing.grid .mfb-movie-listing-item .premiere-data--platform {
    width: calc(100% - 125px);
    padding-left: 0;
    padding-right: 0;
}

.mfb-movie-listing.grid .vod-icons-wrapper {
    margin-top: 5px;
}


.mfb-movie-listing.grid .mfb-movie-listing-item .awards {
    width: 243px;
    font-size: 16px;
    color: var(--main-blue);
    background-color: #F7F7F7;
    padding: 4px 10px;
    position: relative;
    float: right;
    margin: 8px 0 0 0;
}
.mfb-movie-listing.grid .mfb-movie-listing-item .awards a {
    padding-top: 2px;
    display: block;
}
.mfb-movie-listing.grid .mfb-movie-listing-item .awards .award_icon {
    background-image: url("/css/icons/award.svg");
    float: left;
    margin: 0px 10px 0px 5px;
    height: 24px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 18px;
}
.mfb-movie-listing.grid .mfb-movie-listing-item:hover .awards {
    lor: #ECEFF1;
}

.mfb-movie-listing.grid .mfb-movie-listing-item .actors-movies {
    display: none;
}

.mfb-movie-listing.grid .mfb-movie-listing-item.layout-numbered .movie-image-wrapper {
  position: relative;
}

.mfb-movie-listing.grid .mfb-movie-listing-item.layout-numbered .movie-image-wrapper .number-wrapper {
  display: block!important;
  background-color: transparent;
  position: absolute;
  top: 4px;
  left: 8px;
  color: #FFFFFF;
  font-family: Kanit;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 40px;
  text-shadow: 0 2px 4px var(--main-blue);
}
.mfb-movie-listing.grid .mfb-movie-listing-item.layout-numbered .movie-image-wrapper .number-dot {
  display: none;
}
.mfb-movie-listing.grid .mfb-movie-listing-item.layout-numbered .movie-image-wrapper .number-hash {
  display: inline-block;
}
.mfb-movie-listing.grid .mfb-movie-listing-item.layout-numbered .movie-image-wrapper .number-value {
  font-weight: 500;
  font-size: 40px;
  margin-left: 5px;
}

/* LISTAK - CHARTS */
.mfb-movie-listing.grid .mfb-movie-listing-chart-item {
  position: relative;
  float: left;
  width: 330px;
  height: auto;
  margin: 0 0 20px 0 !important;
  padding: 15px 10px 15px 10px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  overflow: hidden;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .poster {
  position: relative;
  height: 200px;
  width: 100%;
  overflow: hidden;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .poster img {
  display: none;
  height: auto;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .poster .movie-cover-photo {
  position: absolute; 
  top: 0px; 
  left: 0px; 
  width: 100%; 
  height: 100%; 
  background-size: cover;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .mafab_tip {
  margin: 8px 0 5px -2px;
  width: 100%;
  height: 28px;
  background-image: url("/css/icons/icon_mafab_tip.svg");
  background-repeat: no-repeat;
  background-size: 128px;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .movie_title {
  margin: 8px 0 0 0;
  overflow: initial;
  white-space: initial;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .movie_title a {
  color: var(--main-blue);
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  width: auto;
  float: left;
  overflow: initial;
  white-space: initial;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .movie_title:hover a {
  text-decoration: underline;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .movie_counter {
  color: #87A6B5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .desc {
  color: #4A4A4A;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 10px 0 0 0;
  display: none;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .date {
  width: 100%;
  z-index: 2;
  background-color: #FFF;
  padding: 8px 0 0 0;
  margin: 0 !important;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgb(255, 255, 255) 50%);
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .date,
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .date .name {
  color: #87A6B5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  margin: 10px 0 0 0;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .date .name {
  font-weight: 600;
}
.mfb-movie-listing.grid .mfb-movie-listing-chart-item .date .slash {
  margin: 0 2px;
}

.mfb-movie-listing.grid .item-divider {
  clear: both;
}

  /*
  .leftside.grid[data-type="listak"] .item-divider {
    clear: both;
  }

  .leftside.grid[data-type="listak"] .item.grid .date, 
  .leftside.list[data-type="listak"] .item.list.no-description .date {
    position: relative;
    margin-left: 0 !important;
    padding-top: 8px;
  }

  .leftside.grid[data-type="listak"] .item.grid .data .desc, 
  .leftside.list[data-type="listak"] .item.list.no-description .data .desc {
    display: none;
  }
  */

@media (max-width: 1023px) {
  .mfb-movie-listing.grid .image.image--grid {
    height: 200px;
  }
  .mfb-movie-listing.grid .mfb-movie-listing-item {
      width: 100%;
      margin: 0 0 40px 0;
      padding: 0;
  }

  .mfb-movie-listing.grid .mfb-movie-listing-item:hover {
      background-color: #fff;
      border: 1px solid #fff;
  }

  .mfb-movie-listing .vod-icons-wrapper {
      display: none;
  }

  .mfb-movie-listing .vod-icons-wrapper.vod-icons-wrapper--mobile {
      display: block;
  }

  .mfb-movie-listing.grid .mfb-movie-listing-chart-item {
    width: 100%;
  }
}

/* =========================================================
LIST VIEW
========================================================= */

.mfb-movie-listing.list .mfb-movie-listing-item .movie-image-wrapper {
    width: 175px;
}

.mfb-movie-listing.list .mfb-movie-listing-item .image.image--list {
    display: block;
    width: 175px;
    height: 253px;
    border-radius: 0;
    background-position: center center;
    background-size: cover;
}

.mfb-movie-listing.list .mfb-movie-listing-item .image.image--grid {
    display: none;
}

.mfb-movie-listing.list .mfb-movie-listing-item .movie-data {
    width: calc(100% - 175px);
    float: left;
    padding: 20px 15px 15px 25px;
}

.mfb-movie-listing.list .mfb-movie-listing-item .movie-data .movie-desc {
    display: -webkit-box;
}

.mfb-movie-listing.list .mfb-movie-listing-item {
    width: calc(100% - 20px);
    border: 1px solid #e8e8e8;
    padding: 0;
    position: relative;
}

.mfb-movie-listing.list .vod-icons-wrapper {
    margin-top: 20px;
}

.mfb-movie-listing.list .mfb-movie-listing-item .movie-data p.genres-list.faded {
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent);
    mask-image: linear-gradient(to right, black 80%, transparent);
}
.mfb-movie-listing.list .mfb-movie-listing-item:hover .movie-data p.genres-list.faded {
    -webkit-mask-image: none;
    mask-image: none;
}
.mfb-movie-listing.list .mfb-movie-listing-item .movie-data .movie-title-wrapper.faded {
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent);
    mask-image: linear-gradient(to right, black 80%, transparent);
}
.mfb-movie-listing.list .mfb-movie-listing-item:hover .movie-data .movie-title-wrapper.faded {
    -webkit-mask-image: none;
    mask-image: none;
}

.mfb-movie-listing.list .mfb-movie-listing-item .awards {
    width: 130px;
    font-size: 16px;
    color: var(--main-blue);
    background-color: #F7F7F7;
    padding: 4px 3px 4px 7px;
    position: absolute;
    margin: 8px 0 0 0;
    right: 20px;
    top: 0;
    height: 50px;
}
.mfb-movie-listing.list .mfb-movie-listing-item .awards .award_icon {
    background-image: url("/css/icons/award.svg");
    float: left;
    margin: 5px 10px 0px 0px;
    height: 30px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 24px;
}
.mfb-movie-listing.list .mfb-movie-listing-item:hover .awards {
    background-color: #ECEFF1;
}
.mfb-movie-listing.list .mfb-movie-listing-item .awards .award_divider {
    display: none;
}
.mfb-movie-listing.list .mfb-movie-listing-item .awards .award,
.mfb-movie-listing.list .mfb-movie-listing-item .awards .nomination {
    display: block;
}
.mfb-movie-listing.list .mfb-movie-listing-item .awards .arrow-right {
    background-image: url("/css/icons/icon-arrow-right-grey.svg");
    margin: 20px 10px 0px 0px;
    height: 12px;
    width: 6px;
    background-repeat: no-repeat;
    background-size: 5px;
    position: absolute;
    top: 0;
    right: 0;
}

.mfb-movie-listing.list .mfb-movie-listing-item .awards .award {
    font-family: "Source Sans Pro";
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 1px;
}
.mfb-movie-listing.list .mfb-movie-listing-item .awards .nomination {
    font-family: "Source Sans Pro";
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: -1px;
}

.mfb-movie-listing.list .mfb-movie-listing-item .actors-movies .staff,
.mfb-movie-listing.list .mfb-movie-listing-item .actors-movies .actors {
  white-space: normal;
  margin: 0;
}
.mfb-movie-listing.list .mfb-movie-listing-item .actors-movies .staff b,
.mfb-movie-listing.list .mfb-movie-listing-item .actors-movies .actors b {
  color: #4A4A4A;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23px;
  margin: 0 3px 0 0;
  font-weight: 400;
}
.mfb-movie-listing.list .mfb-movie-listing-item .actors-movies .staff a,
.mfb-movie-listing.list .mfb-movie-listing-item .actors-movies .actors a {
  color: var(--hyperlink_color) !important;
  border-bottom: 1px solid #BFCACF;
  font-family: "Source Sans Pro";
  line-height: 26px;
  font-weight: 600 !important;
  font-size: 16px;
  text-decoration: none;
}
.mfb-movie-listing.list .mfb-movie-listing-item .actors-movies .staff a:hover,
.mfb-movie-listing.list .mfb-movie-listing-item .actors-movies .actors a:hover {
  color: var(--hyperlink_color_hover) !important;
}

/* LIST VIEW - COMPACT */
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact {
  margin: 0px 20px 30px 10px;
  border: 0;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact:hover {
  background-color: #ECEFF1;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .movie-image-wrapper {
  position: relative;
  width: 90px;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .image.image--list {
  width: 90px;
  height: 130px;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .image.image--list button {
  display: none;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .movie-data {
  width: calc(100% - 90px);
  padding: 15px 0px 0px 20px;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .movie-data .movie-desc {
  margin: 10px 10px 10px 0;
  -webkit-line-clamp: 2;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .movie-data .actors-movies {
  display: none;
}

.mfb-movie-listing .mfb-movie-listing-item .number-wrapper {
  display: none;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact.layout-numbered .movie-image-wrapper .number-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  width: 30px;
  height: 130px;
  background-color: #ECEFF1;
  color: var(--main-blue);
  padding-top: 8px;
  font-family: Kanit;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-numbered .movie-image-wrapper .number-dot {
  display: inline-block;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-numbered .movie-image-wrapper .number-hash {
  display: none;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact.layout-numbered .movie-image-wrapper .number-wrapper .number-value {
  margin: 0 0 0 6px;
  text-align: left;
  width: fit-content;
  padding: 0 5px 0 0;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact.layout-numbered .movie-image-wrapper .number-wrapper .number-value[data-digits="2"] {
  margin: 0 0 0 4px;
  padding: 0 2px 0 0;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact.layout-numbered .movie-image-wrapper .number-wrapper .number-value[data-digits="3"],
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact.layout-numbered .movie-image-wrapper .number-wrapper .number-value[data-digits="4"] {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.mfb-movie-listing.list .mfb-movie-listing-item.layout-compact.layout-numbered .movie-image-wrapper .number-wrapper .number-value[data-digits="4"] {
  font-size: 12px;
}



/* LISTAK - CHARTS */
.mfb-movie-listing.list .mfb-movie-listing-chart-item {
    position: relative;
    float: left;
    width: 100%;
    height: 240px;
    margin: 15px 0 15px 10px !important;
    padding: 0;
    background-color: #FFFFFF;
    border: none;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .poster {
    height: 240px;
    width: 160px;
    overflow: hidden;
    float: left;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .poster img {
    height: auto;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .poster .movie-cover-photo {
    display: none;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data {
    float: right;
    height: 100%;
    width: 475px;
    padding: 0;
    background-color: transparent;
    margin: 0;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .mafab_tip {
    margin: 8px 0 5px -2px;
    width: 124px;
    height: 28px;
    background-image: url("/css/icons/icon_mafab_tip.svg");
    background-repeat: no-repeat;
    background-size: 128px;
    float: right;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data h4 {
    margin: 0 !important;
    width: 100%;
    overflow: initial;
    white-space: initial;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data h4 a {
    color: #002D42;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    overflow: initial;
    white-space: initial;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data h4 a:hover {
    text-decoration: underline;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .movie_counter {
    display: none;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .desc {
    color: #4A4A4A;
    font-family: "Source Sans Pro";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 10px 0 0 0;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .date {
    margin: 10px 0 5px 0;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .date,
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .date .name {
    color: #87A6B5;
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .date .slash {
    margin: 0 2px;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .date .name {
    font-weight: 600;
  }

@media (max-width: 1023px) {
  .mfb-movie-listing.list .mfb-movie-listing-item {
      width: 100%;
      padding-bottom: 20px;
      border: 0;
      border-bottom: 1px solid #ECEFF1;
  }
  .mfb-movie-listing.list .mfb-movie-listing-item .movie-image-wrapper {
      width: 90px;
  }    

  .mfb-movie-listing.list .mfb-movie-listing-item .image.image--list {
      width: 90px;
      height: 130px;
  }

  .mfb-movie-listing.list .mfb-movie-listing-item .movie-data {
      width: calc(100% - 90px);
      padding: 10px 0 15px 15px;
  }

  .mfb-movie-listing.list .mfb-movie-listing-item .movie-data .movie-desc {
      display: none;
  }

  .mfb-movie-listing.list .premiere-data {
      display: none;
  }

  .mfb-movie-listing.list .premiere-data.premiere-data--mobile {
      display: block;
      width: 100%;
      margin-top: 10px;
  }

  .mfb-movie-listing.list .premiere-data.premiere-data--mobile .premiere-data--date {
      width: 90px;
      padding: 12px 5px;
      font-size: 13px;
  }

  .mfb-movie-listing.list .premiere-data.premiere-data--mobile .premiere-data--platform {
      /* width: calc(100% - 105px); */
      margin-left: 15px;
      text-align: center;
  }

  .mfb-movie-listing.list .vod-icons-wrapper {
      margin-top: 10px;
  }

  .mfb-movie-listing.list .mfb-movie-listing-item:hover .awards {
    background-color: #F7F7F7;
  }

  .mfb-movie-listing.list .mfb-movie-listing-chart-item .poster {
    width: 110px;
  }
  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data {
    width: calc(100% - 120px);
    height: auto;
    max-height: 200px;
    overflow: hidden;
    position: relative;
  }

  .mfb-movie-listing.list .mfb-movie-listing-chart-item .data .date {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
    margin: 0;
    padding: 30px 0 0 0;
    width: 100%;
  }

  .mfb-movie-listing.list .mfb-movie-listing-item.layout-compact {
    margin: 0 0 10px 20px;
  }
  .mfb-movie-listing.list .mfb-movie-listing-item.layout-compact:hover {
    background-color: initial;
  }

  .mfb-movie-listing.list .mfb-movie-listing-item.layout-compact.layout-numbered {
    width: calc(100% - 10px);
  }
  
  .mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .movie-data .movie-desc {
    display: none;
  }

  .mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .movie-image-wrapper {
    position: relative;
    width: 60px;
  }
  .mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .image.image--list {
    width: 60px;
    height: 75px;
  }
  .mfb-movie-listing.list .mfb-movie-listing-item.layout-compact .movie-data {
    width: calc(100% - 60px);
    padding-left: 10px;
    padding-top: 19px;
  }
  .mfb-movie-listing.list .mfb-movie-listing-item.layout-compact.layout-numbered .movie-image-wrapper .number-wrapper {
    height: 75px;
  }
}

/* =========================================================
RESULTS NUMBER AND LAYOUT SWITCH
========================================================= */
.leftside .before_movie_list {
    padding: 0 15px;
    margin-bottom: 10px;
}

@media (max-width: 1023px) {
    .leftside .before_movie_list {
        padding: 0;
    }
}
  
.before_movie_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.before_movie_list .results_and_title {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 15px;
    font-family: "Kanit";
    font-size: 16px;
    font-weight: 400;
    color: rgba(135,166,181,1);
    display: inline;
    white-space: normal;
}

.before_movie_list .num_all_results {
    display: inline;
    color: rgba(135,166,181,1);
    font: inherit;
}

.before_movie_list .main {
    display: inline;
    margin: 0;
    font: inherit;
    text-transform: none;
    color: rgba(135,166,181,1);
}

.before_movie_list .view_switch_wrapper {
    align-self: flex-start;
    justify-content: space-between;
    height: auto;
}

.view_switch_wrapper .view_btn {
    float: left;
    margin: 0 0 5px 10px;
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    background-size: 26px;
    cursor: pointer;
}

.view_switch_wrapper .view_btn.grid.active {
    background-image: url("/css/icons/icon_view_grid_2x2_active.svg");
}
.view_switch_wrapper .view_btn.list.active {
    background-image: url("/css/icons/icon_view_list_2_lines_active.svg");
}
.view_switch_wrapper .view_btn.grid {
    background-image: url("/css/icons/icon_view_grid_2x2_inactive.svg");
}
.view_switch_wrapper .view_btn.grid:hover {
    background-image: url("/css/icons/icon_view_grid_2x2_active.svg");
}
.view_switch_wrapper .view_btn.list {
    background-image: url("/css/icons/icon_view_list_2_lines_inactive.svg");
}
.view_switch_wrapper .view_btn.list:hover {
    background-image: url("/css/icons/icon_view_list_2_lines_active.svg");
}


/* main menu */
@media (min-width: 1024px) {

    /* --- new cols in mafab --- */
    /* .contentbox .leftside {
      width: 680px;
      height: auto !important;
    }
  
    .contentbox .rightside {
      width: 320px;
      height: auto !important;
    } */
  
    .m-col-d-16 { width: 100%; }
    .m-col-d-15 { width: 93.75%; }
    .m-col-d-14 { width: 87.5%; }
    .m-col-d-13 { width: 81.25%; }
    .m-col-d-12 { width: 75%; }
    .m-col-d-11 { width: 68.75%; }
    .m-col-d-10 { width: 62.5%; }
    .m-col-d-9  { width: 56.25%; }
    .m-col-d-8  { width: 50%; }
    .m-col-d-7  { width: 43.75%; }
    .m-col-d-6  { width: 37.5%; }
    .m-col-d-5  { width: 31.25%; }
    .m-col-d-4  { width: 25%; }
    .m-col-d-3  { width: 18.75%; }
    .m-col-d-2  { width: 12.5%; }
    .m-col-d-1  { width: 6.25%; }
    .m-col-d-33p { width: 33.333%; }
  
    .m-col-d-1, .m-col-d-2, .m-col-d-3, .m-col-d-4, .m-col-d-5, .m-col-d-6, 
    .m-col-d-7, .m-col-d-8, .m-col-d-9, .m-col-d-10, .m-col-d-11, .m-col-d-12, 
    .m-col-d-13, .m-col-d-14, .m-col-d-15, .m-col-d-16, .m-col-d-33p {
      float: left;
      position: relative;
      min-height: 1px;
      padding: 0 15px;
    }
  
    .m-visible-d { display: block !important; }
    .m-hidden-d { display: none !important; }
  
    /* .container {
      width: 1030px;
    } */
  }
  
  /* --- BLOCKS --- */
  .block-fullwidth {
    padding: 0 30px;
    margin: 20px 0 0;
    display: inline-block;
  }
  
  .block-fullwidth.no-right-padding {
    padding: 0 0 0 30px;
  }
  
  /* --- MAIN HEADER --- */
  .main-heading {
    margin: 30px 0;
    padding: 0 !important;
    display: inline-block;
    width: 100%;
  }
  
  .main-heading h1.main,
  .main-heading h2.main {
    border-bottom: 7px solid var(--main-red);
    padding: 0 !important;
    font-size: 26px !important;
    color: var(--main-grey) !important;
    margin: 0 5px 0 0 !important;
    font-family: Kanit !important;
    line-height: 30px;
    font-weight: 500;
    float: left;
  }
  
  .main-heading h1.main a,
  .main-heading h2.main a {
    color: var(--main-blue) !important;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
  }
  
  .main-heading h1.main a,
  .main-heading h1.main a:hover,
  .main-heading h1.main a:focus,
  .main-heading h1.main a:active,
  .main-heading h1.main a:visited,
  .main-heading h2.main a,
  .main-heading h2.main a:hover,
  .main-heading h2.main a:focus,
  .main-heading h2.main a:active,
  .main-heading h2.main a:visited {
    text-decoration: none;
    outline: none;
  }
  
  .main-heading span.icon-icon-arrow-right {
    transition: 0.3s;
    font-size: 11px;
    font-weight: 600;
    margin: 11px 0 0 2px;
    float: left;
  }
  
  .main-heading span.icon-icon-arrow-right::before {
    color: var(--main-red);
    font-family: "mafab-icons" !important;
    content: "\e915";
  }
  
  .main-heading .main:hover + span.icon-icon-arrow-right,
  .main-heading .main:hover + div span.icon-icon-arrow-right {
    margin-left: 5px;
  }
  
  /* --- MAIN MENU --- */
  .main-menu {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    background-color: #fff;
    position: relative;
    z-index: 3;
  }
  
  .main-menu .rsubmenu-links {
    border-bottom: 4px solid #f1f1f1;
    float: right;
    margin: 2px 0 0;
  }
  
  .main-menu .rsubmenu-links a {
    text-align: center;
    border: 0;
    color: #87a6b5;
    position: relative;
    font-size: 17px;
    margin: 5px 26px 0 0;
    padding: 0;
    background-color: #fff;
    line-height: 24px;
    font-family: Kanit;
    text-decoration: none;
  }
  
  .main-menu .rsubmenu-links a:last-child {
    margin-right: 0;
  }
  
  .main-menu .rsubmenu-links a.active {
    color: var(--main-blue) !important;
    border-bottom: 4px solid var(--main-red);
    margin-bottom: -4px;
  }
  
  .main-menu .rsubmenu-links a:hover {
    color: var(--main-blue) !important;
  }
  
  .main-menu .rsubmenu-links a:active,
  .main-menu .rsubmenu-links a:focus,
  .main-menu .rsubmenu-links a:visited {
    outline: none;
  }
  
  @media all and (max-width: 1023px) {
  
    .main-heading h1.main,
    .main-heading h2.main {
      font-size: 21px !important;
      line-height: 24px !important;
    }
  
    #filmek_mobile_cat_btn {
      margin: -7px 0 0;
    }
  
    #filmek_mobile_cat_menu {
      right: 10px;
    }
  
    .block-fullwidth {
      padding: 0 10px;
      margin: 0;
      width: 100%;
    }
  
    .filmek.main-heading {
      padding: 0 10px;
      margin: 40px 0 30px;
      float: left;
    }
  
    /* .container {
      width: 100%;
      padding: 0;
    } */
  
    /* .contentbox {
      margin: 0;
      border-radius: 0;
      box-shadow: none;
      padding-bottom: 50px;
    } */
  
    .m-col-m-16 { width: 100%; }
    .m-col-m-15 { width: 93.75%; }
    .m-col-m-14 { width: 87.5%; }
    .m-col-m-13 { width: 81.25%; }
    .m-col-m-12 { width: 75%; }
    .m-col-m-11 { width: 68.75%; }
    .m-col-m-10 { width: 62.5%; }
    .m-col-m-9  { width: 56.25%; }
    .m-col-m-8  { width: 50%; }
    .m-col-m-7  { width: 43.75%; }
    .m-col-m-6  { width: 37.5%; }
    .m-col-m-5  { width: 31.25%; }
    .m-col-m-4  { width: 25%; }
    .m-col-m-3  { width: 18.75%; }
    .m-col-m-2  { width: 12.5%; }
    .m-col-m-1  { width: 6.25%; }
  
    .m-col-m-1, .m-col-m-2, .m-col-m-3, .m-col-m-4, .m-col-m-5, .m-col-m-6,
    .m-col-m-7, .m-col-m-8, .m-col-m-9, .m-col-m-10, .m-col-m-11, .m-col-m-12,
    .m-col-m-13, .m-col-m-14, .m-col-m-15, .m-col-m-16 {
      float: left;
      position: relative;
      min-height: 1px;
      padding: 0 15px;
    }
  
    .m-visible-m { display: block !important; }
    .m-hidden-m { display: none !important; }
  
    .block-fullwidth.no-right-padding {
      padding: 0 10px;
    }
  }

/* VOD icons */
.mfb-vod-icon {
    width: 135px;
    height: 60px;
    border: 1px solid #BFCACF;
    border-radius: 6px;
}

.mfb-vod-icon-small {
    width: 60px;
    height: 60px;
    border: 1px solid #BFCACF;
    border-radius: 6px;
    float: left;
    margin-right: 6px;
}

/*
.mfb-vod-icon:hover,
.mfb-vod-icon-small:hover {
    border-color: #000;
}
*/

.mfb-vod-icon-32,
.mfb-amazon-prime-video-icon {
    background: url("/img/vod/VOD-Prime-Video.png?v=1671642951") no-repeat center/contain;
}

.mfb-vod-icon-31,
.mfb-apple-tv-plus-icon {
    background: url("/img/vod/VOD-Apple-TV-plus.png?v=1671642940") no-repeat center/contain;
}

.mfb-vod-icon-27,
.mfb-cinego-icon {
    background: url("/img/vod/VOD-Cinego.png?v=1671642931") no-repeat center/contain;
}

.mfb-vod-icon-41,
.mfb-disney-plus-icon {
    background: url("/img/vod/VOD-Disney.png?v=1671642950") no-repeat center/contain;
}

.mfb-disney-plus-icon-large {
    background: url("/img/vod/VOD-Disney-large.png?v=1671642935") no-repeat center/contain;
}

.mfb-vod-icon-29,
.mfb-filmio-icon {
    background: url("/img/vod/VOD-Filmio.png?v=1708351094") no-repeat center/contain;
}

.mfb-vod-icon-25,
.mfb-hbo-max-icon {
    background: url("/img/vod/hbo-max.webp?v=1753267148") no-repeat center;
    background-size: cover;
}

.mfb-vod-icon-24,
.mfb-netflix-icon {
    background: url("/img/vod/VOD-Netflix.png?v=1671642945") no-repeat center/contain;
}

.mfb-vod-icon-26,
.mfb-tv-go-icon {
    background: url("/img/vod/VOD-TV-GO.png?v=1671642953") no-repeat center/contain;
}

.mfb-tv-go-icon-large {
    background: url("/img/vod/VOD-Telekom-Filmpremier.png?v=1694686516") no-repeat center/contain;
}

.mfb-vod-icon-44,
.mfb-rtlplus-icon {
    background: url("/img/vod/VOD-RTLplus.png?v=1678490271") no-repeat center/contain;
}

.mfb-rtlplus-icon-large {
    background: url("/img/vod/VOD-RTLplus-large.png?v=1678490271") no-repeat center/contain;
}

.mfb-vod-icon-45,
.mfb-skyshowtime-icon {
    background: url("/img/vod/VOD-skyshowtime.png?v=1679309096") no-repeat center/contain;
}

.mfb-skyshowtime-icon-large {
    background: url("/img/vod/VOD-skyshowtime-large.png?v=1679309096") no-repeat center/contain;
    height: 60px;
    width: 60px;
}