.image-mask {
  clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
  -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
}

.image-mask-animate {
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 99%, 7% 75%, 7% 25%);
  -webkit-clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 99%, 7% 75%, 7% 25%);
  transition: all 1500ms ease-out;
}

.partner-list .col-sm {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.team-hero {
  background: url(../../images/team.jpg) 50% 50% no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
  margin-top: 30px;
}

#particle1 {
  position: absolute;
  top: -70px;
  left: -90px;
}

#preloader {
  pointer-events: none;
}

.content-background {
  background: rgb(12, 14, 35);
  position: relative;
  z-index: 3;
}

.scene {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.information-collected {
  list-style:circle;
  margin: 30px;
}

.booster-header {
  color: #1B1464 !important;
  font-size: 16px;
  line-height: 22px;
  white-space: normal;
}


.main-hero {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.hero-spacer {
  height: 100%;
  width: 100%;
}

.hero-title {
  width: 100vw;
  height: 100vh;
  z-index: 9;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap: wrap;
  text-align: center;
  transform: translateY(-10%);
}

.ml1 {
  font-size: 4.3em;
  line-height: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0.5em;
  color: #181a25;
  text-shadow: -1px -1px 0 #8b407e, 1px -1px 0 #8b407e, -1px 1px 0 #8b407e, 1px 1px 0 #8b407e, 0 0 20px #fdd4fc, 0 0 10px #fdd4fc, 0 0 60px #fdd4fc, 2px 3px 0 rgba(253,254,205,0.15);
}

.ml1 span {
  color: #181a25;
}

.ml2 {
  margin: 0.5em;
  color: #181a25;
  text-shadow: 0 0 80px #fdd4fc, 0 0 30px #fdd4fc, 0 0 100px #fdd4fc, 2px 3px 0 rgba(253,254,205,0.15);
}

.hero-foreground {
  background: url(../../images/animation/foreground_small.png) 50% 100% no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
}

.hero-video-container {
  height: 110vh;
  width: 100vw;
  position: relative;
  top: 0;
  left: 0;
}

.hero-video {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-background {
  background: url(../../images/animation/background_small.jpg) 50% 100% no-repeat;
}

.hero-balloon {
  will-change: transform;
  animation: balloon-hover 30s infinite ease-in-out;
  background: url(../../images/animation/balloon_small.png) 50% 100% no-repeat;
}

.hero-island {
  will-change: transform;
  animation: island-hover 2s infinite alternate both ease-in-out;
  background: url(../../images/animation/island3_small.png) 50% 100% no-repeat;
}

.hero-egg {
  will-change: transform;
  animation: egg-hover 2500ms infinite alternate both ease-in-out;
  animation-delay: 1500ms;
  background: url(../../images/animation/egg_small.png) 50% 100% no-repeat;
}

.hero-blimp {
  will-change: transform;
  animation: blimp-hover 5s infinite alternate both ease-in-out;
  animation-delay: 1500ms;
  background: url(../../images/animation/blimp_small.png) 50% 100% no-repeat;
}

.hero-middle {
  background: url(../../images/animation/middle_small.png) 50% 100% no-repeat;
}

.hero-mothership {
  will-change: transform;
  height: 100%;
  width: 100%;
  animation: mothership-hover 4s infinite alternate both ease-in-out;
  transform: scale(0.85);
}

.hero-lighting {
  background: url(../../images/animation/lighting_small.png) 50% 100% no-repeat;
}

.scene-object {
  height: 100%;
  width: 100%;
  background-size: cover;
  position: absolute;
}

.scene-offset {
  height: 100vh;
  width: 100vw;
  position: absolute;
  visibility: hidden;
  transform-origin: left top;
}

.scene-offset img {
  border-radius: 0;
  max-width: none;
  vertical-align: inherit;
}

.scene-layer {
  width: 110%;
  margin: -5% 0 0 -5%;
  height: 110%;
  position: absolute;
}

@media only screen and (max-width: 480px) {
  .ml1 {
    font-size: 4em;
  }

  .hero-mothership,
  .hero-balloon,
  .hero-island,
  .hero-blimp,
  .hero-middle {
    display: none;
  }
}

@media (max-width:600px){
  .privacy-policy-body {
    background:#232035;
    padding:25px;
    max-width: 640px;
    margin: auto;
  }
}

@media (min-width:600px){
  .privacy-policy-body {
    background:#232035;
    padding:25px;
    max-width: 640px;
    margin: auto;
    padding-top: 96px;
  }
}

@keyframes lighting {
  from {
    opacity: 0.6;
  }
  to {
    opacity: 1.0;
  }
}

@keyframes balloon-hover {
  0% {
    transform: scale(1.0);
  }
  40% {
    transform: scale(0.8);
  }
  45% {
    transform: translate(2px, 1px) scale(0.801);
  }
  50% {
    transform: translate(0, -1px) scale(0.8);
  }
  55% {
    transform: translate(1px, 2px) scale(0.803);
  }
  60% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.0);
  }
}

@keyframes mothership-hover {
  from {
    transform: scale(0.85) translate(0, -5px);
  }
  to {
    transform: scale(0.85) translate(-4px, 5px);
  }
}

@keyframes island-hover {
  from {
    transform: translate(0, -2px);
  }
  to {
    transform: translate(-1px, 5px);
  }
}

@keyframes egg-hover {
  from {
    transform: translate(0, -4px);
  }
  to {
    transform: translate(0, 10px);
  }
}

@keyframes blimp-hover {
  from {
    transform: translate(-2px, -10px);
  }
  to {
    transform: translate(2px, 5px);
  }
}