* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Encode Sans", sans-serif;
}

img,
svg {
  max-width: 100%;
}

@keyframes flicker {
  0% {
    opacity: 1;
  }
  2% {
    opacity: 1;
  }
  4% {
    opacity: 1;
  }
  6% {
    opacity: 0.8923828554;
  }
  8% {
    opacity: 1;
  }
  10% {
    opacity: 0.7771654285;
  }
  12% {
    opacity: 1;
  }
  14% {
    opacity: 1;
  }
  16% {
    opacity: 1;
  }
  18% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  26% {
    opacity: 1;
  }
  28% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  32% {
    opacity: 0.9850926135;
  }
  34% {
    opacity: 0.706422728;
  }
  36% {
    opacity: 1;
  }
  38% {
    opacity: 0.8578933918;
  }
  40% {
    opacity: 0.8165612771;
  }
  42% {
    opacity: 0.7985430511;
  }
  44% {
    opacity: 1;
  }
  46% {
    opacity: 1;
  }
  48% {
    opacity: 1;
  }
  50% {
    opacity: 0.939828343;
  }
  52% {
    opacity: 0.7249996655;
  }
  54% {
    opacity: 0.7838447297;
  }
  56% {
    opacity: 1;
  }
  58% {
    opacity: 0.7163150744;
  }
  60% {
    opacity: 0.7440513068;
  }
  62% {
    opacity: 1;
  }
  64% {
    opacity: 1;
  }
  66% {
    opacity: 0.7948208034;
  }
  68% {
    opacity: 1;
  }
  70% {
    opacity: 0.9970243154;
  }
  72% {
    opacity: 1;
  }
  74% {
    opacity: 0.9055823058;
  }
  76% {
    opacity: 1;
  }
  78% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  82% {
    opacity: 1;
  }
  84% {
    opacity: 0.9776363609;
  }
  86% {
    opacity: 0.8541849269;
  }
  88% {
    opacity: 0.9318164523;
  }
  90% {
    opacity: 1;
  }
  92% {
    opacity: 0.8424072784;
  }
  94% {
    opacity: 0.7788465119;
  }
  96% {
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes gentle-bounce {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(10%);
  }
}
@keyframes blink {
  0% {
    visibility: hidden;
  }
  2% {
    visibility: visible;
  }
  4% {
    visibility: hidden;
  }
  6% {
    visibility: hidden;
  }
  8% {
    visibility: visible;
  }
  10% {
    visibility: visible;
  }
  12% {
    visibility: visible;
  }
  14% {
    visibility: visible;
  }
  16% {
    visibility: hidden;
  }
  18% {
    visibility: hidden;
  }
  20% {
    visibility: visible;
  }
  22% {
    visibility: visible;
  }
  24% {
    visibility: hidden;
  }
  26% {
    visibility: hidden;
  }
  28% {
    visibility: visible;
  }
  30% {
    visibility: hidden;
  }
  32% {
    visibility: visible;
  }
  34% {
    visibility: visible;
  }
  36% {
    visibility: hidden;
  }
  38% {
    visibility: hidden;
  }
  40% {
    visibility: hidden;
  }
  42% {
    visibility: hidden;
  }
  44% {
    visibility: visible;
  }
  46% {
    visibility: visible;
  }
  48% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  52% {
    visibility: visible;
  }
  54% {
    visibility: hidden;
  }
  56% {
    visibility: hidden;
  }
  58% {
    visibility: visible;
  }
  60% {
    visibility: hidden;
  }
  62% {
    visibility: visible;
  }
  64% {
    visibility: visible;
  }
  66% {
    visibility: hidden;
  }
  68% {
    visibility: visible;
  }
  70% {
    visibility: visible;
  }
  72% {
    visibility: visible;
  }
  74% {
    visibility: hidden;
  }
  76% {
    visibility: hidden;
  }
  78% {
    visibility: hidden;
  }
  80% {
    visibility: visible;
  }
  82% {
    visibility: hidden;
  }
  84% {
    visibility: visible;
  }
  86% {
    visibility: hidden;
  }
  88% {
    visibility: hidden;
  }
  90% {
    visibility: hidden;
  }
  92% {
    visibility: visible;
  }
  94% {
    visibility: visible;
  }
  96% {
    visibility: hidden;
  }
  98% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.btn {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  padding: 0.75em 1.5em;
  text-align: center;
  white-space: nowrap;
}
.btn img {
  vertical-align: middle;
}
.btn::-moz-focus-inner {
  border: 0;
}
.btn .btn-text + img,
.btn .btn-text + svg {
  flex-shrink: 0;
  height: 0.75em;
  margin-left: 1rem;
  margin-top: 0.125em;
}

a.btn {
  text-decoration: none;
}

.btn--primary {
  background-color: #5caff1;
  border: 1px solid transparent;
  color: white;
}
.btn--primary:hover {
  background-color: #82c1f4;
}
.btn--primary:focus {
  border-color: white;
  box-shadow: 0 0 0 1px white, 0 0 1em 0.125em #5caff1;
  outline: none;
}
.btn--primary:active {
  background-color: #369dee;
}

.container {
  margin: auto;
  max-width: 1440px;
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .container {
    padding: 3rem;
  }
}

.site-branding {
  align-items: center;
  display: flex;
}
.site-branding .site-title {
  margin: 0 auto 0 0;
}
.site-branding .logo {
  display: block;
}

.form-title {
  font-size: 0.8rem;
  margin: 1rem 0;
  text-transform: uppercase;
  font-weight: 500;
}

input {
  border: 2px solid transparent;
  font-size: 0.65rem;
  padding: 0.85em 1em;
}
input:focus {
  border-color: #5caff1;
  box-shadow: 0 0 1em rgba(92, 175, 241, 0.4);
  outline: none;
}

.combined-field {
  align-items: center;
  display: flex;
  width: 100%;
  padding-bottom: 3rem;
}
@media (min-width: 425px) {
  .combined-field {
    width: 20rem;
  }
}
.combined-field input {
  flex: 1;
  min-width: 0;
  padding-right: 1.5rem;
}
.combined-field .btn {
  flex-shrink: 0;
  padding: 1em 1.5em;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

#hero {
  background: url("../images/blue-stripe.svg") no-repeat;
  background-color: #f5f5f5;
  background-size: 320% auto;
  color: white;
  min-height: 100vh;
}
@media (min-width: 375px) {
  #hero {
    background-size: 270% auto;
  }
}
@media (min-width: 425px) {
  #hero {
    background-size: 240% auto;
  }
}
@media (min-width: 768px) {
  #hero {
    background-size: 160% auto;
  }
}
@media (min-width: 1024px) {
  #hero {
    background-size: 100% auto;
  }
}
@media (min-width: 1440px) {
  #hero {
    background-size: cover;
  }
}
#hero .hero-inner {
  margin: 3rem 0;
}
@media (min-width: 1024px) {
  #hero .hero-inner {
    align-items: center;
    display: flex;
  }
}
#hero .text-ct {
  flex: 1;
  margin-bottom: 3rem;
  align-self: self-start;
}
#hero .view-whitepaper-link {
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 1024px) {
  #hero .view-whitepaper-link {
    display: inline-flex;
  }
}
#hero .headline {
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  #hero .headline {
    font-size: 4rem;
  }
}
#hero .subhead {
  color: #70c2eb;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 0.5rem;
}
@media (min-width: 1024px) {
  #hero .subhead {
    margin-top: 1.5rem;
    font-size: 1.45rem;
  }
}
#hero .intro-text {
  color: #024a6d;
  font-size: 1rem;
  width: 97%;
  text-align: center;
  line-height: 1.6;
  margin: 0 auto;
}
@media (min-width: 425px) {
  #hero .intro-text {
    width: 80%;
  }
}
@media (min-width: 768px) {
  #hero .intro-text {
    width: 67%;
    font-size: 1.1rem;
  }
}
@media (min-width: 1024px) {
  #hero .intro-text {
    width: 45%;
  }
}
#hero .intro-title {
  color: #5caff1;
  font-size: 2rem;
  margin: 1rem 0 0 0;
}
@media (min-width: 768px) {
  #hero .intro-title {
    font-size: 2.6rem;
  }
}
#hero .illustration-ct {
  flex: 1.7777777778;
}
@media (min-width: 768px) {
  #hero .illustration-ct {
    margin: 0 -48px 0 0;
  }
}
#hero .illustration-ct svg {
  margin-right: -1.5rem;
  height: 100%;
  overflow: visible;
}
#hero .illustration-ct svg * {
  transform-box: fill-box;
}
@media (min-width: 1024px) {
  #hero .illustration-ct svg {
    margin-right: -3rem;
  }
}
@keyframes coin-beam {
  0% {
    opacity: 0.28;
  }
  2% {
    opacity: 0.28;
  }
  4% {
    opacity: 0.28;
  }
  6% {
    opacity: 0.28;
  }
  8% {
    opacity: 0.28;
  }
  10% {
    opacity: 0.28;
  }
  12% {
    opacity: 0.0841688429;
  }
  14% {
    opacity: 0.28;
  }
  16% {
    opacity: 0.28;
  }
  18% {
    opacity: 0.28;
  }
  20% {
    opacity: 0.28;
  }
  22% {
    opacity: 0.1053438976;
  }
  24% {
    opacity: 0.1395727151;
  }
  26% {
    opacity: 0.28;
  }
  28% {
    opacity: 0.28;
  }
  30% {
    opacity: 0.28;
  }
  32% {
    opacity: 0.28;
  }
  34% {
    opacity: 0.28;
  }
  36% {
    opacity: 0.1298756289;
  }
  38% {
    opacity: 0.2754695897;
  }
  40% {
    opacity: 0.28;
  }
  42% {
    opacity: 0.264761113;
  }
  44% {
    opacity: 0.28;
  }
  46% {
    opacity: 0.2305322448;
  }
  48% {
    opacity: 0.28;
  }
  50% {
    opacity: 0.28;
  }
  52% {
    opacity: 0.28;
  }
  54% {
    opacity: 0.28;
  }
  56% {
    opacity: 0.0666735847;
  }
  58% {
    opacity: 0.28;
  }
  60% {
    opacity: 0.28;
  }
  62% {
    opacity: 0.28;
  }
  64% {
    opacity: 0.2582201489;
  }
  66% {
    opacity: 0.28;
  }
  68% {
    opacity: 0.28;
  }
  70% {
    opacity: 0.28;
  }
  72% {
    opacity: 0.28;
  }
  74% {
    opacity: 0.28;
  }
  76% {
    opacity: 0.28;
  }
  78% {
    opacity: 0.2135708769;
  }
  80% {
    opacity: 0.28;
  }
  82% {
    opacity: 0.28;
  }
  84% {
    opacity: 0.28;
  }
  86% {
    opacity: 0.28;
  }
  88% {
    opacity: 0.28;
  }
  90% {
    opacity: 0.28;
  }
  92% {
    opacity: 0.28;
  }
  94% {
    opacity: 0.28;
  }
  96% {
    opacity: 0.28;
  }
  98% {
    opacity: 0.122448154;
  }
  100% {
    opacity: 0.28;
  }
}
@keyframes coin-beam-intense {
  0% {
    opacity: 0.9;
  }
  2% {
    opacity: 0.9;
  }
  4% {
    opacity: 0.9;
  }
  6% {
    opacity: 0.9;
  }
  8% {
    opacity: 0.9;
  }
  10% {
    opacity: 0.9;
  }
  12% {
    opacity: 0.9;
  }
  14% {
    opacity: 0.9;
  }
  16% {
    opacity: 0.9;
  }
  18% {
    opacity: 0.9;
  }
  20% {
    opacity: 0.9;
  }
  22% {
    opacity: 0.9;
  }
  24% {
    opacity: 0.9;
  }
  26% {
    opacity: 0.9;
  }
  28% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.9;
  }
  32% {
    opacity: 0.9;
  }
  34% {
    opacity: 0.9;
  }
  36% {
    opacity: 0.9;
  }
  38% {
    opacity: 0.9;
  }
  40% {
    opacity: 0.9;
  }
  42% {
    opacity: 0.9;
  }
  44% {
    opacity: 0.9;
  }
  46% {
    opacity: 0.9;
  }
  48% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.9;
  }
  52% {
    opacity: 0.9;
  }
  54% {
    opacity: 0.9;
  }
  56% {
    opacity: 0.9;
  }
  58% {
    opacity: 0.9;
  }
  60% {
    opacity: 0.9;
  }
  62% {
    opacity: 0.9;
  }
  64% {
    opacity: 0.9;
  }
  66% {
    opacity: 0.9;
  }
  68% {
    opacity: 0.9;
  }
  70% {
    opacity: 0.9;
  }
  72% {
    opacity: 0.9;
  }
  74% {
    opacity: 0.9;
  }
  76% {
    opacity: 0.9;
  }
  78% {
    opacity: 0.9;
  }
  80% {
    opacity: 0.9;
  }
  82% {
    opacity: 0.9;
  }
  84% {
    opacity: 0.9;
  }
  86% {
    opacity: 0.9;
  }
  88% {
    opacity: 0.9;
  }
  90% {
    opacity: 0.9;
  }
  92% {
    opacity: 0.9;
  }
  94% {
    opacity: 0.9;
  }
  96% {
    opacity: 0.9;
  }
  98% {
    opacity: 0.9;
  }
  100% {
    opacity: 0.7614500203;
  }
}
#hero #coin {
  animation: gentle-bounce 2s infinite alternate ease-in-out both;
}
#hero #coin-beam--wide {
  animation: coin-beam 3s infinite;
}
#hero #coin-beam--wide.has-box {
  animation-name: coin-beam-intense;
}
#hero #tablet-connection {
  animation: flicker 2s infinite;
}
#hero #server-lights :nth-child(1) {
  animation: blink 33s infinite;
}
#hero #server-lights :nth-child(2) {
  animation: blink 46s infinite;
}
#hero #server-lights :nth-child(3) {
  animation: blink 48s infinite;
}
#hero #server-lights :nth-child(4) {
  animation: blink 2s infinite;
}
#hero #server-lights :nth-child(5) {
  animation: blink 3s infinite;
}
#hero #server-lights :nth-child(6) {
  animation: blink 28s infinite;
}
#hero #server-lights :nth-child(7) {
  animation: blink 7s infinite;
}
#hero #server-lights :nth-child(8) {
  animation: blink 15s infinite;
}
#hero #server-lights :nth-child(9) {
  animation: blink 40s infinite;
}
#hero #server-lights :nth-child(10) {
  animation: blink 13s infinite;
}
#hero #server-lights :nth-child(11) {
  animation: blink 13s infinite;
}
#hero #server-lights :nth-child(12) {
  animation: blink 47s infinite;
}
#hero #server-lights :nth-child(13) {
  animation: blink 21s infinite;
}
#hero #server-lights :nth-child(14) {
  animation: blink 12s infinite;
}
#hero #server-lights :nth-child(15) {
  animation: blink 36s infinite;
}
#hero #server-lights :nth-child(16) {
  animation: blink 31s infinite;
}
#hero #server-lights :nth-child(17) {
  animation: blink 28s infinite;
}
#hero #server-lights :nth-child(18) {
  animation: blink 3s infinite;
}
#hero #server-lights :nth-child(19) {
  animation: blink 27s infinite;
}
#hero #server-lights :nth-child(20) {
  animation: blink 40s infinite;
}
#hero #server-lights :nth-child(21) {
  animation: blink 19s infinite;
}
#hero #server-lights :nth-child(22) {
  animation: blink 31s infinite;
}
#hero #server-lights :nth-child(23) {
  animation: blink 7s infinite;
}
#hero #server-lights :nth-child(24) {
  animation: blink 6s infinite;
}
#hero #server-lights :nth-child(25) {
  animation: blink 35s infinite;
}
#hero #server-lights :nth-child(26) {
  animation: blink 14s infinite;
}
#hero #server-lights :nth-child(27) {
  animation: blink 24s infinite;
}
#hero #server-lights :nth-child(28) {
  animation: blink 32s infinite;
}
#hero #server-lights :nth-child(29) {
  animation: blink 10s infinite;
}
#hero #server-lights :nth-child(30) {
  animation: blink 20s infinite;
}
#hero #server-lights :nth-child(31) {
  animation: blink 11s infinite;
}
#hero #server-lights :nth-child(32) {
  animation: blink 37s infinite;
}
#hero #server-lights :nth-child(33) {
  animation: blink 22s infinite;
}
#hero #server-lights :nth-child(34) {
  animation: blink 13s infinite;
}
#hero #server-lights :nth-child(35) {
  animation: blink 25s infinite;
}
#hero #server-lights :nth-child(36) {
  animation: blink 7s infinite;
}
#hero #server-lights :nth-child(37) {
  animation: blink 2s infinite;
}
#hero #server-lights :nth-child(38) {
  animation: blink 23s infinite;
}
#hero #server-lights :nth-child(39) {
  animation: blink 0s infinite;
}
#hero #server-lights :nth-child(40) {
  animation: blink 42s infinite;
}
#hero #server-lights :nth-child(41) {
  animation: blink 10s infinite;
}
#hero #server-lights :nth-child(42) {
  animation: blink 47s infinite;
}
#hero #server-lights :nth-child(43) {
  animation: blink 46s infinite;
}
#hero #server-lights :nth-child(44) {
  animation: blink 26s infinite;
}
#hero #server-lights :nth-child(45) {
  animation: blink 4s infinite;
}
#hero #server-lights :nth-child(46) {
  animation: blink 39s infinite;
}
#hero #server-lights :nth-child(47) {
  animation: blink 13s infinite;
}
#hero #server-lights :nth-child(48) {
  animation: blink 4s infinite;
}
#hero #server-lights :nth-child(49) {
  animation: blink 50s infinite;
}
#hero #server-lights :nth-child(50) {
  animation: blink 36s infinite;
}
#hero #server-lights :nth-child(51) {
  animation: blink 19s infinite;
}
#hero #server-lights :nth-child(52) {
  animation: blink 35s infinite;
}
#hero #server-lights :nth-child(53) {
  animation: blink 34s infinite;
}
#hero #server-lights :nth-child(54) {
  animation: blink 43s infinite;
}
#hero #server-lights :nth-child(55) {
  animation: blink 3s infinite;
}
#hero #server-lights :nth-child(56) {
  animation: blink 19s infinite;
}
#hero #server-lights :nth-child(57) {
  animation: blink 44s infinite;
}
#hero #server-lights :nth-child(58) {
  animation: blink 3s infinite;
}
#hero #server-lights :nth-child(59) {
  animation: blink 40s infinite;
}
#hero #server-lights :nth-child(60) {
  animation: blink 9s infinite;
}
#hero #server-lights :nth-child(61) {
  animation: blink 30s infinite;
}
#hero #server-lights :nth-child(62) {
  animation: blink 47s infinite;
}
#hero #server-lights :nth-child(63) {
  animation: blink 42s infinite;
}
#hero #server-lights :nth-child(64) {
  animation: blink 38s infinite;
}
#hero #server-lights :nth-child(65) {
  animation: blink 44s infinite;
}
#hero #server-lights :nth-child(66) {
  animation: blink 41s infinite;
}
#hero #server-lights :nth-child(67) {
  animation: blink 25s infinite;
}
#hero #server-lights :nth-child(68) {
  animation: blink 20s infinite;
}
#hero #server-lights :nth-child(69) {
  animation: blink 9s infinite;
}
#hero #server-lights :nth-child(70) {
  animation: blink 14s infinite;
}
#hero #server-lights :nth-child(71) {
  animation: blink 17s infinite;
}
#hero #server-lights :nth-child(72) {
  animation: blink 46s infinite;
}
#hero #server-lights :nth-child(73) {
  animation: blink 30s infinite;
}
#hero #server-lights :nth-child(74) {
  animation: blink 32s infinite;
}
#hero #server-lights :nth-child(75) {
  animation: blink 4s infinite;
}
#hero #server-lights :nth-child(76) {
  animation: blink 27s infinite;
}
#hero #server-lights :nth-child(77) {
  animation: blink 33s infinite;
}
#hero #server-lights :nth-child(78) {
  animation: blink 3s infinite;
}
#hero #server-lights :nth-child(79) {
  animation: blink 28s infinite;
}
#hero #server-lights :nth-child(80) {
  animation: blink 39s infinite;
}
#hero #server-lights :nth-child(81) {
  animation: blink 43s infinite;
}
#hero #server-lights :nth-child(82) {
  animation: blink 31s infinite;
}
#hero #server-lights :nth-child(83) {
  animation: blink 46s infinite;
}
#hero #server-lights :nth-child(84) {
  animation: blink 11s infinite;
}
#hero #server-lights :nth-child(85) {
  animation: blink 8s infinite;
}
#hero #server-lights :nth-child(86) {
  animation: blink 7s infinite;
}
#hero #server-lights :nth-child(87) {
  animation: blink 18s infinite;
}
#hero #server-lights :nth-child(88) {
  animation: blink 48s infinite;
}
#hero #server-lights :nth-child(89) {
  animation: blink 35s infinite;
}
#hero #server-lights :nth-child(90) {
  animation: blink 3s infinite;
}
#hero #server-lights :nth-child(91) {
  animation: blink 29s infinite;
}
#hero #server-lights :nth-child(92) {
  animation: blink 21s infinite;
}
#hero #server-lights :nth-child(93) {
  animation: blink 27s infinite;
}
#hero #server-lights :nth-child(94) {
  animation: blink 32s infinite;
}
#hero #server-lights :nth-child(95) {
  animation: blink 19s infinite;
}
#hero #server-lights :nth-child(96) {
  animation: blink 37s infinite;
}
#hero #server-lights :nth-child(97) {
  animation: blink 10s infinite;
}
#hero #server-lights :nth-child(98) {
  animation: blink 50s infinite;
}
#hero #server-lights :nth-child(99) {
  animation: blink 14s infinite;
}
#hero #server-lights :nth-child(100) {
  animation: blink 15s infinite;
}
#hero #server-lights :nth-child(101) {
  animation: blink 22s infinite;
}
#hero #server-lights :nth-child(102) {
  animation: blink 11s infinite;
}
#hero #server-lights :nth-child(103) {
  animation: blink 41s infinite;
}
#hero #server-lights :nth-child(104) {
  animation: blink 33s infinite;
}
#hero #server-lights :nth-child(105) {
  animation: blink 29s infinite;
}
#hero #server-lights :nth-child(106) {
  animation: blink 2s infinite;
}
#hero #server-lights :nth-child(107) {
  animation: blink 16s infinite;
}
#hero #server-lights :nth-child(108) {
  animation: blink 9s infinite;
}
#hero #server-lights :nth-child(109) {
  animation: blink 15s infinite;
}
#hero #server-lights :nth-child(110) {
  animation: blink 5s infinite;
}
#hero #server-lights :nth-child(111) {
  animation: blink 0s infinite;
}
#hero #server-lights :nth-child(112) {
  animation: blink 11s infinite;
}
#hero #server-lights :nth-child(113) {
  animation: blink 4s infinite;
}
#hero #server-lights :nth-child(114) {
  animation: blink 24s infinite;
}
#hero #locations1 {
  opacity: 0;
  transition: opacity 1s;
}
#hero #locations1-pins > g {
  transform: scale(0);
  transform-origin: center bottom;
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#hero #locations1-pins > g:nth-child(1) {
  transition-delay: 20ms;
}
#hero #locations1-pins > g:nth-child(2) {
  transition-delay: 40ms;
}
#hero #locations1-pins > g:nth-child(3) {
  transition-delay: 60ms;
}
#hero #locations1-pins > g:nth-child(4) {
  transition-delay: 80ms;
}
#hero #locations1-pins > g:nth-child(5) {
  transition-delay: 100ms;
}
#hero #locations1-pins > g:nth-child(6) {
  transition-delay: 120ms;
}
#hero #locations1-pins > g:nth-child(7) {
  transition-delay: 140ms;
}
#hero #locations1-pins > g:nth-child(8) {
  transition-delay: 160ms;
}
#hero #locations1-pins > g:nth-child(9) {
  transition-delay: 180ms;
}
#hero #locations1-pins > g:nth-child(10) {
  transition-delay: 200ms;
}
#hero #locations1-pins > g:nth-child(11) {
  transition-delay: 220ms;
}
#hero #locations1-pins > g:nth-child(12) {
  transition-delay: 240ms;
}
#hero #locations1-pins > g:nth-child(13) {
  transition-delay: 260ms;
}
#hero #locations1-pins > g:nth-child(14) {
  transition-delay: 280ms;
}
#hero #locations1-pins > g:nth-child(15) {
  transition-delay: 300ms;
}
#hero #locations1-pins > g:nth-child(16) {
  transition-delay: 320ms;
}
#hero #locations1-pins > g:nth-child(17) {
  transition-delay: 340ms;
}
#hero #locations1-pins > g:nth-child(18) {
  transition-delay: 360ms;
}
#hero #locations1-pins > g:nth-child(19) {
  transition-delay: 380ms;
}
#hero #locations1-pins > g:nth-child(20) {
  transition-delay: 400ms;
}
#hero #locations1-pins > g:nth-child(21) {
  transition-delay: 420ms;
}
#hero #locations1-pins > g:nth-child(22) {
  transition-delay: 440ms;
}
#hero #locations1-pins > g:nth-child(23) {
  transition-delay: 460ms;
}
#hero #locations1-pins > g:nth-child(24) {
  transition-delay: 480ms;
}
#hero #locations1-pins > g:nth-child(25) {
  transition-delay: 500ms;
}
#hero [data-current-locations="1"] #locations1 {
  opacity: 1;
}
#hero [data-current-locations="1"] #locations1 #locations1-pins > g {
  transform: none;
}
#hero #locations2 {
  opacity: 0;
  transition: opacity 1s;
}
#hero #locations2-pins > g {
  transform: scale(0);
  transform-origin: center bottom;
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#hero #locations2-pins > g:nth-child(1) {
  transition-delay: 20ms;
}
#hero #locations2-pins > g:nth-child(2) {
  transition-delay: 40ms;
}
#hero #locations2-pins > g:nth-child(3) {
  transition-delay: 60ms;
}
#hero #locations2-pins > g:nth-child(4) {
  transition-delay: 80ms;
}
#hero #locations2-pins > g:nth-child(5) {
  transition-delay: 100ms;
}
#hero #locations2-pins > g:nth-child(6) {
  transition-delay: 120ms;
}
#hero #locations2-pins > g:nth-child(7) {
  transition-delay: 140ms;
}
#hero #locations2-pins > g:nth-child(8) {
  transition-delay: 160ms;
}
#hero #locations2-pins > g:nth-child(9) {
  transition-delay: 180ms;
}
#hero #locations2-pins > g:nth-child(10) {
  transition-delay: 200ms;
}
#hero #locations2-pins > g:nth-child(11) {
  transition-delay: 220ms;
}
#hero #locations2-pins > g:nth-child(12) {
  transition-delay: 240ms;
}
#hero #locations2-pins > g:nth-child(13) {
  transition-delay: 260ms;
}
#hero #locations2-pins > g:nth-child(14) {
  transition-delay: 280ms;
}
#hero #locations2-pins > g:nth-child(15) {
  transition-delay: 300ms;
}
#hero #locations2-pins > g:nth-child(16) {
  transition-delay: 320ms;
}
#hero #locations2-pins > g:nth-child(17) {
  transition-delay: 340ms;
}
#hero #locations2-pins > g:nth-child(18) {
  transition-delay: 360ms;
}
#hero #locations2-pins > g:nth-child(19) {
  transition-delay: 380ms;
}
#hero #locations2-pins > g:nth-child(20) {
  transition-delay: 400ms;
}
#hero #locations2-pins > g:nth-child(21) {
  transition-delay: 420ms;
}
#hero #locations2-pins > g:nth-child(22) {
  transition-delay: 440ms;
}
#hero #locations2-pins > g:nth-child(23) {
  transition-delay: 460ms;
}
#hero #locations2-pins > g:nth-child(24) {
  transition-delay: 480ms;
}
#hero #locations2-pins > g:nth-child(25) {
  transition-delay: 500ms;
}
#hero [data-current-locations="2"] #locations2 {
  opacity: 1;
}
#hero [data-current-locations="2"] #locations2 #locations2-pins > g {
  transform: none;
}
#hero #locations3 {
  opacity: 0;
  transition: opacity 1s;
}
#hero #locations3-pins > g {
  transform: scale(0);
  transform-origin: center bottom;
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#hero #locations3-pins > g:nth-child(1) {
  transition-delay: 20ms;
}
#hero #locations3-pins > g:nth-child(2) {
  transition-delay: 40ms;
}
#hero #locations3-pins > g:nth-child(3) {
  transition-delay: 60ms;
}
#hero #locations3-pins > g:nth-child(4) {
  transition-delay: 80ms;
}
#hero #locations3-pins > g:nth-child(5) {
  transition-delay: 100ms;
}
#hero #locations3-pins > g:nth-child(6) {
  transition-delay: 120ms;
}
#hero #locations3-pins > g:nth-child(7) {
  transition-delay: 140ms;
}
#hero #locations3-pins > g:nth-child(8) {
  transition-delay: 160ms;
}
#hero #locations3-pins > g:nth-child(9) {
  transition-delay: 180ms;
}
#hero #locations3-pins > g:nth-child(10) {
  transition-delay: 200ms;
}
#hero #locations3-pins > g:nth-child(11) {
  transition-delay: 220ms;
}
#hero #locations3-pins > g:nth-child(12) {
  transition-delay: 240ms;
}
#hero #locations3-pins > g:nth-child(13) {
  transition-delay: 260ms;
}
#hero #locations3-pins > g:nth-child(14) {
  transition-delay: 280ms;
}
#hero #locations3-pins > g:nth-child(15) {
  transition-delay: 300ms;
}
#hero #locations3-pins > g:nth-child(16) {
  transition-delay: 320ms;
}
#hero #locations3-pins > g:nth-child(17) {
  transition-delay: 340ms;
}
#hero #locations3-pins > g:nth-child(18) {
  transition-delay: 360ms;
}
#hero #locations3-pins > g:nth-child(19) {
  transition-delay: 380ms;
}
#hero #locations3-pins > g:nth-child(20) {
  transition-delay: 400ms;
}
#hero #locations3-pins > g:nth-child(21) {
  transition-delay: 420ms;
}
#hero #locations3-pins > g:nth-child(22) {
  transition-delay: 440ms;
}
#hero #locations3-pins > g:nth-child(23) {
  transition-delay: 460ms;
}
#hero #locations3-pins > g:nth-child(24) {
  transition-delay: 480ms;
}
#hero #locations3-pins > g:nth-child(25) {
  transition-delay: 500ms;
}
#hero [data-current-locations="3"] #locations3 {
  opacity: 1;
}
#hero [data-current-locations="3"] #locations3 #locations3-pins > g {
  transform: none;
}
#hero #box1,
#hero #box2,
#hero #box3,
#hero #box4 {
  transform: scale(0);
  transform-origin: center;
}
#hero .is-visible#box1,
#hero .is-visible#box2,
#hero .is-visible#box3,
#hero .is-visible#box4 {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: none;
}
#hero .is-northeast#box1,
#hero .is-northeast#box2,
#hero .is-northeast#box3,
#hero .is-northeast#box4 {
  transition: 1.5s ease-in-out;
  transform: translate(584%, -291%);
}
#hero .is-in-server#box1,
#hero .is-in-server#box2,
#hero .is-in-server#box3,
#hero .is-in-server#box4 {
  transform: translate(862%, -140%);
}
#hero .is-east#box1,
#hero .is-east#box2,
#hero .is-east#box3,
#hero .is-east#box4 {
  transition-duration: 1s;
  transform: translate(1187%, 24%);
}
#hero .is-on-truck#box1,
#hero .is-on-truck#box2,
#hero .is-on-truck#box3,
#hero .is-on-truck#box4 {
  transform: translate(862%, 194%);
}