/* ARROWS */

.g-arrow {
  position: absolute;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
#g-arrow-home-header {
  z-index: 0;
  width: 320px;
  height: 317px;
  left: 63%;
  top: -500px;
  transform: translate3d(-50%, 0, 0);
}

#g-arrow-home-intro {
  z-index: 4;
  width: 613px;
  height: 300px;
  bottom: -90px;
  left: -900px;
  transform: translate3d(-50%, 0, 0);
}
#g-arrow-building-intro {
  z-index: 4;
  width: 613px;
  height: 300px;
  top: 0px;
  right: -500px;
  transform: translate3d(-50%, -50%, 0);
}

#g-arrow-footer {
  z-index: 0;
  width: 335px;
  height: 223px;
  bottom: 0;
  left: -450px;
  transform: translate3d(-50%, 0, 0);
}
#g-arrow-nav {
  z-index: 4;
  width: 317px;
  height: 647px;
  top: 0;
  left: 100px;
  transform: translate3d(-50%, -200%, 0);
  transition: 0.3s ease-in-out;
}
#g-arrow-plans-accomm {
  z-index: 4;
  width: 1100px;
  height: 223px;
  top: 0;
  left: 600px;
  transform: translate3d(0%, 0%, 0);
}
#g-arrow-building-headdown {
  z-index: 4;
  width: 223px;
  height: 335px;
  top: 0;
  right: 0;
  transform: translate3d(50%, 0%, 0);
}
#g-arrow-building-better {
  z-index: 0;
  width: 613px;
  height: 300px;
  right: -450px;
  top: 0;
  transform: translate3d(0%, -50%, 0);
}
#g-arrow-location-times {
  z-index: 4;
  width: 693px;
  height: 204px;
  left: -693px;
  bottom: 0;
  transform: translate3d(0%, -50%, 0);
}
#g-arrow-location-explore {
  z-index: 4;
  width: 513px;
  height: 240px;
  right: -300px;
  bottom: 0;
  transform: translate3d(0%, -50%, 0);
}
#g-arrow-location-connected {
  z-index: 4;
  width: 307px;
  height: 204px;
  left: -300px;
  bottom: 0;
  transform: translate3d(0%, -50%, 0);
}
.g-nav.active #g-arrow-nav {
  transition: 0.6s 0.2s ease-in-out;
  transform: translate3d(-50%, -100%, 0);
}

#g-arrow-header {
  z-index: 9;
  width: 165px;
  height: 163px;
  bottom: 10px;
  left: 50%;
  transform: translate3d(0, 0, 0);
}

@media (max-width: 1199.98px) {
  #g-arrow-building-better {
    z-index: 4;
    width: 307px;
    height: 150px;
    right: -100px;
    top: 0;
    transform: translate3d(0%, -50%, 0);
  }
}

@media (max-width: 991.98px) {
  #g-arrow-home-header {
    z-index: 0;
    width: 160px;
    height: 159px;
    left: 50%;
    top: -300px;
    transform: translate3d(-50%, 0, 0);
  }

  #g-arrow-building-intro {
    z-index: 4;
    width: 307px;
    height: 150px;
    top: 0px;
    right: -300px;
    transform: translate3d(-50%, -50%, 0);
  }

  #g-arrow-plans-accomm {
    z-index: 4;
    width: 550px;
    height: 111px;
    top: 0px;
    left: 500px;
    transform: translate3d(0%, 0%, 0);
  }
  #g-arrow-header {
    transform: translate3d(-50%, 0, 0);
  }
  #g-arrow-location-times,
  #g-arrow-location-connected {
    display: none;
  }
  #g-arrow-building-headdown {
    z-index: 4;
    width: 111px;
    height: 168px;
    top: 0;
    right: 0;
    transform: translate3d(50%, 0%, 0);
  }
}
@media (max-width: 575.98px) {
  #g-arrow-building-headdown {
    top: -150px;
  }
  #g-arrow-building-better {
    right: -250px;
  }
  #g-arrow-building-intro {
    top: 75px;
  }
}