@font-face {
  font-family: Trajan Pro;
  src: url('../fonts/Trajan-Pro-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Regular.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowText-ExtraBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --chocolate: #be682d;
  --white-smoke: #ebebeb;
  --sandy-brown: #f4b46d;
  --dark-orange: #ff9a28;
  --indigo: #58147b;
  --posterborder: #ebb385;
  --nawiskyblue: #62888b;
  --nawidressred: #9c140b;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.filminfo {
  color: #7f8ba0;
  text-align: center;
  letter-spacing: 2.25px;
  text-transform: uppercase;
  margin-top: 1vw;
  margin-bottom: auto;
  font-size: .9vw;
  font-weight: 800;
  line-height: .5vw;
}

.musicwrapper {
  z-index: 20;
  cursor: pointer;
  align-items: center;
  width: 3.7vw;
  height: 9vh;
  padding-left: 1vw;
  padding-right: 1vw;
  display: none;
  position: fixed;
  inset: 0% 1.5vw auto auto;
}

.soundimageoff {
  width: auto;
}

.soundimageon {
  width: auto;
  display: none;
}

.body {
  font-family: Helvetica Now Display, sans-serif;
  font-weight: 500;
}

.imprinttext {
  margin-top: 50px;
  font-size: 1vw;
  line-height: 1.5vw;
  text-decoration: none;
}

.imprinttext.nomargin {
  margin-top: 0;
}

.subsectionheader {
  text-align: center;
  margin-top: 0;
  font-family: Trajan Pro, sans-serif;
  font-size: 2.4vw;
  font-weight: 400;
  line-height: 2.9vw;
  transition: opacity .3s linear;
}

.smallercontentdiv {
  padding-top: 4vw;
  padding-left: 15%;
  padding-right: 15%;
}

.sectionheaderspace {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 9vw;
}

.privacydiv {
  padding-top: 8vw;
}

.legalsection {
  z-index: 3;
  background-color: var(--chocolate);
  color: var(--white-smoke);
  text-align: center;
  letter-spacing: -.19px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sectionbottomspace {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12vw;
  display: flex;
}

.pagebottom {
  z-index: 20;
  margin-left: 1vw;
  padding-bottom: 1vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.pagebottom.mobilebottom {
  justify-content: space-between;
  align-items: center;
  width: 98vw;
  margin-top: 5vw;
  margin-bottom: 1vw;
  margin-right: 1vw;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.it-white {
  color: var(--white-smoke);
}

.footerlink {
  color: #ffffff9c;
  font-size: 1vw;
  line-height: 1vw;
}

.footerlink.spacing {
  padding-left: .5vw;
  padding-right: .5vw;
}

.loader {
  z-index: 40;
  background-image: linear-gradient(180deg, var(--sandy-brown) 48%, var(--dark-orange));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity 1s cubic-bezier(.6, .04, .98, .335);
  display: none;
  position: fixed;
  inset: 0%;
}

.logo-link {
  z-index: 12;
  opacity: 1;
  transform-origin: 50%;
  width: 50vw;
  height: auto;
  display: block;
  position: relative;
  top: -4vw;
  transform: scale(.4);
}

.darkbutton {
  z-index: 8;
  min-width: 13vw;
  height: 3.3vw;
  min-height: 3.3vw;
  box-shadow: none;
  color: var(--indigo);
  letter-spacing: -.19px;
  background-color: #fff;
  border-radius: 46px;
  justify-content: center;
  align-items: center;
  margin-top: 4vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  font-size: .9vw;
  font-weight: 500;
  line-height: 1vw;
  transition: opacity .5s cubic-bezier(.23, 1, .32, 1), box-shadow .3s ease-in-out, background-color .3s ease-in-out;
  display: flex;
}

.darkbutton:hover {
  box-shadow: 0 0 44px #bfdfeda6;
}

.darkbutton.loaderbutton {
  opacity: 0;
  margin-top: -12vw;
  display: flex;
}

.form {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.quotetext {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  line-height: 65px;
}

.quotetext.quotesmall {
  text-align: center;
  width: 95vw;
  font-family: Trajan Pro, sans-serif;
  font-size: 2.667vw;
  line-height: 2.933vw;
}

.quotetext.quotesmall.qs-formmessage {
  width: 120%;
  margin-left: -10%;
}

.form-block {
  opacity: 1;
  width: 100%;
  display: none;
}

.error-message, .success-message {
  background-color: #0000;
}

.contactdiv {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 41.733vw;
  display: flex;
}

.bluetextfield {
  opacity: 1;
  min-height: 4vw;
  color: var(--indigo);
  background-color: #fff6;
  border: 0 #000;
  border-radius: 2vw;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
  padding-left: 1.5vw;
  font-size: 1.2vw;
  line-height: 1.467vw;
  box-shadow: inset 0 0 5px #0000003d;
}

.bluetextfield::placeholder {
  color: var(--indigo);
}

.bluetextfield.inputfield {
  text-align: left;
  height: 20vh;
  margin-top: 10px;
  padding: 1.5vw 1.5vw 1.5vh;
}

.bluetextfield.inputfield::placeholder {
  text-align: left;
}

.bluetextfield.btf-customarrow {
  background-image: url('../images/select-inner-border.svg'), none;
  background-position: 50%, 96%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, 20px;
  background-attachment: scroll, scroll;
}

.bluetextfield.btf-customarrow:focus {
  border: 1.5px solid #7185c2;
}

.contactsection {
  background-color: var(--chocolate);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.cookietext {
  display: inline;
}

.bottomtext {
  color: #384775;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr .25fr 1fr .25fr 1fr;
  font-size: .9vw;
  line-height: 18px;
  display: flex;
}

.cookiebuttontext {
  cursor: pointer;
  text-decoration: underline;
  display: inline;
}

.lowercontentdiv {
  z-index: 4;
  background-image: linear-gradient(#0a072a00, #0a072a);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-bottom: 2vh;
  display: flex;
}

.lowercontentdiv.cookiescreen {
  background-image: none;
}

.imprinttext-2 {
  color: #596985;
  margin-top: 50px;
  font-size: 1vw;
  line-height: 1.5vw;
  text-decoration: none;
}

.imprinttext-2.it-white {
  color: #fff;
}

.cookienoticewrapper {
  z-index: 60;
  background-image: linear-gradient(180deg, var(--sandy-brown) 48%, var(--dark-orange));
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
}

.subsectionheader-2 {
  color: #7f8ba0;
  text-align: center;
  margin-top: 0;
  font-family: Trajan Pro, sans-serif;
  font-size: 2.4vw;
  font-weight: 400;
  line-height: 2.9vw;
  transition: opacity .3s linear;
}

.subsectionheader-2.cookiewhite {
  color: #fff;
  margin-top: 8vh;
}

.cookiefooterelement {
  color: #fff;
  margin-left: 2px;
  margin-right: 2px;
  text-decoration: none;
}

.cookienotice {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 19px;
  flex-direction: column;
  grid-template-rows: 2.5fr .25fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 10% 20%;
  display: block;
}

.cookielegalcontainer {
  opacity: 0;
  text-align: center;
  flex-direction: column;
  width: 100%;
  height: 65vh;
  padding-bottom: 5vh;
  display: flex;
  position: relative;
  overflow: scroll;
}

.cookieinfocontainer {
  text-align: center;
  padding-top: 3vh;
  font-family: Trajan Pro, sans-serif;
  font-size: 3.065vw;
  line-height: 3.548vw;
  display: block;
}

.buttontextcontainer {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  display: flex;
}

.legalwrapper {
  display: flex;
}

.image {
  z-index: 999;
  cursor: pointer;
  width: 45px;
  height: 45px;
  padding: 10px;
  position: fixed;
  top: 3vw;
  right: 3vw;
}

.section {
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--sandy-brown) 10%, var(--dark-orange) 54%, var(--dark-orange));
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  display: flex;
}

.heading {
  color: #ebebeb;
  text-align: center;
  width: auto;
  font-family: Trajan Pro, sans-serif;
  font-size: 2.4vw;
  line-height: 2.6vw;
}

.heading-2 {
  color: var(--white-smoke);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8vw;
}

.headerwrapper {
  float: none;
  clear: none;
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70vw;
  height: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.posterwrapper {
  height: 100%;
}

.posterimg {
  border: 3px solid var(--posterborder);
  cursor: pointer;
  border-radius: 20px;
  width: auto;
  height: 90%;
}

.flex-block {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100vw;
  height: 60%;
  margin-top: 0;
  position: static;
}

.swiper-pagination-1 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: -2vw;
  display: none;
}

.projectwrapper {
  z-index: 1500;
  transition: opacity .5s ease-in-out, filter .5s ease-in-out;
  display: block;
  position: fixed;
  inset: 0%;
}

.projectposter {
  border: 1.6px solid #979797;
  border-radius: 13px;
  max-width: none;
  height: 70vh;
}

.sildepageindicator {
  z-index: 10;
  color: #fff;
  font-size: 1.467vw;
  line-height: 2.533vw;
  position: fixed;
  inset: auto 4vw 3vh auto;
}

.filmdetailtext {
  color: #fff;
  text-align: right;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.2vw;
  display: inline-block;
}

.slidernavigationcontainer {
  z-index: 10;
  perspective: 1000px;
  perspective-origin: 90%;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 10vw;
  height: 70vh;
  margin-top: 15vh;
  padding-left: 4.8vw;
  padding-right: 1vw;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.slidernavigationcontainer.navigationright {
  perspective-origin: 10%;
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 4.8vw;
  inset: 0% 0% 0% auto;
}

.swiper-slide {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 14vw;
  margin-top: 5vw;
  margin-bottom: 5vw;
  margin-right: 3vw;
  display: flex;
}

.swiper-slide.film-slide {
  background-color: var(--dark-orange);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  margin: 0 0 0;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
  overflow: hidden;
}

.closeproject {
  z-index: 10;
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 12vh;
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: 1.774vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto 2vw;
}

.closeproject.soundimageoff {
  display: block;
}

.filmgenretext {
  color: #7f8ba0;
  text-align: center;
  letter-spacing: 2.25px;
  text-transform: uppercase;
  font-size: .5vw;
  font-weight: 800;
  line-height: .5vw;
}

.filmgenretext.fgt-bigger {
  color: var(--nawiskyblue);
  font-size: .7vw;
  line-height: .7vw;
}

.projectsliderdesktop {
  display: block;
}

.slidebackgroundlazy {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slidebackgroundlazy.slidebackgroundlazymobile {
  width: 100%;
  height: 100%;
  display: none;
}

.swiper-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.swiper-container.film-swiper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  height: auto;
  display: block;
}

.filmstate {
  color: #efa646;
  text-align: center;
  border: 1px solid #efa646;
  border-radius: 12px;
  padding: 1px 1vw;
  font-size: .7vw;
  font-weight: 400;
  line-height: 1.25vw;
  display: flex;
}

.filmstate.fs-bigger {
  border-color: var(--nawidressred);
  color: var(--nawidressred);
  border-radius: 16px;
  margin-left: .8vw;
  font-size: 1vw;
  line-height: 1.45vw;
}

.slidebackgroundcontainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.swiperimageleft {
  z-index: 21;
  width: 1.2vw;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transform: none;
}

.filmdetailcontainer {
  grid-column-gap: 0px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: baseline center;
  display: grid;
  position: relative;
  top: 3.3vw;
}

.slidebackgroundoverlaygradient {
  z-index: 1;
  background-image: linear-gradient(#4e568b99, #2e2e2e99);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.sliderbackgroundcontainer {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.sliderbackgroundcontainer.sbc-little {
  background-image: url('../images/Mood_Laptop_balaa_1_HS-min.jpg');
  background-position: 0 0;
  background-size: cover;
}

.sliderbackgroundcontainer.nawi-little {
  background-image: url('../images/Nawi_poster_blurred.jpg');
  background-position: 0 0;
  background-size: cover;
}

.backarrow {
  filter: brightness(150%);
}

.divider {
  color: #92a4ab;
  margin-left: 4px;
  margin-right: 4px;
  text-decoration: none;
}

.projectprogressdiv {
  justify-content: center;
  display: flex;
}

.projectprogressdiv.ppd-bigger {
  justify-content: flex-start;
}

.filmdetailsrow2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: .5vw;
  margin-bottom: .5vw;
  display: flex;
}

.projectslider, .projectslider.test {
  display: none;
}

.backtext {
  margin-left: 15px;
}

.sliderfirstcontent {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

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

.swiper-wrapper.film-wrapper {
  flex-direction: row;
  width: auto;
  height: auto;
  padding-top: 0;
  display: flex;
}

.slidebackgroundimg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.slidebackgroundimg.slidebackgroundimgdesktop {
  width: 110%;
  height: 110%;
  position: absolute;
  inset: -5% 0% 0% -5%;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidelittleworld_3 {
  background-image: url('../images/Mood_Laptop_balaa_3_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidelittleworld_6 {
  background-image: url('../images/Mood_Laptop_balaa_6_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidelittleworld_5 {
  background-image: url('../images/Mood_Laptop_balaa_5_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidelittleworld_2 {
  background-image: url('../images/Mood_Laptop_balaa_2_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidelittleworld_4 {
  background-image: url('../images/Mood_Laptop_balaa_4_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_2 {
  background-image: url('../images/Nawi_e_1_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_3 {
  background-image: url('../images/Nawi_e_2_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_4 {
  background-image: url('../images/Nawi_e_3_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_5 {
  background-image: url('../images/Nawi_e_4_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_6 {
  background-image: url('../images/Nawi_e_5_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_7 {
  background-image: url('../images/Nawi_e_6_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_8 {
  background-image: url('../images/Nawi_e_7_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_9 {
  background-image: url('../images/Nawi_e_8_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_10 {
  background-image: url('../images/Nawi_e_9_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidenawi_11 {
  background-image: url('../images/Nawi_e_10_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidelittleworld_3 {
  background-image: url('../images/Mood_Handy_balaa_3_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidelittleworld_5 {
  background-image: url('../images/Mood_Handy_balaa_5_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidelittleworld_2 {
  background-image: url('../images/Mood_Handy_balaa_2_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidelittleworld_6 {
  background-image: url('../images/Mood_Handy_balaa_6_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidelittleworld_4 {
  background-image: url('../images/Mood_Handy_balaa_4_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_2 {
  background-image: url('../images/Nawi_e_1_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_3 {
  background-image: url('../images/Nawi_e_2_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_4 {
  background-image: url('../images/Nawi_e_3_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_5 {
  background-image: url('../images/Nawi_e_4_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_6, .slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_7 {
  background-image: url('../images/Nawi_e_6_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_8 {
  background-image: url('../images/Nawi_e_7_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_9 {
  background-image: url('../images/Nawi_e_8_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidenawi_10 {
  background-image: url('../images/Nawi_e_9_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidelittleworld_11 {
  background-image: url('../images/Nawi_e_10_mobile_blurred.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile {
  z-index: 2;
  border: 1.63px solid #979797;
  border-radius: 1.04vw;
  width: 73.4vw;
  height: 109.9vw;
  position: absolute;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidelittleworld_5 {
  background-image: url('../images/Mood_Handy_balaa_5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidelittleworld_4 {
  background-image: url('../images/Mood_Handy_balaa_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidelittleworld_2 {
  background-image: url('../images/Mood_Handy_balaa_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidelittleworld_6 {
  background-image: url('../images/Mood_Handy_balaa_6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidelittleworld_3 {
  background-image: url('../images/Mood_Handy_balaa_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_2 {
  background-image: url('../images/Nawi_e_1_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_3 {
  background-image: url('../images/Nawi_e_2_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_4 {
  background-image: url('../images/Nawi_e_3_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_5 {
  background-image: url('../images/Nawi_e_4_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_6 {
  background-image: url('../images/Nawi_e_5_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_7 {
  background-image: url('../images/6_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_8 {
  background-image: url('../images/7_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_9 {
  background-image: url('../images/8_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_10 {
  background-image: url('../images/9_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_11 {
  background-image: url('../images/Nawi_e_10_mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop {
  z-index: 2;
  border: 1.63px solid #979797;
  border-radius: 1.048vw;
  width: 78.871vw;
  height: 37.5vw;
  position: absolute;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidelittleworld_3 {
  background-image: url('../images/Mood_Laptop_balaa_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidelittleworld_5 {
  background-image: url('../images/Mood_Laptop_balaa_5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidelittleworld_6 {
  background-image: url('../images/Mood_Laptop_balaa_6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidelittleworld_4 {
  background-image: url('../images/Mood_Laptop_balaa_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidelittleworld_2 {
  background-image: url('../images/Mood_Laptop_balaa_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_2 {
  background-image: url('../images/Nawi_e_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_3 {
  background-image: url('../images/Nawi_e_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_4 {
  background-image: url('../images/Nawi_e_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_5 {
  background-image: url('../images/Nawi_e_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_6 {
  background-image: url('../images/Nawi_e_5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_7 {
  background-image: url('../images/6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_8 {
  background-image: url('../images/7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_9 {
  background-image: url('../images/8.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_10 {
  background-image: url('../images/9.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidenawi_11 {
  background-image: url('../images/Nawi_e_10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.link-block {
  text-decoration: none;
}

.darkbutton-4 {
  z-index: 8;
  color: #859ecb;
  letter-spacing: -.19px;
  background-color: #223556;
  border-radius: 46px;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 3.3vw;
  min-height: 3.3vw;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.1vw;
  transition: opacity .2s, box-shadow .3s ease-in-out, background-color .3s ease-in-out;
  display: flex;
  position: relative;
  box-shadow: 2px 0 1px #00013a40;
}

.darkbutton-4:hover {
  box-shadow: 2px 0 5px #00013a66;
}

.darkbutton-4.cb-white {
  background-color: #fff;
  border-style: none;
  margin-top: 4vw;
  position: static;
  box-shadow: 0 0 44px #bfdfed7d;
}

.darkbutton-4.cb-white:hover {
  box-shadow: 0 0 44px 5px #ffffff8c;
}

.darkbutton-4.cb-white.cb-w-caps {
  color: #2f3d57;
  text-transform: uppercase;
  margin-top: 0;
}

.darkbutton-4.cb-white.cb-w-caps:hover {
  box-shadow: 0 0 44px 5px #bfdfeda6;
}

.darkbutton-4.cb-white.cb-w-caps.borderonly {
  box-shadow: none;
  color: #fff;
  background-color: #bfdfed30;
  border: 1px solid #fff;
  margin-top: 0;
}

.embedform {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.embedform.hubspot {
  background-color: #0000004d;
  border-radius: 30px;
  align-items: stretch;
  padding: 30px;
  display: flex;
}

.get_in_touch_wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: 3vw;
  margin-bottom: 0;
}

.logowrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 20%;
  margin-top: 0;
  margin-bottom: 0;
}

.headerlogo {
  height: 100%;
}

.linkingwrapper {
  justify-content: space-around;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  margin-right: 0;
}

.image-2 {
  width: auto;
  height: 4vw;
  margin-left: .5vw;
  margin-right: .5vw;
}

.image-2.bottomlinkimage {
  height: 3.5vw;
}

.image-3 {
  width: auto;
  height: 5vw;
  margin-left: .5vw;
  margin-right: .5vw;
}

.text-block {
  color: #ffffff9c;
  height: 100%;
  font-size: 1vw;
  line-height: 1vw;
  text-decoration: none;
}

.link {
  color: var(--white-smoke);
  font-size: 1.3vw;
  line-height: 1.3vw;
}

.container {
  order: 0;
  align-self: center;
  width: 100vw;
}

.video {
  height: 1vw;
}

.container-2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 1vw;
  display: flex;
}

.video-2 {
  width: 100%;
  margin-top: 10vw;
  margin-bottom: 0;
  display: block;
}

.container-3 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-direction: column;
  display: flex;
}

.container-4 {
  flex-flow: column wrap;
  max-width: 0;
  height: 100vh;
  display: flex;
}

.videocontainer {
  width: 80vw;
}

.maincontent {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.videocontainermobile, .container-5 {
  display: none;
}

@media screen and (max-width: 991px) {
  .filminfo {
    letter-spacing: 2px;
    margin-bottom: .8vw;
    font-size: 1vw;
    line-height: 1vw;
  }

  .musicwrapper {
    display: none;
  }

  .imprinttext {
    margin-top: 2vw;
    font-size: 1.3vw;
    line-height: 1.8vw;
  }

  .subsectionheader {
    font-size: 3.1vw;
    line-height: 4.5vw;
  }

  .sectionheaderspace {
    height: 13vh;
  }

  .privacydiv {
    padding-top: 10vh;
  }

  .footerlink {
    font-size: 1.5vw;
    line-height: 1.5vw;
  }

  .footerlink.spacing {
    font-size: 1.5vw;
  }

  .loader {
    display: none;
  }

  .darkbutton {
    width: 26vw;
    height: 6.6vw;
    min-height: 6.6vw;
    font-size: 1.5vw;
    line-height: 1.6vw;
  }

  .darkbutton.loaderbutton {
    margin-top: -10vw;
  }

  .quotetext.quotesmall {
    font-size: 3.4vw;
    line-height: 3.87vw;
  }

  .contactdiv {
    margin-top: 0;
  }

  .bottomtext {
    font-size: 1vw;
  }

  .imprinttext-2 {
    margin-top: 2vw;
    font-size: 1.3vw;
    line-height: 1.8vw;
  }

  .subsectionheader-2 {
    font-size: 3.1vw;
    line-height: 4.5vw;
  }

  .buttontextcontainer {
    flex-direction: column;
  }

  .heading {
    font-size: 3.1vw;
    line-height: 4.5vw;
  }

  .heading-2 {
    font-size: 1.8vw;
    line-height: 2.2vw;
  }

  .headerwrapper {
    height: auto;
  }

  .posterimg {
    height: 30vw;
  }

  .flex-block {
    height: auto;
  }

  .projectposter {
    height: 60vh;
  }

  .filmdetailtext {
    font-size: 1.5vw;
    line-height: 1.8vw;
  }

  .swiper-slide {
    max-width: 17vw;
  }

  .closeproject {
    padding-left: .5vw;
    padding-right: .5vw;
  }

  .filmgenretext {
    letter-spacing: 2px;
    font-size: .7vw;
    line-height: 1vw;
  }

  .filmgenretext.fgt-bigger {
    font-size: 1.05vw;
    line-height: 1.05vw;
  }

  .filmstate {
    padding-top: .4vw;
    padding-bottom: .4vw;
    font-size: 1.1vw;
  }

  .filmstate.fs-bigger {
    font-size: 1.5vw;
    line-height: 2.175vw;
  }

  .swiperimageleft {
    width: 12px;
    display: block;
  }

  .filmdetailcontainer {
    top: 5vw;
  }

  .filmdetailsrow2 {
    margin-top: .8vw;
    margin-bottom: .8vw;
  }

  .projectslider {
    display: none;
  }

  .darkbutton-4 {
    width: 26vw;
    height: 6.6vw;
    min-height: 6.6vw;
    margin-top: 4vw;
    font-size: 1.5vw;
    line-height: 1.6vw;
  }

  .get_in_touch_wrapper {
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 5vw;
  }

  .logowrapper {
    height: 17vw;
  }

  .image-2 {
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .image-2.bottomlinkimage {
    height: 5vw;
  }

  .image-3 {
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .text-block {
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.5vw;
  }

  .link {
    font-size: 1.8vw;
  }

  .container-2 {
    max-width: 728px;
  }

  .maincontent {
    max-width: 100vw;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .filminfo {
    opacity: 0;
  }

  .pagebottom.mobilebottom {
    position: static;
  }

  .footerlink {
    font-size: 2vw;
    line-height: 2vw;
  }

  .footerlink.spacing {
    font-size: 2vw;
  }

  .darkbutton {
    font-size: 1.3vw;
    line-height: 1.3vw;
  }

  .bluetextfield {
    font-size: 1.4vw;
    line-height: 1.6vw;
  }

  .cookietext {
    padding-top: 0;
  }

  .bottomtext {
    font-size: 1.3vw;
  }

  .lowercontentdiv {
    padding-bottom: 5vh;
  }

  .cookielegalcontainer {
    height: 55vh;
    margin-top: 5vh;
    bottom: 5vh;
  }

  .buttontextcontainer {
    flex-direction: column;
  }

  .heading-2 {
    font-size: 2.1vw;
  }

  .headerwrapper {
    padding-top: 0;
  }

  .closeproject {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }

  .filmstate {
    padding-bottom: .5vw;
  }

  .filmstate.fs-bigger {
    margin-left: 1.2vw;
  }

  .swiperimageleft {
    display: block;
  }

  .filmdetailcontainer {
    top: 3.3vw;
  }

  .projectslider {
    display: none;
  }

  .slidebackgroundimg {
    width: 100vh;
    height: 100vw;
    display: block;
  }

  .slidebackgroundimg.slidebackgroundimgdesktop {
    display: block;
  }

  .slidebackgroundimg.slidebackgroundimgmobile, .slidebackgroundimg.slidemainimgmobile {
    background-image: url('../images/Mood_Handy_JK_4.jpg');
    background-size: cover;
  }

  .darkbutton-4 {
    width: 20vw;
    height: 4vw;
    margin-top: 0;
    font-size: 1.5vw;
    line-height: 1.7vw;
  }

  .image-2 {
    height: 7vw;
  }

  .image-2.bottomlinkimage {
    height: 8vw;
  }

  .text-block {
    font-size: 2vw;
    line-height: 2vw;
  }

  .link {
    font-size: 2.1vw;
  }
}

@media screen and (max-width: 479px) {
  .filminfo {
    letter-spacing: 1px;
    height: 6vw;
    margin-top: 1vw;
    margin-bottom: 2vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .musicwrapper {
    width: 10vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .imprinttext {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .subsectionheader {
    width: 94vw;
    font-size: 6vw;
    line-height: 7vw;
  }

  .smallercontentdiv {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .sectionheaderspace {
    height: 22vw;
  }

  .privacydiv {
    width: 100vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .sectionbottomspace {
    height: 20vw;
  }

  .pagebottom {
    padding-top: 3vw;
  }

  .pagebottom.mobilebottom {
    padding-top: 30vw;
    position: static;
  }

  .footerlink {
    font-size: 3.5vw;
    line-height: 3.5vw;
  }

  .footerlink.spacing {
    font-size: 3.5vw;
  }

  .loader {
    display: none;
  }

  .logo-link {
    width: 120vw;
    max-width: none;
    top: -30vw;
  }

  .darkbutton {
    width: 50vw;
    height: 12.25em;
    min-height: 12.25vw;
    max-height: 12.25px;
    margin-top: 10vh;
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .darkbutton.loaderbutton {
    margin-top: -25vh;
  }

  .form {
    width: 168%;
    margin-left: -33%;
    transform: scale(.6);
  }

  .quotetext.quotesmall {
    font-size: 4.5vw;
    line-height: 5.5vw;
  }

  .form-block {
    justify-content: center;
    align-items: center;
  }

  .success-message {
    margin-top: 30vh;
  }

  .contactdiv {
    width: 90vw;
    margin-top: 15vw;
  }

  .bluetextfield {
    border-radius: 40px;
    min-height: 16.6vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-left: 3vw;
    font-size: 5vw;
    line-height: 6vw;
    box-shadow: inset 0 0 8px #0000003d;
  }

  .bluetextfield.inputfield {
    border-radius: 6vw;
    height: 32vh;
    padding: 3vw 3vw 3vh;
  }

  .bluetextfield.btf-customarrow {
    background-size: contain, 20px;
  }

  .cookietext {
    margin-top: 10vh;
    font-size: 6vw;
    line-height: 8vw;
  }

  .bottomtext {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bottomtext.bt-margin {
    grid-template-columns: 1fr;
    margin-bottom: -4vw;
  }

  .cookiebuttontext {
    font-size: 6vw;
    line-height: 8vw;
  }

  .imprinttext-2 {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .subsectionheader-2 {
    width: 94vw;
    font-size: 6vw;
    line-height: 7vw;
  }

  .subsectionheader-2.cookiewhite {
    width: 70vw;
  }

  .cookiefooterelement {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .cookienotice {
    border-radius: 0;
    width: 100%;
    height: 100%;
    padding: 10% 15%;
  }

  .cookielegalcontainer {
    height: 65vh;
  }

  .buttontextcontainer {
    flex-direction: column;
    margin-top: 5vw;
  }

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

  .heading {
    font-size: 6vw;
    line-height: 7vw;
  }

  .heading-2 {
    margin-bottom: 7vw;
    font-size: 3.7vw;
    line-height: 4vw;
  }

  .headerwrapper {
    width: 90vw;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .posterimg {
    height: 80vw;
    margin-top: 9vw;
  }

  .flex-block {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    flex-direction: column;
    align-items: center;
  }

  .projectposter {
    border-radius: 6px;
    width: 62.133vw;
    height: auto;
  }

  .sildepageindicator {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .filmdetailtext {
    font-size: 3.2vw;
    line-height: 3.2vw;
  }

  .slidernavigationcontainer {
    display: none;
  }

  .swiper-slide {
    max-width: 38.5vw;
    margin-top: 10vw;
    margin-right: 4vw;
  }

  .closeproject {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 5.867vw;
    left: 3vw;
  }

  .filmgenretext {
    letter-spacing: 1px;
    height: 6vw;
    margin-top: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .filmgenretext.fgt-bigger {
    height: auto;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .slidebackgroundlazy.slidebackgroundlazymobile {
    display: flex;
  }

  .slidebackgroundlazy.slidebackgroundlazydesktop {
    display: none;
  }

  .filmstate {
    border-width: .75px;
    padding: 1.3vw 2vw 1.7vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .filmstate.fs-bigger {
    margin-left: 3vw;
    font-size: 3.2vw;
    line-height: 3.2vw;
    position: static;
    left: auto;
  }

  .filmdetailcontainer {
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    top: 6vw;
  }

  .divider {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .filmdetailsrow2 {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .projectslider {
    display: none;
  }

  .backtext {
    font-size: 5.867vw;
  }

  .sliderfirstcontent {
    grid-row-gap: 10vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 5vh;
  }

  .slidebackgroundimg.slidebackgroundimgmobile {
    filter: blur(10px);
    width: 110%;
    height: 110%;
    position: absolute;
    inset: -5% 0% 0% -5%;
  }

  .slidebackgroundimg.slidemainimgmobile {
    border: 1.6px solid #979797;
    border-radius: 13px;
    width: 86.4vw;
    height: 129.33vw;
    position: absolute;
  }

  .slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidenawi_3 {
    display: block;
  }

  .darkbutton-4 {
    width: 50vw;
    height: 12.25em;
    min-height: 12.25vw;
    max-height: 12.25px;
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .embedform {
    width: 170%;
    transform: scale(.6);
  }

  .embedform.hubspot {
    margin-top: -10vh;
    margin-bottom: -22vh;
  }

  .get_in_touch_wrapper {
    margin-top: 10vw;
    margin-bottom: 5vw;
  }

  .logowrapper {
    height: 40vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .headerlogo {
    height: 100%;
  }

  .image-2 {
    height: 13vw;
  }

  .image-2.bottomlinkimage {
    height: 14vw;
    margin-left: .5vw;
    margin-right: .5vw;
  }

  .image-3 {
    height: 15vw;
  }

  .text-block {
    font-size: 3.5vw;
    line-height: 3.5vw;
  }

  .image-4 {
    height: 15vw;
  }

  .link {
    font-size: 4vw;
  }

  .container-2 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
  }

  .videocontainer {
    display: none;
  }

  .videocontainermobile {
    width: 90vw;
    display: block;
  }
}

#w-node-_40d73bd4-4827-ca1e-2393-eccbfe25e396-c8f133dc, #w-node-a713cb9d-4fec-7140-0f62-48de22342d53-c8f133dc, #w-node-_13cba635-b371-7aa2-9f58-b3d04c687ca3-c8f133dc, #w-node-_26a20b9e-aaed-b5ce-00b4-975c03b3243f-c8f133dc, #w-node-_26a20b9e-aaed-b5ce-00b4-975c03b3244d-c8f133dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-a713cb9d-4fec-7140-0f62-48de22342d53-c8f133dc, #w-node-_26a20b9e-aaed-b5ce-00b4-975c03b3243f-c8f133dc {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }
}


@font-face {
  font-family: 'Trajan Pro';
  src: url('../fonts/Trajan-Pro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Regular.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowText-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}