/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2024 Schwartzco Inc.
        License 2401-PVJTNH      
*/
@font-face {
  font-family: "Haas Grotesk Text Web";
  src: url("/fonts/NeueHaasGroteskText-55Roman-Web.woff2") format("woff2"), url("/fonts/NeueHaasGroteskText-55Roman-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Haas Grotesk Text Web";
  src: url("/fonts/NeueHaasGroteskText-65Medium-Web.woff2") format("woff2"), url("/fonts/NeueHaasGroteskText-65Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Haas Grotesk Text Web";
  src: url("/fonts/NeueHaasGroteskText-75Bold-Web.woff2") format("woff2"), url("/fonts/NeueHaasGroteskText-75Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Haas Grotesk Text Web";
  src: url("/fonts/NeueHaasGroteskText-56Italic-Web.woff2") format("woff2"), url("/fonts/NeueHaasGroteskText-56Italic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Haas Grotesk Text Web";
  src: url("/fonts/NeueHaasGroteskText-66MediumItalic-Web.woff2") format("woff2"), url("/fonts/NeueHaasGroteskText-66MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Haas Grotesk Text Web";
  src: url("/fonts/NeueHaasGroteskText-76BoldItalic-Web.woff2") format("woff2"), url("/fonts/NeueHaasGroteskText-76BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
:root {
  --max-width: 1400px;
  --vertical-gap: 60px;
  --horizontal-gap: 40px;
}
@media screen and (max-width: 1100px) {
  :root {
    --vertical-gap: 45px;
    --horizontal-gap: 30px;
  }
}
@media screen and (max-width: 600px) {
  :root {
    --vertical-gap: 40px;
    --horizontal-gap: 26px;
  }
}

.content {
  width: 100%;
  max-width: unset;
  padding: 0;
}
.content .home-video {
  width: 100%;
}
.content .home-video .banner {
  display: none;
  width: 100%;
}
.content .home-video .mobile {
  display: none;
}
.content .home-video iframe, .content .home-video video, .content .home-video .desktop {
  width: 100%;
  height: 30vw;
  border: none;
  background-image: url("/tabor.jpg");
  background-position: center;
  background-size: cover;
  backdrop-filter: brightness(.7);
}

.home-video h1 {
  font-size: 3rem;
}
.home-video p {
  font-size: 1.5rem;
}

@media (min-width: 728px) {

.home-video h1 {
  font-size: 6rem;
}
.home-video p {
  font-size: 3rem;
}
}
/* .content .home-video iframe.en, .content .home-video video.en, .content .home-video .desktop.en { */
/*   background-image: url("/images/kviff-foto-homepage-desktop-2025-03-en.jpg"); */
/* } */

.home-video .desktop {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .content .home-video iframe, .content .home-video video, .content .home-video .desktop {
    height: 70vw;
  }
  /* .content .home-video .desktop { */
  /*   display: none; */
  /* } */
  /* .content .home-video .banner { */
  /*   display: block; */
  /*   cursor: pointer; */
  /* } */
  /* .content .home-video .banner.hidden { */
  /*   display: none; */
  /* } */
  /* .content .home-video video { */
  /*   height: unset; */
  /* } */
  /* .content .home-video video.play { */
  /*   display: block; */
  /* } */
}
.content .home-content {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--horizontal-gap) 0 var(--horizontal-gap);
}
.content .home-content .kviff-live {
  margin: var(--vertical-gap) 0 0 0;
  background-color: #121212;
  border-radius: 12px;
  padding: var(--horizontal-gap);
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.content .home-content .kviff-live .label {
  position: absolute;
  top: var(--horizontal-gap);
  left: var(--horizontal-gap);
}
.content .home-content .kviff-live .buttons {
  position: absolute;
  left: var(--horizontal-gap);
  bottom: var(--horizontal-gap);
  color: white;
  display: flex;
}
.content .home-content .kviff-live .buttons a {
  margin-right: calc(var(--horizontal-gap) / 2);
}
.content .home-content .kviff-live .video-container {
  width: 50%;
}
.content .home-content .news-header, .content .home-content .news-bottom {
  margin: var(--vertical-gap) 0 calc(var(--vertical-gap) / 3) 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.content .home-content .news-header .label, .content .home-content .news-bottom .label {
  font-size: 37px;
  line-height: 47px;
  font-weight: bold;
}
.content .home-content .news-bottom {
  display: none;
}
.content .kviff-tv {
  margin: var(--vertical-gap) 0 0 0;
  background-color: #121212;
  border-radius: 12px;
  padding: var(--horizontal-gap);
  color: white;
}
.content .kviff-tv .row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: calc(var(--vertical-gap) / 2);
  flex-wrap: wrap;
}
.content .kviff-tv .row img {
  margin: 8px 0;
}
.content .kviff-tv .row .label {
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
.content .kviff-tv .row .label img {
  margin: 0 12px;
}
.content .kviff-tv .row-bottom {
  display: none;
}
.content .kviff-tv .small-row {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: calc(var(--vertical-gap) / 2);
}
.content .kviff-tv .kviff-tv-video {
  position: relative;
  margin: 0 calc(var(--horizontal-gap) / 4);
}
.content .kviff-tv .kviff-tv-video .kviff-tv-image {
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 12px;
  background-size: contain;
}
.content .kviff-tv .kviff-tv-video .title {
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em;
  color: white;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
.content .posters {
  margin: var(--vertical-gap) calc(-1 * var(--horizontal-gap) / 4) 0 calc(-1 * var(--horizontal-gap) / 4);
  display: flex;
}
.content .posters .poster {
  flex: 0 0 33.33%;
  padding: 0 calc(var(--horizontal-gap) / 4);
}
.content .posters .poster img {
  width: 100%;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .content .posters {
    flex-direction: column;
  }
  .content .posters .hideOnMobile {
    display: none;
  }
}
.content .kviff-hp-partner {
  margin: var(--vertical-gap) 0 0 0;
}
.content .kviff-hp-partner img {
  border-radius: 12px;
  width: 100%;
}
.content .kviff-hp-partner .mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .content .kviff-hp-partner .desktop {
    display: none;
  }
  .content .kviff-hp-partner .mobile {
    display: block;
  }
}
.content .kviff-movie-promo {
  display: flex;
  margin: var(--vertical-gap) 0 0 0;
  background-color: #121212;
  border-radius: 12px;
  color: white;
}
.content .kviff-movie-promo .left {
  flex: 0 0 50%;
  padding: var(--horizontal-gap);
  display: flex;
  flex-direction: column;
}
.content .kviff-movie-promo .left .header {
  font-size: 40px;
  line-height: 51px;
  font-weight: bold;
  margin-bottom: 8px;
}
.content .kviff-movie-promo .left .subheader {
  font-size: 24px;
  line-height: 29px;
}
.content .kviff-movie-promo .left .buttons {
  margin-top: auto;
  display: flex;
}
.content .kviff-movie-promo .right {
  flex: 0 0 50%;
}
.content .kviff-movie-promo .right img {
  width: 100%;
  height: 100%;
  border-radius: 0 12px 12px 0;
}
@media screen and (max-width: 1229px) {
  .content .kviff-movie-promo {
    flex-direction: column-reverse;
  }
  .content .kviff-movie-promo .right img {
    border-radius: 12px 12px 0 0;
  }
  .content .kviff-movie-promo .subheader {
    margin-bottom: var(--vertical-gap);
  }
}
@media screen and (max-width: 767px) {
  .content .kviff-movie-promo .left .header {
    font-size: 22px;
    line-height: 26px;
  }
  .content .kviff-movie-promo .left .subheader {
    font-size: 17px;
    line-height: 22px;
  }
}
.content .kviff-hp-gallery {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}
.content .kviff-hp-gallery .row-images {
  display: flex;
  gap: 0.5vw;
}
.content .kviff-hp-gallery .row-images .first-images {
  display: flex;
  flex: 0 1 calc(43.2% - 0.25vw);
  gap: 0.5vw;
}
.content .kviff-hp-gallery .row-images .second-images {
  display: flex;
  flex: 0 1 calc(56.8% - 0.25vw);
  gap: 0.5vw;
}
.content .kviff-hp-gallery .row-images img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}
.content .kviff-hp-gallery .row-images .fifty {
  width: calc(50% - 0.25vw);
}
.content .kviff-hp-gallery .row-images .height {
  width: calc(34% - 0.25vw);
}
.content .kviff-hp-gallery .row-images .width {
  width: calc(66% - 0.25vw);
}
@media screen and (max-width: 500px) {
  .content .kviff-hp-gallery .row-images {
    flex-direction: column;
  }
  .content .kviff-hp-gallery .row-images .second-images {
    flex-direction: column;
    flex: 1;
  }
  .content .kviff-hp-gallery .row-images .second-images .fifty {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .content .home-content .kviff-live {
    margin-top: -4px;
    flex-direction: column;
  }
  .content .home-content .kviff-live .video-container {
    width: 100%;
    margin: calc(var(--vertical-gap) * 2.5) 0 calc(var(--vertical-gap) * 1.5) 0;
  }
  .content .home-content .kviff-live, .content .home-content .kviff-tv {
    margin-left: calc(-1 * var(--horizontal-gap));
    margin-right: calc(-1 * var(--horizontal-gap));
    border-radius: 0;
  }
  .content .news-header .label {
    font-size: 26px !important;
    line-height: 33px !important;
  }
  .content .news-header .button {
    display: none;
  }
  .content .news-bottom {
    margin-top: calc(var(--vertical-gap) / 2) !important;
    display: flex !important;
  }
  .content .kviff-tv .row .button {
    display: none;
  }
  .content .kviff-tv .small-row {
    font-size: 17px;
    line-height: 21px;
  }
  .content .kviff-tv .row-bottom {
    margin-top: calc(var(--vertical-gap) / 1) !important;
    display: flex !important;
  }
}

/*# sourceMappingURL=home.css.map */