.u-section-1 {
  background-image: none;
}

.u-section-1 .u-sheet-1 {
  min-height: 573px;
}

.u-section-1 .u-custom-html-1 {
  min-height: 564px;
  animation-duration: 1000ms;
  margin: 0 -1px 0 1px;
}

.u-section-1 .u-layout-wrap-1 {
  margin-top: -564px;
  margin-bottom: 0;
  margin-left: 0;
}

.u-section-1 .u-layout-cell-1 {
  min-height: 572px;
  animation-duration: 1000ms;
}

.u-section-1 .u-container-layout-1 {
  padding: 0;
}

.u-section-1 .u-text-1 {
  animation-duration: 6750ms;
  font-weight: normal;
  text-decoration: none solid rgb(255, 255, 255);
  text-transform: none;
  line-height: 1.2;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 84px 0 0;
}

.u-section-1 .u-btn-1 {
  background-image: none;
  padding: 0;
}

.u-section-1 .u-btn-2 {
  border-style: solid;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-image: none;
  margin: 356px auto 0 0;
  padding: 10px 23px 11px;
}

.u-section-1 .u-btn-3 {
  border-style: solid;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 2px;
  background-image: none;
  margin: -45px auto 0 201px;
  padding: 10px 17px 11px;
}

.u-section-1 .u-btn-4 {
  border-style: solid;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 2px;
  background-image: none;
  margin: -45px auto 0 400px;
  padding: 10px 66px 11px 65px;
}

.u-section-1 .u-tabs-1 {
  min-height: 311px;
  margin-top: -397px;
  margin-bottom: 60px;
  width: 1140px;
}

.u-section-1 .u-tab-item-1 {
  margin-top: 0;
  margin-bottom: 5px;
}

.u-section-1 .u-tab-link-1 {
  font-size: 1.25rem;
  background-image: none;
  font-weight: 600;
  letter-spacing: 0px;
  padding: 10px 25px;
}

.u-section-1 .u-icon-1 {
  margin-top: 4px;
  color: rgb(255, 255, 255) !important;
  font-size: 1.2em;
}

.u-section-1 .u-tab-item-2 {
  margin-top: 0;
  margin-bottom: 5px;
}

.u-section-1 .u-tab-link-2 {
  font-size: 1.25rem;
  background-image: none;
  font-weight: 600;
  letter-spacing: 0px;
  padding: 10px 25px;
}

.u-section-1 .u-icon-2 {
  color: rgb(255, 255, 255) !important;
  font-size: 1.2em;
}

.u-section-1 .u-tab-pane-1 {
  background-image: none;
}

.u-section-1 .u-container-layout-2 {
  padding: 30px;
}

.u-section-1 .u-text-2 {
  font-size: 1rem;
  margin: 0 auto 0 0;
}

.u-section-1 .u-text-3 {
  font-size: 1rem;
  margin: 0 auto 0 0;
}

.u-section-1 .u-text-4 {
  font-size: 1rem;
  margin: 0 auto 0 0;
}

.u-section-1 .u-btn-5 {
  font-size: 1rem;
  padding: 0;
}

.u-section-1 .u-custom-html-2 {
  min-height: 65px;
  animation-duration: 1000ms;
  width: 1080px;
  margin: 0;
}

.u-section-1 .u-text-5 {
  font-weight: 700;
  font-size: 0.75rem;
  margin: 30px 110px 0 1px;
}

.u-section-1 .u-tab-pane-2 {
  background-image: none;
}

.u-section-1 .u-container-layout-3 {
  padding: 30px;
}

.u-section-1 .u-text-6 {
  font-size: 1rem;
  margin: 0 auto 0 0;
}

.u-section-1 .u-text-7 {
  font-size: 1rem;
  margin: 0 auto 0 0;
}

.u-section-1 .u-text-8 {
  font-size: 1rem;
  margin: 0 auto 0 0;
}

.u-section-1 .u-btn-6 {
  font-size: 1rem;
  animation-duration: 1000ms;
  padding: 0;
}

.u-section-1 .u-custom-html-3 {
  min-height: 65px;
  animation-duration: 1000ms;
  width: 1080px;
  margin: 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 584px;
  }

  .u-section-1 .u-custom-html-1 {
    height: auto;
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-1 .u-layout-wrap-1 {
    margin-left: initial;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 610px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-bottom: 16px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 51px;
  }

  .u-section-1 .u-btn-2 {
    margin-top: 393px;
  }

  .u-section-1 .u-btn-3 {
    margin-left: 200px;
  }

  .u-section-1 .u-btn-4 {
    margin-right: 374px;
    margin-left: auto;
  }

  .u-section-1 .u-tabs-1 {
    margin-top: -460px;
    height: auto;
    width: auto;
  }

  .u-section-1 .u-text-3 {
    width: auto;
  }

  .u-section-1 .u-text-4 {
    width: auto;
  }

  .u-section-1 .u-custom-html-2 {
    height: auto;
    width: 880px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-1 .u-text-5 {
    width: auto;
    margin-right: 1px;
  }

  .u-section-1 .u-text-7 {
    width: auto;
  }

  .u-section-1 .u-custom-html-3 {
    height: auto;
    width: 880px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 560px;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 560px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-bottom: 0;
  }

  .u-section-1 .u-text-1 {
    font-size: 1.25rem;
    margin-top: 57px;
  }

  .u-section-1 .u-btn-2 {
    margin-top: 364px;
  }

  .u-section-1 .u-btn-3 {
    margin-left: 195px;
  }

  .u-section-1 .u-btn-4 {
    margin-right: 164px;
  }

  .u-section-1 .u-tabs-1 {
    min-height: 322px;
    margin-top: -425px;
    width: 720px;
  }

  .u-section-1 .u-custom-html-2 {
    min-height: 76px;
    width: 660px;
  }

  .u-section-1 .u-text-5 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-1 .u-custom-html-3 {
    width: 660px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 521px;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 564px;
  }

  .u-section-1 .u-text-1 {
    font-size: 1.125rem;
    margin-top: 45px;
  }

  .u-section-1 .u-btn-2 {
    margin-top: 384px;
  }

  .u-section-1 .u-btn-3 {
    margin-left: auto;
  }

  .u-section-1 .u-btn-4 {
    margin-right: 0;
  }

  .u-section-1 .u-tabs-1 {
    min-height: 324px;
    margin-bottom: 103px;
    width: 540px;
  }

  .u-section-1 .u-container-layout-2 {
    padding: 15px;
  }

  .u-section-1 .u-text-2 {
    font-size: 0.875rem;
  }

  .u-section-1 .u-text-3 {
    font-size: 0.875rem;
  }

  .u-section-1 .u-text-4 {
    font-size: 0.875rem;
  }

  .u-section-1 .u-btn-5 {
    font-size: 0.875rem;
  }

  .u-section-1 .u-custom-html-2 {
    min-height: 90px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-1 .u-text-5 {
    font-size: 0.625rem;
    margin-top: 60px;
  }

  .u-section-1 .u-container-layout-3 {
    padding: 15px;
  }

  .u-section-1 .u-text-6 {
    font-size: 0.875rem;
  }

  .u-section-1 .u-text-7 {
    font-size: 0.875rem;
  }

  .u-section-1 .u-text-8 {
    font-size: 0.875rem;
  }

  .u-section-1 .u-btn-6 {
    font-size: 0.875rem;
  }

  .u-section-1 .u-custom-html-3 {
    min-height: 90px;
    width: 510px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 604px;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 604px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-bottom: 14px;
  }

  .u-section-1 .u-text-1 {
    font-size: 0.75rem;
    margin-top: 25px;
  }

  .u-section-1 .u-btn-2 {
    margin-top: 401px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .u-section-1 .u-btn-3 {
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .u-section-1 .u-btn-4 {
    margin-top: 13px;
    margin-right: auto;
    margin-left: 0;
    padding-right: 57px;
    padding-left: 56px;
  }

  .u-section-1 .u-tabs-1 {
    min-height: 310px;
    margin-top: -502px;
    margin-bottom: 60px;
    width: auto;
  }

  .u-section-1 .u-tab-link-1 {
    font-size: 0.75rem;
  }

  .u-section-1 .u-tab-link-2 {
    font-size: 0.75rem;
  }

  .u-section-1 .u-container-layout-2 {
    padding: 20px;
  }

  .u-section-1 .u-text-2 {
    font-size: 0.75rem;
  }

  .u-section-1 .u-text-3 {
    font-size: 0.75rem;
  }

  .u-section-1 .u-text-4 {
    font-size: 0.75rem;
    margin-right: 0;
  }

  .u-section-1 .u-btn-5 {
    font-size: 0.75rem;
  }

  .u-section-1 .u-custom-html-2 {
    min-height: 115px;
    width: 300px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-text-5 {
    margin-top: 0;
  }

  .u-section-1 .u-container-layout-3 {
    padding: 20px 0;
  }

  .u-section-1 .u-text-6 {
    font-size: 0.75rem;
    margin-left: 20px;
  }

  .u-section-1 .u-text-7 {
    font-size: 0.75rem;
    margin-left: 20px;
  }

  .u-section-1 .u-text-8 {
    font-size: 0.75rem;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .u-section-1 .u-btn-6 {
    font-size: 0.75rem;
  }

  .u-section-1 .u-custom-html-3 {
    min-height: 115px;
    width: 300px;
    margin-left: 20px;
    margin-right: 20px;
  }
} .u-section-2 {
  margin-top: 0;
  margin-bottom: 0;
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 500px;
}

.u-section-2 .u-layout-wrap-1 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 500px;
  background-image: none;
}

.u-section-2 .u-container-layout-1 {
  padding: 0;
}

.u-section-2 .u-custom-html-1 {
  min-height: 500px;
  background-image: none;
  width: 1140px;
  margin: 0;
}

.u-section-2 .u-text-1 {
  line-height: 36px;
  font-family: Oswald, sans-serif;
  font-weight: normal;
  font-size: 1.875rem;
  margin: -274px 206px 0 144px;
}

.u-section-2 .u-btn-1 {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: normal;
  border-style: solid;
  background-image: none;
  margin: 0 119px 0 auto;
  padding: 13px 44px 13px 43px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-custom-html-1 {
    height: auto;
    width: 940px;
  }

  .u-section-2 .u-text-1 {
    width: auto;
    margin-top: -332px;
    margin-right: 84px;
    margin-left: 14px;
  }

  .u-section-2 .u-btn-1 {
    margin-right: 169px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 524px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 527px;
  }

  .u-section-2 .u-custom-html-1 {
    min-height: 527px;
    width: 720px;
  }

  .u-section-2 .u-text-1 {
    line-height: 29px;
    font-size: 1.25rem;
    margin-top: -294px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 19px;
    margin-right: 105px;
  }
}

@media (max-width: 767px) {
   .u-section-2 {
    min-height: 283px;
  }

  .u-section-2 .u-sheet-1 {
    min-height: 525px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 532px;
  }

  .u-section-2 .u-custom-html-1 {
    width: 540px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .u-section-2 .u-text-1 {
    font-weight: 700;
    font-size: 1.125rem;
    margin-top: -308px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 11px;
    margin-right: 65px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 524px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 524px;
  }

  .u-section-2 .u-custom-html-1 {
    min-height: 500px;
    width: 340px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-1 {
    font-size: 1rem;
    margin-top: -243px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 20px;
    margin-right: auto;
  }
} .u-section-3 {
  margin-top: 0;
  margin-bottom: 0;
  background-image: none;
}

.u-section-3 .u-sheet-1 {
  min-height: 600px;
}

.u-section-3 .u-layout-wrap-1 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-3 .u-layout-cell-1 {
  min-height: 600px;
}

.u-section-3 .u-container-layout-1 {
  padding: 30px 30px 23px;
}

.u-section-3 .u-custom-html-1 {
  min-height: 547px;
  width: 1080px;
  margin: 0;
}

.u-section-3 .u-image-1 {
  width: 380px;
  height: 213px;
  margin: -408px auto 0 295px;
}

.u-section-3 .u-text-1 {
  margin: 14px 0 0;
}

.u-section-3 .u-btn-1 {
  border-style: solid;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-image: none;
  margin: 38px 120px 0 auto;
  padding: 13px 66px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-layout-wrap-1 {
    margin-top: 1px;
  }

  .u-section-3 .u-layout-cell-1 {
    background-position: 50% 50%;
    min-height: 563px;
  }

  .u-section-3 .u-custom-html-1 {
    min-height: 494px;
    height: auto;
    width: 880px;
  }

  .u-section-3 .u-image-1 {
    width: 343px;
    height: 205px;
    margin-top: -404px;
    margin-left: 216px;
  }

  .u-section-3 .u-text-1 {
    width: auto;
    margin-top: 47px;
  }

  .u-section-3 .u-btn-1 {
    margin-top: 16px;
    margin-right: 66px;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-layout-cell-1 {
    min-height: 579px;
  }

  .u-section-3 .u-container-layout-1 {
    padding-bottom: 19px;
  }

  .u-section-3 .u-custom-html-1 {
    width: 660px;
  }

  .u-section-3 .u-image-1 {
    margin-top: -390px;
    margin-left: 108px;
  }

  .u-section-3 .u-text-1 {
    margin-top: 36px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .u-section-3 .u-btn-1 {
    margin-top: 27px;
    margin-right: 31px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-layout-cell-1 {
    min-height: 544px;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-custom-html-1 {
    min-height: 435px;
    margin-right: -10px;
    width: 520px;
  }

  .u-section-3 .u-image-1 {
    width: 312px;
    height: 193px;
    margin-top: -403px;
    margin-left: 41px;
  }

  .u-section-3 .u-text-1 {
    margin-top: 131px;
    margin-left: -5px;
    margin-right: -5px;
  }

  .u-section-3 .u-btn-1 {
    margin-top: 18px;
    margin-right: 60px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 610px;
  }

  .u-section-3 .u-layout-wrap-1 {
    margin-bottom: 1px;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 608px;
  }

  .u-section-3 .u-container-layout-1 {
    padding-bottom: 18px;
  }

  .u-section-3 .u-custom-html-1 {
    min-height: 600px;
    width: 319px;
    margin-top: -30px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-3 .u-image-1 {
    width: 250px;
    height: 152px;
    margin-top: -381px;
    margin-left: 0;
  }

  .u-section-3 .u-text-1 {
    margin-top: -297px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-btn-1 {
    margin-top: 324px;
    margin-right: auto;
  }
}html {background: #0C0019;}
.container {
	display:flex;
	align-items: center;
	justify-content: center;
}
#redblocks > * {
    transform: translate3d(160px, -93px, 0);
    animation: moveblocks 4s 1s ease infinite;
}
@keyframes moveblocks {
    0% {
        transform: translate3d(160px, -93px, 0);
    }
    50%,
    100% {
        transform: translate(0);
    }
}
#firstBlock {
    transform: translate3d(160px, -93px, 0);
    animation: firstBlock 4s 1s ease infinite;
}
#blockdis {
    animation: blockdis 4s 1s ease infinite;
}
@keyframes blockdis {
    30% {
        opacity: 1;
    }
    40%, 100% {
        opacity: 0;
        transform: translate3d(-160px, 93px, 0);
    }
}
@keyframes firstBlock {
    0%,
    15% {
        opacity: 0;
    }
    40%,
    100% {
        opacity: 1;
    }
}
@for $i from 1 to 5 {
    #redblocksparticles g:nth-child(#{$i}) polygon {
        opacity: 0.35;
        animation: glow 4s 1s ease infinite;
    }
}
@for $i from 1 to 20 {
    #redblocksparticles g:nth-child(1) g circle:nth-child(#{$i}){
        animation: dots 4s #{1000+$i*50}ms ease infinite;
    }
    #redblocksparticles g:nth-child(2) g circle:nth-child(#{$i}){
        animation: dots 4s #{1000+$i*50}ms ease infinite;
    }
    #redblocksparticles g:nth-child(3) g circle:nth-child(#{$i}){
        animation: dots 4s #{1000+$i*50}ms ease infinite;
    }
    #redblocksparticles g:nth-child(4) g circle:nth-child(#{$i}){
        animation: dots 4s #{1000+$i*50}ms ease infinite;
    }
}
@keyframes glow {
    0%,
    45% {
        opacity: 0;
    }
    60%, 100% {
        opacity: 0.35;
    }
}
@keyframes dots {
    0%,
    35% {
        transform: translate(0);
        opacity: 0;
    }
    60%, 80% {
        transform: translate(55px, -35px);
        opacity: 1;
    }
    100% {
        transform: translate(55px, -35px);
        opacity: 0;
    }
}
@for $i from 1 to 22 {
    #purplebg > :nth-child(#{$i}) {
        animation: up 2s #{$i* 500}ms ease infinite alternate;
    }
}
@keyframes up {
    to {
        transform: translate(0, -25px);
    }
}
@for $i from 1 to 13 {
    #bottomparticles > :nth-child(#{$i}){
        animation: particles 4s #{$i*300}ms ease infinite alternate, p 2s ease infinite alternate;
    }
    #bottomparticles2 > :nth-child(#{$i}){
        animation: particles 4s #{$i*300}ms ease infinite alternate, p 2s ease infinite alternate;
    }
    #redglowparticles > :nth-child(#{$i}){
        animation: particles 4s #{$i*300}ms ease infinite alternate, p 2s ease infinite alternate;
    }
}
@keyframes p {
    85%,
     100% {
        opacity: 0;
    }
}
@keyframes particles {
    0%, 100% {
        transform: translate(0);
    }
    50% {
        transform: translate(10px, 15px);
    }
}
.particlespoly {
    animation: p 2s ease infinite alternate;
}
@for $i from 1 to 4 {
    #d-app g:nth-child(#{$i}){
        animation: updown 2s #{$i*200}ms ease-in-out infinite alternate;
    }
}
@for $i from 1 to 4 {
    #d-apps2 g:nth-child(#{$i}){
        animation: updown 2s #{$i*200}ms ease-in-out infinite alternate;
    }
}
@for $i from 1 to 20 {
    #d-apps2wrapper g:nth-child(3) g > circle:nth-child(#{$i}){
        animation: updown 2s #{$i*50}ms ease infinite alternate;
    }
}
@for $i from 1 to 20 {
    #d-appswrapper g:nth-child(2) g > circle:nth-child(#{$i}){
        animation: updown 2s #{$i*50}ms ease infinite alternate;
    }
}
@keyframes updown {
    100% {
        transform: translate(0, -20px);
    }
}
#Layer_1 > g:nth-child(2) > g:nth-child(18) > g:nth-child(12) {
    animation: arrows 1s ease-in-out infinite alternate, p 2s ease infinite alternate;
}
@keyframes arrows {
    to {
        transform: translate(25px, 25px);
    }
}
#Layer_1 > g:nth-child(2) > g:nth-child(17) > g:nth-child(13) {
    animation: arrows2 1s ease-in-out infinite alternate, p 2s ease infinite alternate;
}
@keyframes arrows2 {
    to {
        transform: translate(-25px, -25px);
    }
}
#Layer_1 > g:nth-child(2) > g:nth-child(17) > g:nth-child(12) {
    animation: arrows 1s ease-in-out infinite alternate, p 2s ease infinite alternate;
}
canvas {
position: relative; 
left: 50%;
	height: 600px;
transform: translateX(-50%);
}