/*
* Units
*/
/*
* Quick pseudoclass
*/
/*
* Position absolute
*/
/*
* Custom scrollbar
*/
/*
* Fluid Typography.
*/
/*
* Truncates
*/
/*
* No mobile hover
*
* how to use:
    @include hover() {
        opacity: 0.5;
    }
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
.handwritten, .handwritten * {
  font-family: "Nothing You Could Do";
}

.block-stage {
  display: block;
  position: relative;
  height: 100vh;
  background: #1e373a;
  color: #D9FFE5;
}
@media (min-width: 1921px) {
  .block-stage {
    min-height: 896px;
  }
}
@media (max-width: 1920px) {
  .block-stage {
    min-height: 864px;
  }
}
@media (max-width: 1440px) {
  .block-stage {
    min-height: 768px;
  }
}
@media (max-width: 1280px) {
  .block-stage {
    min-height: 720px;
  }
}
@media (max-width: 767.98px) {
  .block-stage {
    height: auto;
    min-height: inherit;
  }
  .block-stage .container {
    max-width: 100%;
  }
}
.block-stage--dark-green {
  border-top: solid 8px #35ED54;
  background-color: #184e51;
  color: #D9FFE5;
}
.block-stage--dark-green .fz-button-circle--scroll-down {
  border-color: #D9FFE5;
  position: relative;
}
.block-stage--dark-green .fz-button-circle--scroll-down svg {
  position: absolute;
  width: 48px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.block-stage--dark-green .fz-button-circle--scroll-down path, .block-stage--dark-green .fz-button-circle--scroll-down circle, .block-stage--dark-green .fz-button-circle--scroll-down rect {
  stroke: #D9FFE5;
  transition: stroke 200ms ease-in-out;
}
@media not all and (pointer: coarse) {
  .block-stage--dark-green .fz-button-circle--scroll-down:hover path, .block-stage--dark-green .fz-button-circle--scroll-down:hover circle, .block-stage--dark-green .fz-button-circle--scroll-down:hover rect {
    stroke: white;
  }
}
.block-stage--darker-green {
  border-top: solid 8px #35ED54;
  background-color: #17383A;
  color: #D9FFE5;
}
.block-stage--darker-green .fz-button-circle--scroll-down {
  border-color: #D9FFE5;
  position: relative;
}
.block-stage--darker-green .fz-button-circle--scroll-down svg {
  position: absolute;
  width: 48px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.block-stage--darker-green .fz-button-circle--scroll-down path, .block-stage--darker-green .fz-button-circle--scroll-down circle, .block-stage--darker-green .fz-button-circle--scroll-down rect {
  stroke: #D9FFE5;
  transition: stroke 200ms ease-in-out;
}
@media not all and (pointer: coarse) {
  .block-stage--darker-green .fz-button-circle--scroll-down:hover path, .block-stage--darker-green .fz-button-circle--scroll-down:hover circle, .block-stage--darker-green .fz-button-circle--scroll-down:hover rect {
    stroke: white;
  }
}
.block-stage--light-green {
  border-top: solid 8px #184e51;
  background-color: #D3FFDF;
  color: #184e51;
}
.block-stage--light-green .fz-button-circle--scroll-down {
  border-color: #184e51;
  position: relative;
}
.block-stage--light-green .fz-button-circle--scroll-down svg {
  position: absolute;
  width: 48px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.block-stage--light-green .fz-button-circle--scroll-down path, .block-stage--light-green .fz-button-circle--scroll-down circle, .block-stage--light-green .fz-button-circle--scroll-down rect {
  stroke: #184e51;
  transition: stroke 200ms ease-in-out;
}
@media not all and (pointer: coarse) {
  .block-stage--light-green .fz-button-circle--scroll-down:hover path, .block-stage--light-green .fz-button-circle--scroll-down:hover circle, .block-stage--light-green .fz-button-circle--scroll-down:hover rect {
    stroke: #17383A;
  }
}
.block-stage--yellow {
  border-top: solid 8px #184e51;
  background-color: #EFFF5F;
  color: #184e51;
}
.block-stage--yellow .fz-button-circle--scroll-down {
  border-color: #184e51;
  position: relative;
}
.block-stage--yellow .fz-button-circle--scroll-down svg {
  position: absolute;
  width: 48px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.block-stage--yellow .fz-button-circle--scroll-down path, .block-stage--yellow .fz-button-circle--scroll-down circle, .block-stage--yellow .fz-button-circle--scroll-down rect {
  stroke: #184e51;
  transition: stroke 200ms ease-in-out;
}
@media not all and (pointer: coarse) {
  .block-stage--yellow .fz-button-circle--scroll-down:hover path, .block-stage--yellow .fz-button-circle--scroll-down:hover circle, .block-stage--yellow .fz-button-circle--scroll-down:hover rect {
    stroke: #17383A;
  }
}
.block-stage--blue {
  border-top: solid 8px #184e51;
  background-color: #81F3EE;
  color: #184e51;
}
.block-stage--blue .fz-button-circle--scroll-down {
  border-color: #184e51;
  position: relative;
}
.block-stage--blue .fz-button-circle--scroll-down svg {
  position: absolute;
  width: 48px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.block-stage--blue .fz-button-circle--scroll-down path, .block-stage--blue .fz-button-circle--scroll-down circle, .block-stage--blue .fz-button-circle--scroll-down rect {
  stroke: #184e51;
  transition: stroke 200ms ease-in-out;
}
@media not all and (pointer: coarse) {
  .block-stage--blue .fz-button-circle--scroll-down:hover path, .block-stage--blue .fz-button-circle--scroll-down:hover circle, .block-stage--blue .fz-button-circle--scroll-down:hover rect {
    stroke: #17383A;
  }
}
.block-stage--cover-center .block-stage__image-desktop {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center center !important;
     object-position: center center !important;
}
.block-stage__content {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  z-index: 2;
}
.block-stage__content-buttons a {
  margin-bottom: 0.5rem;
}
.block-stage__content-buttons a:not(:last-child) {
  margin-right: 0.5rem;
}
@media (max-width: 767.98px) {
  .block-stage__content-buttons:last-child {
    margin-bottom: 65px;
  }
}
.block-stage__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.block-stage__image-desktop {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767.98px) {
  .block-stage__image-desktop {
    display: none;
  }
}
.block-stage__image-mobile {
  display: none;
  position: relative;
  max-width: 320px;
  margin: 10px auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767.98px) {
  .block-stage__image-mobile {
    display: block;
  }
}
.block-stage__content {
  padding-top: 160px;
  padding-bottom: 120px;
}
.block-stage__content-subtitle {
  display: block;
  margin: auto;
  font-weight: 500;
  font-size: 24px;
  font-size: calc(24px + (24 - 24) * (100vw - 767px) / (1920 - 767));
  line-height: 22px;
  line-height: calc(36px + (22 - 36) * (100vw - 767px) / (1920 - 767));
}
@media screen and (max-width: 767px) {
  .block-stage__content-subtitle {
    font-size: 24px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-subtitle {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .block-stage__content-subtitle {
    line-height: 36px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-subtitle {
    line-height: 22px;
  }
}
.block-stage__content-subtitle.is-subtitle-first {
  margin-bottom: 48px;
  margin-bottom: calc(32px + (48 - 32) * (100vw - 767px) / (1920 - 767));
}
@media screen and (max-width: 767px) {
  .block-stage__content-subtitle.is-subtitle-first {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-subtitle.is-subtitle-first {
    margin-bottom: 48px;
  }
}
.block-stage__content-subtitle.is-subtitle-last {
  margin-top: 48px;
  margin-top: calc(32px + (48 - 32) * (100vw - 767px) / (1920 - 767));
}
@media screen and (max-width: 767px) {
  .block-stage__content-subtitle.is-subtitle-last {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-subtitle.is-subtitle-last {
    margin-top: 48px;
  }
}
.block-stage__content-title {
  position: relative;
  margin-top: 0;
  max-width: 860px;
  max-width: calc(500px + (860 - 500) * (100vw - 767px) / (1920 - 767));
  margin-bottom: 48px;
  margin-bottom: calc(32px + (48 - 32) * (100vw - 767px) / (1920 - 767));
  font-weight: 500;
  font-size: 80px;
  font-size: calc(48px + (80 - 48) * (100vw - 767px) / (1920 - 767));
  line-height: 80px;
  line-height: calc(58px + (80 - 58) * (100vw - 767px) / (1920 - 767));
}
@media screen and (max-width: 767px) {
  .block-stage__content-title {
    max-width: 500px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-title {
    max-width: 860px;
  }
}
@media screen and (max-width: 767px) {
  .block-stage__content-title {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-title {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .block-stage__content-title {
    font-size: 48px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-title {
    font-size: 80px;
  }
}
@media screen and (max-width: 767px) {
  .block-stage__content-title {
    line-height: 58px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-title {
    line-height: 80px;
  }
}
.block-stage__content-text {
  max-width: 480px;
  max-width: calc(320px + (480 - 320) * (100vw - 767px) / (1920 - 767));
  margin-bottom: 48px;
  margin-bottom: calc(32px + (48 - 32) * (100vw - 767px) / (1920 - 767));
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .block-stage__content-text {
    max-width: 320px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-text {
    max-width: 480px;
  }
}
@media screen and (max-width: 767px) {
  .block-stage__content-text {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .block-stage__content-text {
    margin-bottom: 48px;
  }
}
@media (max-width: 767.98px) {
  .block-stage__content {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .block-stage__content-title, .block-stage__content-text {
    margin-left: auto;
    margin-right: auto;
  }
  .block-stage__content-subtitle {
    font-weight: 400;
    width: 100%;
    max-width: 320px;
  }
}
@media (max-width: 413px) {
  .block-stage__content-title {
    font-weight: 400;
    font-size: 42px;
    line-height: 52px;
  }
  .block-stage__content-subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    max-width: 280px;
  }
}
.block-stage .block-stage__image-desktop {
  -o-object-position: right center;
     object-position: right center;
}
.block-stage .fz-button-circle--scroll-down {
  transform: none;
  margin-left: 0;
}
@media (max-width: 767.98px) {
  .block-stage .fz-button-circle--scroll-down {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.block-stage .sustainability-logo {
  bottom: 0;
  right: 0;
  padding-bottom: 1%;
  max-width: 180px;
}
.block-stage .sustainability-logo img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .block-stage .sustainability-logo {
    width: calc((100vw - 540px * 10 / 12) / 2);
  }
}
@media (min-width: 768px) {
  .block-stage .sustainability-logo {
    width: calc((100vw - 720px * 10 / 12) / 2);
  }
}
@media (min-width: 992px) {
  .block-stage .sustainability-logo {
    width: calc((100vw - 960px * 10 / 12) / 2);
  }
}
@media (min-width: 1280px) {
  .block-stage .sustainability-logo {
    width: calc((100vw - 1140px * 10 / 12) / 2);
  }
}
@media (min-width: 1480px) {
  .block-stage .sustainability-logo {
    width: calc((100vw - 1360px * 10 / 12) / 2);
  }
}
@media (min-width: 1800px) {
  .block-stage .sustainability-logo {
    width: calc((100vw - 1680px * 10 / 12) / 2);
  }
}
@media (max-width: 991.98px) {
  .block-stage .sustainability-logo {
    width: 8.3333333333vw;
  }
}
@media (max-width: 767.98px) {
  .block-stage .sustainability-logo {
    display: none;
  }
}
.block-stage .sustainability-logo--mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .block-stage .sustainability-logo--mobile {
    display: block;
    width: 30%;
  }
}

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