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

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

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

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

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

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

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

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-HeavyItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Reckless;
  src: url('../fonts/Reckless-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
  --backgroundcolor: #0a0e35;
  --1-projectbackground: #5c6b76;
  --2-projectbackground: #13242e;
  --royal-blue: #5a6f97;
  --bluegray: #7f8ba0;
  --white-smoke: #f7f7f7;
  --lightgray: #a0a0a0;
  --preloadercolor1: #c4d1e4;
  --preloadercolor2: #99b2d1;
  --blueboxcolor: #90d4f0;
  --orangeboxcolor: #fcc875;
  --greenbordercolor: #b5dc69;
  --dark-blue: #000017;
  --job-border-radius: 19px;
  --dark-gray: #363636;
  --blue: #90d4f0;
  --pinkbordercolor: #e290bd;
  --yellow: #fcc875;
  --yellow-green: #b5dc69;
  --slate-grey: #576a8b;
  --light-steel-blue: #bac6dd;
  --dark-slate-blue: #2f3d57;
  --dark-slate-blue-2: #384775;
  --sky-blue: #72c8ed;
  --light-steel-blue-2: #c0cfe6;
  --light-steel-blue-3: #c6d1e4;
  --silver: #c8c8c8;
  --antara-color: #92a5ab;
  --black-2: #192123;
  --silver-2: #c8c8c8;
  --hover-shadow: #19212380;
  --1-antaraoverlay: #4e568b;
  --2-antara-overlay: #2e2e2e;
  --box-shadow-tile: #3030292e;
  --menu-footer-color: #465165;
}

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

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  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;
  }
}

body {
  color: #333;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Trajan Pro, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4vw;
  font-weight: 400;
  line-height: 2.9vw;
}

.hero-section {
  background-image: radial-gradient(circle farthest-corner at 50% 100%, var(--white), #e0e0ed 27%, #e8b9de 30%, #c9a2dd 36%, #5e62b6 45%, #2f3c85 57%, #1f2b66 70%, #0d1130 82%, #060a25 92%, var(--black));
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.body {
  background-color: var(--backgroundcolor);
  color: #fff;
  flex-wrap: wrap;
  font-family: Trajan Pro, sans-serif;
  font-weight: 400;
}

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

.sectionheaderspace.teamspacer {
  height: 7vw;
  display: none;
}

.sectionheaderspace.map {
  height: 10vw;
}

.filmcontentdiv {
  perspective: 1000px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.filmdetaildiv {
  margin-top: 1.2vw;
}

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

.sectionbottomspace.swiper-fix {
  margin-top: -5vw;
}

.managementdiv {
  z-index: 15;
  background-color: var(--white);
  transform-style: preserve-3d;
  border-radius: 19px;
  flex-direction: column;
  align-items: center;
  width: 17vw;
  height: 23vw;
  padding-top: 1vw;
  transition: box-shadow .3s, border-color .3s ease-in-out;
  display: flex;
  overflow: hidden;
}

.managementdiv:hover {
  transform: translate3d(0, 0, 2px);
  box-shadow: 22px 22px 36px #3030292e;
}

.managementimage {
  width: 10vw;
  height: 13.93vw;
  position: relative;
}

.advisorimage {
  width: 8.55vw;
  height: 12.0474vw;
  margin-top: .5vw;
}

.closediv {
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  font-family: Helvetica Now, sans-serif;
  font-weight: 500;
  display: flex;
}

.closediv.closelegal {
  margin-top: 10vh;
  margin-right: 3%;
  display: none;
  position: relative;
}

.closediv.formclose {
  margin-bottom: 10px;
  margin-left: auto;
  position: relative;
}

.companyname {
  letter-spacing: 2.25px;
  text-transform: uppercase;
  width: 12vw;
  font-size: .6vw;
  font-weight: 800;
  line-height: 22px;
}

.addressdivblock {
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  margin-left: 10px;
  margin-right: 10px;
}

.addressdivblock.adresstextright {
  align-items: flex-start;
  display: flex;
}

.addressdivblock.adresstextleft {
  text-align: right;
  align-items: flex-end;
  display: flex;
}

.statement-container {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  width: 35vw;
  min-width: 50vh;
  padding-top: 16vh;
  display: flex;
}

.statement-element {
  margin-bottom: 1.5vw;
}

.wal {
  z-index: 2;
  width: 52vw;
  margin-top: 10vw;
  margin-left: 2vw;
}

.wal.wal-night {
  width: auto;
  height: 56vh;
  margin-top: 0;
  margin-right: -5%;
}

.author {
  color: var(--white);
  font-family: Helvetica Now, sans-serif;
  font-size: 1vw;
  line-height: 1.25vw;
  position: absolute;
  inset: auto 17% 28% auto;
}

.author.author-desmond {
  bottom: 30%;
  right: 18%;
}

.background-video {
  z-index: 1;
  background-image: url('../images/video-fallback.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 21px;
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 33.3vw;
  margin-left: -1px;
  display: flex;
}

.background-video.bv-desktop-hidden {
  display: none;
}

.video-container {
  z-index: 1;
  background-image: linear-gradient(#c6d1e400, #c6d1e3 25%);
  justify-content: center;
  width: 100%;
  margin-top: 15vw;
  display: flex;
  position: relative;
}

.videowrapper {
  z-index: 30;
}

.quote {
  z-index: 1;
  clear: both;
  color: var(--white);
  text-align: center;
  width: 100%;
  font-size: 2.6vw;
  line-height: 3.8vw;
  position: relative;
}

.projects-section {
  z-index: 20;
  background-image: linear-gradient(to bottom, var(--1-projectbackground), var(--2-projectbackground));
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.projects-section.swiper-gradient-right {
  width: 17vw;
  position: absolute;
  inset: 0% 0% 0 auto;
}

.projects-section.swiper-gradient-left {
  width: 17vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.sectiontextcontainer {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  width: 56vw;
  display: flex;
  position: relative;
}

.sectiontextcontainer.ohne-abstand {
  margin-bottom: 0;
}

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

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

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

.filmstate.fs-bigger.white {
  color: #fff;
  border-color: #fff;
}

.sectionsubtext {
  color: #92a5ab;
  text-align: center;
  letter-spacing: .04vw;
  margin-top: 1vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 1.85vw;
}

.sectionsubtext.darkcolortext {
  color: var(--royal-blue);
}

.sectionsubtext.mobile {
  display: none;
}

.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.slide-creative {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 15vw;
  margin-top: 3vw;
  margin-bottom: 7vw;
  margin-right: 1.5vw;
  display: flex;
  overflow: visible;
}

.swiper-slide.slide-creative.first {
  margin-left: 2vw;
}

.swiper-slide.slide-creative.last {
  margin-right: 2vw;
}

.swiper-slide.film-slide {
  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;
}

.swiper-slide.first {
  margin-left: 17vw;
}

.swiper-slide.last {
  margin-right: 17vw;
}

.swiper-slide.projekt-slide {
  width: 17vw;
  max-width: none;
  margin-right: 0;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
}

.swiper-slide.projekt-slide.first {
  margin-left: 15.5vw;
}

.swiper-slide.slide-management {
  width: 17vw;
  max-width: none;
  height: 23vw;
  margin: 3vw 2.15vw 7vw;
}

.swiper-slide.slide-management.first {
  margin-left: 9.55vw;
}

.swiper-slide.slide-management.last {
  margin-right: 9.55vw;
}

.swiper-slide.job-slide {
  width: 18vw;
  max-width: none;
  height: 7vw;
  margin: 0 .75vw;
  display: block;
  transform: perspective(1000px);
}

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

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

.subsectionheader {
  color: var(--bluegray);
  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.lightheadingcolor {
  color: #f5f5f4;
}

.subsectionheader.ssh-blue {
  color: var(--bluegray);
  font-size: 1.6vw;
}

.subsectionheader.ssh-darkblue {
  color: #1f3c73;
}

.subsectionheader.cookiewhite {
  color: var(--white);
  margin-top: 8vh;
}

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

.swiper-wrapper.sw-team {
  justify-content: center;
}

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

.swiper-wrapper.sw-job.desktop {
  padding-left: 9.55vw;
}

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

.swiper-container.project-swiper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.swiper-container.team-swiper {
  margin-top: -1vw;
  margin-bottom: -2vw;
  padding-top: 2vh;
  padding-bottom: 2vh;
}

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

.swiper-container.m-swiper {
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

.swiper-container.job-swiper {
  margin-top: 3vw;
  overflow: visible;
}

.filmimage {
  z-index: 1;
  border: 3px solid #313f48;
  border-radius: 13px;
  width: 14vw;
  max-width: none;
  height: 20.9237vw;
  transition: box-shadow .3s ease-in-out;
  position: relative;
  box-shadow: 0 0 3px #192a2c;
}

.filmimage:hover {
  background-color: #0000;
  background-image: linear-gradient(#0000 15%, #192123e6);
  box-shadow: 0 30px 30px #19212380;
}

.filmgenretext {
  color: #7f8ba0;
  text-align: center;
  letter-spacing: 2.25px;
  text-transform: uppercase;
  margin-bottom: .5vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .5vw;
  font-weight: 800;
  line-height: .5vw;
}

.filmgenretext.fgt-bigger {
  color: #92a4ab;
  font-size: .7vw;
  line-height: .7vw;
}

.purpose-section {
  z-index: 1;
  background-image: linear-gradient(#c6d1e3, #8fa8c7);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.philosophy-section {
  background-image: linear-gradient(#5c6b76, #13242e);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.people-section {
  z-index: 20;
  background-color: var(--white-smoke);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.places-section {
  z-index: 1;
  background-color: var(--backgroundcolor);
  background-image: linear-gradient(#0a0e35 17%, #0a0e3503 26%);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tile {
  z-index: 10;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: box-shadow .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  box-shadow: 0 0 3px #2f3d5761;
}

.tile:hover {
  box-shadow: 0 23px 34px #2f3d5754;
}

.tile.entertaining {
  background-image: url('../images/entertaining-compressor.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.tile.entertaining:hover {
  box-shadow: 0 23px 34px 1px #2f3d5754;
}

.tile.purposeful {
  background-image: url('../images/smart-compressed-new.jpg');
  background-position: 0 0;
  background-size: cover;
}

.tile.purposeful:hover {
  box-shadow: 0 23px 34px 1px #2f3d5754;
}

.tile.commercial {
  background-image: url('../images/innovative-compressor.jpg');
  background-position: 0 0;
  background-size: cover;
}

.tile.commercial:hover {
  box-shadow: 0 23px 34px 1px #2f3d5754;
}

.tile-wrapper {
  z-index: 10;
  perspective: 1000px;
  transform: ;
  justify-content: space-between;
  width: 17vw;
  height: 17vw;
  position: relative;
}

.prism {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-image: url('../images/Prism_new.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template: "Area Area-2 Area-5 Area-6" 1.02fr
                 "Area Area-3 Area-5 Area-6" .99fr
                 "Area Area-4 Area-5 Area-6" .99fr
                 / 1fr 1fr 1.25fr 1.25fr;
  grid-auto-columns: 1fr;
  width: 70vw;
  height: 18.44vw;
  margin-top: 2vw;
  display: grid;
}

.tutusection {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42vw;
  display: flex;
  position: relative;
  overflow: visible;
}

.tutu-background {
  z-index: 0;
  filter: saturate(80%);
  background-image: url('../images/DESMOND-TUTU-min.jpg');
  background-position: 0 0;
  background-size: cover;
  align-self: flex-end;
  width: 100%;
  max-width: 100%;
  height: 67.23vw;
  position: absolute;
}

.description {
  z-index: 1;
  opacity: .5;
  color: var(--lightgray);
  text-align: center;
  margin-top: -.5vw;
  margin-left: 1.7vw;
  margin-right: 1.7vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .74vw;
  line-height: .98vw;
  position: relative;
}

.description.margin {
  opacity: 1;
  margin-top: 0;
  margin-left: 1.3vw;
  margin-right: 1.3vw;
}

.description.margin-top {
  text-align: center;
  margin-top: .5vw;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
}

.creatives-wrapper {
  position: relative;
}

.advisor-wrapper {
  background-color: var(--white);
  border-radius: 19px;
  flex-direction: column;
  align-items: center;
  width: 15vw;
  height: 21.5vw;
  display: flex;
  overflow: hidden;
}

.advisorname {
  color: #363636;
  font-family: Helvetica Now, sans-serif;
  font-size: 1vw;
  font-weight: 800;
  line-height: 1.2vw;
}

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

.swiper-pagination-2 {
  justify-content: center;
  align-items: center;
}

.position {
  color: #a0a0a0;
  text-align: center;
  max-width: 90%;
  margin-top: .4vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .8vw;
  font-weight: 400;
  line-height: 1vw;
}

.mapdivdesktop {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/map-min.png');
  background-position: 50%;
  background-size: contain;
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 123.5vh;
  max-width: 76vw;
  height: 71.25vh;
  max-height: 42.75vw;
  display: grid;
  position: static;
  transform: scale(.85);
}

.ladiv {
  display: flex;
  position: absolute;
  top: 44%;
  left: -31%;
  right: auto;
}

.placediv {
  color: #fff;
  place-content: flex-end space-around;
  margin-left: -2vw;
  padding-left: 2vw;
  font-family: Helvetica Now, sans-serif;
  display: flex;
  position: absolute;
  inset: 124% 0% auto 35%;
  overflow: visible;
}

.placediv.syddiv {
  position: absolute;
  inset: 58% auto auto -34%;
}

.placediv.keniadiv {
  position: absolute;
  inset: 36% auto auto -40%;
}

.placediv.mucdiv {
  position: absolute;
  inset: 50% -18% auto auto;
}

.placediv.laplacediv {
  position: absolute;
  inset: 0% 18% auto auto;
}

.placediv.berdiv {
  position: absolute;
  inset: 20% auto auto -15%;
}

.whalediv {
  justify-content: space-around;
  align-items: center;
  margin-top: 0;
  padding-bottom: 0;
  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;
  text-transform: none;
  width: 95vw;
  font-family: Trajan Pro, sans-serif;
  font-size: 1vw;
  line-height: 2.933vw;
  display: none;
}

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

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

.contactwrapper {
  z-index: 4;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.whaletextdiv {
  justify-content: center;
  margin-top: 4vh;
  display: flex;
  position: absolute;
}

.contactmodalold {
  z-index: 10;
  opacity: 1;
  background-color: #00000080;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.button {
  color: #aac5f5;
  background-color: #223556;
  border-radius: 46px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.1vw;
  text-decoration: none;
  transition: opacity .2s, box-shadow .3s ease-in-out, background-color .3s ease-in-out;
  display: inline-flex;
  position: relative;
  box-shadow: 2px 0 1px #00013a40;
}

.button:hover {
  background-color: #293b59;
  box-shadow: 0 0 44px 5px #859ecb40;
}

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

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

.button.cb-white.cb-w-caps {
  color: #2f3d57;
  text-transform: uppercase;
  margin-top: 2vw;
}

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

.button.cb-white.cb-w-caps.borderonly {
  border: 1px solid var(--white);
  box-shadow: none;
  color: var(--white);
  background-color: #bfdfed30;
}

.button.large {
  font-size: 22px;
  line-height: 150%;
}

.button.large:hover {
  background-color: #293b59;
  box-shadow: 0 0 44px 5px #859ecb40;
}

.button.lightbutton {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.button.lightbutton:hover {
  background-color: #fff;
}

.button.imagebutton {
  min-width: 42px;
  padding-left: 0;
  padding-right: 0;
}

.bluetextfield {
  opacity: 1;
  color: #fff;
  background-color: #38477599;
  border: 0 #000;
  border-radius: 2vw;
  min-height: 4vw;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
  padding-left: 1.5vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.2vw;
  line-height: 1.467vw;
  box-shadow: inset 0 0 5px #0000003d;
}

.bluetextfield::placeholder {
  color: #fff;
  font-family: Helvetica Now, sans-serif;
}

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

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

.bluetextfield.btf-customarrow {
  background-image: url('../images/select-inner-border.svg'), url('../images/arrow-down_1arrow-down.png');
  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;
}

.bluetextfield.btf-padding {
  margin-bottom: 10px;
}

.scroll-down-div {
  z-index: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: none;
  position: relative;
  top: 93%;
}

.scrolldownarrow {
  z-index: auto;
  box-sizing: border-box;
  clear: none;
  aspect-ratio: 2;
  cursor: pointer;
  width: 30px;
  position: absolute;
  bottom: 50px;
  overflow: visible;
}

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

.privacydiv {
  padding-top: 8vw;
}

.closeicon {
  margin-right: 0;
}

.legalsection {
  z-index: 3;
  color: #2f3d57;
  text-align: center;
  letter-spacing: -.19px;
  background-color: #0a072a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Helvetica Now, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hidetext {
  color: #fff;
  letter-spacing: 0;
  font-size: 1.4vw;
  line-height: 3.065vw;
  display: none;
}

.hidetext.hide {
  display: none;
}

.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;
}

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

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

.perspectivewrapper {
  perspective: 1000px;
  flex-flow: column wrap;
}

.whalebgimage {
  z-index: 0;
  background-image: url('../images/bg-unten-min.jpg');
  background-position: 0 0;
  background-size: cover;
  min-width: 120vw;
  max-width: none;
  height: 184vw;
  margin-top: 10%;
  display: block;
}

.sildepageindicator {
  z-index: 10;
  color: var(--white);
  font-family: Helvetica Now, sans-serif;
  font-size: 1.467vw;
  line-height: 2.533vw;
  position: fixed;
  inset: auto 4vw 3vh auto;
}

.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;
}

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

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

.imprinttext.nomargin {
  margin-top: 0;
  margin-bottom: 30px;
}

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

.swipernavigationcontainer {
  z-index: 22;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 16.5vw;
  height: 100%;
  padding-left: 3vw;
  transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.swipernavigationcontainer.righticon {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 3vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.mapclockwrapper {
  z-index: 5;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.projectsswipernavigationcontainer {
  z-index: 22;
  perspective: 1000px;
  transform: ;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 17vw;
  height: 30vw;
  margin-top: 20vw;
  padding-bottom: 6vw;
  padding-left: 3vw;
  transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.projectsswipernavigationcontainer.righticon {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 3vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

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

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

.mapdivmobile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 123.5vh;
  max-width: 76vw;
  height: 71.25vh;
  max-height: 42.75vw;
  display: none;
  position: static;
}

.mappoint {
  z-index: 2;
  opacity: 1;
  background-color: #fff;
  border: 2.5px solid #859ecb;
  border-radius: 10px;
  flex: none;
  width: 18px;
  height: 18px;
  display: flex;
  position: relative;
  box-shadow: 0 3px 3px #0000004a;
}

.loading-2 {
  flex-direction: column;
  align-items: center;
  display: none;
  position: absolute;
  top: 58.5vh;
}

.logo-link {
  z-index: 12;
  opacity: 1;
  transform-origin: 50%;
  width: 15.85vh;
  height: 20vh;
  position: sticky;
  top: 0;
  transform: scale(.4);
}

.logo-link.w--current {
  margin-left: 0;
  margin-right: 461px;
  padding-left: 0;
}

.logo-link.ll-normalize {
  margin-top: 37vh;
  transform: scale(1);
}

.soundimageoff {
  width: auto;
  position: sticky;
  top: 25px;
}

.menu-background {
  opacity: 1;
  background-image: linear-gradient(#000, #000000bd 19%, #0000008a 34%, #00000061 47%, #00000047 56.5%, #00000030 65%, #00000021 73%, #00000014 80.2%, #0000000a 86.1%, #00000005 91%, #00000003 95.2%, #0000);
  width: 100%;
  height: 24vh;
  position: absolute;
}

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

.loading-text-2 {
  color: #fff;
  text-align: center;
  letter-spacing: .4vw;
  text-transform: uppercase;
  font-size: 2.8vw;
  line-height: 3.2vw;
}

.desktopmenupart2 {
  z-index: 9;
  width: 40vw;
  margin-left: 52.6vw;
  display: flex;
  position: relative;
}

.moon {
  opacity: .5;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.preloader-2 {
  z-index: 10;
  background-image: linear-gradient(180deg, var(--preloadercolor1), var(--preloadercolor2));
  opacity: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.menu-link-2 {
  color: #fff;
  letter-spacing: .1vw;
  text-transform: uppercase;
  margin-left: 2vw;
  margin-right: 2vw;
  font-size: .9vw;
  line-height: 1.1vw;
  text-decoration: none;
  display: inline;
}

.menu-link-2.w--current {
  text-decoration: underline;
}

.menu-link-2.ml-mobile {
  font-size: 6vw;
  line-height: 11vw;
}

.navigation-fixed {
  z-index: 1000;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.desktopmenupart1 {
  z-index: 9;
  justify-content: flex-end;
  width: 40vw;
  margin-right: -1vw;
  display: flex;
  position: relative;
}

.musicwrapper {
  z-index: 4;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: fixed;
  right: 40px;
}

.navigation-sticky {
  transition: transform .75s cubic-bezier(.645, .045, .355, 1);
  position: sticky;
  top: 0;
}

.girl {
  z-index: 1;
  width: 6.75vh;
  margin-top: 2.05vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.navigation {
  z-index: 1000;
  flex-direction: row;
  place-content: flex-end center;
  align-items: center;
  width: 100%;
  height: 12vh;
  display: flex;
  position: relative;
}

.menu-icon {
  z-index: 99;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 4vw;
  height: 4vw;
  margin-left: -1vw;
  margin-right: 1vw;
  display: flex;
}

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

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

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

.mond1 {
  transform-style: preserve-3d;
  width: 1.5vw;
  max-width: none;
  position: absolute;
  transform: translate3d(-35vw, 0, -40vw);
}

.scroll-speed-3, .scroll-speed-1 {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.bg-move {
  transform-style: preserve-3d;
  width: 170vw;
  height: 400vh;
  position: absolute;
  top: -100vh;
  left: -85vw;
}

.bg-move.primary {
  transform-style: preserve-3d;
  background-image: url('../images/Sputo-Background_v06_1.jpg');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(0, 0, -300px);
}

.bg-move.secondary {
  background-image: url('../images/Sputo-Background_v06_2.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  transform: translate(0);
}

.bg-move.tertiary {
  transform-style: preserve-3d;
  background-image: url('../images/Sputo-Background_v06_3.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(0, 0, 300px);
}

.fog {
  opacity: .78;
  transform-style: preserve-3d;
  width: 80vw;
  max-width: none;
  position: absolute;
  transform: translate3d(-35vw, 3vw, 60vw);
}

.fog.fog3 {
  opacity: .4;
  transform-style: preserve-3d;
  width: 28vw;
  display: none;
  transform: translate3d(2vw, 2vw, 59vw);
}

.fog.fog2 {
  opacity: .56;
  transform-style: preserve-3d;
  width: 70vw;
  transform: translate3d(3vw, 17vw, 41vw);
}

.rotator-wrapper {
  z-index: 0;
  perspective: 1000px;
  transform: ;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.scroll-speed-2 {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.aurora {
  opacity: 1;
  transform-style: preserve-3d;
  background-image: url('../images/Aurora-small-min.png');
  background-size: contain;
  width: 155vw;
  max-width: none;
  height: 236vw;
  display: block;
  position: absolute;
  transform: translate3d(46vw, -26vw, -39vw);
}

.satellite {
  transform-style: preserve-3d;
  width: 3vw;
  max-width: none;
  position: absolute;
  transform: translate3d(40vw, 6vw, -10vw);
}

.mond2 {
  transform-style: preserve-3d;
  width: 2vw;
  max-width: none;
  position: absolute;
  transform: translate3d(50vw, -8vw, -45vw);
}

.mond3 {
  transform-style: preserve-3d;
  width: 1.5vw;
  max-width: none;
  position: absolute;
  transform: translate3d(-40vw, 30vw, -45vw);
}

.scroll-speed-4 {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.astronaut {
  transform-style: preserve-3d;
  width: 1.75vw;
  max-width: none;
  position: absolute;
  transform: rotate(-51deg)translate3d(-40vw, -15vw, -5vw);
}

.rotator {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  display: flex;
}

.atmosphere-vorne-wrapper {
  width: 100%;
  position: absolute;
  top: -80%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.atmosphere-vorne {
  width: 103%;
  max-width: none;
  margin-left: -1.5vw;
}

.place-background {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 105%;
  height: 105%;
  margin-top: 5%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.bg-wrapper {
  position: relative;
}

.hotmaptext {
  text-align: center;
  width: 28vw;
  margin-top: 20vw;
  padding-left: 1vw;
  padding-right: 1vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .8vw;
  line-height: 1.2vw;
  position: absolute;
}

.hotmaptext.middletext {
  margin-top: 13.6vw;
}

.hotmaptext.lowertext {
  margin-top: 7.5vw;
}

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

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

.cookiefooterelement {
  color: var(--white);
  margin-left: 2px;
  margin-right: 2px;
  text-decoration: none;
}

.cloud3 {
  z-index: 1;
  opacity: .9;
  width: 30vw;
  position: absolute;
  top: 0;
  left: -10vw;
}

.cloud4 {
  z-index: 1;
  opacity: .8;
  width: 25vw;
  position: absolute;
  top: 20vw;
  left: 50vw;
}

.mobilemapcontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/map-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 123.5vh;
  max-width: 76vw;
  height: 71.25vh;
  max-height: 42.75vw;
  display: grid;
  position: static;
}

.projectsblurcontainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  transition: filter 1s ease-in-out;
  display: none;
}

.proposalblurcontainer, .philosophyblurcontainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  transition: filter .5s ease-in-out;
  display: flex;
}

.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.ssh-map {
  z-index: 4;
  color: #859ecb;
  position: relative;
}

.antaraslider {
  display: block;
}

.antaraslider.projectslider {
  background-color: var(--backgroundcolor);
  display: none;
}

.flyingclassroomslider {
  background-color: var(--backgroundcolor);
  display: block;
}

.flyingclassroomslider.projectslider {
  display: none;
}

.girlslider {
  background-color: var(--backgroundcolor);
  display: block;
}

.jimbuttonslider {
  display: block;
}

.jimbuttonslider.projectslider {
  background-color: var(--backgroundcolor);
  display: none;
}

.snowdancerslider {
  display: block;
}

.snowdancerslider.projectslider {
  background-color: var(--backgroundcolor);
}

.littleworldslider {
  display: block;
}

.littleworldslider.projectslider {
  background-color: var(--backgroundcolor);
  display: none;
}

.projectslider {
  z-index: 1501;
  display: none;
  position: fixed;
  inset: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidesnowdancer_6 {
  background-image: url('../images/Mood_Handy_snowdancer_6_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_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_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.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_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.slideantara_3 {
  background-image: url('../images/Mood_Handy_antara_3_HS-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidecenter_2 {
  background-image: url('../images/academy_mobile_HS_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidecenter_3 {
  background-image: url('../images/academy_mobile_HS_2.jpg');
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidecenter_4 {
  background-image: url('../images/academy_mobile_HS_3.jpg');
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidecenter_5 {
  background-image: url('../images/academy_mobile_HS_4.jpg');
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidecenter_6 {
  background-image: url('../images/academy_mobile_HS_5.jpg');
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidecenter_7 {
  background-image: url('../images/academy_mobile_HS_6.jpg');
}

.slidebackgroundimg.slidebackgroundimgmobile.swiper-lazy.slidecenter_8 {
  background-image: url('../images/academy_mobile_HS_7.jpg');
}

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

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

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

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

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

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

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

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

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

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

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

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

.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.slidegirl_2 {
  background-image: url('../images/center_1_HS.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidesnowdancer_6 {
  background-image: url('../images/Mood_Laptop_snowdancer_6_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_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_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.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_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.slidecenter_2 {
  background-image: url('../images/academy_desktop_HS_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidecenter_3 {
  background-image: url('../images/academy_desktop_HS_2.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidecenter_4 {
  background-image: url('../images/academy_desktop_HS_3.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidecenter_5 {
  background-image: url('../images/academy_desktop_HS_4.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidecenter_6 {
  background-image: url('../images/academy_desktop_HS_5.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidecenter_7 {
  background-image: url('../images/academy_desktop_HS_6.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidecenter_8 {
  background-image: url('../images/academy_desktop_HS_7.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_1 {
  background-image: url('../images/1_blurred_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_2 {
  background-image: url('../images/2_blurred_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_3 {
  background-image: url('../images/3_blurred_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_4 {
  background-image: url('../images/4_blurred.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_5 {
  background-image: url('../images/5_blurred_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_6 {
  background-image: url('../images/6_blurred_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_7 {
  background-image: url('../images/7_blurred_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_9 {
  background-image: url('../images/9_blurred_1.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_10 {
  background-image: url('../images/10_blurred.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_11 {
  background-image: url('../images/11_blurred.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_14 {
  background-image: url('../images/14_blurred.jpg');
}

.slidebackgroundimg.slidebackgroundimgdesktop.swiper-lazy.slidert_8 {
  background-image: url('../images/8_blurred_1.jpg');
}

.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.slidegirl_2 {
  background-image: url('../images/Mood_Laptop_girl_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidesnowdancer_6 {
  background-image: url('../images/Mood_Laptop_snowdancer_6.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.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_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_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.slidecenter_2 {
  background-image: url('../images/academy_desktop_1.jpg');
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidecenter_3 {
  background-image: url('../images/academy_desktop_2.jpg');
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidecenter_4 {
  background-image: url('../images/academy_desktop_3.jpg');
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidecenter_5 {
  background-image: url('../images/academy_desktop_4.jpg');
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidecenter_6 {
  background-image: url('../images/academy_desktop_5.jpg');
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidecenter_7 {
  background-image: url('../images/academy_desktop_6.jpg');
}

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidecenter_8 {
  background-image: url('../images/academy_desktop_7.jpg');
}

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

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

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

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

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

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

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

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

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

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

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

.slidebackgroundimg.slidemainimgdesktop.swiper-lazy.slidert_8 {
  background-image: url('../images/8_1.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.slidegirl_2 {
  background-image: url('../images/Mood_Handy_girl_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidesnowdancer_6 {
  background-image: url('../images/Mood_Handy_snowdancer_6.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_3 {
  background-image: url('../images/Mood_Handy_balaa_3.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_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_6 {
  background-image: url('../images/Mood_Handy_balaa_6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidecenter_2 {
  background-image: url('../images/academy_mobile_1.jpg');
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidecenter_3 {
  background-image: url('../images/academy_mobile_2.jpg');
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidecenter_4 {
  background-image: url('../images/academy_mobile_3.jpg');
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidecenter_5 {
  background-image: url('../images/academy_mobile_4.jpg');
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidecenter_6 {
  background-image: url('../images/academy_mobile_5.jpg');
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidecenter_7 {
  background-image: url('../images/academy_mobile_6.jpg');
}

.slidebackgroundimg.slidemainimgmobile.swiper-lazy.slidecenter_8 {
  background-image: url('../images/academy_mobile_7.jpg');
}

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

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

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

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

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

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

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

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

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

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

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

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

.slidebackgroundimgmobile {
  display: none;
}

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

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

.tilecontainer {
  grid-column-gap: 6vw;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5vw;
  display: grid;
}

.tileheading {
  text-align: center;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.6vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.tile-hover-conent {
  z-index: 12;
  opacity: 1;
  background-image: url('../images/entertaining_hover.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: absolute;
}

.tile-hover-conent.entertaining {
  background-image: url('../images/entertaining-hover-compressor.jpeg');
  padding-left: 2vw;
  padding-right: 2vw;
}

.tile-hover-conent.purposeful {
  background-image: url('../images/smart-hover-compressor.jpg');
  padding-left: 2vw;
  padding-right: 2vw;
}

.tile-hover-conent.commercial {
  background-image: url('../images/innovative-hover-compressor.jpg');
  padding-left: 2vw;
  padding-right: 2vw;
}

.tile-hover-text {
  text-align: center;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 1.6vw;
}

.tilecontentwrapper {
  width: 100%;
  height: 100%;
}

.herocaptiontext {
  text-align: center;
  letter-spacing: .2875vw;
  text-transform: uppercase;
  margin-top: 72px;
  font-family: Oliver, Arial, sans-serif;
  font-size: 5vw;
  font-weight: 400;
}

.malaoname {
  text-align: center;
  letter-spacing: .4vw;
  text-transform: none;
  margin-top: -56px;
  font-family: Reckless, Arial, sans-serif;
  font-size: 10vw;
  font-weight: 700;
  line-height: 3.2vw;
}

.clockgrid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.clock {
  background-color: #3f4194;
  background-image: url('../images/clock-night.jpg');
  background-position: 50%;
  background-size: contain;
  border-radius: 50%;
  width: 6vw;
  height: 6vw;
  position: relative;
}

.clock.day {
  background-image: url('../images/clock-day.jpg');
}

.clock.c-bg-hover {
  background-color: #0000;
  background-image: none;
  background-size: auto;
  position: absolute;
  box-shadow: 0 0 44px 6px #ffffff40;
}

.minute {
  transform-origin: 50% 99%;
  background-color: #5868d9;
  border-radius: .5px;
  width: 2%;
  height: 40%;
  position: absolute;
  top: 10%;
  left: 49%;
}

.hour {
  transform-origin: 50% 98%;
  background-color: #9aa7ff;
  border-radius: .375vw;
  width: 2.5%;
  height: 22%;
  position: absolute;
  top: 28%;
  left: 48.75%;
}

.clockgridcontainer {
  flex-direction: column;
  align-items: center;
  width: 15vw;
  display: flex;
}

.clocktextcontainer {
  text-align: center;
  margin-top: 1vw;
  font-family: Helvetica Now, sans-serif;
}

.countrycontainer {
  justify-content: center;
  align-items: center;
  font-size: 1.46vw;
  display: flex;
}

.textcity {
  padding-right: 5px;
  font-weight: 500;
}

.textaddress {
  color: #859ecb;
  text-align: center;
  margin-top: 1vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .93vw;
  line-height: 1.266vw;
}

.textaddress.date {
  margin-top: .75vw;
}

.contactnavigationanchor {
  width: 100%;
  height: 1px;
  margin-top: -4vh;
  padding-top: 4vh;
}

.cta {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.shinebutton {
  z-index: 8;
  color: #2f3d57;
  letter-spacing: -.19px;
  background-color: #90d4f0;
  border: 2px solid #72c8ed;
  border-radius: 46px;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 3.3vw;
  min-height: 3.3vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .9vw;
  font-weight: 500;
  line-height: 1vw;
  transition: box-shadow .3s ease-in-out, background-color .3s ease-in-out;
  display: flex;
  position: relative;
  box-shadow: 0 0 44px #72c8ed33;
}

.shinebutton:hover {
  background-color: #a0daf1;
  box-shadow: 0 0 44px 5px #72c8ed8c;
}

.shinebutton.formbutton {
  margin: 45px auto 40px;
  position: static;
}

.shinebutton.formbutton:hover {
  background-color: #a0daf1;
  border-color: #72c8ed;
  box-shadow: 0 0 44px 5px #72c8ed8c;
}

.herostartwrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.cookienoticewrapper {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
}

.cookienotice {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #6c7d9880;
  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: 80%;
  height: 80%;
  margin-left: 10%;
  margin-right: 10%;
  padding-left: 10%;
  padding-right: 10%;
  display: grid;
  overflow: hidden;
}

.cookietext {
  font-family: Trajan Pro, sans-serif;
  display: inline;
}

.cookietext.dot {
  margin-left: -.75vw;
  font-family: Trajan Pro, sans-serif;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.coloredborder {
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  padding: 2px;
  transition: box-shadow .3s ease-in-out, background-color .3s ease-in-out;
  display: flex;
  box-shadow: 1px 1px 3px #0000001a;
}

.coloredborder:hover {
  box-shadow: none;
}

.coloredborder.management {
  z-index: 10;
}

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

.backtext {
  margin-left: 15px;
}

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

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

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

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

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

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

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

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

.sliderbackgroundcontainer.sbc-reversingtime {
  background-image: url('../images/Reversing-Time_Slideshow_desktop0_blurred.jpg');
  background-position: 0 0;
  background-size: cover;
}

.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;
}

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

.whitebodytext {
  color: #fff;
  text-align: center;
  width: 72.977vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.7vw;
  line-height: 2.25vw;
  display: inline;
}

.gridcontainer {
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 8vw;
  margin-bottom: 8vw;
  display: grid;
}

.whitebox {
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  border: 2.8px solid var(--blueboxcolor);
  background-color: #fff;
  border-radius: 2.89vw;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  width: 22vw;
  padding: 1.8vw 3.15vw;
  display: flex;
}

.whitebox.wb-orange {
  border-color: var(--orangeboxcolor);
}

.whitebox.wb-green {
  border-color: var(--greenbordercolor);
}

.boxheader {
  color: var(--blueboxcolor);
  margin-top: 2vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 2.6vw;
  font-weight: 300;
  line-height: 1.5vw;
}

.boxheader.bh-orange {
  color: var(--orangeboxcolor);
}

.boxheader.bh-green {
  color: var(--greenbordercolor);
}

.whiteboxmaintext {
  color: #4c595f;
  text-align: center;
  letter-spacing: -.014vw;
  margin-top: 3vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.23vw;
  font-weight: 400;
  line-height: 1.3517vw;
}

.whiteboxcoloredtext {
  color: var(--blueboxcolor);
  text-align: center;
  letter-spacing: -.027vw;
  margin-top: 3vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.04vw;
  line-height: 1.17vw;
}

.whiteboxcoloredtext.wbt-orange {
  color: var(--orangeboxcolor);
}

.whiteboxcoloredtext.wbt-green {
  color: var(--greenbordercolor);
}

.image {
  width: 3.24vw;
}

.bb-container {
  background-image: url('../images/galaxy-background.jpg'), linear-gradient(#99b4da, #c6d1e3 60%);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.whaleimage {
  width: 54.8vw;
  margin-left: 8%;
}

.whalequotebig {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 4.5vw;
  font-size: 3.24vw;
  line-height: 3.77vw;
  position: absolute;
}

.whalequotewrapper {
  justify-content: space-around;
  align-items: center;
  margin-top: 24vw;
  display: flex;
}

.copyrightbottomtext {
  opacity: .31;
  color: #fff;
  margin-top: 7.4vw;
  margin-bottom: 1vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .795vw;
  line-height: 1.301vw;
  text-decoration: none;
}

.mainlogo {
  width: 13vw;
  margin-top: 8vw;
}

.whiteheading {
  color: #fff;
  letter-spacing: -.014vw;
  margin-top: 3.15vw;
  margin-bottom: 5.5vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 5vw;
  font-weight: 300;
  line-height: 5.3vw;
}

.cloudleft {
  opacity: .62;
  width: 33.382vw;
  position: absolute;
  inset: 49% auto auto 0%;
}

.cloudright {
  opacity: .62;
  width: 33.382vw;
  position: absolute;
  inset: 29% 4% auto auto;
}

.buttontextcontainer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.passwordsection {
  background-image: linear-gradient(#99b4da, #c6d1e3);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.passwordwrapper {
  background-color: #7087b1a1;
  border-radius: 3.5vw;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 25vw;
  height: 7vw;
  display: flex;
}

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

.text-field {
  color: #fff;
  text-align: center;
  background-color: #fff0;
  border-width: 0;
  height: 7vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.7vw;
}

.text-field::placeholder {
  color: #5c7297;
}

.form-block-2 {
  justify-content: space-around;
  align-items: center;
  width: 25vw;
  height: 7vw;
  position: absolute;
}

.passwordsubmit {
  z-index: 2;
  background-color: #3898ec00;
  background-image: url('../images/arrow-r.svg');
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5vw;
  height: 2.5vw;
  position: relative;
}

.copyrightwrapper {
  display: flex;
}

.goneinput {
  display: none;
}

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

.filmimagescrollinteractionfix {
  z-index: 5;
  transform-style: preserve-3d;
  background-color: #19212300;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  transform: translate3d(0, 0, 7vw);
}

.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;
}

.cookieinfocontainer {
  text-align: center;
  padding-top: 10vh;
  font-size: 2.5vw;
  line-height: 3vw;
}

.cookiebuttontext {
  cursor: pointer;
  font-family: Trajan Pro, sans-serif;
  text-decoration: underline;
  display: inline;
}

.embedform {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.embedform.pipedrive {
  background-color: #37467599;
  border-radius: 2vw;
  width: 110%;
  padding: 2vw;
  display: none;
}

.embedform.hubspot {
  background-color: #0000;
  justify-content: flex-start;
  align-items: stretch;
}

.herocontentwrapper {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  margin-top: 100vh;
  display: flex;
}

.backbutton {
  z-index: 10;
  color: var(--white);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 12vh;
  padding-left: 1vw;
  padding-right: 1vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.774vw;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% auto auto 2vw;
}

.legalwrapper {
  display: flex;
}

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

.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;
  display: flex;
}

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

.introductiontext {
  z-index: -1;
  opacity: 0;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 10%;
}

.clockwrapper {
  margin-top: 1.5vw;
}

.managementswipernavigationcontainer {
  z-index: 22;
  perspective: 1000px;
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 9.55vw;
  margin-top: 0;
  padding-bottom: 4vw;
  padding-left: 3vw;
  transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: none;
}

.managementswipernavigationcontainer.righticon {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 3vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.management-holder {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.tileheadingsmall {
  text-align: center;
  margin-top: .2vw;
  margin-bottom: 1.8vw;
  font-family: Helvetica Now, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.centerslider {
  background-color: var(--backgroundcolor);
  display: block;
}

.centerslider.projectslider {
  display: none;
}

.sputo-body {
  background-color: var(--dark-blue);
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  background-clip: border-box;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Helvetica Now, sans-serif;
  display: flex;
}

.recommendation-wrapper {
  perspective: 1000px;
  justify-content: space-between;
  width: 20vw;
  height: 30vw;
  transform: none;
}

.recommendation {
  z-index: 10;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: box-shadow .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 3px #2f3d5761;
}

.recommendation:hover {
  box-shadow: 0 23px 34px #2f3d5773;
}

.recommendation-container {
  opacity: 1;
  background-color: #0000008f;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1vw;
  display: flex;
  position: absolute;
}

.recommendation-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.recommendation-title {
  text-align: center;
  margin-bottom: 5px;
  font-size: 1.6vw;
  font-weight: 800;
  line-height: 1.8vw;
}

.recommendation-text {
  text-align: center;
  margin-top: 20px;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 1.4vw;
}

.recommendation-text.small {
  z-index: 1;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 150%;
  position: relative;
}

.recommendation-link {
  color: #fff;
  letter-spacing: -.19px;
  background-color: #00001b;
  border-radius: 46px;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 3vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .9vw;
  font-weight: 500;
  line-height: 1vw;
  text-decoration: none;
  transition: box-shadow .3s ease-in-out, background-color .3s ease-in-out;
  display: flex;
  position: absolute;
  inset: auto auto 5%;
  box-shadow: 0 0 44px #72c8ed33;
}

.recommendation-link:hover {
  background-color: #a0daf1;
  box-shadow: 0 0 44px 5px #72c8ed8c;
}

.recommendation-link.mobile {
  display: none;
}

.recommendation-holder {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: -20px;
  margin-bottom: 100px;
  padding-top: 120px;
}

.pagetitle {
  margin-bottom: -10px;
  font-family: Reckless, Arial, sans-serif;
  font-size: 100%;
  font-weight: 700;
  line-height: 100%;
  transition: opacity .3s linear;
  position: relative;
}

.copyright {
  z-index: 1;
  color: var(--white);
  text-align: center;
  margin-top: 3vw;
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  display: block;
  position: relative;
}

.malaologoimg {
  text-align: left;
  height: 100%;
  position: relative;
}

.disclaimertext {
  color: #ffffff80;
  max-width: 200px;
  font-size: 10px;
  line-height: 12px;
}

.disclaimertext.wide {
  max-width: 800px;
}

.youtubeembed {
  display: none;
}

.trailerbackdrop {
  z-index: 100;
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  padding-left: 20%;
  padding-right: 20%;
  display: none;
  position: fixed;
  inset: 0%;
}

.link-block {
  padding-top: 6vw;
  display: none;
}

.hiddenwhilecookie {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: static;
}

.closeyt {
  cursor: pointer;
  position: absolute;
  top: 15%;
  right: 15%;
}

.musicembed {
  display: none;
}

.introcenterwrapper {
  width: 100%;
  margin-top: 59vh;
  position: absolute;
}

.managementslidecontainer.first {
  margin-left: 7.4vw;
}

.managementslidecontainer.last {
  margin-right: 7.4vw;
}

.people-section-gradient {
  z-index: 20;
  background-image: linear-gradient(to right, var(--white-smoke), var(--white-smoke) 40%, #f7f7f700 80%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 9.55vw;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.people-section-gradient.right {
  background-image: linear-gradient(270deg, var(--white-smoke), var(--white-smoke) 40%, #f7f7f700 80%);
  inset: 0% 0% 0% auto;
}

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

.jobwrapper {
  perspective: 1000px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 1.125vw;
  margin-right: 1.125vw;
}

.jobcontent {
  border-radius: var(--job-border-radius);
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2px;
  text-decoration: none;
  transition: box-shadow .3s ease-in-out;
  display: flex;
  box-shadow: 1px 1px 3px #0000001a;
}

.jobcontent:hover {
  box-shadow: 7px 7px 36px #0003;
}

.job-name {
  color: var(--dark-gray);
  font-family: Helvetica Now, sans-serif;
  font-size: 1vw;
  font-weight: 800;
  line-height: 1.2vw;
}

.more-text {
  color: var(--lightgray);
  margin-top: .5vw;
  font-family: Helvetica Now, sans-serif;
  font-size: .75vw;
  line-height: 1vw;
}

.jobdata {
  border-radius: var(--job-border-radius);
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 8px 1.3vw;
  display: flex;
}

.jobsection {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.jobsswipernavigationcontainer {
  z-index: 22;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 16.5vw;
  height: 100%;
  padding-left: 3vw;
  transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.jobsswipernavigationcontainer.righticon {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 3vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.reversingtimeslider {
  display: block;
}

.reversingtimeslider.projectslider {
  background-color: var(--backgroundcolor);
  display: none;
}

.container {
  margin-bottom: 50px;
}

.sputodescription {
  text-align: center;
  margin-top: 20px;
  font-family: Helvetica Now, sans-serif;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 1.4vw;
}

.sputodescription.small {
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: .9vw;
  line-height: 1.1vw;
}

.sputodescription.small.margin {
  text-align: center;
  text-transform: none;
  flex: 0 auto;
  width: auto;
  font-family: Helvetica Now, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 150%;
  display: block;
  position: relative;
}

.image-3 {
  max-width: 30%;
  max-height: 30%;
}

.header {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.creativeeuropelogo {
  height: 60%;
  margin-right: 80px;
}

.scrolldowntext {
  text-align: center;
  font-family: Helvetica Now, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 150%;
}

.herocontent {
  position: relative;
}

.content {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  object-position: 0% 0%;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-bottom: 60px;
  display: flex;
  position: static;
  overflow: visible;
}

.link {
  color: #fff;
}

.text-span-3 {
  font-family: Reckless, Arial, sans-serif;
  font-weight: 600;
}

.pagesubtitle {
  text-align: center;
  letter-spacing: .3em;
  text-transform: uppercase;
  flex-flow: column;
  font-family: Oliver, Arial, sans-serif;
  font-size: 18%;
  font-weight: 400;
  line-height: 150%;
  position: relative;
  transform: translate(.15em);
}

.scrolldownlink {
  cursor: pointer;
  flex-flow: column;
  display: flex;
  position: absolute;
  bottom: 50px;
}

.link-2 {
  color: #fff;
}

.creativeeuropemediaimg {
  aspect-ratio: auto;
  object-fit: contain;
  height: 100%;
  display: block;
  position: relative;
}

.small {
  font-size: 58%;
}

.hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: calc(100vh - 90px);
  max-height: calc(100vh - 90px);
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.malaologo {
  height: 100%;
  margin-right: auto;
  position: relative;
}

.pagecontent {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100vh;
  display: flex;
  position: relative;
}

.titlecontainer {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Reckless, Arial, sans-serif;
  font-size: 136px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
}

.disclaimercontainer {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
  position: relative;
}

.disclaimerlogo {
  height: 30px;
}

.disclaimer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.line {
  width: 102%;
  max-width: none;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -5px);
}

.pagesubtitlecontainer {
  position: relative;
}

.contactmodal {
  z-index: 10;
  background-color: #00000080;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.modalcontainer {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.background-container {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
}

.background {
  z-index: 1;
  transform-style: preserve-3d;
  background-image: url('../images/sputo_background_2.jpg');
  background-position: 0 0;
  background-size: contain;
  width: 200vw;
  height: 200%;
  position: absolute;
  inset: auto;
  transform: translate3d(0, 0, -30vw)perspective(1000px);
}

.background.secondary {
  z-index: 2;
  background-image: url('../images/sputo_background_1-1.jpg');
  background-repeat: no-repeat;
  display: none;
}

.background.tertiary {
  z-index: 3;
  transform-style: preserve-3d;
  background-image: url('../images/sputo_background_1-2.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  height: 100%;
  display: none;
  transform: translate3d(0, 0, 10vw)perspective(1000px);
}

.aurora-2 {
  opacity: 1;
  transform-style: preserve-3d;
  background-image: url('../images/Aurora-small-min.png');
  background-position: 0 0;
  background-size: contain;
  width: 155vw;
  max-width: none;
  height: 236vw;
  position: absolute;
  transform: translate3d(46vw, -26vw, -39vw);
}

.rotator-wrapper-2 {
  z-index: 0;
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
  transform: none;
}

.modal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  text-align: center;
  background-color: #38477599;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px;
}

.lightbutton {
  color: #2f3d57;
  background-color: #fff;
  box-shadow: 0 0 44px #bfdfed7d;
}

.cookie-notice {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-container {
  width: 100%;
  display: none;
}

.buttonicon {
  display: block;
}

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

.movieposter {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .sectionheaderspace, .sectionheaderspace.map {
    height: 13vh;
  }

  .managementdiv {
    width: 20vw;
    height: 27vw;
  }

  .advisorimage {
    margin-bottom: 1vw;
  }

  .companyname {
    font-size: .9vw;
    line-height: 2.2vw;
  }

  .addressdivblock.adresstextright {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .statement-container {
    padding-top: 16vh;
  }

  .wal {
    width: 63vw;
    margin-left: 6vw;
  }

  .wal.wal-night {
    max-height: 60vw;
    margin-right: -2%;
  }

  .author {
    font-size: 1.6vw;
    line-height: 1.8vw;
    bottom: 22%;
    right: 10%;
  }

  .author.author-desmond {
    right: 10%;
  }

  .video-container {
    padding-bottom: 0;
  }

  .quote {
    font-size: 3.4vw;
    line-height: 4.8vw;
  }

  .projects-section.swiper-gradient-right, .projects-section.swiper-gradient-left {
    width: 12vw;
  }

  .sectiontextcontainer {
    width: 75vw;
  }

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

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

  .sectionsubtext {
    width: auto;
    font-size: 1.5vw;
    line-height: 2.2vw;
  }

  .sectionsubtext.darkcolortext {
    margin-top: 1.3vw;
  }

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

  .swiper-slide.slide-creative {
    max-width: 19vw;
    margin-right: 2vw;
  }

  .swiper-slide.slide-creative.first {
    margin-left: 12vw;
  }

  .swiper-slide.slide-creative.last {
    margin-right: 12vw;
  }

  .swiper-slide.first {
    margin-left: 12vw;
  }

  .swiper-slide.last {
    margin-right: 12vw;
  }

  .swiper-slide.projekt-slide {
    width: 19.75vw;
    max-width: 19.75vw;
  }

  .swiper-slide.projekt-slide.first {
    margin-left: 10.5vw;
  }

  .swiper-slide.projekt-slide.last {
    margin-right: 10.5vw;
  }

  .swiper-slide.slide-management {
    width: 20vw;
    height: 27vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .swiper-slide.slide-management.first {
    margin-left: 7vw;
  }

  .swiper-slide.slide-management.last {
    margin-right: 7vw;
  }

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

  .subsectionheader.ssh-blue {
    font-size: 2.3vw;
  }

  .swiper-wrapper.sw-team {
    justify-content: flex-start;
  }

  .swiper-container.project-swiper {
    height: 38.03vw;
  }

  .swiper-container.project-swiper.desktop-swiper {
    display: none;
  }

  .filmimage {
    border-width: 1.5px;
    width: 16.75vw;
    height: 25.033vw;
  }

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

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

  .tile-wrapper {
    width: 21vw;
    height: 21vw;
  }

  .prism {
    width: 85vw;
    height: 22.39vw;
    margin-top: 4vw;
  }

  .tutu-background {
    top: -22vw;
  }

  .description {
    margin-top: 0;
    margin-left: 2vw;
    margin-right: 2vw;
    font-size: 1vw;
    line-height: 1.2vw;
  }

  .creatives-wrapper {
    width: 100%;
  }

  .advisor-wrapper {
    width: 19vw;
    height: 25.5vw;
    transition: none;
  }

  .advisorname {
    margin-bottom: 1vw;
    font-size: 1.3vw;
    line-height: 1.4vw;
  }

  .position {
    margin-top: 0;
    font-size: 1.3vw;
    line-height: 1.5vw;
  }

  .mapdivdesktop {
    max-width: 90vw;
    max-height: 52.58vw;
    display: none;
  }

  .placediv {
    z-index: 20;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .whalediv {
    margin-top: 4vh;
  }

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

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

  .button.large {
    font-size: 18px;
  }

  .scroll-down-div {
    top: 90%;
  }

  .privacydiv {
    padding-top: 10vh;
  }

  .bottomtext {
    font-size: 1vw;
  }

  .whalebgimage {
    height: 210vw;
  }

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

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

  .swipernavigationcontainer {
    width: 12vw;
    display: flex;
  }

  .mapclockwrapper {
    justify-content: flex-start;
  }

  .projectsswipernavigationcontainer {
    width: 12vw;
    height: 40vw;
    margin-top: 30vw;
    display: flex;
  }

  .mapdivmobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: start;
    place-items: center;
    width: 95vw;
    max-width: none;
    height: auto;
    max-height: none;
    margin-top: 4vw;
    display: flex;
  }

  .mappoint {
    z-index: 20;
    border-width: 2px;
    width: 15px;
    height: 15px;
    margin-left: 1.5px;
  }

  .mappoint.lamobile {
    justify-content: center;
    align-items: center;
    left: 4%;
  }

  .mappoint.mucmobile {
    justify-content: center;
    align-items: center;
    top: 55%;
    left: -26%;
  }

  .mappoint.kenyamobile {
    justify-content: center;
    align-items: center;
    top: 24%;
    right: -59%;
  }

  .mappoint.sydneymobile {
    bottom: -47%;
    left: -5%;
  }

  .mappoint.bermobile {
    justify-content: center;
    align-items: center;
    top: 20%;
    left: -20%;
  }

  .menu-background {
    height: 18vh;
  }

  .loading-text-2 {
    letter-spacing: .7vw;
    font-size: 5vw;
  }

  .desktopmenupart2 {
    margin-left: -2vw;
  }

  .menu-link-2 {
    font-size: 1.3vw;
    line-height: 1.5vw;
  }

  .desktopmenupart1 {
    margin-right: -2vw;
  }

  .musicwrapper {
    width: 25px;
  }

  .menu-icon {
    margin-left: 2vw;
    padding: 4vw;
  }

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

  .bg-move {
    width: 250vw;
    transform: rotate(90deg)translate3d(0, 0, -25vw);
  }

  .aurora {
    width: 120vw;
  }

  .hotmaptext {
    margin-top: 24.5vw;
    font-size: 1.4vw;
    line-height: 1.9vw;
  }

  .hotmaptext.middletext {
    margin-top: 17vw;
  }

  .hotmaptext.lowertext {
    margin-top: 9.5vw;
  }

  .mobilemapcontainer {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    max-width: 90vw;
    max-height: 52.58vw;
    display: grid;
  }

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

  .sliderdesktop {
    display: block;
  }

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

  .tile-hover-conent {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .tile-hover-text {
    font-size: 1.48vw;
    line-height: 2vw;
  }

  .herocaptiontext {
    top: 88%;
  }

  .malaoname {
    letter-spacing: .7vw;
    font-size: 5vw;
  }

  .clockgrid {
    margin-top: 4vw;
  }

  .clock {
    width: 8vw;
    height: 8vw;
  }

  .clockgridcontainer {
    width: 18vw;
  }

  .countrycontainer {
    font-size: 1.9vw;
    line-height: 2.1vw;
  }

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

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

  .projectposter {
    height: 60vh;
  }

  .whitebox {
    width: 24vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

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

  .whiteboxcoloredtext {
    font-size: 1.2vw;
    line-height: 1.37vw;
  }

  .whaleimage {
    margin-left: 5%;
  }

  .whalequotewrapper {
    margin-top: 25vh;
  }

  .copyrightbottomtext {
    font-size: 1vw;
  }

  .cloudleft {
    top: 31%;
  }

  .cloudright {
    top: 12%;
  }

  .filmdetailcontainer {
    top: 5vw;
  }

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

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

  .managementswipernavigationcontainer {
    width: 7vw;
  }

  .tileheadingsmall {
    font-size: 1.4vw;
    line-height: 2.25vw;
  }

  .sputo-body {
    background-color: var(--black);
  }

  .recommendation {
    border-radius: 10px;
  }

  .recommendation-container {
    border-radius: 10px;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }

  .recommendation-title {
    font-size: 1.7vw;
    line-height: 1.9vw;
  }

  .recommendation-text {
    margin-top: 10px;
    font-size: 1.2vw;
    line-height: 1.4vw;
  }

  .recommendation-text.small {
    font-size: 16px;
  }

  .recommendation-link {
    width: 13vw;
    height: 4vw;
    margin-top: 4vw;
    font-size: 1.3vw;
    line-height: 1.6vw;
  }

  .managementslidecontainer.first {
    margin-left: 6vw;
  }

  .managementslidecontainer.last {
    margin-right: 6vw;
  }

  .job-name {
    margin-bottom: 1vw;
    font-size: 1.3vw;
    line-height: 1.4vw;
  }

  .more-text {
    font-size: 1vw;
    line-height: 1.2vw;
  }

  .jobsswipernavigationcontainer {
    width: 12vw;
    display: flex;
  }

  .sputodescription {
    margin-top: 10px;
    font-size: 1.2vw;
    line-height: 1.4vw;
  }

  .sputodescription.small {
    font-size: 1.1vw;
    line-height: 1.3vw;
  }

  .sputodescription.small.margin {
    font-size: 16px;
  }

  .creativeeuropelogo {
    height: 60%;
    margin-right: 60px;
  }

  .scrolldowntext {
    font-size: 16px;
  }

  .hero {
    height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
    position: relative;
  }

  .titlecontainer {
    font-size: 124px;
  }

  .disclaimercontainer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .aurora-2 {
    width: 120vw;
  }
}

@media screen and (max-width: 767px) {
  .managementdiv {
    height: 28.5vw;
  }

  .advisorimage {
    width: 12vw;
    height: 16.908vw;
  }

  .author {
    right: 20%;
  }

  .background-video.bv-mobile-hidden {
    display: none;
  }

  .background-video.bv-desktop-hidden {
    display: flex;
  }

  .projects-section.swiper-gradient-right, .projects-section.swiper-gradient-left {
    width: 13.5vw;
  }

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

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

  .swiper-slide.slide-creative {
    max-width: 20vw;
  }

  .swiper-slide.first {
    margin-left: 13.5vw;
  }

  .swiper-slide.last {
    margin-right: 13.5vw;
  }

  .swiper-slide.projekt-slide {
    width: 19vw;
    max-width: 19vw;
  }

  .swiper-slide.projekt-slide.first {
    margin-left: 12vw;
  }

  .swiper-slide.projekt-slide.last {
    margin-right: 12vw;
  }

  .swiper-slide.slide-management {
    height: 28.5vw;
  }

  .swiper-container.project-swiper {
    height: 36.91vw;
  }

  .swiper-container.team-swiper {
    margin-bottom: -6vh;
    padding-bottom: 6vh;
  }

  .filmimage {
    width: 16vw;
    height: 23.9128vw;
  }

  .description {
    margin-left: 1.7vw;
    margin-right: 1.7vw;
    font-size: 1.1vw;
    line-height: 1.3vw;
  }

  .advisor-wrapper {
    width: 20vw;
    height: 28vw;
  }

  .advisorname {
    margin-bottom: 1vw;
    line-height: 1.5vw;
  }

  .contactwrapper {
    margin-bottom: 5vw;
  }

  .button {
    margin-top: 0;
    font-size: 1.5vw;
    line-height: 1.7vw;
  }

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

  .lowercontentdiv {
    padding-bottom: 5vh;
  }

  .bottomtext {
    font-size: 1.3vw;
  }

  .swiperimageleft {
    display: block;
  }

  .swipernavigationcontainer {
    width: 12vw;
  }

  .projectsswipernavigationcontainer {
    width: 13.5vw;
    margin-top: 36vw;
  }

  .mapdivmobile {
    width: 80vw;
  }

  .mappoint {
    border-width: 1px;
    width: 10px;
    height: 10px;
  }

  .loading-text-2 {
    letter-spacing: .9vw;
  }

  .desktopmenupart2 {
    margin-left: 0;
  }

  .desktopmenupart1 {
    margin-right: 0;
  }

  .musicwrapper {
    width: 20px;
  }

  .menu-icon {
    margin-left: 3vw;
  }

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

  .bg-move {
    transform: rotate(90deg);
  }

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

  .sliderdesktop {
    display: block;
  }

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

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

  .slidebackgroundimg.slidebackgroundimgdesktop {
    display: block;
  }

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

  .slidebackgroundimgmobile {
    display: block;
  }

  .slidebackgroundimgdesktop {
    display: none;
  }

  .malaoname {
    letter-spacing: .9vw;
  }

  .shinebutton {
    width: 20vw;
    height: 4vw;
    margin-top: 0;
    font-size: 1.3vw;
    line-height: 1.3vw;
  }

  .shinebutton.formbutton {
    margin-top: 2vw;
  }

  .cookietext {
    padding-top: 0;
  }

  .whaleimage {
    margin-left: 5%;
  }

  .whalequotewrapper {
    margin-top: 50vh;
  }

  .filmdetailcontainer {
    top: 3.3vw;
  }

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

  .managementswipernavigationcontainer {
    width: 7vw;
  }

  .recommendation-link {
    width: 20vw;
    height: 4vw;
    margin-top: 0;
    font-size: 1.3vw;
    line-height: 1.3vw;
    display: none;
  }

  .recommendation-link.mobile {
    display: flex;
  }

  .recommendation-holder {
    grid-template-columns: 1fr 1fr;
  }

  .job-name {
    margin-bottom: 1vw;
    line-height: 1.5vw;
  }

  .more-text {
    line-height: 1.3vw;
  }

  .jobsswipernavigationcontainer {
    width: 12vw;
  }

  .creativeeuropelogo {
    margin-right: 50px;
  }

  .titlecontainer {
    font-size: 96px;
  }
}

@media screen and (max-width: 479px) {
  .hero-section {
    z-index: -1;
    background-image: linear-gradient(to bottom, transparent 85%, #c6d1e3 90%, #c6d1e3), radial-gradient(circle farthest-corner at 50% 100%, var(--white), #e0e0ed 27%, #e8b9de 30%, #c9a2dd 36%, #5e62b6 45%, #2f3c85 57%, #1f2b66 70%, #0d1130 82%, #060a25 92%, var(--black));
  }

  .sectionheaderspace {
    height: 22vw;
  }

  .sectionbottomspace {
    height: 20vw;
  }

  .managementdiv {
    border-width: 1px;
    width: 44vw;
    height: 66vw;
    padding-top: 0;
  }

  .managementimage {
    width: 25vw;
    height: 34.825vw;
    margin-top: 4vw;
    margin-bottom: 1vw;
  }

  .advisorimage {
    width: 25vw;
    height: 34.825vw;
    margin-top: 4vw;
  }

  .closediv.formclose {
    z-index: 5;
    justify-content: flex-end;
    position: relative;
  }

  .companyname {
    letter-spacing: 1px;
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .statement-container {
    width: 80vw;
    min-width: auto;
  }

  .wal {
    width: 80vw;
    margin-left: 10vw;
  }

  .wal.wal-night {
    width: 96vw;
    max-width: none;
    height: auto;
    max-height: none;
    margin-top: -30px;
    margin-left: 6vw;
    margin-right: -1%;
  }

  .author {
    font-size: 3vw;
    line-height: 3.5vw;
    bottom: 10%;
    right: 10%;
  }

  .author.author-desmond {
    bottom: 15%;
    right: 5%;
  }

  .background-video {
    border-radius: 10px;
    width: 92vw;
    height: 38.525vw;
  }

  .video-container {
    margin-top: 20vw;
  }

  .quote {
    width: 92vw;
    font-size: 5vw;
    line-height: 6vw;
  }

  .projects-section.swiper-gradient-right, .projects-section.swiper-gradient-left {
    width: 9.5vw;
  }

  .sectiontextcontainer {
    z-index: 21;
    width: 92vw;
  }

  .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;
  }

  .sectionsubtext {
    max-width: 92vh;
    margin-top: 3vw;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .sectionsubtext.darkcolortext.smallermobile {
    width: 90%;
  }

  .sectionsubtext.mobile {
    z-index: 23;
    width: auto;
    display: block;
  }

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

  .swiper-slide.slide-creative {
    max-width: 44vw;
    margin-right: 4vw;
  }

  .swiper-slide.slide-creative.first {
    margin-left: 9.5vw;
  }

  .swiper-slide.slide-creative.last {
    margin-right: 9.5vw;
  }

  .swiper-slide.first {
    margin-left: 9.5vw;
  }

  .swiper-slide.last {
    margin-right: 9.5vw;
  }

  .swiper-slide.projekt-slide {
    width: 42.5vw;
    max-width: 42.5vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .swiper-slide.projekt-slide.first {
    margin-left: 7.5vw;
  }

  .swiper-slide.projekt-slide.last {
    margin-right: 7.5vw;
  }

  .swiper-slide.slide-management {
    width: 44vw;
    height: 66vw;
    margin-left: 2vw;
    margin-right: 2vw;
  }

  .swiper-slide.slide-management.first {
    margin-left: 10vw;
  }

  .swiper-slide.slide-management.last {
    margin-right: 10vw;
  }

  .swiper-slide.job-slide {
    flex: none;
    width: 70vw;
    height: 20vw;
  }

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

  .subsectionheader.ssh-blue {
    font-size: 3.7vw;
  }

  .subsectionheader.cookiewhite {
    width: 70vw;
  }

  .swiper-wrapper.sw-job {
    width: auto;
  }

  .swiper-container.project-swiper {
    height: 81.65vw;
  }

  .filmimage {
    width: 38.5vw;
    height: 57.45vw;
  }

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

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

  .people-section {
    max-height: none;
  }

  .tile {
    border-radius: 5vw;
  }

  .tile-wrapper {
    width: 70vw;
    height: 70vw;
  }

  .description {
    margin-left: 1.8vw;
    margin-right: 1.8vw;
    font-size: 2.5vw;
    line-height: 2.7vw;
  }

  .description.margin-top {
    margin-top: 0;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
  }

  .advisor-wrapper {
    width: 44vw;
    height: 66vw;
  }

  .advisorname {
    margin-bottom: 2vw;
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .advisorname.nomargin {
    margin-top: .5vw;
  }

  .position {
    max-width: 90%;
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .quotetext.quotesmall {
    font-size: 2vw;
    line-height: 3vw;
  }

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

  .contactwrapper {
    letter-spacing: .04vw;
    justify-content: center;
    height: auto;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }

  .contactmodalold {
    width: auto;
    position: relative;
  }

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

  .button.cb-white.cb-w-caps {
    height: auto;
    min-height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button.cb-white.cb-w-caps.borderonly {
    height: auto;
    min-height: auto;
  }

  .button.large {
    font-size: 14px;
  }

  .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;
    margin-top: 2.5vh;
    padding: 3vw 3vw 3vh;
  }

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

  .scrolldownarrow {
    width: 25px;
    display: block;
  }

  .scrolldownarrow.arrow2 {
    position: relative;
    bottom: 0;
  }

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

  .closeicon {
    width: 5vw;
  }

  .hidetext.hide {
    display: none;
  }

  .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-whaleoffset {
    grid-column-gap: 1px;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-bottom: 0;
  }

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

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

  .whalebgimage {
    min-width: 156vh;
    height: 240vh;
  }

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

  .slidernavigationcontainer {
    display: none;
  }

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

  .swipernavigationcontainer {
    width: 9.5vw;
  }

  .projectsswipernavigationcontainer {
    width: 9.5vw;
    height: 85vw;
    margin-top: 50vw;
    padding-bottom: 20vw;
  }

  .projectsswipernavigationcontainer.righticon {
    width: 9.5vw;
  }

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

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

  .mapdivmobile {
    width: 82%;
    margin-top: 4vw;
  }

  .mappoint {
    width: 8px;
    height: 8px;
    position: static;
  }

  .mappoint.lamobile, .mappoint.mucmobile, .mappoint.kenyamobile {
    position: relative;
  }

  .mappoint.sydneymobile {
    position: relative;
    bottom: -5%;
    left: -19%;
  }

  .mappoint.bermobile {
    position: relative;
  }

  .menu-background {
    height: 12vh;
  }

  .loading-text-2 {
    letter-spacing: 1.5vw;
    font-size: 8vw;
  }

  .desktopmenupart2, .desktopmenupart1 {
    display: none;
  }

  .musicwrapper {
    width: 15px;
    position: fixed;
    right: 20px;
  }

  .menu-icon {
    width: 6vh;
    height: 6vh;
    margin-left: 1vw;
    margin-right: 3vw;
  }

  .menu-icon.open {
    width: auto;
    margin-left: -2vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

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

  .bg-move {
    transform: rotate(90deg);
  }

  .aurora {
    width: 94.7vh;
    height: 140vh;
    transform: translate3d(55vw, -27vw, -50vw);
  }

  .atmosphere-vorne-wrapper {
    top: -70%;
  }

  .hotmaptext {
    width: 90vw;
    margin-top: 26.5vw;
    font-size: 3vw;
    line-height: 3.5vw;
    left: 5vw;
    right: 5vw;
  }

  .hotmaptext.middletext {
    margin-top: 19vw;
  }

  .hotmaptext.lowertext {
    margin-top: 11.5vw;
  }

  .cookielegalcontainer {
    height: 65vh;
    overflow: scroll;
  }

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

  .cloud3 {
    width: 80vw;
  }

  .cloud4 {
    width: 66vw;
    top: 100vw;
  }

  .mobilemapcontainer {
    width: 96vw;
    max-width: none;
    height: 55.73vw;
    max-height: none;
  }

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

  .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;
  }

  .slidebackgroundlazy.slidebackgroundlazydesktop {
    display: none;
  }

  .slidebackgroundlazy.slidebackgroundlazymobile {
    display: flex;
  }

  .tilecontainer {
    grid-row-gap: 8vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 10vw;
  }

  .tileheading {
    font-size: 7vw;
    line-height: 7.875vw;
  }

  .tile-hover-conent, .tile-hover-conent.entertaining, .tile-hover-conent.purposeful, .tile-hover-conent.commercial {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .tile-hover-text {
    font-size: 4vw;
    line-height: 5vw;
  }

  .herocaptiontext {
    letter-spacing: .75vw;
    font-size: 3vw;
  }

  .malaoname {
    letter-spacing: 1.5vw;
    font-size: 8vw;
  }

  .clockgrid {
    grid-row-gap: 4vh;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 8vw;
  }

  .clock {
    width: 12vw;
    height: 12vw;
  }

  .clockgridcontainer {
    width: 40vw;
  }

  .clocktextcontainer {
    margin-top: 2vw;
  }

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

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

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

  .shinebutton.formbutton {
    margin-top: 6vw;
    transform: scale(1.6);
  }

  .herostartwrapper {
    z-index: 10;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    display: flex;
    position: relative;
  }

  .cookienotice {
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding: 10% 5%;
    display: flex;
  }

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

  .coloredborder {
    justify-content: center;
    align-items: center;
    padding: 1px;
  }

  .backtext {
    font-size: 5.867vw;
  }

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

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

  .whitebodytext {
    width: 90vw;
    font-size: 3.5vw;
    line-height: 3.8vw;
  }

  .gridcontainer {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .whitebox {
    border-radius: 6vw;
    width: 48vw;
    padding: 4vw 6vw;
  }

  .boxheader {
    margin-top: 4vw;
    font-size: 5.2vw;
    line-height: 3vw;
  }

  .whiteboxmaintext {
    margin-top: 6vw;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .whiteboxcoloredtext {
    margin-top: 6vw;
    font-size: 2.4vw;
    line-height: 2.8vw;
  }

  .image {
    width: 6.6vw;
  }

  .whaleimage {
    width: 65vw;
  }

  .whalequotebig {
    font-size: 4.4vw;
    line-height: 5.4vw;
  }

  .whalequotewrapper {
    margin-top: 10vh;
  }

  .copyrightbottomtext {
    margin-bottom: 2vw;
    font-size: 2vw;
    line-height: 2.5vw;
  }

  .mainlogo {
    width: 20vw;
    margin-top: 15vw;
  }

  .whiteheading {
    margin-top: 4.5vw;
    margin-bottom: 8.25vw;
    font-size: 10vw;
    line-height: 10.6vw;
  }

  .buttontextcontainer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .passwordwrapper {
    border-radius: 7vw;
    width: 50vw;
    height: 14vw;
  }

  .text-field {
    height: 14vw;
    font-size: 3.4vw;
  }

  .form-block-2 {
    width: 50vw;
    height: 14vw;
  }

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

  .cookieinfocontainer {
    padding-top: 0;
  }

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

  .embedform.pipedrive {
    width: 120%;
    padding: 4vw;
  }

  .herocontentwrapper {
    z-index: 3;
  }

  .backbutton {
    padding-left: 1vw;
    padding-right: 1vw;
    left: 3vw;
  }

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

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

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

  .managementswipernavigationcontainer {
    width: 9vw;
  }

  .managementswipernavigationcontainer.righticon {
    width: 9.5vw;
  }

  .tileheadingsmall {
    margin-top: .5vw;
    margin-bottom: 6vw;
    font-size: 4vw;
    line-height: 7.875vw;
  }

  .sputo-body {
    background-color: var(--dark-blue);
    background-image: url('../images/Sterne_Zugeschnitten.png');
    background-repeat: repeat-y;
    background-size: contain;
    background-attachment: scroll;
    padding-bottom: 0;
  }

  .recommendation-wrapper {
    width: 70vw;
    height: 105vw;
  }

  .recommendation {
    border-radius: 5vw;
  }

  .recommendation-container {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .recommendation-content {
    padding-bottom: 45px;
  }

  .recommendation-title {
    font-size: 7vw;
    line-height: 7.5vw;
  }

  .recommendation-text {
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .recommendation-text.small {
    letter-spacing: .04vw;
    font-size: 3.5vw;
  }

  .recommendation-link {
    width: 50vw;
    height: 12vw;
    font-size: 3.5vw;
    line-height: 3.5vw;
  }

  .recommendation-holder {
    grid-column-gap: 5vw;
    grid-row-gap: 15vw;
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 40px;
    display: flex;
  }

  .pagetitle {
    margin-top: 0;
    margin-bottom: 0;
  }

  .malaologoimg {
    width: auto;
    max-width: none;
  }

  .disclaimertext {
    text-align: center;
    font-size: 8px;
    line-height: 12px;
  }

  .trailerbackdrop {
    padding-left: 0%;
    padding-right: 0%;
  }

  .link-block {
    padding-top: 10vw;
  }

  .hiddenwhilecookie {
    background-image: none;
    display: flex;
  }

  .managementslidecontainer.first {
    margin-left: 8vw;
  }

  .managementslidecontainer.last {
    margin-right: 8vw;
  }

  .jobwrapper {
    flex: none;
    width: 70vw;
    height: 20vw;
  }

  .job-name {
    margin-bottom: 2vw;
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .more-text {
    font-size: 2.5vw;
    line-height: 2.7vw;
    display: none;
  }

  .jobsection {
    width: 100%;
    position: relative;
  }

  .jobsswipernavigationcontainer {
    width: 9.5vw;
  }

  .sputodescription {
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .sputodescription.small {
    font-size: 4vw;
    line-height: 4.5vw;
  }

  .sputodescription.small.margin {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 3.5vw;
    font-weight: 300;
  }

  .header {
    height: 40px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .creativeeuropelogo {
    height: 50%;
    margin-right: 40px;
  }

  .scrolldowntext {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 3.5vw;
    font-weight: 300;
    display: flex;
    position: relative;
  }

  .herocontent {
    font-size: 16px;
    line-height: 20px;
    position: relative;
  }

  .content {
    min-height: 150px;
  }

  .footer {
    object-fit: contain;
    background-color: #0000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px 40px;
    display: flex;
    position: relative;
    top: 1px;
    overflow: visible;
  }

  .scrolldownlink.secondpage {
    position: relative;
    bottom: 0;
  }

  .link-2 {
    color: #fff;
    -webkit-text-decoration: underline #fff;
    text-decoration: underline #fff;
  }

  .hero {
    height: calc(100dvh - 60px);
    max-height: calc(100dvh - 60px);
    padding-bottom: 60px;
  }

  .text-block-11 {
    color: var(--white);
  }

  .pagecontent {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-top: 14px;
  }

  .titlecontainer {
    font-size: 72px;
  }

  .disclaimerlogo {
    height: 20px;
  }

  .disclaimer {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .line {
    transform: translate(-50%, -3px);
  }

  .contactmodal {
    display: none;
  }

  .aurora-2 {
    width: 94.7vh;
    height: 140vh;
    transform: translate3d(55vw, -27vw, -50vw);
  }

  .button-container {
    width: 70vw;
  }
}

#w-node-_725f44e7-201d-c6a0-1e2a-026d54dc1966-a2fe811a {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: auto;
}

#hugo-mobile.w-node-_6029cf70-b04e-9a18-d4c2-d6e7d312aa5e-a2fe811a, #hugo-mobile.w-node-_218aeef3-b105-2274-3595-0033a2d41883-a2fe811a, #hugo-mobile.w-node-_7347d3f7-6bb6-76ae-17cb-27b8d970bdf9-a2fe811a, #hugo-mobile.w-node-_6908cc6a-fb2c-97e7-6f70-b68523171592-a2fe811a, #hugo-mobile.w-node-_05ba1c2f-6c61-d893-80ae-910f763a29e8-a2fe811a, #red-baron-mobile.w-node-b5ff4d92-9c02-75eb-b29f-ec8d6879edc2-a2fe811a, #red-baron-mobile.w-node-_5f96f874-0faf-b7c0-dac2-8fef0d854aaf-a2fe811a, #red-baron-mobile.w-node-_93aaf2ec-d08f-0601-36c5-b1eae50feb56-a2fe811a, #red-baron-mobile.w-node-a5974aa7-6894-265c-dd6b-a21e91c448a8-a2fe811a, #red-baron-mobile.w-node-_409bd1ce-f635-7dde-6c34-d9b37f2fcb61-a2fe811a, #red-baron-mobile.w-node-_18bad8ba-e3eb-18b7-a96e-cf3212a57ffa-a2fe811a, #red-baron-mobile.w-node-_4a06d7c7-8a7d-49e1-2db3-e233be4e3c1f-a2fe811a, #spirited-mobile.w-node-_7d8022d9-0720-ec63-32d1-ba4e62d758a9-a2fe811a, #hacksaw-ridge-mobile.w-node-_808db7f2-11ab-3072-b709-e250ea197758-a2fe811a, #w-node-d0981361-1289-4920-d092-8f05bdad4a3d-04b1fd5e, #w-node-_01dbf0e3-3349-852d-3941-34f7455d176a-a2fe80dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c0b67fa6-7b4e-cf9a-df65-120142196c6f-a2fe80dd {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_0593c453-2829-591c-3a8b-1f49301ee610-a2fe80dd {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-b05f0cc6-ec82-e1bf-89ba-761f93a82c22-a2fe80dd {
  grid-area: 6 / 10 / 7 / 11;
}

#w-node-_83430e5f-0f31-4c15-d73b-278f906df56f-a2fe80dd {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_0f4b1456-fe4e-66e5-f20c-58f70a102ffe-a2fe80dd {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_0d0401c6-9e65-1861-6191-8f7d5464e7ac-a2fe80dd {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

@media screen and (max-width: 991px) {
  #w-node-_670ad542-f3c1-b72f-d989-65953ada07d0-a2fe80dd {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_2452bd76-e7d6-9e41-fad2-2bedb8f08eee-a2fe80dd {
    grid-area: 6 / 8 / 7 / 9;
  }

  #w-node-_90fba7c6-18b3-81d6-a558-8c2db2e88900-a2fe80dd {
    grid-area: 5 / 5 / 6 / 6;
  }

  #w-node-a3b4d1ae-33c7-3e06-9a74-a038d04914c1-a2fe80dd, #w-node-_2a5a2519-a5ee-9bc0-41bc-ae669778e6ff-a2fe80dd {
    grid-area: 3 / 5 / 4 / 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_01dbf0e3-3349-852d-3941-34f7455d176a-a2fe80dd {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_02c120aa-fa4e-d11d-5066-ae6d8cf4e20c-a2fe80dd {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }
}


@font-face {
  font-family: 'Trajan Pro';
  src: url('../fonts/Trajan-Pro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Trajan Pro';
  src: url('../fonts/Trajan-Pro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Oliver';
  src: url('../fonts/Oliver-Regular---Copy.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now';
  src: url('../fonts/HelveticaNowText-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now';
  src: url('../fonts/HelveticaNowDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now';
  src: url('../fonts/Helvetica-now-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now';
  src: url('../fonts/HelveticaNowDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless';
  src: url('../fonts/Reckless-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}