/** Shopify CDN: Minification failed

Line 13:26 Expected ":"
Line 14:4 Comments in CSS use "/* ... */" instead of "//"
Line 99:20 Expected percentage but found "."

**/

.intro-index { 
    width:100%;
    display:flex;
    align-items:center;
    justify-contentLcenter;
    //min-height:100vh;
    min-height:800px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,50,128,1) 100%);
    color:#fff;
    overflow:hidden;
}
.intro-index > div {
  width:100%;
  margin-top: -8rem
} 

@media screen and (max-width: 989px) {
.intro-index > div {
margin-top: 2rem
} 
} 

.index-intro_content {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.intro-index h1, .intro-index h2,  .intro-index h3
{ 
  color:#fff;
    position: relative;
    z-index: 1;
    }

.index-intro_globe {
    position: relative;
    width: 600px;
    height: 600px;
}

.scene {
  perspective: 500px;
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: perspective 1s ease-in-out;
  pointer-events: none;
  z-index: 0;
  height: 500px;
  right: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1.15);
}

.scene * {
  transform-style: preserve-3d;
  position: absolute;
}

.sphere {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: rotate-around 40s linear infinite;
  --stagger: 100ms;
  --total: 19;
  --duration: 6000ms;
}
@keyframes rotate-around {
  0% {
    transform: rotateX(-20deg) rotateY(0deg) rotateZ(-30deg);
  }
  10% {
    transform: rotateX(-20deg) rotateY(36deg) rotateZ(-30deg);
  }
  50% {
    transform: rotateX(-70deg) rotateY(180deg) rotateZ(-30deg);
  }
  60% {
    transform: rotateX(-70deg) rotateY(216deg) rotateZ(-30deg);
  }
  100% {
    transform: rotateX(-20deg) rotateY(360deg) rotateZ(-30deg);
  }
}

@keyframes nothing {.sphere .longitude, .sphere .
}

@keyframes fadeInOut {
  0%,
  15%,
  100% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
}
.sphere .longitudes,
.sphere .latitudes {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sphere .longitude,
.sphere .latitude {
    display:flex;
  border-radius: 50%;
  border: 0.5px solid;
  aspect-ratio: 1/1;
}
.sphere .longitude {
  animation: fadeInOut var(--duration) calc(var(--stagger) * var(--index)) infinite linear;
  border-color: #0063FF;
  width: 400px;
}
.sphere .latitude {
  animation: fadeInOut var(--duration) calc(var(--duration) / 2 + var(--stagger) * var(--index))
    infinite linear;
  border-color: #0063FF;
}
.sphere .longitude:nth-child(1) {
  --index: 1;
  transform: rotateY(0deg);
}
.sphere .longitude:nth-child(2) {
  --index: 2;
  transform: rotateY(10deg);
}
.sphere .longitude:nth-child(3) {
  --index: 3;
  transform: rotateY(20deg);
}
.sphere .longitude:nth-child(4) {
  --index: 4;
  transform: rotateY(30deg);
}
.sphere .longitude:nth-child(5) {
  --index: 5;
  transform: rotateY(40deg);
}
.sphere .longitude:nth-child(6) {
  --index: 6;
  transform: rotateY(50deg);
}
.sphere .longitude:nth-child(7) {
  --index: 7;
  transform: rotateY(60deg);
}
.sphere .longitude:nth-child(8) {
  --index: 8;
  transform: rotateY(70deg);
}
.sphere .longitude:nth-child(9) {
  --index: 9;
  transform: rotateY(80deg);
}
.sphere .longitude:nth-child(10) {
  --index: 10;
  transform: rotateY(90deg);
}
.sphere .longitude:nth-child(11) {
  --index: 11;
  transform: rotateY(100deg);
}
.sphere .longitude:nth-child(12) {
  --index: 12;
  transform: rotateY(110deg);
}
.sphere .longitude:nth-child(13) {
  --index: 13;
  transform: rotateY(120deg);
}
.sphere .longitude:nth-child(14) {
  --index: 14;
  transform: rotateY(130deg);
}
.sphere .longitude:nth-child(15) {
  --index: 15;
  transform: rotateY(140deg);
}
.sphere .longitude:nth-child(16) {
  --index: 16;
  transform: rotateY(150deg);
}
.sphere .longitude:nth-child(17) {
  --index: 17;
  transform: rotateY(160deg);
}
.sphere .longitude:nth-child(18) {
  --index: 18;
  transform: rotateY(170deg);
}
.sphere .longitude:nth-child(19) {
  --index: 19;
  transform: rotateY(180deg);
}
.sphere .latitude:nth-child(1) {
  --index: 1;
  width: 0px;
  transform: translateY(-200px) rotateX(90deg);
}
.sphere .latitude:nth-child(2) {
  --index: 2;
  width: 69.4592710668px;
  transform: translateY(-196.9615506024px) rotateX(90deg);
}
.sphere .latitude:nth-child(3) {
  --index: 3;
  width: 136.8080573303px;
  transform: translateY(-187.9385241572px) rotateX(90deg);
}
.sphere .latitude:nth-child(4) {
  --index: 4;
  width: 200px;
  transform: translateY(-173.2050807569px) rotateX(90deg);
}
.sphere .latitude:nth-child(5) {
  --index: 5;
  width: 257.1150438746px;
  transform: translateY(-153.2088886238px) rotateX(90deg);
}
.sphere .latitude:nth-child(6) {
  --index: 6;
  width: 306.4177772476px;
  transform: translateY(-128.5575219373px) rotateX(90deg);
}
.sphere .latitude:nth-child(7) {
  --index: 7;
  width: 346.4101615138px;
  transform: translateY(-100px) rotateX(90deg);
}
.sphere .latitude:nth-child(8) {
  --index: 8;
  width: 375.8770483144px;
  transform: translateY(-68.4040286651px) rotateX(90deg);
}
.sphere .latitude:nth-child(9) {
  --index: 9;
  width: 393.9231012049px;
  transform: translateY(-34.7296355334px) rotateX(90deg);
}
.sphere .latitude:nth-child(10) {
  --index: 10;
  width: 400px;
  transform: translateY(0px) rotateX(90deg);
}
.sphere .latitude:nth-child(11) {
  --index: 11;
  width: 393.9231012049px;
  transform: translateY(34.7296355334px) rotateX(90deg);
}
.sphere .latitude:nth-child(12) {
  --index: 12;
  width: 375.8770483144px;
  transform: translateY(68.4040286651px) rotateX(90deg);
}
.sphere .latitude:nth-child(13) {
  --index: 13;
  width: 346.4101615138px;
  transform: translateY(100px) rotateX(90deg);
}
.sphere .latitude:nth-child(14) {
  --index: 14;
  width: 306.4177772476px;
  transform: translateY(128.5575219373px) rotateX(90deg);
}
.sphere .latitude:nth-child(15) {
  --index: 15;
  width: 257.1150438746px;
  transform: translateY(153.2088886238px) rotateX(90deg);
}
.sphere .latitude:nth-child(16) {
  --index: 16;
  width: 200px;
  transform: translateY(173.2050807569px) rotateX(90deg);
}
.sphere .latitude:nth-child(17) {
  --index: 17;
  width: 136.8080573303px;
  transform: translateY(187.9385241572px) rotateX(90deg);
}
.sphere .latitude:nth-child(18) {
  --index: 18;
  width: 69.4592710668px;
  transform: translateY(196.9615506024px) rotateX(90deg);
}
.sphere .latitude:nth-child(19) {
  --index: 19;
  width: 0px;
  transform: translateY(200px) rotateX(90deg);
}

.window.window--blur {
  backdrop-filter: blur(10px);
  background: rgba(31, 32, 33, 0.5);
}