@import url("https://use.typekit.net/hqf8xle.css");
@font-face {
  font-family: titleFont;
  src: url(../fonts/dala.otf);
}
span {
  font-family: "museo-sans", sans-serif;
}

.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33%;
}

.col-5 {
  width: 41.66%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33%;
}

.col-8 {
  width: 66.66%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 91.66%;
}

.col-12 {
  width: 100%;
}

[class*=col-] {
  float: left;
  padding: 15px;
}
@media only screen and (max-width: 37.5em) {
  [class*=col-] {
    width: 100%;
  }
}

.flex-grid {
  display: flex;
}

.flex-grid .col {
  flex: 1;
}

@media only screen and (max-width: 37.5em) {
  .flex-grid {
    display: block;
  }
}
.flex-grid-thirds {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 37.5em) {
  .flex-grid-thirds {
    display: block;
  }
}

.flex-grid-thirds {
  display: flex;
  justify-content: space-between;
}
.flex-grid-thirds .col {
  width: 32%;
}

.flex-grid-half {
  display: flex;
  justify-content: space-between;
}
.flex-grid-half .col {
  width: 48%;
}

.flex-row {
  margin-bottom: 3rem;
}

.row {
  display: block;
  float: left;
  width: 100%;
}

.container {
  margin: auto;
  max-width: 1160px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 56.35em) {
  .container {
    max-width: 100%;
  }
}
.container:after, .container:before {
  content: "";
  display: table;
  clear: both;
}

.container-large {
  margin: auto;
  max-width: 1460px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 56.35em) {
  .container-large {
    max-width: 100%;
  }
}
.container-large:after, .container-large:before {
  content: "";
  display: table;
  clear: both;
}

.container-small {
  position: relative;
  margin: auto;
  max-width: 850px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 56.35em) {
  .container-small {
    max-width: 100%;
  }
}
.container-small:after, .container-small:before {
  content: "";
  display: table;
  clear: both;
}

.default-padding {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.default-padding-top {
  padding-top: 6rem;
}

.default-padding-bottom {
  padding-bottom: 6rem;
}

.default-margin {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.default-margin-top {
  margin-top: 6rem;
}

.default-margin-bottom {
  margin-bottom: 6rem;
}

.no-padding {
  padding: 0 !important;
}

.custom-padding {
  padding: 2px;
}

.heading-primary {
  font-size: 4rem;
  font-weight: 300;
}

.heading-secondary {
  font-size: 4rem;
  text-align: center;
}

a.svg {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

a.svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

body {
  overflow: hidden;
}
body.loaded {
  overflow: auto;
}

.animate__fadeIn {
  opacity: 1;
}

.fp-slides-three .fp-slidesContainer {
  width: 100% !important;
  transform: none !important;
}
.fp-slides-three .fp-slidesContainer .fp-slide {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all 0.7s ease-in-out;
}
.fp-slides-three .fp-slidesContainer .fp-slide.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.fp-slides-two .fp-slides,
.fp-slides-membership .fp-slides {
  overflow: inherit;
}
.fp-slides-two .fp-slidesContainer,
.fp-slides-membership .fp-slidesContainer {
  width: 100% !important;
  transform: none !important;
}
.fp-slides-two .fp-slidesContainer .fp-slide,
.fp-slides-membership .fp-slidesContainer .fp-slide {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 0;
  transition: all 1s ease-in-out;
}
.fp-slides-two .fp-slidesContainer .fp-slide.active,
.fp-slides-membership .fp-slidesContainer .fp-slide.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.fp-slides-two .fp-slidesContainer .fp-slide.active .video-popup-two,
.fp-slides-membership .fp-slidesContainer .fp-slide.active .video-popup-two {
  opacity: 1;
}

.green-box {
  font-family: titleFont !important;
  color: #FFF;
  background: none;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 5rem;
  margin-bottom: 2rem;
  transition: all 0.3s;
  position: relative;
  opacity: 0;
  transition: all 0.7s;
}
.green-box span {
  font-family: titleFont !important;
}
.green-box.visible:after {
  width: 100%;
}
.green-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.green-box.green-animation {
  width: 100%;
  opacity: 1;
}
.green-box.green-animation:after {
  width: 91%;
}

.pink-box {
  font-family: titleFont;
  color: #FFF;
  background: none;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 5rem;
  margin-bottom: 2rem;
  transition: all 0.3s;
  position: absolute;
  opacity: 0;
  transition: all 0.7s;
  width: 395px !important;
  right: 0;
}
.pink-box.active {
  opacity: 1;
}
.pink-box.active:after {
  width: 100%;
}
.pink-box.visible:after {
  width: 100%;
}
.pink-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #DD39EA;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.pink-box.pink-animation {
  width: 100%;
  opacity: 1;
}
.pink-box.pink-animation:after {
  width: 91%;
}

.dbl-spinner {
  position: absolute;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: transparent;
  border: 4px solid transparent;
  border-top: 4px solid #FFF;
  border-left: 4px solid #FFF;
  animation: 2s spin linear infinite;
}

.dbl-spinner:nth-child(2) {
  border: 4px solid transparent;
  border-right: 4px solid #FFF;
  border-bottom: 4px solid #FFF;
  animation: 1s spin linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
  overflow: hidden;
}
.overlay .overlayDoor {
  opacity: 1;
}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {
  content: "";
  position: absolute;
  width: 55%;
  height: 100%;
  background: #A5D300;
  transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  transition-delay: 0.8s;
}
.overlay .overlayDoor:before {
  left: 0;
}
.overlay .overlayDoor:after {
  right: 0;
}
.overlay.loaded .overlayDoor:before {
  left: -100%;
}
.overlay.loaded .overlayDoor:after {
  right: -100%;
}
.overlay.loaded .overlayContent {
  opacity: 0;
  margin-top: -15px;
}
.overlay .overlayContent {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
}

@media (min-width: 901px) and (min-height: 600px) and (max-height: 767px) {
  @keyframes expandingOneLaptop {
    0% {
      width: 48px;
      height: 48px;
      border-radius: 781px;
    }
    100% {
      width: 133%;
      height: 243%;
      border-radius: 2220px;
      bottom: -76%;
      left: -39%;
    }
  }
  body .expanding-content {
    animation: expandingContentTwo 1s ease !important;
    top: -13.5% !important;
  }
  body .expanding-content h2 {
    margin-top: 0 !important;
  }
  body .expanding-resources {
    animation: expandingContentTwo 1s ease !important;
    top: -11% !important;
  }
  body .expanding-div {
    animation: expandingOneLaptop 3s forwards ease-in-out !important;
  }
  body .expanding-div.one, body .expanding-div.two, body .expanding-div.three, body .expanding-div.four {
    top: -65% !important;
  }
  body .expanding-landscape {
    display: none !important;
  }
  body #menu {
    max-width: 900px !important;
  }
  body #menu li a {
    font-size: 11px !important;
  }
  body #main-container .expanding-box.slide-active.active .expanding-content .col-top .blue-title {
    font-size: 2.5rem !important;
  }
  body #main-container .resources-box h2,
body #main-container .expanding-resources h2 {
    font-size: 2.5rem !important;
  }
  body #main-container h2 {
    font-size: 3rem !important;
  }
  body #main-container h3 {
    font-size: 2.5rem !important;
  }
  body #main-container .straightline-left-filler {
    bottom: -194%;
  }
  body #main-container .straightline-filler {
    top: -125%;
  }
  body #main-container .straightline-down-filler {
    bottom: -200%;
  }
  body #main-container .slide__container {
    height: 550px !important;
  }
  body #main-container .straightline-right-filler {
    top: -163.9%;
  }
  body #main-container .straightline-bottom-right-filler {
    bottom: -173%;
  }
  body #main-container .straightline-top-right-filler {
    top: -163%;
  }
  body #main-container .straightline-filler-middle-centre {
    display: none !important;
  }
  body #main-container .straightline-top-left-filler {
    top: -163%;
  }
  body #main-container .turquoise-dark-blue .arrow-down-filler {
    bottom: 0;
  }
  body #main-container .turquoise-dark-blue .iema {
    top: 24%;
    left: 28%;
    width: 275px;
  }
  body #main-container .turquoise-dark-blue .individual-woman {
    left: 29%;
    width: 270px;
  }
  body #main-container .turquoise-dark-blue .wind-elements {
    display: none;
  }
  body #main-container .turquoise-dark-blue .single-blue-wave {
    bottom: 0;
    width: 200px;
  }
  body #main-container .turquoise-dark-blue .active-point-text {
    top: 18%;
  }
  body #main-container .turquoise-dark-blue .connector {
    width: 177px;
    top: 33%;
  }
  body #main-container .turquoise-fade-dark-blue .grouped-elements {
    width: 540px;
    bottom: -20%;
  }
  body #main-container .turquoise-fade-dark-blue .white-waves {
    display: none;
  }
  body #main-container .turquoise-fade-dark-blue .head-graphic {
    top: 65% !important;
    left: 53% !important;
    width: 128px;
  }
  body #main-container .turquoise-fade-dark-blue .green-arrows-down {
    width: 20px;
  }
  body #main-container .turquoise-fade-dark-blue .arrow-left {
    top: 19.5% !important;
  }
  body #main-container .turquoise-fade-dark-blue .video-circle {
    top: 17.5% !important;
  }
  body #main-container .turquoise-fade-dark-blue .message {
    top: 9%;
  }
  body #main-container .turquoise-fade-dark-blue .message__two {
    top: auto !important;
  }
  body #main-container .turquoise-fade-dark-blue .content-box {
    top: 26%;
    right: 15%;
  }
  body #main-container .blue-fade-dark-blue .main-image {
    bottom: -10%;
    width: 490px;
  }
  body #main-container .blue-fade-dark-blue .content-box {
    right: 3%;
  }
  body #main-container .blue-fade-dark-blue .navigation-circle-middle-left {
    top: 80%;
  }
  body #main-container .blue-fade-dark-blue .navigation-circle-link.middle-left {
    top: 79%;
  }
  body #main-container .blue-fade-dark-blue .navigation-circle-middle-left__message {
    top: 70%;
  }
  body #main-container .blue-fade-dark-blue .active-circle-middle-left {
    top: 79.5%;
  }
  body #main-container .blue-fade-dark-blue .right-arrow {
    top: 81.5%;
    left: 65%;
  }
  body #main-container .blue-no-gradient .main-image {
    bottom: -22%;
    width: 392px;
  }
  body #main-container .blue-no-gradient .content-box {
    top: 39%;
    left: 24%;
  }
  body #main-container .blue-no-gradient .content-box p {
    font-size: 1.8rem;
  }
  body #main-container .blue-no-gradient .statistics-graphic {
    left: 18%;
    top: 13% !important;
    max-width: 260px;
  }
  body #main-container .blue-no-gradient .arrow-left {
    display: none !important;
  }
  body #main-container .blue-no-gradient .active-circle {
    top: 25%;
  }
  body #main-container .blue-no-gradient .navigation-circle-message {
    top: 18.5%;
  }
  body #main-container .blue-no-gradient .blue-arrows-down {
    width: 35px;
  }
  body #main-container .blue-no-gradient .pink-box {
    width: 240px !important;
  }
  body #main-container .blue-no-gradient .goUp {
    top: -20%;
  }
  body #main-container .blue-no-gradient .goDown {
    bottom: -2%;
  }
  body #main-container .blue-no-gradient .modal-paragraph {
    text-align: center;
  }
  body #main-container .blue-fade-purple .carbon-reduction-graphic {
    top: 5% !important;
    width: 190px;
  }
  body #main-container .blue-fade-purple .active-circle-message {
    top: 11%;
  }
  body #main-container .blue-fade-purple .navigation-circle-one {
    top: 19%;
  }
  body #main-container .blue-fade-purple .navigation-circle.active-circle {
    top: 19%;
  }
  body #main-container .blue-fade-purple .navigation-circle-top-right {
    top: 19%;
  }
  body #main-container .blue-fade-purple .navigation-circle-top-right-message {
    top: 11%;
  }
  body #main-container .blue-fade-purple .main-image {
    bottom: -20%;
    width: 434px;
  }
  body #main-container .blue-fade-purple .navigation-circle-right-top {
    top: 43%;
  }
  body #main-container .blue-fade-purple .navigation-circle-right-top-message {
    top: 44.5%;
  }
  body #main-container .blue-fade-purple .content-box {
    top: 32%;
    zoom: 0.9;
  }
  body #main-container .blue-fade-purple .content-box h2 {
    margin-top: 0;
    margin-bottom: 2rem;
  }
  body #main-container .blue-fade-purple .content-box__row .column-one,
body #main-container .blue-fade-purple .content-box__row .column-two {
    font-size: 1.5rem;
  }
  body #main-container .purple-fade .green-box {
    width: 295px;
  }
  body #main-container .purple-fade .main-image {
    bottom: -43%;
    width: 485px;
  }
  body #main-container .purple-fade .pink-box {
    right: -2.4%;
    width: 139px !important;
  }
  body #main-container .purple-fade .arrows-down {
    display: none !important;
  }
  body #main-container .purple-fade .video-popup {
    bottom: -10%;
  }
  body #main-container .purple-fade .circles {
    bottom: 4%;
    right: 7%;
  }
  body #main-container .purple-fade .fourth-circle {
    top: 57.3%;
  }
  body #main-container .purple-fade .fourth-message {
    top: 49.3%;
  }
  body #main-container .purple-fade .content-box {
    bottom: -20%;
  }
  body #main-container .light-purple-fade .main-image {
    bottom: -24%;
    width: 348px;
  }
  body #main-container .light-purple-fade .green-circles {
    bottom: 33%;
    width: 53px;
  }
  body #main-container .light-purple-fade .pink-box {
    top: 30%;
    width: 197px !important;
    font-size: 3rem !important;
  }
  body #main-container .light-purple-fade .arrow-left {
    display: none !important;
  }
  body #main-container .light-purple-fade .city-draw {
    top: 15% !important;
    width: 260px;
  }
  body #main-container .light-purple-fade .video-circle {
    top: 25%;
  }
  body #main-container .light-purple-fade .video-message {
    top: 18%;
  }
  body #main-container .light-purple-fade .second-circle {
    top: 25%;
  }
  body #main-container .light-purple-fade .second-message {
    top: 18%;
  }
  body #main-container .light-purple-fade .video-popup {
    left: 30%;
    bottom: -17%;
  }
  body #main-container .light-purple-fade .video-line {
    top: 34%;
  }
  body #main-container .light-purple-fade .expanding-div {
    top: -70%;
  }
  body #main-container .light-purple-fade .content-box h3 {
    margin-bottom: 20px !important;
    margin-top: 30px;
  }
  body #main-container .purple-pink-fade .main-image {
    width: 512px;
    bottom: -38% !important;
  }
  body #main-container .purple-pink-fade .pink-box {
    width: 230px !important;
    font-size: 3rem !important;
  }
  body #main-container .purple-pink-fade .orange-wave {
    bottom: 0%;
    width: 115px;
  }
  body #main-container .purple-pink-fade .star-two {
    display: none !important;
  }
  body #main-container .purple-pink-fade .second-circle,
body #main-container .purple-pink-fade .third-circle,
body #main-container .purple-pink-fade .fourth-circle {
    top: 79%;
  }
  body #main-container .purple-pink-fade .second-message,
body #main-container .purple-pink-fade .third-message,
body #main-container .purple-pink-fade .fourth-message {
    top: 72%;
  }
  body #main-container .purple-pink-fade .video-line {
    left: 19%;
  }
  body #main-container .purple-pink-fade .video-popup {
    top: 16% !important;
  }
  body #main-container .pink-darkbluepurple-fade .white-waves {
    display: none !important;
  }
  body #main-container .pink-darkbluepurple-fade .main-image {
    bottom: -34%;
    width: 719px;
  }
  body #main-container .pink-darkbluepurple-fade .green-box {
    top: 37%;
  }
  body #main-container .pink-darkbluepurple-fade .first-circle,
body #main-container .pink-darkbluepurple-fade .second-circle {
    top: 25%;
  }
  body #main-container .pink-darkbluepurple-fade .first-message,
body #main-container .pink-darkbluepurple-fade .second-message {
    top: 15.7%;
  }
  body #main-container .pink-orange-fade .main-image {
    width: 635px;
  }
  body #main-container .orange-fade .main-image {
    width: 610px;
    right: -25%;
    bottom: -28%;
  }
  body #main-container .orange-fade .curved-line {
    display: none !important;
  }
  body #main-container .orange-fade .green-box.profile {
    
    top: 33%;
    margin-top: 0;
  }
  body #main-container .orange-fade .content-box {
    top: 35%;
  }
  body #main-container .orange-fade .content-box.statistics {
    top: 57%;
  }
  body #main-container .orange-fade .video-circle,
body #main-container .orange-fade .second-circle,
body #main-container .orange-fade .third-circle {
    top: 19%;
  }
  body #main-container .orange-fade .video-message,
body #main-container .orange-fade .second-message,
body #main-container .orange-fade .third-message {
    top: 10.6%;
  }
  body #main-container .orange-fade .right-arrow {
    top: 21.5%;
  }
  body #main-container .orange-fade .multiple-stars {
    right: 20%;
  }
  body #main-container .orange-fade .blue-box {
    font-size: 2.5rem !important;
    top: 28%;
  }
  body #main-container .orange-no-fade .main-image {
    position: absolute;
    right: -11%;
    bottom: -40%;
    width: 569px !important;
  }
  body #main-container .orange-no-fade .small-wave {
    right: 26%;
    bottom: -16%;
  }
  body #main-container .orange-no-fade .video-popup {
    bottom: -15% !important;
  }
  body #main-container .orange-no-fade .expanding-content {
    top: -9% !important;
  }
  body #main-container .orange-no-fade .blue-box {
    margin-top: 0;
    font-size: 2.5rem !important;
  }
  body #main-container .orange-no-fade .third-circle,
body #main-container .orange-no-fade .fourth-circle {
    top: 57.3%;
  }
  body #main-container .orange-no-fade .third-message,
body #main-container .orange-no-fade .fourth-message {
    top: 48%;
  }
  body #main-container .orange-no-fade .content-box__row {
    margin-bottom: 0;
  }
  body #main-container .orange-no-fade .content-box {
    bottom: -19%;
  }
  body #main-container .orange-yellow-fade .main-image {
    width: 755px;
    right: -22%;
    bottom: -39%;
  }
  body #main-container .orange-yellow-fade .blue-waves {
    display: none !important;
  }
  body #main-container .orange-yellow-fade .double-crosses {
    width: 240px;
  }
  body #main-container .orange-yellow-fade .green-box {
    margin-top: 60px;
  }
  body #main-container .orange-yellow-fade .arrow-left {
    top: 19%;
  }
  body #main-container .orange-yellow-fade .bbb-landscape {
    top: 5% !important;
  }
  body #main-container .orange-yellow-fade .video-circle {
    top: 17%;
  }
  body #main-container .orange-yellow-fade .message {
    top: 10%;
  }
  body #main-container .orange-yellow-fade .message__two {
    bottom: 29%;
    top: auto !important;
    right: 75%;
  }
  body #main-container .orange-yellow-fade .video-popup-two {
    top: 48%;
    left: 45%;
  }
  body #main-container .yellow-fade .main-image {
    right: -2%;
    bottom: -38%;
    width: 560px !important;
  }
  body #main-container .yellow-fade .purple-waves {
    width: 100px;
    bottom: -19%;
    left: 53%;
  }
  body #main-container .yellow-fade .arrow-left {
    top: 81.1%;
  }
  body #main-container .yellow-fade .green-box {
    font-size: 3rem !important;
    width: 130px;
    left: 24%;
  }
  body #main-container .yellow-fade .green-box:after {
    width: 150px !important;
  }
  body #main-container .yellow-no-fade .video-circle {
    top: 17%;
  }
  body #main-container .yellow-no-fade .message {
    top: 10%;
  }
  body #main-container .yellow-no-fade .message__two {
    top: auto !important;
  }
  body #main-container .yellow-no-fade .purple-outline-wave {
    bottom: 0;
  }
  body #main-container .yellow-no-fade .green-box {
    margin-top: 60px;
    width: 150px;
  }
  body #main-container .yellow-no-fade .green-box:after {
    width: 170px !important;
  }
  body #main-container .yellow-no-fade .arrow-left {
    top: 19%;
  }
  body #main-container .yellow-no-fade .video-popup-two {
    top: 48% !important;
  }
  #disabling-desk{
    display: none;
  }
}
@media (max-height: 850px) {
  .section.turquoise-fade-dark-blue .slide.active .expanding-content p {
    font-size: 1.5rem !important;
  }
}
@media (max-width: 1415px) {
  .expanding-content {
    left: -10% !important;
  }
  .expanding-content p {
    font-size: 1.5rem !important;
  }

  .expanding-content p a{
    font-size: 1.5rem !important;
  }

  .expanding-resources {
    right: 23% !important;
  }

  .expanding-landscape {
    width: 71% !important;
    left: 0 !important;
  }
}
@media (max-width: 1277px) {
  .turquoise-fade .play-button-text {
    left: 42% !important;
  }
  .turquoise-fade .absolute-centre {
    left: 59% !important;
  }
}
@media (max-height: 850px) {
  #menu {
    bottom: 0 !important;
  }
  #menu li a {
    font-size: 1.2rem !important;
  }

  .slide__container {
    height: 100vh !important;
    max-width: 1035px !important;
  }

  .straightline-filler,
.straightline-filler-middle-centre,
.straightline-down-filler,
.straightline-right-filler,
.straightline-top-right-filler,
.straightline-bottom-right-filler,
.straightline-bottom-left-filler,
.straightline-left-filler,
.straightline-top-left-filler {
    display: none;
  }

  .turquoise-fade .large-line {
    display: none;
  }

  .turquoise-dark-blue .circle-content-box {
    width: 440px !important;
    height: 440px !important;
    left: 0% !important;
  }
  .turquoise-dark-blue .circle-content-box p {
    padding: 0 4rem !important;
    font-size: 1.3rem !important;
  }
  .turquoise-dark-blue .picture {
    left: 12% !important;
  }
  .turquoise-dark-blue .wind-elements {
    top: 27% !important;
  }

  .turquoise-fade-dark-blue .video-circle {
    top: 12.5% !important;
  }
  .turquoise-fade-dark-blue .blue-circle {
    left: 6% !important;
  }
  .turquoise-fade-dark-blue .head-graphic {
    top: 34% !important;
    left: 27% !important;
  }
  .turquoise-fade-dark-blue .content-box {
    z-index: 1;
  }
  .turquoise-fade-dark-blue .arrow-left {
    top: 13.5% !important;
  }

  .blue-no-gradient .opacity-background {
    display: none;
  }
  .blue-no-gradient .map-popup .maps img,
.blue-no-gradient .map-popup .maps p,
.blue-no-gradient .map-popup .maps h2 {
    opacity: 0.2 !important;
  }
  .blue-no-gradient .map-popup .maps .straightline-top-left-filler,
.blue-no-gradient .map-popup .maps .straightline-bottom-left-filler,
.blue-no-gradient .map-popup .maps .directional-line {
    opacity: 1 !important;
  }
  .blue-no-gradient .map-popup .map-container img,
.blue-no-gradient .map-popup .map-container p,
.blue-no-gradient .map-popup .map-container h2 {
    opacity: 1 !important;
  }
  .blue-no-gradient .statistics-graphic {
    top: 5.5% !important;
  }
  .blue-no-gradient .arrow-left {
    top: 19.8% !important;
  }

  .map-container {
    max-height: 510px !important;
  }

  .blue-fade-purple .carbon-reduction-graphic {
    top: 2% !important;
  }
  .blue-fade-purple .arrow-top-filler {
    display: none !important;
  }

  .purple-fade .video-popup {
    left: 5% !important;
  }
  .purple-fade .content-box {
    left: 5% !important;
    bottom: 0% !important;
  }

  .light-purple-fade .city-draw {
    top: 10% !important;
  }
  .light-purple-fade .content-box .circle {
    height: 90px !important;
    width: 90px !important;
  }
  .light-purple-fade .content-box .circle p {
    font-size: 1.5rem !important;
  }
  .light-purple-fade .content-box .circle img {
    top: -30px !important;
    width: 42px !important;
  }

  .purple-pink-fade .pink-box {
    top: 0 !important;
  }
  .purple-pink-fade .main-image {
    bottom: -28% !important;
  }
  .purple-pink-fade .video-popup {
    top: 21% !important;
    left: 40% !important;
  }
  .purple-pink-fade .content-box {
    right: 9% !important;
    top: 19% !important;
    width: 559px !important;
  }
  .purple-pink-fade .content-box p,
.purple-pink-fade .content-box a {
    font-size: 1.5rem !important;
  }

  .orange-fade .video-popup {
    z-index: 10;
  }
  .orange-fade .content-box.statistics {
    width: 705px !important;
    z-index: 10;
  }

  .orange-no-fade .main-image {
    width: 790px !important;
  }
  .orange-no-fade .arrows-down {
    right: 1.5% !important;
    bottom: 40% !important;
  }
  .orange-no-fade .video-popup {
    left: 8% !important;
    bottom: 9% !important;
  }

  .orange-yellow-fade .bbb-landscape {
    top: 4% !important;
  }
  .orange-yellow-fade .dotarrows {
    left: 2% !important;
  }

  .yellow-fade .main-image {
    width: 800px !important;
  }

  .yellow-no-fade .video-popup-two {
    top: 40% !important;
  }
  
}
@media (max-height: 750px) {
  .slide__container {
    transform: scale(0.8);
  }

  .straightline-filler,
.straightline-filler-middle-centre,
.straightline-down-filler,
.straightline-right-filler,
.straightline-top-right-filler,
.straightline-bottom-right-filler,
.straightline-bottom-left-filler,
.straightline-left-filler,
.straightline-top-left-filler {
    display: block !important;
  }
  
}
@media (max-width: 335px) {
  .slide__container {
    transform: scale(0.8) !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  html {
    font-size: 50% !important;
  }
  html body .instructions {
    display: none;
  }
  html body .light-green .reduced-width p {
    line-height: 1.2;
    font-size: 13px;
  }
  html body .slide .slide__container h2 {
    font-size: 25px !important;
  }
  html body .slide .slide__container h3 {
    font-size: 18px !important;
  }
  html body .slide .slide__container p,
html body .slide .slide__container a {
    font-size: 10.5px !important;
  }
  html body .slide .slide__container .resources-box__title {
    padding: 6px !important;
  }
  html body .slide .slide__container .resources-box ul {
    padding: 1rem !important;
    padding-bottom: 2rem !important;
  }
  html body .slide .slide__container .resources-box ul li {
    margin-top: 20px !important;
  }
  html body .slide .slide__container .resources-box ul li img {
    width: 20px !important;
  }
  html body .slide .slide__container .resources-box h2,
html body .slide .slide__container .content-box h2 {
    font-size: 18px !important;
  }
  html body .slide .slide__container .resources-box h3,
html body .slide .slide__container .content-box h3 {
    font-size: 18px !important;
  }
  html body .slide .slide__container .resources-box p,
html body .slide .slide__container .resources-box a,
html body .slide .slide__container .content-box p,
html body .slide .slide__container .content-box a {
    font-size: 10.5px !important;
  }
  html body .slide .slide__container .content-box .green-box,
html body .slide .slide__container .content-box .green-animation {
    font-size: 23px !important;
    margin: 0;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-bottom: 0;
  }
  html body .slide .slide__container .content-box #italicAnimation {
    margin-top: 5px !important;
    font-size: 18px !important;
    text-align: right !important;
  }
  html body .slide .slide__container .green-box,
html body .slide .slide__container .green-animation {
    font-size: 23px !important;
    margin: 0;
    padding-left: 1rem !important;
  }
  html body .slide .slide__container .content-box span {
    padding-left: 3px !important;
    padding-right: 3px !important;
    margin: 0 !important;
  }
  html body .slide .slide__container .content-box .blue-box {
    font-size: 18px !important;
  }
  html body .slide .slide__container .content-box .statistics-group p.numbers {
    display: inline-block;
  }
  html body .slide .slide__container .content-box .statistics-group p span {
    font-size: 15px !important;
  }
  html body .slide .expanding-div-mobile h2 {
    font-size: 18px !important;
  }
  html body .slide .expanding-div-mobile p,
html body .slide .expanding-div-mobile li,
html body .slide .expanding-div-mobile a {
    font-size: 10.5px !important;
  }
  html body .blue-fade-dark-blue .content-box p span {
    font-size: 10.5px !important;
  }

  #menu {
    display: none !important;
  }

  .video-circle img {
    display: none;
  }

  .slide__container {
    height: 100% !important;
    transform: scale(1);
    z-index: 1;
    width: 100%;
    max-width: 300px !important;
  }

  .light-green .section__centre-aligned {
    max-width: 80% !important;
  }
  .light-green .section__centre-aligned .scroll-down {
    width: 40px;
  }
  .light-green .section__centre-aligned h1 {
    margin-top: 2rem;
    font-size: 2.4rem;
  }

  .turquoise-fade .play-button-text {
    left: 22% !important;
  }
  .turquoise-fade .absolute-centre {
    left: 76% !important;
  }

  .turquoise-dark-blue .left-line-mobile {
    height: 50vh;
    bottom: 0;
  }
  .turquoise-dark-blue .directional-line {
    display: none;
  }
  .turquoise-dark-blue .mobile-line {
    display: block;
    position: absolute;
    width: 50%;
    object-fit: cover;
    left: 0;
  }
  .turquoise-dark-blue .navigation-circle {
    border: 1px solid #FFF !important;
    left: 1% !important;
  }
  .turquoise-dark-blue .active-point-text {
    left: 15.5% !important;
    font-size: 9.5px !important;
  }
  .turquoise-dark-blue .arrow-down-filler {
    display: none;
  }
  .turquoise-dark-blue .col-6 {
    width: 100%;
  }
  .turquoise-dark-blue .content-container {
    flex-wrap: wrap;
  }
  .turquoise-dark-blue .content-container .individual-woman {
    left: 3% !important;
    width: 100%;
    max-width: 290px;
    bottom: 5% !important;
  }
  .turquoise-dark-blue .content-container .wind-elements {
    display: none;
  }
  .turquoise-dark-blue .content-container .iema {
    width: 100%;
    max-width: 195px;
    bottom: 34% !important;
    left: 15% !important;
    top: auto !important;
  }
  .turquoise-dark-blue .content-container .single-blue-wave {
    bottom: 19%;
    left: 8%;
    max-width: 151px;
  }
  .turquoise-dark-blue .slide.second .circle-content-box {
    width: 100% !important;
    height: auto !important;
    top: 51% !important;
    left: 6% !important;
  }
  .turquoise-dark-blue .slide.second .circle-content-box:after, .turquoise-dark-blue .slide.second .circle-content-box:before {
    display: none !important;
  }
  .turquoise-dark-blue .slide.second .circle-content-box p {
    margin-top: 30px;
    padding: 0 !important;
    font-size: 1.4rem !important;
  }
  .turquoise-dark-blue .slide.second .connector {
    display: none;
  }
  .turquoise-dark-blue .slide.second .iema {
    width: 100%;
    max-width: 70px;
    bottom: 21% !important;
    left: 26% !important;
    top: auto !important;
  }
  .turquoise-dark-blue .slide.second .single-blue-wave {
    bottom: 6% !important;
    left: 8%;
    max-width: 121px;
  }
  .turquoise-dark-blue .slide.second .individual-woman {
    left: 18% !important;
    width: 100%;
    max-width: 120px;
    bottom: 3% !important;
  }
  .turquoise-dark-blue .slide.second .green-arrows-down {
    right: 19% !important;
    bottom: 23% !important;
    max-width: 14px !important;
    width: 100% !important;
  }
  .turquoise-dark-blue .slide.second .picture {
    left: 35% !important;
    max-width: 100px !important;
  }

  .video-popup-two {
    width: 100% !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    height: auto;
  }
  .video-popup-two iframe {
    height: 175px !important;
    border: 0 !important;
  }

  .video-popup {
    width: 85% !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none !important;
  }
  .video-popup #close-popup {
    top: -5px !important;
    right: -5px !important;
  }
  .video-popup iframe {
    width: 100%;
    height: 197px !important;
    border: 0 !important;
  }

  .navigation-circle,
.video-circle {
    width: 25px !important;
    height: 25px !important;
  }
  .navigation-circle img,
.video-circle img {
    width: 15px !important;
    height: 15px !important;
  }

  .straightline-filler,
.straightline-filler-middle-centre,
.straightline-down-filler,
.straightline-right-filler,
.straightline-top-right-filler,
.straightline-bottom-right-filler,
.straightline-bottom-left-filler,
.straightline-left-filler,
.straightline-top-left-filler,
.directional-line {
    display: none !important;
  }

  .turquoise-fade-dark-blue .video-circle {
    width: 25px !important;
    height: 25px !important;
    border: 1px solid #FFF !important;
    left: -14px !important;
  }
  .turquoise-fade-dark-blue .blue-circle {
    width: 25px !important;
    height: 25px !important;
    border: 1px solid #FFF !important;
    left: -14px !important;
    top: 42% !important;
  }
  .turquoise-fade-dark-blue .message {
    top: 11% !important;
    left: 24% !important;
    max-width: 85px;
  }
  .turquoise-fade-dark-blue .message__two {
    top: auto !important;
    left: 21% !important;
    bottom: 51.5% !important;
  }
  .turquoise-fade-dark-blue .green-arrows-down {
    display: none !important;
  }
  .turquoise-fade-dark-blue .white-waves {
    max-width: 100% !important;
    width: 140px !important;
  }
  .turquoise-fade-dark-blue .arrow-left {
    display: none !important;
  }
  .turquoise-fade-dark-blue .grouped-elements {
    max-width: 100% !important;
    width: 325px !important;
  }
  .turquoise-fade-dark-blue .head-graphic {
    top: auto !important;
    bottom: 18% !important;
    left: 8% !important;
    max-width: 100% !important;
    width: 77px !important;
  }
  .turquoise-fade-dark-blue h3 {
    font-size: 2rem !important;
  }
  .turquoise-fade-dark-blue .large-line {
    display: none !important;
  }
  .turquoise-fade-dark-blue .content-box {
    top: 18% !important;
    right: 0 !important;
  }

  .green-box {
    font-size: 3rem !important;
  }

  .left-line-mobile {
    display: block !important;
    position: absolute;
    left: 0;
    height: 100vh;
    width: 1px;
    background: #FFF;
  }

  #close-popup-mobile {
    background: #A5D300;
    width: 30px;
    height: 30px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -8px;
  }
  #close-popup-mobile img {
    width: 15px;
  }

  .expanding-div {
    width: 100%;
    height: 100%;
    animation: none !important;
  }

  .expanding-div,
.expanding-content,
.expanding-landscape,
.expanding-resources {
    display: none !important;
  }

  .expanding-div-mobile {
    display: block !important;
    background: #FFF;
    position: absolute;
    padding: 0rem;
    left: 0;
    top: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
  }
  .expanding-div-mobile.larger .expanding-div-mobile__list {
    display: none;
  }
  .expanding-div-mobile h2 {
    color: #009FC3;
    font-size: 2rem;
    font-family: titleFont !important;
  }
  .expanding-div-mobile__top {
    padding: 3rem;
    padding-bottom: 0;
    display: block;
  }
  .expanding-div-mobile__top .blue {
    color: #009FC3;
    font-weight: bold;
  }
  .expanding-div-mobile__top p,
.expanding-div-mobile__top a {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #333;
  }
  .expanding-div-mobile__list {
    padding: 3rem;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }
  .expanding-div-mobile__list h2 {
    background: #009FC3;
    font-family: titleFont;
    display: inline-block;
    color: #FFF;
    font-size: 2rem;
    padding: 1rem;
    margin-bottom: 0;
  }
  .expanding-div-mobile__list ul {
    margin-top: -10px;
    padding: 2rem 1rem;
    background: #E5F5F9;
    list-style: none;
  }
  .expanding-div-mobile__list ul li {
    font-size: 1.4rem;
    color: #009FC3;
  }
  .expanding-div-mobile .landscape {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .expanding-div-mobile .quotes {
    margin-top: 3rem !important;
  }
  .expanding-div-mobile .quotes .quote-top,
.expanding-div-mobile .quotes .quote-bottom {
    width: 15px !important;
  }
  .expanding-div-mobile .quotes .quote-top img,
.expanding-div-mobile .quotes .quote-bottom img {
    width: 15px !important;
  }
  .expanding-div-mobile .quotes .pink {
    width: 130px !important;
    margin-top: 10px !important;
  }

  .slide-down-mobile {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    flex-direction: row;
    margin-left: 23px;
    margin-top: 10px;
  }


}
@media (max-width: 900px) and (max-height: 520px), (max-height: 600px) and (max-height: 520px) {
  .slide-down-mobile {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .slide-down-mobile img {
    width: 35px;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .slide-down-mobile span {
    color: #009FC3;
    text-transform: initial;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: titleFont;
    margin-left: 5px;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .blue-fade-dark-blue .active-circle-top-left,
.blue-fade-dark-blue .active-circle-middle-left,
.blue-fade-dark-blue .active-circle-middle-right {
    width: 25px !important;
    height: 25px !important;
    left: -15px !important;
  }
  .blue-fade-dark-blue .navigation-circle-middle-right,
.blue-fade-dark-blue .navigation-circle-middle-left,
.blue-fade-dark-blue .navigation-circle-top-left {
    width: 25px !important;
    height: 25px !important;
    left: -14px !important;
  }
  .blue-fade-dark-blue .navigation-circle-middle-left {
    top: 65% !important;
  }
  .blue-fade-dark-blue .slide__container a.navigation-circle-link.middle-left {
    top: 65% !important;
    left: -14px !important;
    width: 25px !important;
    height: 25px !important;
  }
  .blue-fade-dark-blue .slide__container a.navigation-circle-link.top-left {
    width: 25px !important;
    height: 25px !important;
    left: -14px !important;
  }
  .blue-fade-dark-blue .active-circle-middle-left {
    top: 64.5% !important;
    z-index: 1;
  }
  .blue-fade-dark-blue .navigation-circle-top-left__message {
    left: 9.5% !important;
    top: 8.5% !important;
  }
  .blue-fade-dark-blue .navigation-circle-middle-right__message {
    display: none !important;
  }
  .blue-fade-dark-blue .navigation-circle-middle-left__message {
    right: auto !important;
    left: 9.5% !important;
    top: 63% !important;
    text-align: left !important;
  }
  .blue-fade-dark-blue .active-circle-middle-right {
    display: none !important;
  }
  .blue-fade-dark-blue .navigation-circle-middle-right {
    top: 65% !important;
  }
  .blue-fade-dark-blue .right-arrow {
    display: none;
  }
  .blue-fade-dark-blue .hidden-on-mobile .navigation-circle-middle-right__message {
    display: none !important;
  }
  .blue-fade-dark-blue .hidden-on-mobile .content-box {
    display: none;
  }
  .blue-fade-dark-blue .main-image {
    position: absolute;
    left: auto !important;
    bottom: -8% !important;
    max-width: 298px;
    right: -42%;
  }
  .blue-fade-dark-blue .content-box {
    max-width: 250px !important;
    top: 21% !important;
    right: 3% !important;
  }
  .blue-fade-dark-blue .content-box .large-paragraph {
    margin-top: 1rem !important;
  }
  .blue-fade-dark-blue .content-box h2 {
    font-size: 3rem !important;
  }
  .blue-fade-dark-blue .content-box h3 {
    margin-left: 25px !important;
    margin-bottom: 0 !important;
  }
  .blue-fade-dark-blue .content-box p {
    font-size: 1.8rem !important;
  }
  .blue-fade-dark-blue .content-box p span {
    font-size: 1.8rem !important;
    padding: 1px !important;
  }
  .blue-fade-dark-blue .content-box.middle {
    max-width: 299px !important;
    top: 16% !important;
    right: 1% !important;
  }
  .blue-fade-dark-blue .content-box.middle .content-box__flex {
    justify-content: left !important;
    margin-left: 15px;
    margin-top: 0 !important;
  }
  .blue-fade-dark-blue .content-box.middle .column {
    width: 70px !important;
    justify-content: left !important;
    margin-top: 20px;
  }
  .blue-fade-dark-blue .content-box.middle .column__circle {
    margin-top: 1.5rem !important;
    height: 50px !important;
    width: 60px !important;
  }
  .blue-fade-dark-blue .content-box.middle .column__circle .progressbar-text {
    font-size: 10.5px !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .blue-no-gradient .blue-arrows-down {
    display: none;
  }
  .blue-no-gradient .main-image {
    right: -34% !important;
    bottom: -55px !important;
    max-width: 100% !important;
    width: 368px !important;
  }
  .blue-no-gradient .statistics-graphic {
    display: none !important;
  }
  .blue-no-gradient .active-circle {
    width: 25px !important;
    height: 25px !important;
    left: -15px;
    top: 6% !important;
  }
  .blue-no-gradient .navigation-circle-message {
    right: 55% !important;
    top: 5.5% !important;
  }
  .blue-no-gradient .arrow-left {
    display: none;
  }
  .blue-no-gradient .content-box {
    top: 12% !important;
    left: 5% !important;
    max-width: 290px !important;
    width: 100%;
  }
  .blue-no-gradient .content-box p {
    font-size: 1.8rem !important;
    line-height: 1.6 !important;
  }
  .blue-no-gradient .content-box p span {
    padding: 1px !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .blue-no-gradient.seven-half .navigation-circle {
    width: 25px !important;
    height: 25px !important;
    left: -14px;
    top: auto !important;
    bottom: 30% !important;
    border: 2px solid #FFF !important;
    background-color: #003889 !important;
  }
  .blue-no-gradient.seven-half .navigation-circle.active {
    background-color: #FFF !important;
    border: 2px solid #003889 !important;
  }
  .blue-no-gradient.seven-half .navigation-circle-message {
    right: 65% !important;
    top: auto !important;
    bottom: 29.5%;
  }
  .blue-no-gradient.seven-half .main-image {
    opacity: 1 !important;
    bottom: 0 !important;
    max-width: 415px !important;
  }
  .blue-no-gradient.seven-half .pink {
    padding: 1rem;
    font-size: 3rem;
    background: #DD39EA;
    color: #FFF;
    font-family: titleFont;
    position: absolute;
    top: 2%;
    left: 10%;
  }
  .blue-no-gradient.seven-half .content-box {
    opacity: 1 !important;
    top: 15% !important;
    left: 10% !important;
  }
  .blue-no-gradient.seven-half .content-box span {
    background: #FFF;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .blue-fade-purple .carbon-reduction-graphic {
    display: none;
  }
  .blue-fade-purple .blue-title {
    margin-top: 0 !important;
  }
  .blue-fade-purple .main-image {
    width: 100% !important;
    max-width: 345px !important;
    right: -85px !important;
  }
  .blue-fade-purple .pink-arrows-down {
    bottom: 4% !important;
    right: -2% !important;
    width: 14px !important;
  }
  .blue-fade-purple .navigation-circle-one {
    left: -14px !important;
    top: auto !important;
    bottom: 20%;
    background-color: #4F3DCB !important;
  }
  .blue-fade-purple .navigation-circle.active-circle {
    left: -14px !important;
    top: auto !important;
    bottom: 20%;
  }
  .blue-fade-purple .navigation-circle.active-circle.disabled {
    background-color: #4F3DCB !important;
  }
  .blue-fade-purple .active-circle-message {
    top: auto !important;
    left: 9% !important;
    bottom: 19.5%;
  }
  .blue-fade-purple .navigation-circle-top-right {
    top: auto !important;
    bottom: 12%;
    left: -14px !important;
    background-color: #4F3DCB !important;
  }
  .blue-fade-purple .navigation-circle-top-right.active {
    background-color: #FFF !important;
  }
  .blue-fade-purple .navigation-circle-top-right-message {
    top: auto !important;
    left: 9.5% !important;
    bottom: 11.5% !important;
  }
  .blue-fade-purple .navigation-circle-right-top {
    background-color: #4F3DCB !important;
    top: auto !important;
    right: auto !important;
    bottom: 4% !important;
    left: -14px !important;
  }
  .blue-fade-purple .navigation-circle-right-top.active {
    background-color: #FFF !important;
  }
  .blue-fade-purple .navigation-circle-right-top-message {
    top: auto !important;
    bottom: 3.7%;
    left: 9.5% !important;
    right: auto !important;
  }
  .blue-fade-purple .navigation-circle-right-bottom {
    top: auto !important;
    right: auto !important;
    left: -14px;
    background-color: #4F3DCB !important;
    bottom: 5%;
  }
  .blue-fade-purple .navigation-circle-right-bottom.active {
    background-color: #FFF !important;
  }
  .blue-fade-purple .navigation-circle-right-bottom-message {
    top: auto !important;
    right: auto !important;
    left: 10%;
    bottom: 3.4%;
    max-width: 95px;
  }
  .blue-fade-purple .content-box {
    max-width: 300px;
    top: 50px !important;
    margin-bottom: 4rem !important;
  }
  .blue-fade-purple .content-box.extra-margin {
    margin-top: 9px !important;
  }
  .blue-fade-purple .content-box h2 {
    font-size: 3rem !important;
    margin-bottom: 25px !important;
    max-width: 375px !important;
  }
  .blue-fade-purple .content-box h2 span {
    font-size: 3rem !important;
  }
  .blue-fade-purple .content-box p {
    font-size: 10.5px !important;
    margin-bottom: 1rem !important;
  }
  .blue-fade-purple .content-box p span {
    font-size: 10.5px !important;
  }
  .blue-fade-purple .content-box a {
    font-size: 10.5px !important;
  }
  .blue-fade-purple .content-box .links-only {
    margin-top: 10px;
    margin-bottom: 10px !important;
  }
  .blue-fade-purple .content-box span {
    font-size: 2rem !important;
    width: 30px !important;
    height: 30px !important;
  }
  .blue-fade-purple .content-box .column-two {
    font-size: 10.5px !important;
  }
  .blue-fade-purple .content-box .column-two span {
    font-size: 10.5px !important;
  }
  .blue-fade-purple .content-box .resources-box {
    margin-top: 30px;
  }
  .blue-fade-purple .content-box .resources-box .mobile-only-list {
    display: block !important;
    color: #009FC3;
    padding: 0px 5px;
    font-size: 10.5px !important;
  }
  .blue-fade-purple .content-box .resources-box li:nth-child(4), .blue-fade-purple .content-box .resources-box li:nth-child(5) {
    display: none;
  }
  .blue-fade-purple .content-box .blue-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .blue-fade-purple .content-box .content-box__row {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .purple-fade .green-box {
    width: 100% !important;
    max-width: 215px !important;
    top: 4% !important;
    right: auto !important;
    left: 9% !important;
  }
  .purple-fade .first .pink-box {
    display: none !important;
  }
  .purple-fade .disabled-green-box .green-box {
    display: none !important;
  }
  .purple-fade .pink-box {
    width: 100% !important;
    max-width: 125px !important;
    font-size: 3rem !important;
    top: 1% !important;
    right: auto !important;
    left: 9% !important;
  }
  .purple-fade .main-image {
    right: -21% !important;
    bottom: -9% !important;
    width: 100% !important;
    max-width: 240px;
  }
  .purple-fade .arrows-down {
    display: none !important;
  }
  .purple-fade .circles {
    display: none !important;
  }
  .purple-fade .video-circle {
    left: 0 !important;
    top: auto !important;
    bottom: 19%;
  }
  .purple-fade .video-circle img {
    width: 19px !important;
    height: auto !important;
  }
  .purple-fade .video-message {
    top: auto !important;
    left: 9% !important;
    bottom: 18.5%;
  }
  .purple-fade .second-circle {
    top: auto !important;
    bottom: 12%;
    left: 0 !important;
  }
  .purple-fade .second-message {
    top: auto !important;
    left: 9.5% !important;
    bottom: 11.5% !important;
  }
  .purple-fade .third-circle {
    top: auto !important;
    right: auto !important;
    bottom: 13% !important;
    left: -14px !important;
  }
  .purple-fade .third-message {
    top: auto !important;
    bottom: 12.5%;
    left: 9.5% !important;
    right: auto !important;
  }
  .purple-fade .fourth-circle {
    top: auto !important;
    right: auto !important;
    left: -14px;
    bottom: 5%;
  }
  .purple-fade .fourth-message {
    top: auto !important;
    right: auto !important;
    left: 10%;
    bottom: 3.4%;
    max-width: 95px;
  }
  .purple-fade .line-indicator {
    display: none !important;
  }
  .purple-fade .video-popup {
    left: 50% !important;
    height: 148px !important;
    top: 41% !important;
  }
  .purple-fade .video-popup iframe {
    height: 100% !important;
  }
  .purple-fade .content-box {
    width: 90% !important;
    height: auto !important;
    bottom: auto !important;
    top: 21% !important;
    left: 10% !important;
  }
  .purple-fade .content-box p {
    font-size: 1.5rem !important;
    line-height: 1.4;
  }
  .purple-fade .content-box .blue-title {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .purple-fade .content-box .statistics-box {
    max-width: 95% !important;
    margin-left: 0 !important;
    margin-top: -30px !important;
  }
  .purple-fade .content-box .statistics-box p {
    margin: 0 !important;
    line-height: 1.6 !important;
  }
  .purple-fade .content-box .resources-box {
    margin-top: 13px;
  }
  .purple-fade .content-box .resources-box h2 {
    font-size: 3rem !important;
  }
  .purple-fade .content-box .resources-box ul img {
    width: 20px !important;
  }
  .purple-fade .content-box .resources-box ul a {
    font-size: 10.5px !important;
  }
  .purple-fade .disabled-labels .video-message {
    display: none !important;
  }
  .purple-fade .disabled-labels .second-message {
    display: none !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .section.light-purple-fade .city-draw {
    display: none;
  }
  .section.light-purple-fade .main-image {
    width: 100% !important;
    max-width: 211px;
    bottom: -25px !important;
    right: -13% !important;
  }
  .section.light-purple-fade .green-circles {
    display: none;
  }
  .section.light-purple-fade .arrow-left {
    display: none;
  }
  .section.light-purple-fade .pink-box {
    max-width: 125px !important;
    font-size: 3rem;
    top: 4% !important;
    right: auto !important;
    left: 9% !important;
  }
  .section.light-purple-fade .video-circle {
    left: 0 !important;
    top: auto !important;
    bottom: 29%;
  }
  .section.light-purple-fade .video-circle img {
    width: 20px !important;
  }
  .section.light-purple-fade .video-message {
    top: auto !important;
    left: 9% !important;
    bottom: 28.5%;
  }
  .section.light-purple-fade .second-circle {
    top: auto !important;
    bottom: 21%;
    left: 0 !important;
  }
  .section.light-purple-fade .second-message {
    top: auto !important;
    left: 9.5% !important;
    bottom: 20.5% !important;
  }
  .section.light-purple-fade .third-circle {
    top: auto !important;
    right: auto !important;
    bottom: 13% !important;
    left: -14px !important;
  }
  .section.light-purple-fade .third-message {
    top: auto !important;
    bottom: 11.5%;
    left: 9.5% !important;
    right: auto !important;
  }
  .section.light-purple-fade .video-line {
    display: none;
  }
  .section.light-purple-fade .video-popup {
    left: 53% !important;
    height: 135px !important;
    width: 242px !important;
    top: 38%;
  }
  .section.light-purple-fade .video-popup iframe {
    height: 140px !important;
  }
  .section.light-purple-fade .disabled-labels .second-message,
.section.light-purple-fade .disabled-labels .third-message {
    display: none !important;
  }
  .section.light-purple-fade .stats-row {
    margin-top: 0 !important;
  }
  .section.light-purple-fade .stats-row p {
    color: #FFF !important;
    font-size: 1.5rem !important;
  }
  .section.light-purple-fade .stats-row p span {
    color: #0057B8;
  }
  .section.light-purple-fade .content-box {
    z-index: 99;
    top: 24% !important;
    left: 10% !important;
  }
  .section.light-purple-fade .content-box h3.blue-title {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .purple-pink-fade .main-image {
    width: 100% !important;
    left: auto !important;
    right: -36% !important;
    bottom: -7% !important;
    max-width: 240px;
  }
  .purple-pink-fade .arrow-left,
.purple-pink-fade .orange-wave,
.purple-pink-fade .star-one,
.purple-pink-fade .star-two {
    display: none !important;
  }
  .purple-pink-fade .pink-box {
    font-size: 3rem !important;
    max-width: 142px !important;
    left: 9% !important;
    top: 0% !important;
    right: auto !important;
  }
  .purple-pink-fade .video-circle {
    left: 0 !important;
    top: auto !important;
    bottom: 29%;
    background-color: #AF41E2 !important;
  }
  .purple-pink-fade .video-circle.active {
    background-color: #FFF !important;
  }
  .purple-pink-fade .video-circle img {
    width: 20px !important;
  }
  .purple-pink-fade .video-message {
    top: auto !important;
    left: 9% !important;
    bottom: 27.5%;
  }
  .purple-pink-fade .second-circle {
    top: auto !important;
    bottom: 13%;
    left: 0 !important;
  }
  .purple-pink-fade .second-message {
    top: auto !important;
    left: 9.5% !important;
    bottom: 12.5% !important;
  }
  .purple-pink-fade .third-circle {
    top: auto !important;
    right: auto !important;
    bottom: 5% !important;
    left: -14px !important;
  }
  .purple-pink-fade .third-message {
    top: auto !important;
    bottom: 4.5%;
    left: 9.5% !important;
    right: auto !important;
  }
  .purple-pink-fade .fourth-circle {
    top: auto !important;
    right: auto !important;
    left: -14px !important;
    bottom: 5%;
  }
  .purple-pink-fade .fourth-message {
    top: auto !important;
    right: auto !important;
    left: 10% !important;
    bottom: 3.4%;
    max-width: 95px;
  }
  .purple-pink-fade .video-popup {
    top: 39% !important;
    left: 50% !important;
    height: 140px !important;
    z-index: 999;
    width: 243px !important;
  }
  .purple-pink-fade .video-popup iframe {
    height: 140px !important;
  }
  .purple-pink-fade .video-line {
    display: none !important;
  }
  .purple-pink-fade .content-box {
    right: 0 !important;
    width: 90% !important;
    top: 10% !important;
  }
  .purple-pink-fade .content-box p {
    margin: 3px 0;
  }
  .purple-pink-fade .disabled-labels .video-message {
    display: none;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .section.pink-darkbluepurple-fade .parks {
    display: none !important;
  }
  .section.pink-darkbluepurple-fade .white-waves {
    display: none !important;
  }
  .section.pink-darkbluepurple-fade .main-image {
    width: 129% !important;
    bottom: -32px !important;
    z-index: -1;
  }
  .section.pink-darkbluepurple-fade .blue-square {
    display: none !important;
  }
  .section.pink-darkbluepurple-fade .double-arrows-down {
    display: none !important;
  }
  .section.pink-darkbluepurple-fade .green-box {
    padding-right: 0 !important;
    top: 5% !important;
    right: auto !important;
    padding-left: 0 !important;
    left: 6% !important;
    text-align: left !important;
  }
  .section.pink-darkbluepurple-fade .first-circle {
    top: auto !important;
    bottom: 35%;
    left: 0 !important;
  }
  .section.pink-darkbluepurple-fade .first-message {
    left: 9.5% !important;
    text-align: left !important;
    top: auto !important;
    bottom: 33.5% !important;
  }
  .section.pink-darkbluepurple-fade .second-circle {
    top: auto !important;
    bottom: 25%;
    left: 0 !important;
  }
  .section.pink-darkbluepurple-fade .second-message {
    left: 9.5% !important;
    text-align: left !important;
    top: auto !important;
    bottom: 23.5% !important;
  }
  .section.pink-darkbluepurple-fade .third-circle {
    top: auto !important;
    bottom: 15% !important;
    left: -14px !important;
  }
  .section.pink-darkbluepurple-fade .third-message {
    left: 9.5% !important;
    text-align: left !important;
    top: auto !important;
    bottom: 13.5% !important;
  }
  .section.pink-darkbluepurple-fade .fourth-circle {
    top: auto !important;
    bottom: 5% !important;
    left: -14px !important;
  }
  .section.pink-darkbluepurple-fade .fourth-message {
    left: 9.5% !important;
    text-align: left !important;
    top: auto !important;
    bottom: 3.5% !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .pink-orange-fade .navigation-circle {
    left: -14px !important;
  }
  .pink-orange-fade .navigation-message__one {
    top: 6.5% !important;
    left: 9.5% !important;
  }
  .pink-orange-fade .navigation-message__two {
    top: 32% !important;
    left: 9.5% !important;
  }
  .pink-orange-fade .navigation-message__three {
    top: 59% !important;
    left: 9.5% !important;
  }
  .pink-orange-fade .navigation-message__four {
    left: 9.5% !important;
    top: 84% !important;
  }
  .pink-orange-fade .main-image {
    width: 450px !important;
    z-index: -1;
  }
  .pink-orange-fade .doublewaves,
.pink-orange-fade .stars {
    display: none !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .section.orange-fade .main-image {
    width: 100%;
    bottom: -2% !important;
    max-width: 250px;
  }
  .section.orange-fade .multiple-stars {
    width: 50px;
  }
  .section.orange-fade .curved-line {
    display: none !important;
  }
  .section.orange-fade .green-box {
    top: 4% !important;
    max-width: 145px !important;
    left: 9% !important;
    right: auto !important;
  }
  .section.orange-fade .video-circle {
    left: 0 !important;
    top: auto !important;
    bottom: 40%;
    left: 0% !important;
  }
  .section.orange-fade .video-circle img {
    width: 20px !important;
  }
  .section.orange-fade .video-message {
    top: auto !important;
    left: 9% !important;
    bottom: 39%;
    text-align: left;
  }
  .section.orange-fade .video-line {
    display: none !important;
  }
  .section.orange-fade .video-popup {
    left: 54% !important;
    top: 41% !important;
    height: 138px !important;
  }
  .section.orange-fade .video-popup iframe {
    height: 139px !important;
  }
  .section.orange-fade .slide__container .content-box {
    width: 95% !important;
    top: 14% !important;
    padding-left: 25px;
    left: 0 !important;
    z-index: 99;
  }
  .section.orange-fade .slide__container .content-box p {
    font-size: 10.5px !important;
    margin: 2px 0 0 0 !important;
  }
  .section.orange-fade .slide__container .content-box.statistics {
    display: block !important;
  }
  .section.orange-fade .slide__container .content-box.statistics .meter {
    display: none !important;
  }
  .section.orange-fade .slide__container .content-box.statistics .statistics-group {
    padding: 0 1px !important;
    margin-top: 5px !important;
  }
  .section.orange-fade .slide__container .content-box.statistics .statistics-group .statistics-group__left {
    display: none !important;
  }
  .section.orange-fade .slide__container .content-box.statistics .statistics-group p span {
    background: #FFF;
    color: #EF6632;
    padding: 5px;
    font-size: 14px !important;
    font-weight: bold;
  }
  .section.orange-fade .slide__container .content-box.statistics .statistics-group .numbers {
    background: #FFF;
    color: #EF6632;
    padding: 5px;
    font-size: 11px !important;
    font-weight: bold;
  }
  .section.orange-fade .slide__container .content-box.statistics .statistics-group img {
    display: none !important;
  }
  .section.orange-fade .slide__container .content-box.statistics .statistics-group .statistics-row {
    margin-top: 0 !important;
  }
  .section.orange-fade .disabled-labels .video-message,
.section.orange-fade .disabled-labels .second-message {
    display: none !important;
  }
  .section.orange-fade .blue-box {
    display: none;
  }
  .section.orange-fade .second-circle {
    top: auto !important;
    bottom: 33%;
    left: 0 !important;
  }
  .section.orange-fade .second-message {
    top: auto !important;
    left: 9.5% !important;
    bottom: 32% !important;
    text-align: left !important;
  }
  .section.orange-fade .third-circle {
    top: auto !important;
    right: auto !important;
    bottom: 26% !important;
    left: -14px !important;
  }
  .section.orange-fade .third-message {
    top: auto !important;
    bottom: 25%;
    left: 9.5% !important;
    right: auto !important;
    text-align: left !important;
  }
  .section.orange-fade .fourth-circle {
    top: auto !important;
    right: auto !important;
    left: -14px;
    bottom: 5%;
  }
  .section.orange-fade .fourth-message {
    top: auto !important;
    right: auto !important;
    left: 10%;
    bottom: 3.4%;
    max-width: 95px;
    text-align: left !important;
  }
  .section.orange-fade .fifth-circle {
    top: auto !important;
    right: auto !important;
    left: -14px;
    bottom: 19%;
  }
  .section.orange-fade .fifth-message {
    top: auto !important;
    right: auto !important;
    left: 10%;
    bottom: 18%;
    max-width: 95px;
    text-align: left !important;
  }
  .section.orange-fade .six-circle {
    top: auto !important;
    right: auto !important;
    left: -14px;
    bottom: 12%;
  }
  .section.orange-fade .six-message {
    top: auto !important;
    right: auto !important;
    left: 10%;
    bottom: 12%;
    max-width: 95px;
    text-align: left !important;
  }
  .section.orange-fade .right-arrow {
    display: none;
  }

  #disabling-mob{
    display: none;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .orange-no-fade .main-image {
    width: 100% !important;
    bottom: 2% !important;
    z-index: -1;
    right: -27% !important;
  }
  .orange-no-fade .line-indicator {
    display: none !important;
  }
  .orange-no-fade .content-box {
    max-width: 300px;
    top: 3% !important;
    margin-bottom: 4rem !important;
  }
  .orange-no-fade .content-box h2 {
    font-size: 3rem !important;
    margin-bottom: 15px !important;
  }
  .orange-no-fade .content-box h2 span.top,
.orange-no-fade .content-box h2 span.bottom {
    padding-right: 12px !important;
    font-size: 18px !important;
  }
  .orange-no-fade .content-box p {
    font-size: 10.5px !important;
    margin-bottom: 1rem !important;
  }
  .orange-no-fade .content-box p span {
    font-size: 10.5px !important;
  }
  .orange-no-fade .content-box a {
    font-size: 10.5px !important;
  }
  .orange-no-fade .content-box .links-only {
    margin-top: 10px;
    margin-bottom: 10px !important;
  }
  .orange-no-fade .content-box span {
    font-size: 2rem !important;
    width: 30px !important;
    height: 30px !important;
  }
  .orange-no-fade .content-box .column-two {
    font-size: 10.5px !important;
  }
  .orange-no-fade .content-box .column-two span {
    font-size: 10.5px !important;
  }
  .orange-no-fade .content-box .resources-box {
    margin-top: 30px;
  }
  .orange-no-fade .content-box .blue-title {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
  }
  .orange-no-fade .video-circle {
    left: 0 !important;
    top: auto !important;
    bottom: 29%;
    left: 0% !important;
  }
  .orange-no-fade .video-circle img {
    width: 20px !important;
  }
  .orange-no-fade .video-message {
    top: auto !important;
    left: 9% !important;
    bottom: 27.5%;
  }
  .orange-no-fade .second-circle {
    top: auto !important;
    bottom: 21%;
    left: 0 !important;
  }
  .orange-no-fade .second-message {
    top: auto !important;
    left: 9.5% !important;
    bottom: 19.5% !important;
    text-align: left !important;
  }
  .orange-no-fade .third-circle {
    top: auto !important;
    right: auto !important;
    bottom: 13% !important;
    left: -14px !important;
  }
  .orange-no-fade .third-message {
    top: auto !important;
    bottom: 11.5%;
    left: 9.5% !important;
    right: auto !important;
    text-align: left !important;
  }
  .orange-no-fade .fourth-circle {
    top: auto !important;
    right: auto !important;
    left: -14px;
    bottom: 5%;
  }
  .orange-no-fade .fourth-message {
    top: auto !important;
    right: auto !important;
    left: 10%;
    bottom: 3.4%;
    max-width: 95px;
    text-align: left !important;
  }
  .orange-no-fade .green-box {
    width: 250px !important;
    top: 4% !important;
    left: 9% !important;
    right: auto !important;
  }
  .orange-no-fade .video-popup {
    left: 54% !important;
    top: 41% !important;
    height: 138px !important;
  }
  .orange-no-fade .video-popup iframe {
    height: 139px !important;
  }
  .orange-no-fade .content-box {
    max-width: 278px !important;
  }
  .orange-no-fade .content-box.list {
    top: 18% !important;
    left: 11.9% !important;
  }
  .orange-no-fade .content-box.list .column-one {
    display: none !important;
  }
  .orange-no-fade .content-box.list .content-box__row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .orange-no-fade .content-box.list .content-box__row p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .orange-no-fade .content-box .statistics-box {
    margin-top: 30%;
    margin-left: 11%;
  }
  .orange-no-fade .arrows-down {
    display: none !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .orange-yellow-fade .double-crosses {
    display: none;
  }
  .orange-yellow-fade .blue-waves {
    display: none;
  }
  .orange-yellow-fade .main-image {
    max-width: 420px !important;
    bottom: 0 !important;
    right: -13% !important;
    z-index: -1;
  }
  .orange-yellow-fade .dotarrows {
    display: none;
  }
  .orange-yellow-fade .bbb-landscape {
    display: none;
  }
  .orange-yellow-fade .arrow-left {
    display: none;
  }
  .orange-yellow-fade .video-circle {
    left: -14px !important;
    top: 60% !important;
  }
  .orange-yellow-fade .video-circle img {
    width: 20px !important;
  }
  .orange-yellow-fade .message {
    top: 60% !important;
    left: 38% !important;
  }
  .orange-yellow-fade .message__two {
    top: auto !important;
    bottom: 22% !important;
    left: 31% !important;
  }
  .orange-yellow-fade .blue-circle {
    left: -14px !important;
    width: 25px !important;
    height: 25px !important;
    bottom: 23% !important;
  }
  .orange-yellow-fade .content-box {
    top: 4% !important;
    left: 10% !important;
    right: auto !important;
  }
  .orange-yellow-fade .large-line {
    display: none !important;
  }
  .orange-yellow-fade .video-popup-two {
    width: 100% !important;
  }
  .orange-yellow-fade .video-popup-two iframe {
    width: 100% !important;
    height: 196px !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .yellow-fade .main-image {
    max-width: 351px;
    right: -31% !important;
    bottom: -19px !important;
    z-index: -1;
  }
  .yellow-fade .content-box {
    right: auto !important;
    width: 90% !important;
    top: 12% !important;
    left: 10% !important;
  }
  .yellow-fade .navigation-circle {
    top: auto !important;
    bottom: 33% !important;
    left: 0 !important;
  }
  .yellow-fade .navigation-message {
    bottom: 31.5% !important;
    left: 9% !important;
    top: auto !important;
  }
  .yellow-fade .arrow-left {
    display: none;
  }
  .yellow-fade .star-one,
.yellow-fade .star-two {
    width: 19px !important;
  }
  .yellow-fade .purple-waves {
    width: 85px !important;
  }
  .yellow-fade .green-animation,
.yellow-fade .green-box {
    width: 110px !important;
    right: 0;
    left: auto !important;
  }
  .yellow-fade .green-box {
    max-width: 86px !important;
    padding-top: 8px;
    padding-bottom: 7px;
    left: 10% !important;
    right: auto !important;
    top: 20px;
  }
  .yellow-fade .green-box.visible {
    width: 95px !important;
    right: 5% !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .yellow-no-fade .arrow-left {
    display: none;
  }
  .yellow-no-fade .img-bg {
    object-position: left;
  }
  .yellow-no-fade .video-circle {
    left: -14px !important;
  }
  .yellow-no-fade .video-circle img {
    width: 20px !important;
  }
  .yellow-no-fade .message {
    top: 12.5% !important;
    left: 23% !important;
  }
  .yellow-no-fade .message__two {
    top: auto !important;
    bottom: 13.5% !important;
    left: 21% !important;
  }
  .yellow-no-fade .blue-circle {
    left: -14px !important;
    width: 25px !important;
    height: 25px !important;
  }
  .yellow-no-fade .large-line {
    display: none;
  }
  .yellow-no-fade .content-box {
    top: 2% !important;
    left: 10% !important;
    right: auto !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .stats-row.mobile {
    display: block !important;
  }
  .stats-row.desktop {
    display: none !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .videoOverlayThree .videoPopup {
    height: 220px;
  }
  .videoOverlayThree .videoPopup iframe {
    height: 220px;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .videoOverlayFive .videoPopup {
    height: 220px;
  }
  .videoOverlayFive .videoPopup iframe {
    height: 220px;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  p.blue a {
    color: #009FC3 !important;
    font-weight: bold !important;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .navigation-circle {
    z-index: 1;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .mobile-menu {
    transition: all 0.3;
    height: 0;
  }
  .mobile-menu.active {
    display: block;
    background: white;
    height: 100%;
    width: 100%;
    z-index: 998;
    position: absolute;
    overflow: auto;
  }
  .mobile-menu__container {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
  }
  .mobile-menu__container .logo {
    max-width: 140px;
    align-self: flex-start;
  }
  .mobile-menu__container ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
    margin-top: 0;
    align-self: flex-end;
    margin-bottom: 45px;
  }
  .mobile-menu__container ul li {
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #ffc599;
  }
  .mobile-menu__container ul li:last-of-type {
    border-bottom: 0;
  }
  .mobile-menu__container ul li a {
    text-transform: uppercase;
    color: #FF6D00;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 11px;
  }
}
@media (max-width: 900px), (max-height: 600px) {
  .mobile-menu-trigger {
    display: flex !important;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999;
    width: 42px;
  }
  .mobile-menu-trigger__container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
  }
  .mobile-menu-trigger .text {
    color: #FFF;
    font-size: 14px;
    font-family: "museo-sans", sans-serif;
    transition: all 0.3s;
    letter-spacing: 2px;
  }
  .mobile-menu-trigger .burger {
    border: 2px solid #FFF;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
  }
  .mobile-menu-trigger .burger__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-evenly;
    height: 23px;
  }
  .mobile-menu-trigger .burger span {
    width: 20px;
    height: 2px;
    background: #FFF;
    display: block;
    transition: all 0.3s;
  }
  .mobile-menu-trigger.active .burger {
    border: 2px solid #000;
  }
  .mobile-menu-trigger.active span {
    background: #000;
  }
  .mobile-menu-trigger.active span.top {
    transform: rotate(315deg);
    margin-top: 9px;
  }
  .mobile-menu-trigger.active span.middle {
    opacity: 0;
  }
  .mobile-menu-trigger.active span.bottom {
    transform: rotate(-315deg);
    margin-top: -17px;
  }
  .mobile-menu-trigger.active .text {
    opacity: 0;
  }
}
.mobile-report-video {
  color: #009FC3 !important;
  text-align: center;
  font-size: 1.6rem;
  text-decoration: underline;
}

.stats-row.mobile {
  display: none;
}
.stats-row.desktop {
  display: block;
}

.slide-down-mobile {
  display: none;
}

.expanding-div-mobile {
  display: none;
}

.left-line-mobile {
  display: none;
}

.mobile-line {
  display: none;
}

#close-popup-mobile {
  display: none;
}

.mobile-menu-trigger {
  display: none;
}

.mobile-menu {
  display: none;
}

.fp-viewing-the-membership-2 .mobile-menu-trigger,
.fp-viewing-IEMAs-community-and-networks-2 .mobile-menu-trigger,
.fp-viewing-iema-regions-2 .mobile-menu-trigger,
.fp-viewing-knowledge-insight-influencing-1 .mobile-menu-trigger,
.fp-viewing-knowledge-insight-influencing-2 .mobile-menu-trigger,
.fp-viewing-knowledge-insight-influencing-3 .mobile-menu-trigger,
.fp-viewing-knowledge-insight-influencing-4 .mobile-menu-trigger,
.fp-viewing-knowledge-insight-influencing-two-1 .mobile-menu-trigger,
.fp-viewing-knowledge-insight-influencing-two-2 .mobile-menu-trigger,
.fp-viewing-knowledge-insight-influencing-two-3 .mobile-menu-trigger,
.fp-viewing-knowledge-insight-influencing-two-4 .mobile-menu-trigger,
.fp-viewing-inclusivity-diversity-2 .mobile-menu-trigger,
.fp-viewing-build-back-better-2 .mobile-menu-trigger {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "museo-sans", sans-serif;
  font-weight: 500;
}

span.text,
p,
a,
ul,
li {
  font-size: 2.2rem;
  font-family: "museo-sans", sans-serif;
  font-weight: 400;
}

ul li {
  font-size: 1.6rem !important;
}
ul li span {
  font-size: 1.9rem;
}
ul li p {
  font-size: 1.9rem;
  margin-bottom: 0;
}

li {
  font-size: 1.6rem;
}
li span {
  font-size: 1.9rem;
}
li p {
  font-size: 1.9rem;
  margin-bottom: 0;
}

ul {
  padding-left: 20px;
}

html {
  font-size: 62.5%;
}
@media only screen and (max-width: 75em) {
  html {
    font-size: 58%;
  }
}
@media only screen and (max-width: 56.35em) {
  html {
    font-size: 56%;
  }
}
@media only screen and (max-width: 37.5em) {
  html {
    font-size: 54%;
  }
}

body {
  margin: 0;
  overflow-x: hidden;
}

a img {
  transition: all 0.5s;
}
a:hover img {
  filter: opacity(0.2);
}

ul li p:before {
  display: none;
}

.single .col-4 img {
  width: 100%;
}
.single h1 a {
  font-weight: 500;
  font-size: 3.5rem;
}

.fp-controlArrow {
  display: none;
}

.section.light-green {
  background-color: #A5D300;
  position: relative;
}
.section__centre-aligned {
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
  overflow: auto;
  zoom: 0.8;
}
.section__centre-aligned.reduced-width {
  max-width: 625px;
  width: 100%;
}
.section__centre-aligned.reduced-width p {
  color: #FFF;
  text-align: center;
  line-height: 1.6;
}
.section__centre-aligned img {
  width: 100%;
}
.section__centre-aligned h1 {
  color: #FFF;
  font-size: 2.8rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 8rem;
}
.section__centre-aligned .scroll-down {
  position: absolute;
  bottom: 10rem;
  left: 50%;
  transform: translateX(-50%) !important;
  width: 60px;
}
.section__centre-aligned .absolute-centre {
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%) !important;
  width: auto;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
}
.section.light-green-darken-green {
  background: #a5d300;
  background: linear-gradient(180deg, #a5d300 0%, #a5d300 52%, #2ab98a 100%);
}
.section.light-green-darken-green .section-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.section.light-green-darken-green .section-container .scroll-down {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
}
.section.light-green-darken-green .section-container .small-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 60px;
}
.section.turquoise-fade {
  background: #2ab98a;
  background: linear-gradient(180deg, #2ab98a 0%, #009fc3 100%, #009fc3 100%);
}
.section.turquoise-fade--darker {
  background: #2ab98a;
  background: linear-gradient(180deg, #009fc3 0%, #0084a1 100%, #0084a1 100%);
}
.section.turquoise-fade .section-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.section.turquoise-fade .section-container .scroll-down {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.section.turquoise-fade .section-container .large-line {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 47vh;
}
.section.turquoise-fade .section-container .absolute-centre {
  position: absolute;
  top: 50%;
  left: 57%;
  transform: translate(-50%, -50%);
  width: auto;
  font-weight: bold;
  color: #FFF;
  font-size: 1.3rem;
}
.section.turquoise-fade .section-container .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.section.turquoise-fade .section-container .play-button-text {
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 44%;
  transform: translate(-50%, -50%);
  width: auto;
  font-weight: bold;
  color: #FFF;
  font-size: 1.3rem;
}
.section.turquoise-dark-blue {
  background: linear-gradient(180deg, #009fc3 0%, #0084a1 100%, #0057b8 100%);
}
.section.turquoise-dark-blue .slide__container .top-line {
  position: absolute;
  background: white;
  left: 50%;
  transform: translateX(-50%);
  top: -30%;
}
.section.turquoise-dark-blue .slide__container .navigation-circle {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  transform: translateX(-50%);
  top: 15%;
  background: #0099BC;
  border: 2px solid #FFF;
}
.section.turquoise-dark-blue .slide__container .navigation-circle.active {
  background: #FFF;
  border: 2px solid #0099BC;
}
.section.turquoise-dark-blue .slide__container .active-point-text {
  position: absolute;
  width: auto;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  left: 43%;
  transform: translateX(-43%);
  top: 16.5%;
  font-weight: 600;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 {
  position: relative;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .individual-woman {
  position: absolute;
  bottom: 14%;
  left: 18%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .individual-woman#fadeInOne {
  opacity: 0;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .iema {
  position: absolute;
  top: 14%;
  left: 20%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .iema#jackInTheBox {
  opacity: 0;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .wind-elements {
  position: absolute;
  left: 0;
  position: absolute;
  left: 12%;
  top: 29%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .wind-elements#fadeInTwo {
  opacity: 0;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .single-blue-wave {
  position: absolute;
  bottom: 17%;
  left: 10%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .single-blue-wave#fadeInRight {
  opacity: 0;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .green-arrows-down {
  position: absolute;
  right: 5%;
  bottom: 27%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .green-arrows-down#fadeDown {
  opacity: 0;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .picture {
  position: absolute;
  top: 17%;
  z-index: 99;
  left: 6%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .circle-content-box {
  width: 530px;
  height: 530px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 530px;
  position: absolute;
  left: -13%;
  top: 28%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .circle-content-box:before {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .circle-content-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 101%;
  border-radius: 100%;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .circle-content-box p {
  color: #FFF;
  font-size: 1.5rem;
  padding: 0 9rem;
  text-align: center;
  line-height: 1.7;
}
.section.turquoise-dark-blue .slide__container .content-container .col-6 .connector {
  width: 201px;
  height: 2px;
  background: white;
  position: absolute;
  transform: rotate(304deg);
  transition: all 0.8s;
  top: 27%;
  right: -9%;
  opacity: 0;
}
.section.turquoise-dark-blue .slide.active .connector {
  opacity: 1 !important;
}
.section.turquoise-dark-blue .slide.active .circle-content-box:before {
  border: 2px solid transparent;
  border-top-color: #FFF;
  border-right-color: #FFF;
  border-bottom-color: #FFF;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.section.turquoise-dark-blue .slide.active .circle-content-box:after {
  border-top: 3px solid #FFF;
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
.section.turquoise-dark-blue .navigation-circle {
  z-index: 1;
}
.section.turquoise-fade-dark-blue {
  background: linear-gradient(180deg, #0084a1 14%, #0452ab 122%);
}
.section.turquoise-fade-dark-blue .slide .grouped-elements {
  position: absolute;
  bottom: 3%;
  right: 0;
}
.section.turquoise-fade-dark-blue .slide .arrow-left {
  width: 18px;
  top: 14%;
  right: 20%;
  position: absolute;
}
.section.turquoise-fade-dark-blue .slide .video-circle {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 100%;
  top: 13%;
  left: 22%;
  background: #0580A2;
  border: 2px solid #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.turquoise-fade-dark-blue .slide .video-circle.active {
  background: #FFF;
  border: 2px solid #0580A2;
}
.section.turquoise-fade-dark-blue .slide .video-circle img {
  width: 25px;
}
.section.turquoise-fade-dark-blue .slide .message {
  position: absolute;
  top: 8%;
  left: 24%;
  transform: translateX(-50%) !important;
  width: auto;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
}
.section.turquoise-fade-dark-blue .slide .message__two {
  left: 16.5%;
  bottom: 29.7%;
  top: auto;
  font-weight: 700;
}
.section.turquoise-fade-dark-blue .slide .blue-circle {
  position: absolute;
  bottom: 30%;
  left: 6.5%;
  width: 48px;
  height: 48px;
  background: #036AA7;
  border: 2px solid #FFF;
  border-radius: 100%;
}
.section.turquoise-fade-dark-blue .slide .blue-circle .active {
  background: #FFF;
  border: 2px solid #036AA7;
}
.section.turquoise-fade-dark-blue .slide .white-waves {
  position: absolute;
  bottom: 10%;
  width: 270px;
  right: 9%;
  opacity: 0;
}
.section.turquoise-fade-dark-blue .slide .green-arrows-down {
  position: absolute;
  left: 13%;
  top: 37%;
  width: 43px;
  opacity: 0;
}
.section.turquoise-fade-dark-blue .slide .green-arrows-down.active {
  opacity: 1 !important;
  bottom: 2%;
  top: auto;
  left: 16%;
}
.section.turquoise-fade-dark-blue .slide .content-box {
  position: absolute;
  top: 20%;
  right: 10%;
}
.section.turquoise-fade-dark-blue .slide .content-box .green-box {
  font-family: titleFont;
  color: #FFF;
  background: none;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 5rem;
  margin-bottom: 2rem;
  transition: all 0.3s;
  position: relative;
  opacity: 0;
  transition: all 0.7s;
}
.section.turquoise-fade-dark-blue .slide .content-box .green-box.visible:after {
  width: 100%;
}
.section.turquoise-fade-dark-blue .slide .content-box .green-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.turquoise-fade-dark-blue .slide .content-box .green-box.green-animation {
  width: 100%;
  opacity: 1;
}
.section.turquoise-fade-dark-blue .slide .content-box .green-box.green-animation:after {
  width: 91%;
}
.section.turquoise-fade-dark-blue .slide .content-box .italic-title {
  color: #FFF;
  font-weight: 300;
  font-style: italic;
  font-size: 2.6rem;
  display: flex;
  justify-content: center;
  opacity: 0;
  margin-right: -30px;
  transition: all 1s;
}
.section.turquoise-fade-dark-blue .slide .content-box .italic-title.italic-animation {
  margin-right: 0;
  opacity: 1;
}
.section.turquoise-fade-dark-blue .slide .content-box .italic-title.visible {
  margin-right: 0;
}
.section.turquoise-fade-dark-blue .slide .head-graphic {
  position: absolute;
  top: 41%;
  left: 35%;
  width: 271px;
  opacity: 0;
}
.section.turquoise-fade-dark-blue .slide #container {
  margin: 20px;
  width: 200px;
  height: 200px;
  position: relative;
}
.section.turquoise-fade-dark-blue .slide .video-popup-two {
  width: 730px;
  z-index: 1;
  transition: all 0.3s;
  pointer-events: inherit;
  position: absolute;
  top: 41%;
  left: 24%;
}
.section.turquoise-fade-dark-blue .slide .video-popup-two iframe {
  z-index: 999;
  max-width: 655px;
  height: 367px;
  border: 4px solid #FFF;
}
.section.turquoise-fade-dark-blue .slide .large-line {
  opacity: 0;
  transition: all 0.3s;
  width: 1px;
  position: absolute;
  top: 18%;
  left: 24%;
}
.section.turquoise-fade-dark-blue .slide .large-line.active {
  opacity: 1;
}
.section.turquoise-fade-dark-blue .slide.active .grouped-elements,
.section.turquoise-fade-dark-blue .slide.active .large-line {
  opacity: 0;
}
@keyframes expandingOne {
  0% {
    width: 48px;
    height: 48px;
    border-radius: 781px;
  }
  100% {
    width: 121%;
    height: 162%;
    border-radius: 2220px;
    bottom: -26%;
    left: -39%;
  }
}
@keyframes expandingContent {
  0% {
    display: none;
    opacity: 0;
  }
  75% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.section.turquoise-fade-dark-blue .slide .expanding-div {
  position: absolute;
  bottom: 30%;
  left: 6.5%;
  z-index: 1;
  width: 51px;
  height: 51px;
  border-radius: 100%;
  background: #FFF;
  z-index: 10;
}
.section.turquoise-fade-dark-blue .slide .expanding-content,
.section.turquoise-fade-dark-blue .slide .expanding-landscape,
.section.turquoise-fade-dark-blue .slide .expanding-resources {
  display: none;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-div {
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingOne 3s forwards ease-in-out;
  /* IE 10+, Fx 29+ */
}
.section.turquoise-fade-dark-blue .slide.active .expanding-content {
  position: absolute;
  top: 4%;
  left: -20%;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 4s ease;
  /* IE 10+, Fx 29+ */
  z-index: 1000;
  width: 39%;
  display: block;
}
@media (max-width: 1650px) {
  .section.turquoise-fade-dark-blue .slide.active .expanding-content {
    left: -10%;
  }
}
.section.turquoise-fade-dark-blue .slide.active .expanding-content p {
  font-size: 1.5rem;
  line-height: 1.8;
  color: #919396;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-content p a{
  font-size: 1.5rem;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-content p.blue {
  color: #009FC3;
  font-weight: bold;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-landscape {
  display: block;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 5s ease;
  /* IE 10+, Fx 29+ */
  position: absolute;
  bottom: 5%;
  right: 27.5%;
  width: 100%;
  z-index: 999;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-landscape img {
  width: 80%;
  margin-right: 20px;
  float: right;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-resources {
  display: block;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 4s ease;
  /* IE 10+, Fx 29+ */
  position: absolute;
  right: 43%;
  width: 33%;
  z-index: 1000;
  top: 4%;
}
@media (max-width: 1650px) {
  .section.turquoise-fade-dark-blue .slide.active .expanding-resources {
    right: 30%;
  }
}
.section.turquoise-fade-dark-blue .slide.active .expanding-resources .blue-box {
  font-family: titleFont;
  color: #FFF;
  background: #009FC3;
  padding: 0.5rem 1rem;
  font-size: 3rem;
  margin-bottom: -15px;
  display: inline-block;
  z-index: 10;
  position: relative;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-resources ul {
  padding: 0;
  background-color: #E5F5F9;
  margin: 0;
  list-style: none;
  padding: 3rem;
  margin-top: -7px;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-resources ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2rem;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-resources ul li a {
  display: flex;
  color: #009FC3;
  font-size: 1.4rem;
  margin-left: 10px;
  font-family: "museo-sans", sans-serif;
  font-weight: bold;
  transition: all 0.3s;
  margin-left: 45px;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-resources ul li a:hover {
  color: #919396;
}
.section.turquoise-fade-dark-blue .slide.active .expanding-resources img {
  width: 25px;
  max-height: 27px;
  position: absolute;
}
.section.blue-fade-dark-blue {
  background: linear-gradient(180deg, #015da5 14%, #002b80 122%);
}
.section.blue-fade-dark-blue .slide__container {
  position: relative;
}
.section.blue-fade-dark-blue .slide__container .navigation-circle-top-left {
  position: absolute;
  left: 6.5%;
  top: 10%;
  width: 48px;
}
.section.blue-fade-dark-blue .slide__container .active-circle-top-left {
  position: absolute;
  left: 6.2%;
  top: 9.7%;
  width: 48px;
  height: 48px;
  background: #FFF;
  border-radius: 100%;
  border: 4px solid #0259A3;
}
.section.blue-fade-dark-blue .slide__container .top-left {
  left: 6.2%;
  top: 9.7%;
  width: 48px;
  height: 48px;
}
.section.blue-fade-dark-blue .slide__container .navigation-circle-top-left__message {
  position: absolute;
  left: 12.5%;
  top: 9.5%;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
}
.section.blue-fade-dark-blue .slide__container .navigation-circle-middle-left {
  position: absolute;
  left: 37%;
  top: 57%;
  width: 48px;
}
.section.blue-fade-dark-blue .slide__container .middle-left {
  position: absolute;
  left: 37%;
  top: 57%;
  width: 48px;
  z-index: 10;
}
.section.blue-fade-dark-blue .slide__container .active-circle-middle-left {
  position: absolute;
  left: 36.7%;
  top: 56.5%;
  width: 48px;
  height: 48px;
  background: #FFF;
  border-radius: 100%;
  border: 4px solid #004694;
}
.section.blue-fade-dark-blue .slide__container .navigation-circle-middle-left__message {
  position: absolute;
  left: 35.5%;
  top: 63%;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
  text-align: center;
}
.section.blue-fade-dark-blue .slide__container .active-circle-middle-right {
  position: absolute;
  right: 29.6%;
  top: 56.6%;
  width: 48px;
  height: 48px;
  z-index: 1;
  background: #FFF;
  border-radius: 100%;
  border: 4px solid #004694;
}
.section.blue-fade-dark-blue .slide__container .navigation-circle-middle-right {
  position: absolute;
  right: 30%;
  top: 57%;
  width: 48px;
}
.section.blue-fade-dark-blue .slide__container .navigation-circle-middle-right__message {
  position: absolute;
  right: 28.5%;
  top: 63%;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
  text-align: center;
}
.section.blue-fade-dark-blue .slide__container .main-image {
  position: absolute;
  left: -9%;
  bottom: 6%;
}
.section.blue-fade-dark-blue .slide__container .right-arrow {
  position: absolute;
  top: 58.3%;
  left: 21%;
  width: 16px;
}
.section.blue-fade-dark-blue .slide__container .content-box {
  position: absolute;
  top: 11%;
  right: 10%;
  max-width: 700px;
  width: 100%;
}
.section.blue-fade-dark-blue .slide__container .content-box.middle {
  top: 17%;
  max-width: 850px;
  right: 3%;
}
.section.blue-fade-dark-blue .slide__container .content-box h3 {
  color: #FFF;
  font-size: 1.9rem;
  text-align: left;
  margin-left: 48px;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column {
  width: 112px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__title {
  color: #FFF;
  font-size: 1.5rem;
  text-align: center;
  font-family: "museo-sans", sans-serif;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__circle.active {
  height: 77px;
  width: 77px;
  border: 3px solid #A5D300;
  border-radius: 100%;
  color: #FFF;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  justify-content: center;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__circle.active h4 {
  color: #FFF;
  margin: 0;
  font-size: 1.2rem;
  opacity: 1;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__circle.active h5 {
  color: #A5D300;
  margin: 0;
  font-size: 2rem;
  font-weight: 100;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__circle {
  height: 83px;
  width: 83px;
  border-radius: 100%;
  color: #FFF;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  justify-content: center;
  position: relative;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__circle svg {
  position: absolute;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__circle h4 {
  color: #FFF;
  margin: 0;
  font-size: 1.2rem;
  margin-top: -24px;
  opacity: 0;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__circle h4.active {
  opacity: 1;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__circle .progressbar-text {
  color: #A5D300 !important;
  margin: 0;
  font-size: 2rem;
  font-weight: 100;
  top: 60% !important;
  font-family: "museo-sans", sans-serif;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__connector {
  height: 50px;
  width: 2px;
  background: #FFF;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__small-circle {
  width: 55px;
  height: 55px;
  border: 2px solid #A5D300;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__small-circle.negative {
  border-color: #FF0000;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__small-circle.negative h5 {
  color: #FF0000;
  margin: 0;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__small-circle.negative img {
  margin: 0;
  width: 12px;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__small-circle img {
  margin-top: 23px;
  width: 12px;
}
.section.blue-fade-dark-blue .slide__container .content-box__flex .column__small-circle h5 {
  color: #A5D300;
  font-size: 1.8rem;
  margin-top: 0px;
}
.section.blue-fade-dark-blue .slide__container .content-box .blue-box {
  font-family: titleFont;
  color: #FFF;
  background: none;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  padding-right: 5rem;
  font-size: 4rem;
  margin-bottom: 2rem;
  transition: all 0.3s;
  position: relative;
  opacity: 0;
  transition: all 0.7s;
  display: inline;
  z-index: 10;
  position: relative;
}
.section.blue-fade-dark-blue .slide__container .content-box .blue-box.visible:after {
  width: 100%;
}
.section.blue-fade-dark-blue .slide__container .content-box .blue-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #009FC3;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.blue-fade-dark-blue .slide__container .content-box .blue-box.blue-animation {
  width: 100%;
  opacity: 1;
}
.section.blue-fade-dark-blue .slide__container .content-box .blue-box.blue-animation:after {
  width: 91%;
}
.section.blue-fade-dark-blue .slide__container .content-box .large-paragraph {
  color: #FFF;
  font-weight: 300;
  font-size: 2rem;
  display: flex;
  opacity: 0;
  margin-right: -30px;
  transition: all 1s;
  text-align: left;
  display: block;
  line-height: 1.4;
  margin-top: 3rem;
  transition: all 0.5s;
}
.section.blue-fade-dark-blue .slide__container .content-box .large-paragraph span {
  position: relative;
  color: #02539E;
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 7px;
  padding-left: 5px;
  padding-right: 5px;
}
.section.blue-fade-dark-blue .slide__container .content-box .large-paragraph span:after {
  position: absolute;
  content: "";
  background: #FFF;
  height: 100%;
  width: 0;
  left: 0;
  z-index: -1;
  padding-bottom: 3px;
  transition: all 1s;
}
.section.blue-fade-dark-blue .slide__container .content-box .large-paragraph span.span-animation:after {
  width: 100%;
}
.section.blue-fade-dark-blue .slide__container .content-box .large-paragraph.paragraph-animation {
  margin-right: 0;
  opacity: 1;
  line-height: 1.8;
}
.section.blue-no-gradient {
  background: #003889;
}
.section.blue-no-gradient .slide__container .statistics-graphic {
  position: absolute;
  left: 15%;
  top: 7%;
  max-width: 329px;
  opacity: 0;
}
.section.blue-no-gradient .slide__container .arrow-left {
  position: absolute;
  top: 20%;
  right: 22%;
  width: 14px;
}
.section.blue-no-gradient .slide__container .active-circle {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #FFF;
  border: 3px solid #003889;
  top: 18%;
  right: 36%;
}
.section.blue-no-gradient .slide__container .navigation-circle-message {
  position: absolute;
  right: 32%;
  top: 24.5%;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
}
.section.blue-no-gradient .slide__container .main-image {
  position: absolute;
  right: -9%;
  bottom: -7%;
  opacity: 0;
}
.section.blue-no-gradient .slide__container .blue-arrows-down {
  position: absolute;
  bottom: 13%;
  left: 12%;
  width: 50px;
  opacity: 0;
}
.section.blue-no-gradient .slide__container .content-box {
  position: absolute;
  top: 32%;
  left: 23%;
  max-width: 570px;
  opacity: 0;
}
.section.blue-no-gradient .slide__container .content-box p {
  color: #FFF;
  font-size: 2rem;
}
.section.blue-no-gradient .slide__container .content-box p span {
  position: relative;
  color: #003889;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: bold;
}
.section.blue-no-gradient .slide__container .content-box p span:after {
  position: absolute;
  content: "";
  background: #FFF;
  height: 100%;
  width: 0;
  left: 0;
  z-index: -1;
  padding-bottom: 3px;
  transition: all 1s;
}
.section.blue-no-gradient .slide__container .content-box p span.span-animation:after {
  width: 100%;
}
.section.blue-no-gradient .slide.maps-slide .opacity-background {
  background: #011c42;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.section.blue-no-gradient .slide.maps-slide .map-container {
  position: absolute;
  width: 100%;
  max-width: 860px;
  max-height: 630px;
  height: 100%;
  left: 50%;
  top: 20%;
  transform: translate(-50%);
  z-index: 2;
}
.section.blue-no-gradient .slide.maps-slide .map-container #close-popup {
  background: #DD39EA;
  position: absolute;
  right: 0;
  top: -1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  z-index: 9;
}
.section.blue-no-gradient .slide.maps-slide .map-container #close-popup img {
  width: 25px;
}
.section.blue-no-gradient .slide.maps-slide .map-container .modal-title {
  background: #6839E8;
  color: #FFF;
  font-family: titleFont;
  position: absolute;
  top: -29px;
  left: 0;
  z-index: 9;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 4rem;
  margin-top: 0;
}
.section.blue-no-gradient .slide.maps-slide .map-container .modal-paragraph {
  color: #FFF;
  margin-top: 2rem;
}
.section.blue-no-gradient .slide.maps-slide .map-container .modal-paragraph span {
  padding: 0.3rem 1rem;
  color: white;
  position: relative;
  position: relative;
}
.section.blue-no-gradient .slide.maps-slide .map-container .modal-paragraph span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #6839E8;
  z-index: -1;
}
.section.blue-no-gradient .slide.maps-slide .map-container .goUp {
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-decoration: none;
  font-size: 1.6rem;
}
.section.blue-no-gradient .slide.maps-slide .map-container .goUp img {
  width: 20px;
  transform: rotate(90deg);
}
.section.blue-no-gradient .slide.maps-slide .map-container .goDown {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-decoration: none;
  font-size: 1.6rem;
}
.section.blue-no-gradient .slide.maps-slide .map-container .goDown img {
  width: 20px;
  transform: rotate(-90deg);
}
.section.blue-no-gradient .slide.maps-slide .navigation-message {
  left: 13%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-message__one {
  top: 8.5%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-message__two {
  top: 28.5%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-message__three {
  top: 48.5%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-message__four {
  top: 68%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-message__five {
  top: 88%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-circle {
  position: absolute;
  width: 48px;
  height: 48px;
  background: #003889;
  border: 2px solid #FFF;
}
.section.blue-no-gradient .slide.maps-slide .navigation-circle.active {
  border: 2px solid #003889;
  background: #FFF;
}
.section.blue-no-gradient .slide.maps-slide .navigation-circle__one {
  border: 2px solid #FFF;
  left: 6.4%;
  top: 8%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-circle__two {
  border: 2px solid #FFF;
  left: 6.4%;
  top: 28%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-circle__three {
  border: 2px solid #FFF;
  left: 6.4%;
  top: 48%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-circle__four {
  border: 2px solid #FFF;
  left: 6.4%;
  top: 68%;
}
.section.blue-no-gradient .slide.maps-slide .navigation-circle__five {
  border: 2px solid #FFF;
  left: 6.4%;
  top: 88%;
}
.section.blue-no-gradient .slide.maps-slide .main-image {
  position: absolute;
  right: -30%;
  bottom: -50px;
  opacity: 0;
}
.section.blue-no-gradient .slide.maps-slide .main-image.active {
  opacity: 1;
}
.section.blue-no-gradient .slide.maps-slide .animation-one {
  position: absolute;
  right: 10%;
  bottom: 10%;
  width: 220px;
  opacity: 0;
}
.section.blue-no-gradient .slide.maps-slide .animation-one.active {
  opacity: 1;
}
.section.blue-no-gradient .slide.maps-slide .animation-two {
  position: absolute;
  right: 5%;
  bottom: 5%;
  width: 90px;
  opacity: 0;
}
.section.blue-no-gradient .slide.maps-slide .animation-two.active {
  opacity: 1;
}
.section.blue-no-gradient .slide.maps-slide .pink-box {
  font-family: titleFont;
  color: #FFF;
  background: none;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 5rem;
  margin-bottom: 2rem;
  transition: all 0.3s;
  position: absolute;
  opacity: 0;
  transition: all 0.7s;
  width: 395px !important;
  right: 0;
}
.section.blue-no-gradient .slide.maps-slide .pink-box.active {
  opacity: 1;
}
.section.blue-no-gradient .slide.maps-slide .pink-box.active:after {
  width: 100%;
}
.section.blue-no-gradient .slide.maps-slide .pink-box.visible:after {
  width: 100%;
}
.section.blue-no-gradient .slide.maps-slide .pink-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #DD39EA;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.blue-no-gradient .slide.maps-slide .pink-box.pink-animation {
  width: 100%;
  opacity: 1;
}
.section.blue-no-gradient .slide.maps-slide .pink-box.pink-animation:after {
  width: 91%;
}
.section.blue-fade-purple {
  background: linear-gradient(180deg, #003889 14%, #623EDE 100%);
}
.section.blue-fade-purple .slide__container.second-slide .content-box {
  top: 24.3%;
}
.section.blue-fade-purple .slide__container.active .carbon-reduction-graphic,
.section.blue-fade-purple .slide__container.active .main-image,
.section.blue-fade-purple .slide__container.active .pink-arrows-down,
.section.blue-fade-purple .slide__container.active .content-box {
  opacity: 1;
}
.section.blue-fade-purple .slide__container .carbon-reduction-graphic {
  top: 3.5%;
  left: 20%;
  position: absolute;
  max-width: 208px;
  opacity: 0;
}
.section.blue-fade-purple .slide__container .navigation-circle-one {
  top: 14%;
  left: 50%;
  background-color: #003889;
  border: 2px solid #FFF;
}
.section.blue-fade-purple .slide__container .active-circle {
  top: 14%;
  left: 50%;
  background: #FFF;
  border: 2px solid #003889;
}
.section.blue-fade-purple .slide__container .active-circle.disabled {
  background: #003889;
  border: 2px solid #FFF;
}
.section.blue-fade-purple .slide__container .active-circle-message {
  top: 9%;
  left: 45%;
}
.section.blue-fade-purple .slide__container .navigation-circle-top-right {
  top: 14%;
  left: 70%;
  background-color: #163996;
  border: 2px solid #FFF;
}
.section.blue-fade-purple .slide__container .navigation-circle-top-right.active {
  background-color: #FFF;
  border: 2px solid #163996;
}
.section.blue-fade-purple .slide__container .navigation-circle-top-right-message {
  top: 9%;
  left: 63.5%;
}
.section.blue-fade-purple .slide__container .navigation-circle-right-top {
  top: 31%;
  right: 5.5%;
  background-color: #163996;
  border: 2px solid #FFF;
}
.section.blue-fade-purple .slide__container .navigation-circle-right-top.active {
  background-color: #FFF;
  border: 2px solid #163996;
}
.section.blue-fade-purple .slide__container .navigation-circle-right-top-message {
  top: 31.5%;
  right: 12%;
}
.section.blue-fade-purple .slide__container .navigation-circle-right-bottom {
  top: 47%;
  right: 5.5%;
  background-color: #163996;
  border: 2px solid #FFF;
}
.section.blue-fade-purple .slide__container .navigation-circle-right-bottom.active {
  background-color: #FFF;
  border: 2px solid #163996;
}
.section.blue-fade-purple .slide__container .navigation-circle-right-bottom-message {
  top: 47.5%;
  right: 12%;
}
.section.blue-fade-purple .slide__container .main-image {
  position: absolute;
  right: 5%;
  bottom: 0;
  width: 505px;
  opacity: 0;
}
.section.blue-fade-purple .slide__container .content-box {
  position: absolute;
  top: 23%;
  left: 9%;
  width: 600px;
  opacity: 0;
}
.section.blue-fade-purple .slide__container .content-box h2 {
  font-family: titleFont;
  color: #FFF;
  font-size: 3rem;
  margin-bottom: 4rem;
  line-height: 1.5;
 
}
.section.blue-fade-purple .slide__container .content-box h2 span {
  position: relative;
  font-family: titleFont;
  padding-left: 1rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  background: #A5D300;
}
.section.blue-fade-purple .slide__container .content-box h2 span:after {
  background: #A5D300;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
  top: 0;
}
.section.blue-fade-purple .slide__container .content-box p {
  font-size: 1.5rem;
  color: #FFF;
  margin-top: 0rem;
}
.section.blue-fade-purple .slide__container .content-box p a {
  color: #FFF;
  font-size: 1.5rem;
}
.section.blue-fade-purple .slide__container .content-box .logos {
  margin-top: 2rem;
}
.section.blue-fade-purple .slide__container .content-box__row {
  display: flex;
  margin-bottom: 1.5rem;
}
.section.blue-fade-purple .slide__container .content-box__row.links-only a {
  color: #FFF;
  font-size: 1.5rem;
  display: flex;
  align-items: top;
  margin-bottom: 5px;
}
.section.blue-fade-purple .slide__container .content-box__row.links-only .column-two {
  display: flex;
}
.section.blue-fade-purple .slide__container .content-box__row .column-one {
  margin-right: 10px;
}
.section.blue-fade-purple .slide__container .content-box__row .column-one span {
  background: #DD39EA;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 45px;
  font-family: titleFont;
  width: 40px;
  height: 45px;
  font-size: 3rem;
  color: #FFF;
}
.section.blue-fade-purple .slide__container .content-box__row .column-two {
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "museo-sans", sans-serif;
}
.section.blue-fade-purple .slide__container .content-box__row .column-two span {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  font-weight: bold;
}
.section.blue-fade-purple .slide__container .content-box__row .column-two span:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #DD39EA;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.blue-fade-purple .slide__container .content-box .blue-title {
  background: #009FC3;
  display: inline-block;
  font-size: 3rem;
  padding: 0.5rem 1rem;
  padding-top: 1rem;
  font-family: titleFont;
  color: #FFF;
  margin: 0;
  margin-bottom: 10px;
  margin-top: -20px;
}
.section.blue-fade-purple .slide__container .pink-arrows-down {
  position: absolute;
  bottom: 12%;
  right: 7%;
  width: 20px;
  opacity: 0;
}
.section.blue-fade-purple .slide__container .pink-arrows-down .active {
  opacity: 1 !important;
}
.section.blue-fade-purple .slide__container.fourth-slider .content-box p span {
  position: relative;
  color: #02539E;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}
.section.blue-fade-purple .slide__container.fourth-slider .content-box p span:after {
  position: absolute;
  content: "";
  background: #FFF;
  height: 100%;
  width: 0;
  left: 0;
  z-index: -1;
  padding-bottom: 3px;
  transition: all 1s;
}
.section.blue-fade-purple .slide__container.fourth-slider .content-box p span.span-animation:after {
  width: 100%;
}
.section.blue-fade-purple .last-paragraph span {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  font-weight: bold;
}
.section.blue-fade-purple .last-paragraph span:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #DD39EA;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.purple-fade {
  background: linear-gradient(180deg, #623EDE 14%, #4a21df 100%);
}
.section.purple-fade .main-image {
  position: absolute;
  right: -1%;
  bottom: -25%;
  width: 700px;
  z-index: -1;
}
.section.purple-fade .video-circle {
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #5D38DE;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.purple-fade .video-circle img {
  width: 25px;
}
.section.purple-fade .video-message {
  top: 6.6%;
  left: 36%;
}
.section.purple-fade .second-circle {
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #5832DF;
  top: 20%;
}
.section.purple-fade .expanding-div.one {
  top: 20%;
  left: 48%;
}
.section.purple-fade .second-message {
  top: 20.6%;
  left: 34.5%;
}
.section.purple-fade .third-circle {
  right: 33%;
  border: 2px solid #FFF;
  background: #5832DF;
  top: 41.3%;
}
.section.purple-fade .third-message {
  right: 32%;
  top: 36.3%;
}
.section.purple-fade .fourth-circle {
  right: 18%;
  border: 2px solid #FFF;
  background: #5832DF;
  top: 41.3%;
}
.section.purple-fade .fourth-message {
  right: 14.8%;
  top: 36.3%;
}
.section.purple-fade .navigation-circle.active {
  background: #FFF;
  border: 2px solid #5832DF;
}
.section.purple-fade .expanding-content .col-top {
  padding: 0;
}
.section.purple-fade .expanding-content .blue-title {
  background: #518BFF !important;
}
.section.purple-fade .expanding-content p.blue {
  color: #518BFF !important;
}
.section.purple-fade .green-box {
  width: 470px;
  position: absolute;
  right: -4%;
  top: -3%;
}
.section.purple-fade .green-box.active {
  opacity: 1 !important;
}
.section.purple-fade .green-box.active:after {
  width: 91%;
}
.section.purple-fade .pink-box {
  top: 18%;
  right: 5.6%;
  width: 357px !important;
}
.section.purple-fade .pink-box.active {
  opacity: 1 !important;
}
.section.purple-fade .pink-box.active:after {
  width: 91%;
}
.section.purple-fade .circles {
  position: absolute;
  bottom: 18%;
  width: 15px;
  right: 13%;
}
.section.purple-fade .arrows-down {
  position: absolute;
  bottom: 13%;
  width: 25px;
  right: 15%;
}
.section.purple-fade .line-indicator {
  height: 463px;
  width: 150px;
  border-left: 1px solid #FFF;
  border-top: 1px solid #FFF;
  position: absolute;
  left: 20%;
  top: 9%;
}
.section.purple-fade .video-popup {
  position: absolute;
  bottom: 16%;
  width: 532px;
  height: 350px;
  left: -3%;
}
.section.purple-fade .video-popup iframe {
  border: 5px solid #FFF;
}
.section.purple-fade .content-box {
  position: absolute;
  left: 0%;
  width: 440px;
  bottom: 12%;
  height: 500px;
}
.section.purple-fade .content-box p {
  font-size: 1.8rem;
  color: #FFF;
  line-height: 1.6;
}
.section.purple-fade .statistics-box p span {
  color: #5832DF;
}
.section.light-purple-fade {
  background: linear-gradient(180deg, #4a21df 69%, #DD39EA 166%);
}
.section.light-purple-fade .main-image {
  position: absolute;
  right: -7%;
  bottom: -12%;
  width: 497px;
  z-index: -1;
}
.section.light-purple-fade .video-circle {
  top: 18%;
  left: 41%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #4A21DF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.light-purple-fade .video-circle img {
  width: 25px;
}
.section.light-purple-fade .video-message {
  top: 13%;
  left: 35.5%;
}
.section.light-purple-fade .second-circle {
  left: 24%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #4A21DF;
  top: 18%;
}
.section.light-purple-fade .second-message {
  top: 13%;
  left: 18%;
}
.section.light-purple-fade .third-circle {
  left: 6.3%;
  border: 2px solid #FFF;
  background: #4A21DF;
  top: 69.3%;
}
.section.light-purple-fade .third-message {
  left: 13%;
  top: 69%;
}
.section.light-purple-fade .navigation-circle.active {
  background: #FFF;
  border: 2px solid #4A21DF;
}
.section.light-purple-fade .pink-box {
  top: 22%;
  right: 5.6%;
  width: 357px !important;
}
.section.light-purple-fade .pink-box.active {
  opacity: 1 !important;
}
.section.light-purple-fade .pink-box.active:after {
  width: 91%;
}
.section.light-purple-fade .city-draw {
  position: absolute;
  width: 285px;
  top: 11%;
  right: 23%;
}
.section.light-purple-fade .arrow-left {
  position: absolute;
  right: 16%;
  top: 19.5%;
  width: 18px;
}
.section.light-purple-fade .green-circles {
  width: 75px;
  position: absolute;
  right: 0;
  bottom: 43%;
  opacity: 0;
}
.section.light-purple-fade .green-circles.active {
  opacity: 1;
}
.section.light-purple-fade .video-line {
  position: absolute;
  left: 41%;
  top: 24%;
  height: 255px;
  width: 1px;
  background-color: #FFF;
}
.section.light-purple-fade .video-popup {
  position: absolute;
  bottom: 7%;
  width: 532px;
  height: 350px;
  left: 41%;
}
.section.light-purple-fade .video-popup iframe {
  border: 5px solid #FFF;
}
.section.light-purple-fade .content-box {
  position: absolute;
  left: 23%;
  top: 34%;
}
.section.light-purple-fade .content-box h3 {
  margin-bottom: 45px !important;
}
.section.light-purple-fade .content-box .stats-row {
  margin-top: 35px;
}
.section.light-purple-fade .content-box .stats-row.second {
  margin-top: 65px;
}
.section.light-purple-fade .content-box .stats-row .circle {
  height: 110px;
  width: 110px;
  border: 2px solid #FFF;
  border-radius: 100%;
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.section.light-purple-fade .content-box .stats-row .circle p {
  color: #FFF;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}
.section.light-purple-fade .content-box .stats-row .circle span {
  background: #FFF;
  padding: 3px 5px;
  color: #6326E1;
  margin-top: 10px;
  font-weight: bold;
  display: block;
  font-size: 1.5rem;
}
.section.light-purple-fade .content-box .stats-row .circle img {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
}
.section.light-purple-fade .quotes {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6rem;
}
.section.light-purple-fade .quotes .left {
  width: 20%;
}
.section.light-purple-fade .quotes .left .quote-top {
  background: #DD39EA;
  width: 35px;
  display: flex;
  padding: 1.5rem;
  margin-bottom: 15px;
}
.section.light-purple-fade .quotes .left .quote-bottom {
  background: #DD39EA;
  width: 35px;
  display: flex;
  padding: 1.5rem;
}
.section.light-purple-fade .quotes .left img {
  width: 25px;
}
.section.light-purple-fade .quotes .right {
  width: 80%;
  margin-top: -5px;
}
.section.light-purple-fade .quotes .right p {
  margin-top: 0;
  font-weight: bold;
  color: #DD39EA !important;
  margin-bottom: 3px;
  display: inline;
}
.section.light-purple-fade .quotes .right span {
  display: block;
  font-weight: bold;
  font-size: 1.8rem;
  color: #FFF;
  background: #DD39EA;
  padding: 4px 8px 8px 9px;
  width: 155px;
  margin-top: 25px;
}
@keyframes expanding {
  0% {
    width: 48px;
    height: 48px;
    border-radius: 781px;
  }
  100% {
    width: 121%;
    height: 162%;
    border-radius: 2220px;
    left: -39%;
    top: -35%;
  }
}
@keyframes expandingContent {
  0% {
    display: none;
    opacity: 0;
  }
  75% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.section.light-purple-fade .expanding-div {
  position: absolute;
  left: 21.8%;
  top: 18%;
  z-index: 1;
  width: 51px;
  height: 51px;
  border-radius: 100%;
  background: #FFF;
  z-index: 10;
}
.section.light-purple-fade .expanding-content,
.section.light-purple-fade .expanding-landscape,
.section.light-purple-fade .expanding-resources {
  display: none;
}
.section.light-purple-fade .expanding-resources.pink .blue-box {
  background: #DD39EA !important;
  z-index: 10;
  position: relative;
}
.section.light-purple-fade .expanding-resources.pink ul {
  background-color: #fde2ff !important;
}
.section.light-purple-fade .expanding-resources.pink ul a {
  color: #DD39EA !important;
}
.section.light-purple-fade .slide-active.active .expanding-div {
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expanding 3s forwards ease-in-out;
  /* IE 10+, Fx 29+ */
}
.section.light-purple-fade .slide-active.active .expanding-content {
  position: absolute;
  top: 5%;
  left: -20%;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 4s ease;
  /* IE 10+, Fx 29+ */
  z-index: 1000;
  width: 55%;
  display: block;
}
@media (max-width: 1650px) {
  .section.light-purple-fade .slide-active.active .expanding-content {
    left: -15% !important;
  }
}
.section.light-purple-fade .slide-active.active .expanding-content p,a {
  font-size: 1.5rem;
  line-height: 1.7;
  color: #919396;
}

.section.light-purple-fade .slide-active.active .expanding-content p.pink {
  color: #DD39EA;
  font-weight: bold;
}
.section.light-purple-fade .slide-active.active .expanding-landscape {
  display: block;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 5s ease;
  /* IE 10+, Fx 29+ */
  position: absolute;
  bottom: 5%;
  right: 27.5%;
  width: 100%;
  z-index: 999;
}
.section.light-purple-fade .slide-active.active .expanding-landscape img {
  width: 80%;
  margin-right: 20px;
  float: right;
}
.section.light-purple-fade .slide-active.active .expanding-resources {
  display: block;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 4s ease;
  /* IE 10+, Fx 29+ */
  position: absolute;
  right: 29%;
  width: 33%;
  z-index: 1000;
  top: 4%;
}
@media (max-width: 1650px) {
  .section.light-purple-fade .slide-active.active .expanding-resources {
    right: 33%;
  }
}
.section.light-purple-fade .slide-active.active .expanding-resources .blue-box {
  font-family: titleFont;
  color: #FFF;
  background: #009FC3;
  padding: 0.5rem 1rem;
  font-size: 3rem;
  margin-bottom: -15px;
  display: inline-block;
  z-index: 10;
  position: relative;
}
.section.light-purple-fade .slide-active.active .expanding-resources ul {
  padding: 0;
  background-color: #E5F5F9;
  margin: 0;
  list-style: none;
  padding: 3rem;
  margin-top: -7px;
}
.section.light-purple-fade .slide-active.active .expanding-resources ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2rem;
}
.section.light-purple-fade .slide-active.active .expanding-resources ul li a {
  display: flex;
  color: #009FC3;
  font-size: 1.4rem;
  margin-left: 10px;
  font-family: "museo-sans", sans-serif;
  font-weight: bold;
  transition: all 0.3s;
  margin-left: 45px;
}
.section.light-purple-fade .slide-active.active .expanding-resources ul li a:hover {
  color: #919396;
}
.section.light-purple-fade .slide-active.active .expanding-resources img {
  width: 25px;
  max-height: 27px;
  position: absolute;
}
.section.purple-pink-fade {
  background: linear-gradient(180deg, #4a21df -51%, #CA49E2 100%);
}
.section.purple-pink-fade .main-image {
  position: absolute;
  left: -16%;
  bottom: -16%;
  width: 700px;
}
.section.purple-pink-fade .video-circle {
  top: 30%;
  left: 8.5%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #9137E1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.purple-pink-fade .video-circle img {
  width: 25px;
}
.section.purple-pink-fade .video-message {
  top: 29.7%;
  left: 12.5%;
}
.section.purple-pink-fade .second-circle {
  left: 32%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #AD40E2;
  top: 57%;
}
.section.purple-pink-fade .second-message {
  top: 63%;
  left: 26.7%;
}
.section.purple-pink-fade .third-circle {
  left: 50%;
  border: 2px solid #FFF;
  background: #AD40E2;
  top: 57%;
}
.section.purple-pink-fade .third-message {
  left: 49%;
  top: 63%;
}
.section.purple-pink-fade .fourth-circle {
  left: 70%;
  border: 2px solid #FFF;
  background: #AD40E2;
  top: 57%;
}
.section.purple-pink-fade .fourth-message {
  left: 67%;
  top: 63%;
}
.section.purple-pink-fade .navigation-circle {
  z-index: 1;
}
.section.purple-pink-fade .navigation-circle.active {
  background: #FFF;
  border: 2px solid #A63EE1;
}
.section.purple-pink-fade .star-one {
  position: absolute;
  width: 30px;
  left: 0;
  bottom: 40%;
  opacity: 0;
}
.section.purple-pink-fade .star-one.active {
  opacity: 1;
}
.section.purple-pink-fade .star-two {
  position: absolute;
  width: 30px;
  left: 23%;
  bottom: 20%;
  opacity: 0;
}
.section.purple-pink-fade .star-two.active {
  opacity: 1;
}
.section.purple-pink-fade .orange-wave {
  position: absolute;
  width: 150px;
  left: 16%;
  bottom: 8%;
  z-index: 2;
  opacity: 0;
}
.section.purple-pink-fade .orange-wave.active {
  opacity: 1;
}
.section.purple-pink-fade .pink-box {
  top: -5%;
  left: 15%;
  width: 395px !important;
}
.section.purple-pink-fade .pink-box.active {
  opacity: 1 !important;
}
.section.purple-pink-fade .pink-box.active:after {
  width: 91%;
}
.section.purple-pink-fade .city-draw {
  position: absolute;
  width: 285px;
  top: 11%;
  right: 23%;
}
.section.purple-pink-fade .arrow-left {
  position: absolute;
  left: 7.8%;
  top: 12.5%;
  width: 18px;
  transform: rotate(-90deg);
}
.section.purple-pink-fade .video-popup {
  position: absolute;
  top: 16%;
  width: 532px;
  height: 350px;
  left: 51%;
}
.section.purple-pink-fade .video-popup iframe {
  border: 5px solid #FFF;
}
.section.purple-pink-fade .content-box {
  position: absolute;
  top: 20%;
  width: 764px;
  right: -5%;
}
.section.purple-pink-fade .content-box.statistics p span {
  background: #FFF;
  padding: 3px 5px;
  color: #A63EE1;
  font-weight: bold;
  text-decoration: none;
}
.section.purple-pink-fade .content-box p {
  font-size: 1.8rem;
  color: #FFF;
  line-height: 1.6;
}
.section.purple-pink-fade .content-box p span {
  font-weight: normal;
  text-decoration: underline;
}
.section.purple-pink-fade .content-box .resources-box ul {
  max-width: 500px;
}
.section.purple-pink-fade .video-line {
  position: absolute;
  width: 350px;
  height: 1px;
  background: #FFF;
  top: 33%;
  left: 22%;
}
.section.purple-pink-fade .blue-box {
  font-family: titleFont;
  color: #FFF;
  background: #009FC3;
  padding: 0.5rem 1rem;
  font-size: 3rem;
  margin-bottom: 15px;
  display: inline-block;
  z-index: 10;
  position: relative;
}
.section.purple-pink-fade .title-green{
  background: #A6D129; font-size: 3rem; padding: 0.5rem 1rem; font-family: titleFont; color: #FFF;    position: absolute; top: 9%; left: 15%;
}

.section.pink-darkbluepurple-fade {
  background: linear-gradient(180deg, #CA49E2 58%, #9e44a5 91%);
}
.section.pink-darkbluepurple-fade .main-image {
  position: absolute;
  bottom: -14%;
  right: -34%;
  width: 900px;
}
.section.pink-darkbluepurple-fade .first-circle {
  top: 17.8%;
  right: 17.1%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #CA49E2;
}
.section.pink-darkbluepurple-fade .first-message {
  top: 11.7%;
  right: 18.5%;
  text-align: center;
}

.section.pink-darkbluepurple-fade .second-circle {
  right: 38%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #CA49E2;
  top: 18%;
}
.section.pink-darkbluepurple-fade .second-message {
  top: 11.7%;
  right: 36%;
  text-align: center;
}
.section.pink-darkbluepurple-fade .third-circle {
  left: 6.3%;
  border: 2px solid #FFF;
  background: #CA49E2;
  top: 45%;
}
.section.pink-darkbluepurple-fade .third-message {
  left: 13%;
  top: 44.5%;
}
.section.pink-darkbluepurple-fade .fourth-circle {
  left: 6.3%;
  border: 2px solid #FFF;
  background: #bb44d2;
  bottom: 25%;
}
.section.pink-darkbluepurple-fade .fourth-message {
  left: 13%;
  bottom: 25%;
}
.section.pink-darkbluepurple-fade .fifth-circle {
  left: 6.3%;
  border: 2px solid #FFF;
  background: #bb44d2;
  bottom: -12%;
}
.section.pink-darkbluepurple-fade .fifth-message {
  left: 13%;
  bottom: -12%;
}
.section.pink-darkbluepurple-fade .navigation-circle.active {
  border: 2px solid #A745B1;
  background: #FFF;
}
.section.pink-darkbluepurple-fade .double-arrows-down {
  width: 60px;
  position: absolute;
  bottom: 2%;
  left: 0;
  opacity: 0;
}
.section.pink-darkbluepurple-fade .double-arrows-down.active {
  opacity: 1;
}
.section.pink-darkbluepurple-fade .parks {
  width: 250px;
  position: absolute;
  top: 6.3%;
  left: 21%;
}
.section.pink-darkbluepurple-fade .white-waves {
  position: absolute;
  width: 44px;
  bottom: 10%;
  right: 10%;
  opacity: 0;
}
.section.pink-darkbluepurple-fade .white-waves.active {
  opacity: 1;
}
.section.pink-darkbluepurple-fade .blue-square {
  position: absolute;
  width: 30px;
  right: -23%;
  top: 55%;
  opacity: 0;
}
.section.pink-darkbluepurple-fade .blue-square.active {
  opacity: 1;
}
.section.pink-darkbluepurple-fade .green-box {
  position: absolute;
  opacity: 1;
  width: 490px;
  right: 0;
  text-align: right;
  padding-right: 78px;
  top: 27%;
}
.section.pink-darkbluepurple-fade .green-box.active .top:after,
.section.pink-darkbluepurple-fade .green-box.active .bottom:after {
  width: 100%;
}
.section.pink-darkbluepurple-fade .green-box.green-animation .top:after {
  width: 100%;
}
.section.pink-darkbluepurple-fade .green-box.green-animation .bottom:after {
  width: 100%;
}
.section.pink-darkbluepurple-fade .green-box .top {
  position: relative;
  padding: 10px;
}
.section.pink-darkbluepurple-fade .green-box .top:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.pink-darkbluepurple-fade .green-box .bottom {
  position: relative;
  padding: 10px;
}
.section.pink-darkbluepurple-fade .green-box .bottom:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.pink-darkbluepurple-fade .green-box:after {
  display: none !important;
}

.section.pink-orange-fade {
  background: linear-gradient(180deg, #9e44a5 33%, #FF6D00 130%);
}
.section.pink-orange-fade .main-image {
  position: absolute;
  right: -20%;
  bottom: 9%;
  width: 750px;
}
@media (max-width: 1415px) {
  .section.pink-orange-fade .slide.smaller .expanding-landscape {
    display: none !important;
  }
}
.section.pink-orange-fade .slide.smaller .expanding-content .blue {
  font-size: 1.5rem !important;
}
.section.pink-orange-fade .slide.smaller .expanding-content .col-middle p {
  font-size: 1.5rem !important;
}
.section.pink-orange-fade .slide__container .statistics-graphic {
  position: absolute;
  left: 15%;
  top: 7%;
  max-width: 329px;
  opacity: 0;
}
.section.pink-orange-fade .slide__container .arrow-left {
  position: absolute;
  top: 20%;
  right: 22%;
  width: 14px;
}
.section.pink-orange-fade .slide__container .active-circle {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #FFF;
  border: 3px solid #003889;
  top: 18%;
  right: 36%;
}
.section.pink-orange-fade .slide__container .navigation-circle-message {
  position: absolute;
  right: 32%;
  top: 24.5%;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
}
.section.pink-orange-fade .slide__container .doublewaves {
  position: absolute;
  opacity: 0;
  width: 300px;
  bottom: 10%;
  right: 0%;
}
.section.pink-orange-fade .slide__container .doublewaves.active {
  opacity: 1;
}
.section.pink-orange-fade .slide__container .stars {
  position: absolute;
  opacity: 0;
  width: 165px;
  bottom: 28%;
  right: 25%;
}
.section.pink-orange-fade .slide__container .stars.active {
  opacity: 1;
}
.section.pink-orange-fade .slide .navigation-message {
  left: 13%;
}
.section.pink-orange-fade .slide .navigation-message__one {
  top: 7.5%;
}
.section.pink-orange-fade .slide .navigation-message__two {
  top: 33%;
}
.section.pink-orange-fade .slide .navigation-message__three {
  top: 60%;
}
.section.pink-orange-fade .slide .navigation-message__four {
  top: 85%;
}
.section.pink-orange-fade .slide .expanding-div.one {
  left: 6.5%;
  top: 8.2%;
}
.section.pink-orange-fade .slide .expanding-div.two {
  left: 6.5%;
  top: 33.2%;
}
.section.pink-orange-fade .slide .expanding-div.three {
  left: 6.5%;
  top: 60.2%;
}
.section.pink-orange-fade .slide .expanding-div.four {
  left: 6.5%;
  top: 86.2%;
}
.section.pink-orange-fade .slide .navigation-circle {
  position: absolute;
  width: 48px;
  height: 48px;
  border: 2px solid #FFF;
}
.section.pink-orange-fade .slide .navigation-circle.active {
  background: #FFF;
}
.section.pink-orange-fade .slide .navigation-circle__one {
  background: #9E44A5;
  border: 2px solid #FFF;
  left: 6.4%;
  top: 8%;
}
.section.pink-orange-fade .slide .navigation-circle__one.active {
  border: 2px solid #9E44A5;
}
.section.pink-orange-fade .slide .navigation-circle__two {
  background: #A84898;
  border: 2px solid #FFF;
  left: 6.4%;
  top: 33%;
}
.section.pink-orange-fade .slide .navigation-circle__two.active {
  border: 2px solid #A84898;
}
.section.pink-orange-fade .slide .navigation-circle__three {
  background: #C05279;
  border: 2px solid #FFF;
  left: 6.4%;
  top: 60%;
}
.section.pink-orange-fade .slide .navigation-circle__three.active {
  border: 2px solid #C05279;
}
.section.pink-orange-fade .slide .navigation-circle__four {
  background: #D85D5A;
  border: 2px solid #FFF;
  left: 6.4%;
  top: 86%;
}
.section.pink-orange-fade .slide .navigation-circle__four.active {
  border: 2px solid #D85D5A;
}
.section.pink-orange-fade .slide .animation-one {
  position: absolute;
  right: 10%;
  bottom: 10%;
  width: 220px;
  opacity: 0;
}
.section.pink-orange-fade .slide .animation-one.active {
  opacity: 1;
}
.section.pink-orange-fade .slide .animation-two {
  position: absolute;
  right: 5%;
  bottom: 5%;
  width: 90px;
  opacity: 0;
}
.section.pink-orange-fade .slide .animation-two.active {
  opacity: 1;
}
.section.orange-fade {
  background: linear-gradient(180deg, #e1604a 14%, #FF6D00 100%);
}
.section.orange-fade .main-image {
  right: -25%;
  bottom: -14%;
  position: absolute;
}
.section.orange-fade .navigation-circle {
  z-index: 1;
}
.section.orange-fade .video-circle {
  top: 14%;
  left: 23%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #E56244;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.orange-fade .video-circle img {
  width: 25px;
}
.section.orange-fade .video-message {
  top: 6.6%;
  left: 16%;
 
}
.section.orange-fade .second-circle {
  left: 41%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #E56244;
  top: 14%;
}
.section.orange-fade .second-message {
  top: 6.6%;
  left: 33%;
  text-align: center;
}
.section.orange-fade .third-circle {
  right: 38.5%;
  border: 2px solid #FFF;
  background: #E56244;
  top: 14%;
}
.section.orange-fade .third-message {
  right: 33.5%;
  top: 7%;
  text-align: center;
}
.section.orange-fade .fourth-circle {
  right: 18.6%;
  border: 2px solid #FFF;
  background: #ED6635;
  top: 14.3%;
}
.section.orange-fade .fourth-message {
  right: 17%;
  top: 7%;
  text-align: center;
}
.section.orange-fade .fifth-circle {
  right: 7.5%;
  border: 2px solid #FFF;
  background: #ED6635;
  top: 22.3%;
}
.section.orange-fade .fifth-message {
  right: 0%;
  top: 22.3%;
  text-align: left;
}
.section.orange-fade .six-circle {
  right: 5.6%;
  border: 2px solid #FFF;
  background: #ED6635;
  top: 38.3%;
}
.section.orange-fade .six-message {
  right: -5%;
  top: 38.3%;
  text-align: left;
}
.section.orange-fade .right-arrow {
  right: 30%;
  position: absolute;
  top: 15.5%;
  width: 18px;
}
.section.orange-fade .green-box.profile {
  position: absolute;
  left: 7%;
  top: 20%;
  z-index: 10;
  width: auto !important;
}
.section.orange-fade .green-box.profile.active {
  opacity: 1;
  background: #A5D300;
  padding-right: 25px;
}
.section.orange-fade .green-box.profile.active:after {
  display: none;
}
.section.orange-fade .green-box.profile:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.orange-fade .green-box.profile.green-animation {
  width: 100%;
  opacity: 1;
}
.section.orange-fade .green-box.profile.green-animation:after {
  width: 100%;
}
.section.orange-fade .multiple-stars {
  position: absolute;
  width: 80px;
  bottom: 6%;
  right: 22%;
  opacity: 0;
}
.section.orange-fade .multiple-stars.active {
  opacity: 1;
}
.section.orange-fade .curved-line {
  position: absolute;
  width: 61px;
  bottom: 23%;
  right: -16%;
  opacity: 0;
  z-index: 1;
  transform: rotate(-5deg);
}
.section.orange-fade .curved-line.active {
  opacity: 1;
}
.section.orange-fade .navigation-circle.active {
  background: #FFF;
  border: 2px solid #ED6635;
}
.section.orange-fade .video-popup {
  position: absolute;
  top: 40%;
  width: 532px;
  height: 350px;
  left: 23%;
}
.section.orange-fade .video-popup iframe {
  border: 5px solid #FFF;
}
.section.orange-fade .video-line {
  width: 1px;
  background: #FFF;
  height: 250px;
  position: absolute;
  left: 23%;
  top: 19%;
  z-index: -1;
}
.section.orange-fade .blue-box {
  font-family: titleFont;
  color: #FFF;
  background: #518BFF;
  padding: 0.5rem 1rem;
  font-size: 3rem;
  position: absolute;
  top: 19%;
  left: 7.2%;
}
.section.orange-fade .iema-stats-sub {
  color: #fff; position: relative; top: 28%; left: 7.5%; font-size: 1.5rem; width: 800px;
}
.section.orange-fade .content-box {
  position: absolute;
  left: 7%;
  top: 30%;
  width: 67%;
}
.section.orange-fade .content-box.statistics {
  width: 730px;
  display: flex;
  top: 45%;
}
.section.orange-fade .content-box.statistics.active .meter {
  width: 90%;
}
.section.orange-fade .content-box.statistics.active .meter > span {
  width: 100% !important;
  background-color: #009FC3;
}
.section.orange-fade .content-box.statistics.active p span {
  font-weight: normal;
  font-size: 2.5rem;
  margin-left: 8px;
}
.section.orange-fade .content-box p {
  font-size: 1.5rem !important;
  color: #FFF;
  line-height: 1.6;
}
.section.orange-fade .content-box .meter {
  background: #e78740;
  display: block;
  margin-bottom: 10px;
  position: relative;
  height: 13px;
}
.section.orange-fade .content-box .meter > span {
  display: block;
  height: 100%;
  background-color: #D20089;
  position: relative;
  overflow: hidden;
  transition: width 2s ease-out;
  border-right: 4px solid #EB6538;
}
.section.orange-fade .content-box .statistics-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  align-items: top;
}
.section.orange-fade .content-box .statistics-group {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
}
.section.orange-fade .content-box .statistics-group.right {
  align-items: flex-start;
}
.section.orange-fade .content-box .statistics-group.right .statistics-row {
  margin-top: 0;
}
.section.orange-fade .content-box .statistics-group.right .statistics-row.first {
  margin-top: 15px;
}
.section.orange-fade .content-box .statistics-group.right .statistics-row.second {
  margin-top: -50px;
}
.section.orange-fade .content-box .statistics-group__left {
  width: 15%;
}
.section.orange-fade .content-box .statistics-group__left img {
  width: 33px;
}
.section.orange-fade .content-box .statistics-group__right {
  width: 85%;
  position: relative;
}
.section.orange-fade .content-box .statistics-group__right .green-arrow-up {
  width: 26px;
  position: absolute;
  top: 19px;
  right: -3px;
}
.section.orange-fade .content-box .statistics-group__right p {
  font-size: 1.6rem !important;
  margin: 0;
}
@media (max-width: 1415px) {
  .section.orange-fade .content-box .statistics-group__right p {
    font-size: 1.5rem !important;
  }
}
.section.orange-fade .content-box .statistics-group__right p.numbers {
  font-size: 2.5rem !important;
  line-height: 0.8;
}
.section.orange-no-fade {
  background: linear-gradient(180deg, #FF6D00 14%, #FF6D00 100%);
}
.section.orange-no-fade .main-image {
  position: absolute;
  right: -15%;
  bottom: -22%;
  width: 900px;
}
.section.orange-no-fade .navigation-circle {
  z-index: 1;
}
.section.orange-no-fade .expanding-resources .blue-box {
  width: 140px !important;
}
.section.orange-no-fade .video-circle {
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #FF6D00;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.orange-no-fade .video-circle img {
  width: 25px;
}
.section.orange-no-fade .video-message {
  top: 5.6%;
  left: 54%;
  text-align: left;
}
.section.orange-no-fade .second-circle {
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #FF6D00;
  top: 20%;
}
.section.orange-no-fade .second-message {
  top: 19.6%;
  left: 54%;
}
.section.orange-no-fade .third-circle {
  right: 33%;
  border: 2px solid #FFF;
  background: #FF6D00;
  top: 41.3%;
}
.section.orange-no-fade .third-message {
  right: 32.5%;
  top: 35%;
  text-align: center;
}
.section.orange-no-fade .fourth-circle {
  right: 18%;
  border: 2px solid #FFF;
  background: #FF6D00;
  top: 41.3%;
}
.section.orange-no-fade .fourth-message {
  right: 16.9%;
  top: 35%;
  text-align: center;
}
.section.orange-no-fade .navigation-circle.active {
  background: #FFF;
  border: 2px solid #FF6D00;
}
.section.orange-no-fade .green-box {
  position: absolute;
  opacity: 1;
  width: 490px;
  left: 0;
  text-align: left;
  padding-right: 78px;
  top: 0%;
}
.section.orange-no-fade .green-box.active .top:after,
.section.orange-no-fade .green-box.active .bottom:after {
  width: 100%;
}
.section.orange-no-fade .green-box.green-animation .top:after {
  width: 100%;
}
.section.orange-no-fade .green-box.green-animation .bottom:after {
  width: 100%;
}
.section.orange-no-fade .green-box .top {
  position: relative;
  padding: 10px;
}
.section.orange-no-fade .green-box .top:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.orange-no-fade .green-box .bottom {
  position: relative;
  padding: 10px;
}
.section.orange-no-fade .green-box .bottom:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.orange-no-fade .green-box:after {
  display: none !important;
}
.section.orange-no-fade .blue-box {
  opacity: 1;
  width: 490px;
  left: 0;
  text-align: left;
  padding-right: 78px;
  top: 0%;
  font-size: 3rem;
  color: #FFF;
}
.section.orange-no-fade .blue-box.active .top:after,
.section.orange-no-fade .blue-box.active .bottom:after {
  width: 100%;
}
.section.orange-no-fade .blue-box.green-animation .top:after {
  width: 100%;
}
.section.orange-no-fade .blue-box.green-animation .bottom:after {
  width: 100%;
}
.section.orange-no-fade .blue-box .top {
  position: relative;
  padding: 10px;
  font-family: titleFont !important;
}
.section.orange-no-fade .blue-box .top:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #009FC3;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.orange-no-fade .blue-box .bottom {
  position: relative;
  padding: 10px;
  font-family: titleFont !important;
}
.section.orange-no-fade .blue-box .bottom:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #009FC3;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.orange-no-fade .blue-box:after {
  display: none !important;
}
.section.orange-no-fade .arrows-down {
  position: absolute;
  bottom: 32%;
  width: 18px;
  right: 0%;
  opacity: 0;
}
.section.orange-no-fade .arrows-down.active {
  opacity: 1;
}
.section.orange-no-fade .line-indicator {
  height: 408px;
  width: 120px;
  border-left: 1px solid #FFF;
  border-top: 1px solid #FFF;
  position: absolute;
  left: 36%;
  top: 9%;
}
.section.orange-no-fade .video-popup {
  position: absolute;
  bottom: 16%;
  width: 532px;
  height: 350px;
  left: -3%;
}
.section.orange-no-fade .video-popup iframe {
  border: 5px solid #FFF;
}
.section.orange-no-fade .small-wave {
  width: 100px;
  position: absolute;
  right: 10%;
  bottom: 5%;
  opacity: 0;
  z-index: 1;
}
.section.orange-no-fade .small-wave.active {
  opacity: 1;
}
.section.orange-no-fade .content-box {
  position: absolute;
  left: 2%;
  width: 490px;
  bottom: 5%;
  height: 500px;
}
.section.orange-no-fade .content-box.list {
  top: 25%;
  left: 2%;
}
.section.orange-no-fade .content-box__row {
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
}
.section.orange-no-fade .content-box__row.links-only a {
  color: #FFF;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.orange-no-fade .content-box__row.links-only .column-two {
  display: flex;
}
.section.orange-no-fade .content-box__row .column-one {
  margin-right: 10px;
}
.section.orange-no-fade .content-box__row .column-one span {
  background: #009FC3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 45px;
  font-family: titleFont;
  width: 40px;
  height: 45px;
  font-size: 3rem;
  color: #FFF;
}
.section.orange-no-fade .content-box__row .column-two {
  color: #FFF;
  font-size: 2rem;
  font-weight: 500;
  font-family: "museo-sans", sans-serif;
}
.section.orange-no-fade .content-box__row .column-two span {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  font-weight: bold;
}
.section.orange-no-fade .content-box__row .column-two span:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #DD39EA;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.orange-no-fade .content-box p {
  font-size: 1.8rem;
  color: #FFF;
  line-height: 1.6;
}
.section.orange-no-fade .purple {
  color: #6839E8 !important;
  font-weight: bold;
}
.section.orange-no-fade .statistics-box p span {
  color: #FF6D00;
}
.section.orange-no-fade .expanding-div.one {
  top: 20.2%;
  left: 48%;
}
.section.orange-no-fade .expanding-content {
  top: 5% !important;
}
.section.orange-no-fade .expanding-resources .blue-box {
  background: #6839E8 !important;
}
.section.orange-no-fade .expanding-resources ul {
  background-color: #f5e6fd !important;
}
.section.orange-no-fade .expanding-resources ul a {
  color: #6839E8 !important;
}
.section.orange-yellow-fade {
  background: linear-gradient(180deg, #FF6D00 14%, #F6C413 185%);
}
.section.orange-yellow-fade .main-image {
  right: -10%;
  bottom: -20%;
  position: absolute;
  width: 968px;
}
.section.orange-yellow-fade .slide .arrow-left {
  width: 18px;
  top: 14%;
  right: 20%;
  position: absolute;
}
.section.orange-yellow-fade .slide .video-circle {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 100%;
  top: 13%;
  left: 43%;
  background: #FF7705;
  border: 2px solid #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.orange-yellow-fade .slide .video-circle.active {
  background: #FFF;
  border: 2px solid #FF7705;
}
.section.orange-yellow-fade .slide .video-circle img {
  width: 25px;
}
.section.orange-yellow-fade .slide .message {
  position: absolute;
  top: 8%;
  left: 45%;
  transform: translateX(-50%) !important;
  width: auto;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
}
.section.orange-yellow-fade .slide .message__two {
  left: 19.5%;
  bottom: 30%;
  top: auto;
  font-weight: 700;
}
.section.orange-yellow-fade .slide .blue-circle {
  position: absolute;
  bottom: 30%;
  left: 6.5%;
  width: 48px;
  height: 48px;
  background: #FD8A06;
  border: 2px solid #FFF;
  border-radius: 100%;
}
.section.orange-yellow-fade .slide .blue-circle .active {
  background: #FFF;
  border: 2px solid #FD8A06;
}
.section.orange-yellow-fade .slide .blue-waves {
  width: 30px;
  position: absolute;
  right: 0;
  bottom: 5%;
  opacity: 0;
  z-index: 1;
}
.section.orange-yellow-fade .slide .blue-waves.active {
  opacity: 1;
}
.section.orange-yellow-fade .slide .double-crosses {
  width: 395px;
  position: absolute;
  right: 17%;
  bottom: 11%;
  opacity: 0;
  z-index: 1;
}
.section.orange-yellow-fade .slide .double-crosses.active {
  opacity: 1;
}
.section.orange-yellow-fade .slide .content-box {
  position: absolute;
  top: 20%;
  right: 10%;
}
.section.orange-yellow-fade .slide .content-box .green-box {
  font-family: titleFont;
  color: #FFF;
  background: none;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 5rem;
  margin-bottom: 2rem;
  transition: all 0.3s;
  position: relative;
  opacity: 0;
  transition: all 0.7s;
}
.section.orange-yellow-fade .slide .content-box .green-box.visible:after {
  width: 100%;
}
.section.orange-yellow-fade .slide .content-box .green-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.orange-yellow-fade .slide .content-box .green-box.green-animation {
  width: 100%;
  opacity: 1;
}
.section.orange-yellow-fade .slide .content-box .green-box.green-animation:after {
  width: 91%;
}
.section.orange-yellow-fade .slide .content-box .italic-title {
  color: #FFF;
  font-weight: 300;
  font-style: italic;
  font-size: 2.6rem;
  display: flex;
  justify-content: center;
  opacity: 0;
  margin-right: -30px;
  transition: all 1s;
}
.section.orange-yellow-fade .slide .content-box .italic-title.italic-animation {
  margin-right: 0;
  opacity: 1;
}
.section.orange-yellow-fade .slide .content-box .italic-title.visible {
  margin-right: 0;
}
.section.orange-yellow-fade .slide .head-graphic {
  position: absolute;
  top: 43%;
  left: 37%;
  width: 271px;
  opacity: 0;
}
.section.orange-yellow-fade .slide #container {
  margin: 20px;
  width: 200px;
  height: 200px;
  position: relative;
}
.section.orange-yellow-fade .slide .video-popup-two {
  position: absolute;
  top: 37%;
  left: 40%;
  width: 532px;
  height: 350px;
}
.section.orange-yellow-fade .slide .video-popup-two iframe {
  border: 5px solid #FFF;
}
.section.orange-yellow-fade .slide .large-line {
  opacity: 0;
  transition: all 0.3s;
  width: 1px;
  position: absolute;
  top: 18%;
  left: 45.3%;
}
.section.orange-yellow-fade .slide .large-line.active {
  opacity: 1;
}
.section.orange-yellow-fade .slide .dotarrows {
  position: absolute;
  top: 2%;
  left: -2%;
  width: 60px;
  opacity: 0;
}
.section.orange-yellow-fade .slide .dotarrows.active {
  opacity: 1;
}
.section.orange-yellow-fade .slide .bbb-landscape {
  position: absolute;
  top: 5%;
  left: 20%;
  width: 150px;
  opacity: 0;
}
.section.orange-yellow-fade .slide .bbb-landscape.active {
  opacity: 1;
}
.section.orange-yellow-fade .slide.active .grouped-elements,
.section.orange-yellow-fade .slide.active .large-line {
  opacity: 0;
}
@keyframes expandingOne {
  0% {
    width: 48px;
    height: 48px;
    border-radius: 781px;
  }
  100% {
    width: 121%;
    height: 162%;
    border-radius: 2220px;
    bottom: -26%;
    left: -39%;
  }
}
@keyframes expandingContent {
  0% {
    display: none;
    opacity: 0;
  }
  75% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.section.orange-yellow-fade .slide .expanding-div {
  position: absolute;
  bottom: 30%;
  left: 6.5%;
  z-index: 1;
  width: 51px;
  height: 51px;
  border-radius: 100%;
  background: #FFF;
  z-index: 10;
}
.section.orange-yellow-fade .slide .expanding-content,
.section.orange-yellow-fade .slide .expanding-landscape,
.section.orange-yellow-fade .slide .expanding-resources {
  display: none;
}
.section.orange-yellow-fade .slide.active .expanding-div {
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingOne 3s forwards ease-in-out;
  /* IE 10+, Fx 29+ */
}
.section.orange-yellow-fade .slide.active .expanding-content {
  position: absolute;
  top: 4%;
  left: -20%;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 4s ease;
  /* IE 10+, Fx 29+ */
  z-index: 1000;
  width: 40%;
  display: block;
}
.section.orange-yellow-fade .slide.active .expanding-content p a {
  font-size: 1.5rem !important;
  color: #919396 !important;
}
@media (max-width: 1650px) {
  .section.orange-yellow-fade .slide.active .expanding-content {
    left: -10%;
  }
}
.section.orange-yellow-fade .slide.active .expanding-content p {
  font-size: 1.5rem;
  line-height: 1.8;
  color: #919396;
}
.section.orange-yellow-fade .slide.active .expanding-content p.blue {
  color: #D10088;
  font-weight: bold;
}
.section.orange-yellow-fade .slide.active .expanding-landscape {
  display: block;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 5s ease;
  /* IE 10+, Fx 29+ */
  position: absolute;
  bottom: 5%;
  right: 27.5%;
  width: 100%;
  z-index: 999;
}
.section.orange-yellow-fade .slide.active .expanding-landscape img {
  width: 80%;
  margin-right: 20px;
  float: right;
}
.section.orange-yellow-fade .slide.active .expanding-resources {
  display: block;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContent 4s ease;
  /* IE 10+, Fx 29+ */
  position: absolute;
  right: 43%;
  width: 33%;
  z-index: 1000;
  top: 4%;
}
@media (max-width: 1650px) {
  .section.orange-yellow-fade .slide.active .expanding-resources {
    right: 31%;
  }
}
.section.orange-yellow-fade .slide.active .expanding-resources ul {
  overflow: auto;
  max-height: 450px;
  scrollbar-width: thin;
}
.section.orange-yellow-fade .slide.active .expanding-resources ul::-webkit-scrollbar {
  width: 15px;
}
.section.orange-yellow-fade .slide.active .expanding-resources ul::-webkit-scrollbar-track {
  background: #F4BFE1;
}
.section.orange-yellow-fade .slide.active .expanding-resources ul::-webkit-scrollbar-thumb {
  background-color: #FFF;
  border-radius: 6px;
  border: 3px solid #F4BFE1;
}
.section.orange-yellow-fade .slide.active .expanding-resources .blue-box {
  font-family: titleFont;
  color: #FFF;
  background: #D10088;
  padding: 0.5rem 1rem;
  font-size: 3rem;
  margin-bottom: -15px;
  display: inline-block;
  z-index: 10;
  position: relative;
}
.section.orange-yellow-fade .slide.active .expanding-resources ul {
  padding: 0;
  background-color: #fde3f4;
  margin: 0;
  list-style: none;
  padding: 3rem;
  margin-top: -7px;
}
.section.orange-yellow-fade .slide.active .expanding-resources ul li {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.section.orange-yellow-fade .slide.active .expanding-resources ul li a {
  display: flex;
  color: #D10088;
  font-size: 1.4rem;
  margin-left: 25px;
  font-family: "museo-sans", sans-serif;
  font-weight: bold;
  transition: all 0.3s;
}
.section.orange-yellow-fade .slide.active .expanding-resources ul li a:hover {
  color: #919396;
}
.section.orange-yellow-fade .slide.active .expanding-resources img {
  width: 30px;
  max-height: 27px;
  position: relative;
}
.section.yellow-fade {
  background: linear-gradient(180deg, #FC970C 14%, #F6C413 100%);
}
.section.yellow-fade .main-image {
  position: absolute;
  right: -5%;
  bottom: -20%;
  width: 930px;
}
.section.yellow-fade .navigation-circle {
  top: 30%;
  left: 8.5%;
  transform: translateX(-50%);
  border: 2px solid #FFF;
  background: #FBA20E;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.yellow-fade .navigation-circle img {
  width: 25px;
}
.section.yellow-fade .star-one {
  right: 0;
  top: 60%;
  position: absolute;
  width: 35px;
  opacity: 0;
}
.section.yellow-fade .star-one.active {
  opacity: 1;
}
.section.yellow-fade .star-two {
  left: 17%;
  bottom: 20%;
  position: absolute;
  width: 35px;
  opacity: 0;
}
.section.yellow-fade .star-two.active {
  opacity: 1;
}
.section.yellow-fade .purple-waves {
  width: 150px;
  bottom: 8%;
  left: 40%;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
.section.yellow-fade .purple-waves.active {
  opacity: 1;
}
.section.yellow-fade .navigation-message {
  top: 29.7%;
  left: 12.5%;
}
.section.yellow-fade .navigation-circle.active {
  background: #FFF;
  border: 2px solid #FBA20E;
}
.section.yellow-fade .arrow-left {
  position: absolute;
  left: 26.8%;
  top: 58.1%;
  width: 18px;
  transform: rotate(-180deg);
}
.section.yellow-fade .content-box {
  position: absolute;
  top: 19%;
  width: 518px;
  right: 26%;
}
.section.yellow-fade .content-box p {
  color: #FFF;
  font-size: 1.8rem;
}
.section.yellow-fade .green-box {
  font-family: titleFont;
  color: #FFF;
  background: none;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 5rem;
  margin-bottom: 2rem;
  transition: all 0.3s;
  position: relative;
  opacity: 0;
  transition: all 0.7s;
  position: absolute;
  left: 28.5%;
}
.section.yellow-fade .green-box.visible:after {
  width: 100%;
}
.section.yellow-fade .green-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.yellow-fade .green-box.green-animation {
  width: 230px;
  opacity: 1;
}
.section.yellow-fade .green-box.green-animation:after {
  width: 91%;
}
.section.yellow-no-fade {
  background: linear-gradient(180deg, #F6C413 14%, #F6C413 185%);
}
.section.yellow-no-fade .img-bg {
  position: absolute;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}
.section.yellow-no-fade .slide .arrow-left {
  width: 18px;
  top: 14%;
  right: 20%;
  position: absolute;
}
.section.yellow-no-fade .slide .video-circle {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 100%;
  top: 13%;
  left: 43%;
  background: #F6C413;
  border: 2px solid #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.yellow-no-fade .slide .video-circle.active {
  background: #FFF;
  border: 2px solid #F6C413;
}
.section.yellow-no-fade .slide .video-circle img {
  width: 25px;
}
.section.yellow-no-fade .slide .message {
  position: absolute;
  top: 8%;
  left: 45%;
  transform: translateX(-50%) !important;
  width: auto;
  color: #FFF;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
}
.section.yellow-no-fade .slide .message__two {
  left: 16.5%;
  bottom: 14.7%;
  top: auto;
  font-weight: 700;
}
.section.yellow-no-fade .slide .blue-circle {
  position: absolute;
  bottom: 15%;
  left: 6.5%;
  width: 48px;
  height: 48px;
  background: #020100;
  border: 2px solid #FFF;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.yellow-no-fade .slide .blue-circle img {
  width: 20px;
}
.section.yellow-no-fade .slide .blue-circle.active {
  background: #FFF;
  border: 2px solid #F6C413;
}
.section.yellow-no-fade .slide .blue-circle.active a {
  position: absolute;
  display: inherit;
}
.section.yellow-no-fade .slide .purple-outline-wave {
  position: absolute;
  width: 150px;
  right: 0;
  bottom: 15%;
  opacity: 0;
}
.section.yellow-no-fade .slide .purple-outline-wave.active {
  opacity: 1;
}
.section.yellow-no-fade .slide .star-group {
  position: absolute;
  width: 100px;
  right: 22%;
  top: 65%;
  opacity: 0;
}
.section.yellow-no-fade .slide .star-group.active {
  opacity: 1;
}
.section.yellow-no-fade .slide .orange-aim {
  position: absolute;
  width: 80px;
  left: 40%;
  top: 55%;
  opacity: 0;
}
.section.yellow-no-fade .slide .orange-aim.active {
  opacity: 1;
}
.section.yellow-no-fade .slide .content-box {
  position: absolute;
  top: 20%;
  right: 10%;
}
.section.yellow-no-fade .slide .content-box .green-box {
  font-family: titleFont;
  color: #FFF;
  background: none;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 5rem;
  margin-bottom: 2rem;
  transition: all 0.3s;
  position: relative;
  opacity: 0;
  transition: all 0.7s;
}
.section.yellow-no-fade .slide .content-box .green-box.visible:after {
  width: 100%;
}
.section.yellow-no-fade .slide .content-box .green-box:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #A5D300;
  transition: all 1s;
  left: 0;
  top: 0;
  z-index: -1;
}
.section.yellow-no-fade .slide .content-box .green-box.green-animation {
  width: 100%;
  opacity: 1;
}
.section.yellow-no-fade .slide .content-box .green-box.green-animation:after {
  width: 91%;
}
.section.yellow-no-fade .slide .content-box .italic-title {
  color: #FFF;
  font-weight: 300;
  font-style: italic;
  font-size: 2.6rem;
  display: flex;
  justify-content: center;
  opacity: 0;
  margin-right: -30px;
  transition: all 1s;
}
.section.yellow-no-fade .slide .content-box .italic-title.italic-animation {
  margin-right: 0;
  opacity: 1;
}
.section.yellow-no-fade .slide .content-box .italic-title.visible {
  margin-right: 0;
}
.section.yellow-no-fade .slide #container {
  margin: 20px;
  width: 200px;
  height: 200px;
  position: relative;
}
.section.yellow-no-fade .slide .video-popup-two {
  width: 730px;
  top: 47%;
  left: 24%;
  z-index: 3;
  transition: all 0.3s;
  pointer-events: inherit;
  position: absolute;
}
.section.yellow-no-fade .slide .video-popup-two iframe {
  z-index: 999;
  max-width: 655px;
  height: 367px;
  border: 5px solid #FFF;
}
.section.yellow-no-fade .slide .large-line {
  opacity: 0;
  transition: all 0.3s;
  width: 1px;
  position: absolute;
  top: 18%;
  left: 45.3%;
}
.section.yellow-no-fade .slide .large-line.active {
  opacity: 1;
}

.navigation-message {
  position: absolute;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase;
}

.navigation-circle {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 100%;
}

.content-container {
  max-width: 1000px;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  display: flex;
  flex-direction: row;
}

.slide__container {
  max-width: 1140px;
  height: 850px;
  margin: auto;
  position: relative;
  display: flex;
}

.directional-line {
  width: 100%;
  object-fit: cover;
  position: absolute;
}

.visible {
  opacity: 1 !important;
  z-index: -1;
}

.section {
  overflow: hidden;
}

.straightline-filler {
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: -100.6%;
}

.straightline-filler-middle-centre {
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0%;
  bottom: -100%;
}

.straightline-down-filler {
  width: 100%;
  object-fit: cover;
  position: absolute;
  height: 950px;
  right: -45.1%;
  bottom: -112%;
  z-index: -1;
}

.straightline-right-filler {
  position: absolute;
  width: 1px;
  height: 900px;
  background: #FFF;
  right: 4.8%;
  top: -105.9%;
  z-index: -1;
}

.straightline-top-right-filler {
  position: absolute;
  width: 1px;
  height: 900px;
  background: #FFF;
  right: 4.2%;
  top: -105%;
  z-index: -1;
}

.straightline-bottom-right-filler {
  position: absolute;
  width: 1px;
  height: 900px;
  background: #FFF;
  right: 4.2%;
  bottom: -106%;
  z-index: -1;
}

.straightline-bottom-left-filler {
  position: absolute;
  width: 1px;
  height: 900px;
  background: #FFF;
  left: 8.6%;
  bottom: -106%;
  z-index: -1;
}

.straightline-left-filler {
  position: absolute;
  width: 1px;
  height: 900px;
  background: #FFF;
  left: 8.6%;
  bottom: -73%;
  z-index: -1;
}

.straightline-top-left-filler {
  position: absolute;
  width: 1px;
  height: 900px;
  background: #FFF;
  left: 8.6%;
  top: -105%;
  z-index: -1;
}

.arrow-down-filler {
  width: 18px;
  transform: rotate(-90deg);
  bottom: 18%;
  position: absolute;
  right: 4%;
}

.arrow-top-filler {
  width: 18px;
  transform: rotate(-90deg);
  position: absolute;
  left: 7.9%;
  top: -1%;
}

span {
  font-weight: bold;
}

.resources-box__title {
  background: #009FC3;
  display: inline;
  font-size: 3rem;
  padding: 0.5rem 1rem;
  font-family: titleFont;
  color: #FFF;
  font-size: 3rem;
  margin-bottom: 6rem;
  line-height: 1;
}
.resources-box ul {  
  background-color: #E5F5F9;
  margin: 0;
  list-style: none;
  padding: 1.5rem;
  margin-top: -15px;
  max-width: 100%;
}
.resources-box ul img {
  width: 26px;
}
.resources-box ul li {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}
.resources-box ul li a {
  display: flex;
  color: #009FC3;
  font-size: 1.5rem;
  margin-left: 10px;
  font-family: "museo-sans", sans-serif;
  font-weight: bold;
  transition: all 0.3s;
}
.resources-box ul li a:hover {
  color: #919396;
}

.statistics-box .blue-title {
  background: #009FC3;
  display: inline-block;
  font-size: 3rem;
  padding: 0.5rem 1rem;
  padding-top: 1rem;
  font-family: titleFont;
  color: #FFF;
  margin: 0;
  margin-bottom: 20px;
  margin-top: -20px;
}
.statistics-box p span {
  position: relative;
  padding: 2px 5px;
}
.statistics-box p span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #FFF;
  left: 0;
  z-index: -1;
}

@keyframes expandingTwo {
  0% {
    width: 48px;
    height: 48px;
    border-radius: 781px;
  }
  100% {
    width: 122%;
    height: 164%;
    border-radius: 2220px;
    left: -37%;
    top: -35%;
  }
}
@keyframes expandingContentTwo {
  0% {
    display: none;
    opacity: 0;
  }
  75% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.expanding-box .expanding-div {
  position: absolute;
  z-index: 1;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #FFF;
  z-index: 10;
}
.expanding-box .expanding-div.one {
  top: 18%;
  left: 76.2%;
}
.expanding-box .expanding-div.two {
  top: 18.3%;
  left: 55.35%;
}
.expanding-box .expanding-div.three {
  left: 6.5%;
  top: 45.2%;
}
.expanding-box .expanding-div.four {
  left: 6.5%;
  top: 69.1%;
}
.expanding-box .expanding-content,
.expanding-box .expanding-landscape,
.expanding-box .expanding-resources {
  display: none;
}
.expanding-box .expanding-resources.pink .blue-box {
  background: #DD39EA !important;
}
.expanding-box .expanding-resources.pink ul {
  background-color: #fde2ff !important;
}
.expanding-box .expanding-resources.pink ul a {
  color: #DD39EA !important;
}
.expanding-box.slide-active.active .expanding-div {
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingTwo 3s forwards ease-in-out;
  /* IE 10+, Fx 29+ */
}
.expanding-box.slide-active.active .expanding-content {
  position: absolute;
  top: 0%;
  left: -20%;
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContentTwo 4s ease;
  /* IE 10+, Fx 29+ */
  z-index: 1000;
}
.expanding-box.slide-active.active .expanding-content p {
  font-size: 1.5rem !important;
}
@media (max-width: 1415px) {
  .expanding-box.slide-active.active .expanding-content p {
    font-size: 1.6rem !important;
  }
}
.expanding-box.slide-active.active .expanding-content p a {
  font-size: 1.5rem !important;
  color: #919396;
}
@media (max-width: 1415px) {
  .expanding-box.slide-active.active .expanding-content p a {
    font-size: 1.5rem !important;
  }
}
.expanding-box.slide-active.active .expanding-content .col-top {
  width: 100%;
}
.expanding-box.slide-active.active .expanding-content .col-top .blue-title {
  font-family: titleFont;
  color: #FFF;
  background: #518BFF;
  padding: 0.5rem 1rem;
  font-size: 3rem;
  display: inline-block;
}
.expanding-box.slide-active.active .expanding-content .col-left {
  width: 40%;
  padding: 0;
}
.expanding-box.slide-active.active .expanding-content .col-left a {
  cursor: pointer;
}
.expanding-box.slide-active.active .expanding-content .col-left img {
  width: 140px;
}
.expanding-box.slide-active.active .expanding-content .col-right {
  width: 60%;
  padding: 0;
}
.expanding-box.slide-active.active .expanding-content .col-right .blue {
  margin-top: 0;
  padding-top: 0;
  color: #518BFF;
  font-weight: bold;
  margin-bottom: 15px;
}
.expanding-box.slide-active.active .expanding-content .col-right .blue a {
  color: #518BFF;
  font-weight: bold;
}
.expanding-box.slide-active.active .expanding-content .col-right p {
  margin-bottom: 0;
}
.expanding-box.slide-active.active .expanding-content .col-middle {
  width: 100%;
  padding: 0;
}
.expanding-box.slide-active.active .expanding-content .col-middle p {
  padding-top: 0;
  margin-top: 0;
}
@media (max-width: 1650px) {
  .expanding-box.slide-active.active .expanding-content {
    left: -10%;
  }
}
.expanding-box.slide-active.active .expanding-content p {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #919396;
}
.expanding-box.slide-active.active .expanding-content p.pink {
  color: #DD39EA;
  font-weight: bold;
}
.expanding-box.slide-active.active .expanding-landscape {
  display: block;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContentTwo 5s ease;
  /* IE 10+, Fx 29+ */
  position: absolute;
  bottom: 5%;
  right: 27.5%;
  width: 100%;
  z-index: 999;
}
.expanding-box.slide-active.active .expanding-landscape img {
  width: 80%;
  margin-right: 20px;
  float: right;
}
.expanding-box.slide-active.active .expanding-resources {
  display: block;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: expandingContentTwo 4s ease;
  /* IE 10+, Fx 29+ */
  position: absolute;
  right: 30%;
  width: 33%;
  z-index: 1000;
  top: 0%;
}
.expanding-box.slide-active.active .expanding-resources ul {
  max-height: 250px;
  overflow: auto;
  scrollbar-width: thin;
}
.expanding-box.slide-active.active .expanding-resources ul::-webkit-scrollbar {
  width: 15px;
}
.expanding-box.slide-active.active .expanding-resources ul::-webkit-scrollbar-track {
  background: #D3E2FF;
}
.expanding-box.slide-active.active .expanding-resources ul::-webkit-scrollbar-thumb {
  background-color: #FFF;
  border-radius: 6px;
  border: 3px solid #D3E2FF;
}
@media (max-width: 1650px) {
  .expanding-box.slide-active.active .expanding-resources {
    right: 33%;
  }
}
.expanding-box.slide-active.active .expanding-resources .blue-box {
  font-family: titleFont;
  color: #FFF;
  background: #518BFF;
  padding: 0.5rem 1rem;
  font-size: 3rem;
  margin-bottom: -15px;
  display: inline-block;
  z-index: 10;
  position: relative;
}
.expanding-box.slide-active.active .expanding-resources ul {
  padding: 0;
  background-color: #e6f1fd;
  margin: 0;
  list-style: none;
  padding: 3rem;
  margin-top: -7px;
}
.expanding-box.slide-active.active .expanding-resources ul li {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.expanding-box.slide-active.active .expanding-resources ul li a {
  display: flex;
  color: #518BFF;
  font-size: 1.4rem;
  margin-left: 25px;
  font-family: "museo-sans", sans-serif;
  font-weight: bold;
  transition: all 0.3s;
}
.expanding-box.slide-active.active .expanding-resources ul li a:hover {
  color: #919396;
}
.expanding-box.slide-active.active .expanding-resources img {
  width: 25px;
  max-height: 27px;
  position: relative;
}

.content-box p a {
  font-size: 1.8rem;
  color: #FFF;
  transition: all 0.3s;
}
.content-box p a:hover {
  opacity: 0.9;
}

@media (max-width: 1415px) {
  .slide.smaller .expanding-landscape {
    display: none !important;
  }
}
.slide.smaller .expanding-content .blue {
  font-size: 1.5rem !important;
}
.slide.smaller .expanding-content p {
  font-size: 1.5rem !important;
}
.slide.smaller .expanding-content p a {
  font-size: 1.5rem !important;
}

.video-popup-two {
  z-index: 999 !important;
}

.navigation-circle-link {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mobile-only-list {
  display: none !important;
}

.custom-span {
  margin-left: 0 !important;
}

.instructions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
}
@media (max-height: 750px) {
  .instructions {
    margin-top: 1rem;
  }
}
.instructions__title strong {
  text-transform: uppercase;
}
.instructions__keys {
  display: flex;
  justify-content: center;
  align-items: center;
}
.instructions__keys .down-key {
  transform: rotate(180deg);
  margin-left: 0;
  margin-right: 10px;
}
.instructions__keys .left-key {
  transform: rotate(-90deg);
  margin-left: 10px;
  margin-right: 0;
}
.instructions__keys .right-key {
  transform: rotate(90deg);
  margin-left: 10px;
  margin-right: 10px;
}
.instructions p {
  width: 100%;
  color: #FFF;
  font-size: 1.6rem;
  margin: 5px;
  text-align: center;
}
.instructions p img {
  display: inline;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-right: 10px;
}

.popup-slide .play-button-text,
.popup-slide .large-line,
.popup-slide .play-button,
.popup-slide-two .play-button-text,
.popup-slide-two .large-line,
.popup-slide-two .play-button {
  opacity: 1;
  transition: all 0.3s;
}
.popup-slide.enable .play-button-text,
.popup-slide.enable .large-line,
.popup-slide.enable .play-button,
.popup-slide-two.enable .play-button-text,
.popup-slide-two.enable .large-line,
.popup-slide-two.enable .play-button {
  opacity: 0;
}
.popup-slide #video-popup-trigger,
.popup-slide #video-popup-trigger-two,
.popup-slide-two #video-popup-trigger,
.popup-slide-two #video-popup-trigger-two {
  cursor: pointer;
}
.popup-slide .video-popup,
.popup-slide .video-popup-two,
.popup-slide-two .video-popup,
.popup-slide-two .video-popup-two {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  margin: auto;
  display: block;
  position: relative;
  width: 600px;
  margin: auto;
}
.popup-slide .video-popup #close-popup,
.popup-slide .video-popup #close-popup-two,
.popup-slide .video-popup-two #close-popup,
.popup-slide .video-popup-two #close-popup-two,
.popup-slide-two .video-popup #close-popup,
.popup-slide-two .video-popup #close-popup-two,
.popup-slide-two .video-popup-two #close-popup,
.popup-slide-two .video-popup-two #close-popup-two {
  background: #A5D300;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 7px;
  right: -7px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-slide .video-popup #close-popup img,
.popup-slide .video-popup #close-popup-two img,
.popup-slide .video-popup-two #close-popup img,
.popup-slide .video-popup-two #close-popup-two img,
.popup-slide-two .video-popup #close-popup img,
.popup-slide-two .video-popup #close-popup-two img,
.popup-slide-two .video-popup-two #close-popup img,
.popup-slide-two .video-popup-two #close-popup-two img {
  width: 20px;
}
.popup-slide .video-popup iframe,
.popup-slide .video-popup-two iframe,
.popup-slide-two .video-popup iframe,
.popup-slide-two .video-popup-two iframe {
  border: 7px solid white;
  max-width: 600px;
  margin: auto;
  height: 340px;
  display: block;
  z-index: 9999;
}
.popup-slide .video-popup.active,
.popup-slide .video-popup-two.active,
.popup-slide-two .video-popup.active,
.popup-slide-two .video-popup-two.active {
  opacity: 1;
  pointer-events: initial;
}

.videoOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
  overflow: hidden;
  opacity: 0;
  transition: all 0.7s;
  pointer-events: none;
}
.videoOverlay.active {
  opacity: 1;
  pointer-events: inherit;
}
.videoOverlay.active .videoOverlayDoors {
  opacity: 1 !important;
}
.videoOverlay.active .videoPopup {
  opacity: 1 !important;
}
.videoOverlay .videoOverlayDoors {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.7s;
}
.videoOverlay .videoOverlayDoors:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(15, 16, 15, 0.84);
  transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  transition-delay: 0.8s;
}
.videoOverlay .videoOverlayDoors:before {
  left: 0;
}
.videoOverlay .videoOverlayDoors .videoPopup {
  max-width: 700px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 7px solid #FFF;
  opacity: 0;
  transition: all 0.7s;
}
.videoOverlay .videoOverlayDoors .videoPopup #closeVideoOverlay {
  background: #A5D300;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.videoOverlay .videoOverlayDoors .videoPopup #closeVideoOverlay img {
  width: 20px;
}
.videoOverlay.videoOverlayTwo .videoPopup, .videoOverlay.videoOverlayThree .videoPopup, .videoOverlay.videoOverlayFive .videoPopup {
  max-width: 717px;
}
.videoOverlay.videoOverlayFour .videoPopup, .videoOverlay.videoOverlaySeven .videoPopup {
  max-width: 228px;
}
.videoOverlay.videoOverlaySix .videoPopup {
  max-width: 315px;
}

#map,
#regionsMap,
#unipartnersMap,
#membershipsMap,
#corporateMap {
  height: 80%;
  width: 100%;
  background-color: grey;
}

.slide .maps {
  flex-wrap: wrap;
}
.slide .maps .gm-style-iw {
  border-radius: 0 !important;
}
.slide .maps .gm-style-iw h3 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0;
  color: #009FC3;
}
.slide .maps .gm-style-iw p {
  font-size: 1.6rem;
  margin-top: 0;
  color: #6F7173;
}
.slide .maps .gm-style-iw p span {
  font-weight: bold;
}
.slide .maps .gm-style-iw button {
  background: #A5D300 !important;
  color: #FFF;
  display: flex !important;
  justify-content: center;
  align-items: center;
  top: 0 !important;
  right: 0 !important;
  transition: all 0.3s;
}
.slide .maps .gm-style-iw button img {
  filter: invert(1);
  width: 20px !important;
  height: 20px !important;
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.cluster span {
  color: #FFF !important;
  margin: 0 3px 0 0;
  display: block;
}

#corporateMap .cluster {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#corporateMap .cluster div {
  width: 57px !important;
  line-height: 58px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#corporateMap .cluster span {
  color: #FFF !important;
  display: block;
}

#menu {
  background: transparent;
  position: absolute;
  bottom: 2%;
  z-index: 999;
  width: 100%;
  max-width: 925px;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  opacity: 1;
  transition: all 0.7s;
  pointer-events: initial;
}
#menu.disabled {
  opacity: 0;
  pointer-events: none;
}
#menu li a {
  color: #FFF;
  font-family: "museo-sans", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3rem;
  letter-spacing: 1px;
}

.home,
.membership,
.commitments,
.networks,
.knowledge,
.profile,
.inclusivity,
.BBB,
.finances,
.vision {
  position: relative;
}
.home:after,
.membership:after,
.commitments:after,
.networks:after,
.knowledge:after,
.profile:after,
.inclusivity:after,
.BBB:after,
.finances:after,
.vision:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  background: #FFF;
  height: 2px;
  width: 0;
  transition: all 0.3s;
}
.home.active:after,
.membership.active:after,
.commitments.active:after,
.networks.active:after,
.knowledge.active:after,
.profile.active:after,
.inclusivity.active:after,
.BBB.active:after,
.finances.active:after,
.vision.active:after {
  width: 50px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1366px) {
  
  .section.light-purple-fade .slide-active.active .expanding-content {    
    width: 55%; 
    top: -20% !important;   
  }
  
  .expanding-box.slide-active.active .expanding-content {
    left: -20% !important;
    width: 57%;    
  }

  .section.blue-fade-purple .slide__container .content-box {   
    width: 645px;      
  }

  .section.blue-fade-purple .slide__container .content-box__row {    
    margin-bottom: 0.5rem;
  }

  .section.purple-fade .content-box {
    bottom: -15% !important;
  }

  .section.orange-fade .video-popup {    
    top: 50%;    
  }
  .section.orange-fade .fourth-circle {    
    top: 19%;
  }
  .section.orange-fade .fourth-message {    
    top: 10.6%;    
  }
  .section.orange-fade .fifth-circle {
    right: 9.5%;
    top: 24%;
  }
  .section.orange-fade .fifth-message {
    right: 2%;   
  }
  .section.orange-fade .iema-stats-sub {
    top: 39%;
    font-size: 1.5rem; 
  }
  .section.purple-pink-fade .pink-box {
    top: -15% !important;
  }
  .section.purple-pink-fade .title-green {
    top: -2%;    
  }
  .purple-pink-fade .content-box {
    right: 4% !important;
    top: -12% !important;
  }
  .purple-pink-fade .content-box .resources-box {
    margin-left: -18% !important;
    margin-top: 28% !important;
  }
  body #main-container .orange-yellow-fade .message__two {
    bottom: 29%;   
    right: 68%;
  }
  .section.orange-yellow-fade .slide.active .expanding-content {
    width: 50%;
  }
  .section.turquoise-fade-dark-blue .slide.active .expanding-content {
    width: 50%;
  }
  .section.light-purple-fade .slide-active.active .expanding-content p {
    font-size: 1.6rem !important;
    line-height: 1.7 !important;
  }
  .fix-zoom{
    zoom: 0.9;
  }
}

@media (max-height: 844px){
 
.expanding-div-mobile {
  min-height: 900px;
  }
}