.fg-landing {
  height: 100vh;
  width: 100vw;
  overflow: hidden;

  cursor: auto;
}

.fg-landing-s1,
.fg-landing-s3,
.fg-landing-s4,
.fg-landing-s5,
.ls-landing-s6 {
  background-color: #222426;
}

.fg-landing-s2 {
  background-color: #f5f4f2;
}

.fg-landing-lepsnap-s6 {
  background-color: #66afff;
}

.fg-landing-s1,
.fg-landing-s2,
.fg-landing-s3,
.fg-landing-s4,
.fg-landing-s5,
.fg-landing-s6 {
  position: relative;
  min-height: 100vh;
}

.fg-landing-s1-content,
.fg-landing-s2-content,
.fg-landing-s3-content,
.fg-landing-s4-content,
.fg-landing-s5-content,
.fg-landing-s6-content {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.fg-landing-s1-content,
.fg-landing-s2-content,
.fg-landing-s3-content {
  padding: 122.5px 4px 75px;
}

.fg-landing-s4-content,
.fg-landing-s5-content,
.fg-landing-s6-content {
  padding: 25px 4px;
  text-align: center;
}

.fg-landing-s5-content {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: center;
}

.fg-landing-fieldguide-s5-content {
  justify-content: center;
}

.fg-landing-asset-holder {
  position: fixed;
  top: 95px;
  right: calc((100% - 1016px) / 2);
  width: 270px;
  height: 536px;
  transition: transform .4s ease, opacity 1s ease, visibility 1s ease;
}

#fg-landing-phone {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#fg-landing-s1-img,
#fg-landing-s2-video,
#fg-landing-s3-video {
  position: absolute;
  top: 65px;
  left: 26px;
  z-index: 1;
  width: 218px;
}

#fg-landing-s1-img {
  height: 385px;
}

#fg-landing-s2-video,
#fg-landing-s3-video {
  height: 387px;
}

#fg-landing-s1-bg-img {
  position: absolute;
  width: 462px;
  top: 118px;
  left: -97px;
  z-index: -1;
}

#fg-landing-s3-bg-img {
  position: absolute;
  width: 530px;
  top: 175px;
  left: -132px;
  z-index: -1;
}

.fg-landing-asset {
  visibility: hidden;
  opacity: 0;
  transition: transform .4s ease, opacity 1s ease, visibility 1s ease;
}

.fg-landing-asset--visible {
  visibility: visible;
  opacity: 1;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
}

.fg-landing-next-icon {
  position: fixed;
  left: 0;
  bottom: 20px;
  right: 0;
  z-index: 1;

  display: block;

  height: 35px;
  width: 35px;

  margin: 0 auto;

  font-size: 35px;

  color: #777777;
  cursor: pointer;

  transform: rotate(-90deg);

  transition: color .4s ease;
}

.fg-landing-next-icon--light {
  color: #F2F2F2;
}

.fg-landing-next-icon--dark {
  color: #242628;
}

.fg-landing-next-icon:hover {
  color: #FFFFFF;
}

.fg-landing-next-icon--dark:hover {
  color: #000000;
}

.fg-landing-next-icon--reverse {
  transform: rotate(90deg) translateY(-10px);
}

.fg-landing-support-text {
  font-family: 'AzoSans-Regular';
  font-size: 15px;
  color: white;
  position: fixed;
  z-index: 4;
  bottom: 10px;
  right: 15px;
  margin: 0 auto;
  transition: color .7s ease-out;
}

.fg-landing-support-link {
  color: white;
  text-decoration: underline;
  transition: color .7s ease-out;
}

.fg-landing-support-text--dark,
.fg-landing-support-text--dark .fg-landing-support-link {
  color: #242628;
  transition: color .7s ease-out;
}

@media screen and (min-width: 900px) {
  .fg-landing-s1,
  .fg-landing-s2,
  .fg-landing-s3,
  .fg-landing-s4,
  .fg-landing-s5,
  .fg-landing-s6 {
    height: 100vh !important;
  }
}

@media screen and (max-width: 1015px) {
  .fg-landing-asset-holder {
    right: 0;
  }
}

@media screen and (max-width: 899px) {

  body {
    overflow-x: hidden;
  }

  .fg-landing {
    height: auto;
  }

  .fg-landing-asset-holder {
    display: none;
  }

  .fg-landing-s1,
  .fg-landing-s2,
  .fg-landing-s3,
  .fg-landing-s4,
  .fg-landing-s5,
  .fg-landing-s6 {
    position: static;
    min-height: unset;
    padding: 10px 15px;
  }

  .fg-landing-s1-content,
  .fg-landing-s2-content,
  .fg-landing-s3-content,
  .fg-landing-s4-content,
  .fg-landing-s5-content,
  .fg-landing-s6-content {
    position: static;
    padding: 25px 4px;
  }

  .fg-landing-s1-content {
    padding-top: 100px;
  }

  .fg-landing-next-icon {
    display: none;
  }
}