.img-fluid {
    max-width: 100%;
    height: auto
}

#jqcheck {
    background: #fff9d7;
    text-align: center;
    color: #333;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 700;
    position: fixed;
    z-index: 9991;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif
}

* {
    margin: 0;
    padding: 0
}

re::-moz-selection {
    background: #0fa;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #0fa;
    color: #fff;
    text-shadow: none
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none
}

::-webkit-scrollbar-track-piece {
    background-color: #232323;
    -webkit-border-radius: 0;
    border-left: 1px solid #888
}

::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0;
    background: #0fa
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: var(--base-font-size)
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
    margin: 0;
    padding: 0;
    width: 100%
}

p {
    font-weight: 400;
    line-height: 22px;
    padding: 0 0 20px;
    margin: 0
}

.word {
    display: none
}

.section_top_padding {
    padding-top: 207px !important
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.m-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: none;
    text-decoration: none
}

img {
    border: 0;
    outline: none
}

ul,
li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.relative {
    position: relative
}

a {
    text-decoration: none
}

.scale-with-transition {
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.header-main {
    padding: 0 0 0 0;
    position: absolute;
    z-index: 99999;
    width: 100%
}

.top-bar {
    color: #fff;
    background: var(--secondary-color);
    padding: 0
}

.top-info-list {
    float: left;
    margin: 10px 0
}

.top-info-list li {
    float: left;
    color: #fff;
    font-size: 13px;
    padding: 0 10px
}

.top-info-list li:first-child {
    padding-left: 0
}

.top-info-list li:last-child {
    padding-right: 0
}

.top-info-list li span {
    margin-right: 8px;
    color: var(--primary-color);
    font-size: 13px;
    line-height: 20px
}

.top-info-list li span.icon-phone2 {
    font-size: 15px;
    top: 1px;
    position: relative
}

.top-info-list li+li {
    border-left: 1px solid #515151
}

.top-info-list li a {
    color: #fff;
    font-size: 13px;
    font-weight: 400
}

.top-info-list li a:hover {
    color: #fff
}

.nav-area-full {
    padding: 10px 0;
    width: 100%
}

.logo {
    margin: 0;
    float: left
}

.logo a {
    display: block
}

.top-area {
    display: inline-block;
    width: 100%
}

.main-menu {
    width: 100%;
    display: inline-block;
    float: right;
    margin: 0
}

.main-menu>ul {
    float: right;
    margin: 0
}

.main-menu>ul>li {
    padding: 5px 15px;
    float: left;
    position: relative
}

.main-menu>ul>li:last-child {
    padding-right: 0
}

.main-menu>ul>li:before {
    content: ""
}

.main-menu>ul>li:first-child:before {
    display: none
}

.main-menu>ul>li>a {
    font-weight: 500;
    padding: 0 0 20px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.main-menu>ul>li.active>a,
.main-menu>ul>li>a:hover,
.main-menu>ul>li>a.active,
.main-menu>ul>li>a:focus {
    color: #fff
}

.main-menu>ul>li>a:before {
    width: 0;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    transition: all .6s ease;
    background: -moz-linear-gradient(left, #56d90e 0%, #fff0 100%);
    background: -webkit-linear-gradient(left, #56d90e 0%, #fff0 100%);
    background: linear-gradient(to right, #56d90e 0%, #fff0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d91e0e', endColorstr='#00ffffff', GradientType=1)
}

.main-menu>ul>li>a:hover:before {
    width: 100%
}

.dropdown {
    width: 270px;
    position: absolute;
    top: 125%;
    left: 0%;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    padding: 0;
    background: rgb(255 255 255 / .9);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 5px solid var(--secondary-color);
    background: #a8ff78;
    background: -moz-linear-gradient(top, #a8ff78 0%, #78ffd6 100%);
    background: -webkit-linear-gradient(top, #a8ff78 0%, #78ffd6 100%);
    background: linear-gradient(to bottom, #a8ff78 0%, #78ffd6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8ff78', endColorstr='#78ffd6', GradientType=0)
}

.main-menu>ul>li:hover .dropdown {
    visibility: visible;
    opacity: 1;
    left: 17px
}

.dropdown>ul {
    list-style: none
}

.dropdown>ul>li:before {
    display: none
}

.dropdown>ul>li+li {
    border-top: 1px dotted #457584
}

.dropdown>ul>li>a {
    color: #133569;
    font-size: 12px;
    text-decoration: none;
    padding: 8px 10px 8px 15px;
    display: block;
    text-transform: uppercase;
    font-weight: 500
}

.dropdown>ul>li>a:hover {
    color: #000;
    background: none
}

.dropdown>ul>li>a:hover:before {
    display: none
}

.double-drop {
    width: 400px !important
}

.dropdown>ul>li>ul {
    display: none
}

.dropdown>ul>li.level2:hover>ul {
    display: block
}

.sliderxs .slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    padding: 0;
    margin: 0 auto;
    border-radius: 3px;
    list-style: none;
    text-align: center
}

.sliderxs .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 0;
    cursor: pointer
}

.sliderxs .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    color: #fff0;
    outline: none;
    background: #10171f;
    border: none;
    border-radius: 200px
}

.sliderxs .slick-dots li.slick-active button {
    background: var(--primary-color);
    border: none
}

.sliderxs .slick-dots li button:before {
    display: none
}

.sliderxs .col-lg-2:focus,
.sliderxs .col-lg-3:focus,
.sliderxs .col-lg-4:focus,
.sliderxs .col-lg-6:focus {
    outline: none
}

section#home-slider {
    width: 100%;
    float: left;
    position: relative
}

.hero-slider {
    background: #000;
    height: 800px
}

.home-slider img {
    width: 500px;
    margin: 0 0 0 100px
}

.logo img {
    width: 125px
}

.home-slider h2 {
    opacity: 1;
    color: #fff;
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;
    animation: shdown 1s infinite alternate;
    font-size: 100px;
    letter-spacing: 25px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-around;
    padding: 140px 0 0 100px;
    font-family: 'Righteous', cursive
}

.hero-tag h1 span {
    position: relative;
    transform: translateY(70px)
}

.hero-tag h2 span:nth-child(1) {
    position: relative;
    transform: translateY(-40px)
}

.hero-tag h2 span:nth-child(2) {
    position: relative;
    transform: translateY(20px);
    margin: 0 0 0 -30px
}

.hero-tag h2 span:nth-child(3) {
    position: relative;
    transform: translateY(-40px);
    margin: 0 0 0 -30px
}

.hero-tag02 h1 span {
    position: relative;
    transform: translateY(70px)
}

.hero-tag02 h2 span:nth-child(1) {
    position: relative;
    transform: translateY(-40px)
}

.hero-tag02 h2 span:nth-child(2) {
    position: relative;
    transform: translateY(20px);
    margin: 0 0 0 -30px
}

.hero-tag02 h2 span:nth-child(3) {
    position: relative;
    transform: translateY(-40px)
}

.hero-tag02 h2 span:nth-child(4) {
    position: relative;
    transform: translateY(20px)
}

.hero-tag02 h2 span:nth-child(5) {
    position: relative;
    transform: translateY(-40px)
}

.hero-tag03 h2 span:nth-child(1) {
    position: relative;
    transform: translateY(-40px)
}

.hero-tag03 h2 span:nth-child(2) {
    position: relative;
    transform: translateY(20px)
}

.hero-tag03 h2 span:nth-child(3) {
    position: relative;
    transform: translateY(-40px)
}

.hero-tag03 h2 span:nth-child(4) {
    position: relative;
    transform: translateY(20px)
}

.hero-tag03 h2 span:nth-child(5) {
    position: relative;
    transform: translateY(-40px)
}

.hero-tag03 h2 span:nth-child(6) {
    position: relative;
    transform: translateY(20px)
}

.hero-tag03 h2 span:nth-child(7) {
    position: relative;
    transform: translateY(-40px)
}

.hero-tag03 h2 span:nth-child(8) {
    position: relative;
    transform: translateY(20px)
}

.hero-tag02 h2 span:nth-child(1),
.hero-tag h2 span:nth-child(1),
.hero-tag h2 span:nth-child(3),
.hero-tag03 h2 span:nth-child(1) {
    animation: ani1 1s infinite alternate
}

@keyframes ani1 {
    from {
        top: 0
    }

    to {
        top: 20px
    }
}

.hero-tag h2 span:nth-child(3) {
    animation: ani4 1.8s infinite alternate
}

@keyframes ani4 {
    from {
        top: 0
    }

    to {
        top: 20px
    }
}

.hero-tag02 h2 span:nth-child(2),
.hero-tag h2 span:nth-child(2),
.hero-tag03 h2 span:nth-child(2) {
    animation: ani2 1.5s infinite alternate;
    position: relative
}

.hero-tag02 h2 span:nth-child(3),
.hero-tag03 h2 span:nth-child(3) {
    animation: ani2 2s infinite alternate;
    position: relative
}

.hero-tag02 h2 span:nth-child(4),
.hero-tag h2 span:nth-child(4),
.hero-tag03 h2 span:nth-child(4) {
    animation: ani2 2.5s infinite alternate;
    position: relative
}

.hero-tag02 h2 span:nth-child(5),
.hero-tag03 h2 span:nth-child(5) {
    animation: ani2 2.7s infinite alternate;
    position: relative
}

.hero-tag02 h2 span:nth-child(6),
.hero-tag03 h2 span:nth-child(6) {
    animation: ani2 2s infinite alternate;
    position: relative
}

.hero-tag02 h2 span:nth-child(7),
.hero-tag03 h2 span:nth-child(7) {
    animation: ani2 2.6s infinite alternate;
    position: relative
}

.hero-tag02 h2 span:nth-child(8),
.hero-tag03 h2 span:nth-child(8) {
    animation: ani2 3s infinite alternate;
    position: relative
}

@keyframes ani2 {
    from {
        top: -50px
    }

    to {
        top: 0
    }
}

ul.slick-dots {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0
}

ul.slick-dots li {
    display: inline-block
}

ul.slick-dots li button {
    border: 0;
    font-size: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 0 2px;
    background: #f4f3f8;
    transition: all .6s ease
}

ul.slick-dots li.slick-active button {
    background: #0fa;
    box-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa
}

section#about-sec {
    width: 100%;
    float: left;
    background: #000;
    padding: 150px 0 100px;
    position: relative
}

section#about-sec h2 {
    font-family: 'Major Mono Display', monospace;
    font-size: 45px;
    color: #fff;
    position: relative;
    z-index: 9;
    padding: 15px 0 0
}

.about-txt p {
    color: #fff;
    padding: 10px 0;
    line-height: 28px;
    position: relative;
    z-index: 9
}

section#about-sec .row:before {
    width: 100%;
    height: 93%;
    content: "";
    position: absolute;
    left: 0;
    top: 25px
}

section#about-sec .row {
    position: relative;
    z-index: 8;
    padding: 0 0 50px
}

section#about-sec .row:after {
    width: 100%;
    height: 95%;
    content: "";
    position: absolute;
    left: -15px;
    top: 35px
}

.about-pic {
    margin: 0;
    position: relative;
    top: 0;
    z-index: 9
}

button.slick-next.slick-arrow {
    border: 1px solid;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    background: #fff0;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    cursor: pointer;
    z-index: 9999
}

button.slick-prev.slick-arrow {
    border: 1px solid;
    font-size: 0;
    width: 50px;
    z-index: 9999;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    background: #fff0;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    cursor: pointer
}

button.slick-prev.slick-arrow:before {
    content: "\f053";
    font-size: 20px !important;
    font-family: 'FontAwesome';
    position: relative;
    left: -2px;
    top: 1px
}

button.slick-next.slick-arrow:before {
    content: "\f054";
    font-size: 20px !important;
    font-family: 'FontAwesome';
    position: relative;
    right: -2px;
    top: 1px
}

.ct-container02 {
    width: 100%;
    overflow: hidden;
    position: relative;
    float: left;
    background: #000;
    padding: 0 0 100px
}

.slider-main {
    width: 100%;
    float: left;
    overflow: hidden
}

.background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-mask-image: radial-gradient(white 0%, white 30%, transparent 80%, transparent);
    mask-image: radial-gradient(white 0%, white 30%, transparent 80%, transparent)
}

.circle-container {
    position: absolute;
    transform: translateY(-10vh);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.circle-container .circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    mix-blend-mode: screen;
    background-image: radial-gradient(#99ffff, #99ffff 10%, #fff0 56%);
    -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
    animation: fadein-frames 200ms infinite, scale-frames 2s infinite
}

@-webkit-keyframes fade-frames {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-frames {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes scale-frames {
    0% {
        transform: scale3d(.4, .4, 1)
    }

    50% {
        transform: scale3d(2.2, 2.2, 1)
    }

    100% {
        transform: scale3d(.4, .4, 1)
    }
}

@keyframes scale-frames {
    0% {
        transform: scale3d(.4, .4, 1)
    }

    50% {
        transform: scale3d(2.2, 2.2, 1)
    }

    100% {
        transform: scale3d(.4, .4, 1)
    }
}

.circle-container:nth-child(1) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-1;
    animation-name: move-frames-1;
    -webkit-animation-duration: 30502ms;
    animation-duration: 30502ms;
    -webkit-animation-delay: 948ms;
    animation-delay: 948ms
}

@-webkit-keyframes move-frames-1 {
    from {
        transform: translate3d(90vw, 109vh, 0)
    }

    to {
        transform: translate3d(11vw, -113vh, 0)
    }
}

@keyframes move-frames-1 {
    from {
        transform: translate3d(90vw, 109vh, 0)
    }

    to {
        transform: translate3d(11vw, -113vh, 0)
    }
}

.circle-container:nth-child(1) .circle {
    -webkit-animation-delay: 657ms;
    animation-delay: 657ms
}

.circle-container:nth-child(2) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-2;
    animation-name: move-frames-2;
    -webkit-animation-duration: 30328ms;
    animation-duration: 30328ms;
    -webkit-animation-delay: 32763ms;
    animation-delay: 32763ms
}

@-webkit-keyframes move-frames-2 {
    from {
        transform: translate3d(50vw, 108vh, 0)
    }

    to {
        transform: translate3d(81vw, -120vh, 0)
    }
}

@keyframes move-frames-2 {
    from {
        transform: translate3d(50vw, 108vh, 0)
    }

    to {
        transform: translate3d(81vw, -120vh, 0)
    }
}

.circle-container:nth-child(2) .circle {
    -webkit-animation-delay: 2199ms;
    animation-delay: 2199ms
}

.circle-container:nth-child(3) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-3;
    animation-name: move-frames-3;
    -webkit-animation-duration: 35841ms;
    animation-duration: 35841ms;
    -webkit-animation-delay: 28671ms;
    animation-delay: 28671ms
}

@-webkit-keyframes move-frames-3 {
    from {
        transform: translate3d(5vw, 109vh, 0)
    }

    to {
        transform: translate3d(79vw, -121vh, 0)
    }
}

@keyframes move-frames-3 {
    from {
        transform: translate3d(5vw, 109vh, 0)
    }

    to {
        transform: translate3d(79vw, -121vh, 0)
    }
}

.circle-container:nth-child(3) .circle {
    -webkit-animation-delay: 777ms;
    animation-delay: 777ms
}

.circle-container:nth-child(4) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-4;
    animation-name: move-frames-4;
    -webkit-animation-duration: 31944ms;
    animation-duration: 31944ms;
    -webkit-animation-delay: 27210ms;
    animation-delay: 27210ms
}

@-webkit-keyframes move-frames-4 {
    from {
        transform: translate3d(15vw, 107vh, 0)
    }

    to {
        transform: translate3d(4vw, -137vh, 0)
    }
}

@keyframes move-frames-4 {
    from {
        transform: translate3d(15vw, 107vh, 0)
    }

    to {
        transform: translate3d(4vw, -137vh, 0)
    }
}

.circle-container:nth-child(4) .circle {
    -webkit-animation-delay: 1567ms;
    animation-delay: 1567ms
}

.circle-container:nth-child(5) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-5;
    animation-name: move-frames-5;
    -webkit-animation-duration: 33484ms;
    animation-duration: 33484ms;
    -webkit-animation-delay: 27825ms;
    animation-delay: 27825ms
}

@-webkit-keyframes move-frames-5 {
    from {
        transform: translate3d(24vw, 102vh, 0)
    }

    to {
        transform: translate3d(82vw, -103vh, 0)
    }
}

@keyframes move-frames-5 {
    from {
        transform: translate3d(24vw, 102vh, 0)
    }

    to {
        transform: translate3d(82vw, -103vh, 0)
    }
}

.circle-container:nth-child(5) .circle {
    -webkit-animation-delay: 1153ms;
    animation-delay: 1153ms
}

.circle-container:nth-child(6) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-6;
    animation-name: move-frames-6;
    -webkit-animation-duration: 32776ms;
    animation-duration: 32776ms;
    -webkit-animation-delay: 9708ms;
    animation-delay: 9708ms
}

@-webkit-keyframes move-frames-6 {
    from {
        transform: translate3d(36vw, 104vh, 0)
    }

    to {
        transform: translate3d(9vw, -132vh, 0)
    }
}

@keyframes move-frames-6 {
    from {
        transform: translate3d(36vw, 104vh, 0)
    }

    to {
        transform: translate3d(9vw, -132vh, 0)
    }
}

.circle-container:nth-child(6) .circle {
    -webkit-animation-delay: 533ms;
    animation-delay: 533ms
}

.circle-container:nth-child(7) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-7;
    animation-name: move-frames-7;
    -webkit-animation-duration: 35813ms;
    animation-duration: 35813ms;
    -webkit-animation-delay: 29510ms;
    animation-delay: 29510ms
}

@-webkit-keyframes move-frames-7 {
    from {
        transform: translate3d(58vw, 105vh, 0)
    }

    to {
        transform: translate3d(78vw, -107vh, 0)
    }
}

@keyframes move-frames-7 {
    from {
        transform: translate3d(58vw, 105vh, 0)
    }

    to {
        transform: translate3d(78vw, -107vh, 0)
    }
}

.circle-container:nth-child(7) .circle {
    -webkit-animation-delay: 2890ms;
    animation-delay: 2890ms
}

.circle-container:nth-child(8) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-8;
    animation-name: move-frames-8;
    -webkit-animation-duration: 35960ms;
    animation-duration: 35960ms;
    -webkit-animation-delay: 19905ms;
    animation-delay: 19905ms
}

@-webkit-keyframes move-frames-8 {
    from {
        transform: translate3d(92vw, 109vh, 0)
    }

    to {
        transform: translate3d(44vw, -118vh, 0)
    }
}

@keyframes move-frames-8 {
    from {
        transform: translate3d(92vw, 109vh, 0)
    }

    to {
        transform: translate3d(44vw, -118vh, 0)
    }
}

.circle-container:nth-child(8) .circle {
    -webkit-animation-delay: 3227ms;
    animation-delay: 3227ms
}

.circle-container:nth-child(9) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-9;
    animation-name: move-frames-9;
    -webkit-animation-duration: 36614ms;
    animation-duration: 36614ms;
    -webkit-animation-delay: 23812ms;
    animation-delay: 23812ms
}

@-webkit-keyframes move-frames-9 {
    from {
        transform: translate3d(12vw, 106vh, 0)
    }

    to {
        transform: translate3d(77vw, -136vh, 0)
    }
}

@keyframes move-frames-9 {
    from {
        transform: translate3d(12vw, 106vh, 0)
    }

    to {
        transform: translate3d(77vw, -136vh, 0)
    }
}

.circle-container:nth-child(9) .circle {
    -webkit-animation-delay: 3717ms;
    animation-delay: 3717ms
}

.circle-container:nth-child(10) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-10;
    animation-name: move-frames-10;
    -webkit-animation-duration: 30433ms;
    animation-duration: 30433ms;
    -webkit-animation-delay: 2970ms;
    animation-delay: 2970ms
}

@-webkit-keyframes move-frames-10 {
    from {
        transform: translate3d(18vw, 107vh, 0)
    }

    to {
        transform: translate3d(63vw, -110vh, 0)
    }
}

@keyframes move-frames-10 {
    from {
        transform: translate3d(18vw, 107vh, 0)
    }

    to {
        transform: translate3d(63vw, -110vh, 0)
    }
}

.circle-container:nth-child(10) .circle {
    -webkit-animation-delay: 164ms;
    animation-delay: 164ms
}

.circle-container:nth-child(11) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-11;
    animation-name: move-frames-11;
    -webkit-animation-duration: 32935ms;
    animation-duration: 32935ms;
    -webkit-animation-delay: 4883ms;
    animation-delay: 4883ms
}

@-webkit-keyframes move-frames-11 {
    from {
        transform: translate3d(25vw, 103vh, 0)
    }

    to {
        transform: translate3d(54vw, -118vh, 0)
    }
}

@keyframes move-frames-11 {
    from {
        transform: translate3d(25vw, 103vh, 0)
    }

    to {
        transform: translate3d(54vw, -118vh, 0)
    }
}

.circle-container:nth-child(11) .circle {
    -webkit-animation-delay: 1831ms;
    animation-delay: 1831ms
}

.circle-container:nth-child(12) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-12;
    animation-name: move-frames-12;
    -webkit-animation-duration: 36839ms;
    animation-duration: 36839ms;
    -webkit-animation-delay: 33959ms;
    animation-delay: 33959ms
}

@-webkit-keyframes move-frames-12 {
    from {
        transform: translate3d(95vw, 108vh, 0)
    }

    to {
        transform: translate3d(86vw, -135vh, 0)
    }
}

@keyframes move-frames-12 {
    from {
        transform: translate3d(95vw, 108vh, 0)
    }

    to {
        transform: translate3d(86vw, -135vh, 0)
    }
}

.circle-container:nth-child(12) .circle {
    -webkit-animation-delay: 3362ms;
    animation-delay: 3362ms
}

.circle-container:nth-child(13) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-13;
    animation-name: move-frames-13;
    -webkit-animation-duration: 34541ms;
    animation-duration: 34541ms;
    -webkit-animation-delay: 21584ms;
    animation-delay: 21584ms
}

@-webkit-keyframes move-frames-13 {
    from {
        transform: translate3d(95vw, 104vh, 0)
    }

    to {
        transform: translate3d(25vw, -116vh, 0)
    }
}

@keyframes move-frames-13 {
    from {
        transform: translate3d(95vw, 104vh, 0)
    }

    to {
        transform: translate3d(25vw, -116vh, 0)
    }
}

.circle-container:nth-child(13) .circle {
    -webkit-animation-delay: 3484ms;
    animation-delay: 3484ms
}

.circle-container:nth-child(14) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-14;
    animation-name: move-frames-14;
    -webkit-animation-duration: 28689ms;
    animation-duration: 28689ms;
    -webkit-animation-delay: 21418ms;
    animation-delay: 21418ms
}

@-webkit-keyframes move-frames-14 {
    from {
        transform: translate3d(3vw, 106vh, 0)
    }

    to {
        transform: translate3d(79vw, -116vh, 0)
    }
}

@keyframes move-frames-14 {
    from {
        transform: translate3d(3vw, 106vh, 0)
    }

    to {
        transform: translate3d(79vw, -116vh, 0)
    }
}

.circle-container:nth-child(14) .circle {
    -webkit-animation-delay: 3428ms;
    animation-delay: 3428ms
}

.circle-container:nth-child(15) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-15;
    animation-name: move-frames-15;
    -webkit-animation-duration: 28860ms;
    animation-duration: 28860ms;
    -webkit-animation-delay: 3944ms;
    animation-delay: 3944ms
}

@-webkit-keyframes move-frames-15 {
    from {
        transform: translate3d(95vw, 104vh, 0)
    }

    to {
        transform: translate3d(7vw, -129vh, 0)
    }
}

@keyframes move-frames-15 {
    from {
        transform: translate3d(95vw, 104vh, 0)
    }

    to {
        transform: translate3d(7vw, -129vh, 0)
    }
}

.circle-container:nth-child(15) .circle {
    -webkit-animation-delay: 18ms;
    animation-delay: 18ms
}

.circle-container:nth-child(16) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-16;
    animation-name: move-frames-16;
    -webkit-animation-duration: 31953ms;
    animation-duration: 31953ms;
    -webkit-animation-delay: 18178ms;
    animation-delay: 18178ms
}

@-webkit-keyframes move-frames-16 {
    from {
        transform: translate3d(73vw, 107vh, 0)
    }

    to {
        transform: translate3d(95vw, -114vh, 0)
    }
}

@keyframes move-frames-16 {
    from {
        transform: translate3d(73vw, 107vh, 0)
    }

    to {
        transform: translate3d(95vw, -114vh, 0)
    }
}

.circle-container:nth-child(16) .circle {
    -webkit-animation-delay: 1767ms;
    animation-delay: 1767ms
}

.circle-container:nth-child(17) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-17;
    animation-name: move-frames-17;
    -webkit-animation-duration: 32199ms;
    animation-duration: 32199ms;
    -webkit-animation-delay: 4748ms;
    animation-delay: 4748ms
}

@-webkit-keyframes move-frames-17 {
    from {
        transform: translate3d(64vw, 108vh, 0)
    }

    to {
        transform: translate3d(10vw, -118vh, 0)
    }
}

@keyframes move-frames-17 {
    from {
        transform: translate3d(64vw, 108vh, 0)
    }

    to {
        transform: translate3d(10vw, -118vh, 0)
    }
}

.circle-container:nth-child(17) .circle {
    -webkit-animation-delay: 2038ms;
    animation-delay: 2038ms
}

.circle-container:nth-child(18) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-18;
    animation-name: move-frames-18;
    -webkit-animation-duration: 28737ms;
    animation-duration: 28737ms;
    -webkit-animation-delay: 12515ms;
    animation-delay: 12515ms
}

@-webkit-keyframes move-frames-18 {
    from {
        transform: translate3d(78vw, 101vh, 0)
    }

    to {
        transform: translate3d(68vw, -106vh, 0)
    }
}

@keyframes move-frames-18 {
    from {
        transform: translate3d(78vw, 101vh, 0)
    }

    to {
        transform: translate3d(68vw, -106vh, 0)
    }
}

.circle-container:nth-child(18) .circle {
    -webkit-animation-delay: 204ms;
    animation-delay: 204ms
}

.circle-container:nth-child(19) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-19;
    animation-name: move-frames-19;
    -webkit-animation-duration: 32790ms;
    animation-duration: 32790ms;
    -webkit-animation-delay: 11138ms;
    animation-delay: 11138ms
}

@-webkit-keyframes move-frames-19 {
    from {
        transform: translate3d(65vw, 110vh, 0)
    }

    to {
        transform: translate3d(40vw, -140vh, 0)
    }
}

@keyframes move-frames-19 {
    from {
        transform: translate3d(65vw, 110vh, 0)
    }

    to {
        transform: translate3d(40vw, -140vh, 0)
    }
}

.circle-container:nth-child(19) .circle {
    -webkit-animation-delay: 3939ms;
    animation-delay: 3939ms
}

.circle-container:nth-child(20) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-20;
    animation-name: move-frames-20;
    -webkit-animation-duration: 29150ms;
    animation-duration: 29150ms;
    -webkit-animation-delay: 11705ms;
    animation-delay: 11705ms
}

@-webkit-keyframes move-frames-20 {
    from {
        transform: translate3d(79vw, 106vh, 0)
    }

    to {
        transform: translate3d(14vw, -120vh, 0)
    }
}

@keyframes move-frames-20 {
    from {
        transform: translate3d(79vw, 106vh, 0)
    }

    to {
        transform: translate3d(14vw, -120vh, 0)
    }
}

.circle-container:nth-child(20) .circle {
    -webkit-animation-delay: 1719ms;
    animation-delay: 1719ms
}

.circle-container:nth-child(21) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-21;
    animation-name: move-frames-21;
    -webkit-animation-duration: 33985ms;
    animation-duration: 33985ms;
    -webkit-animation-delay: 5732ms;
    animation-delay: 5732ms
}

@-webkit-keyframes move-frames-21 {
    from {
        transform: translate3d(18vw, 110vh, 0)
    }

    to {
        transform: translate3d(40vw, -139vh, 0)
    }
}

@keyframes move-frames-21 {
    from {
        transform: translate3d(18vw, 110vh, 0)
    }

    to {
        transform: translate3d(40vw, -139vh, 0)
    }
}

.circle-container:nth-child(21) .circle {
    -webkit-animation-delay: 1219ms;
    animation-delay: 1219ms
}

.circle-container:nth-child(22) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-22;
    animation-name: move-frames-22;
    -webkit-animation-duration: 28262ms;
    animation-duration: 28262ms;
    -webkit-animation-delay: 30193ms;
    animation-delay: 30193ms
}

@-webkit-keyframes move-frames-22 {
    from {
        transform: translate3d(71vw, 101vh, 0)
    }

    to {
        transform: translate3d(63vw, -119vh, 0)
    }
}

@keyframes move-frames-22 {
    from {
        transform: translate3d(71vw, 101vh, 0)
    }

    to {
        transform: translate3d(63vw, -119vh, 0)
    }
}

.circle-container:nth-child(22) .circle {
    -webkit-animation-delay: 1759ms;
    animation-delay: 1759ms
}

.circle-container:nth-child(23) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-23;
    animation-name: move-frames-23;
    -webkit-animation-duration: 35415ms;
    animation-duration: 35415ms;
    -webkit-animation-delay: 7152ms;
    animation-delay: 7152ms
}

@-webkit-keyframes move-frames-23 {
    from {
        transform: translate3d(17vw, 109vh, 0)
    }

    to {
        transform: translate3d(92vw, -126vh, 0)
    }
}

@keyframes move-frames-23 {
    from {
        transform: translate3d(17vw, 109vh, 0)
    }

    to {
        transform: translate3d(92vw, -126vh, 0)
    }
}

.circle-container:nth-child(23) .circle {
    -webkit-animation-delay: 611ms;
    animation-delay: 611ms
}

.circle-container:nth-child(24) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-24;
    animation-name: move-frames-24;
    -webkit-animation-duration: 32046ms;
    animation-duration: 32046ms;
    -webkit-animation-delay: 21770ms;
    animation-delay: 21770ms
}

@-webkit-keyframes move-frames-24 {
    from {
        transform: translate3d(19vw, 108vh, 0)
    }

    to {
        transform: translate3d(61vw, -138vh, 0)
    }
}

@keyframes move-frames-24 {
    from {
        transform: translate3d(19vw, 108vh, 0)
    }

    to {
        transform: translate3d(61vw, -138vh, 0)
    }
}

.circle-container:nth-child(24) .circle {
    -webkit-animation-delay: 1616ms;
    animation-delay: 1616ms
}

.circle-container:nth-child(25) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-25;
    animation-name: move-frames-25;
    -webkit-animation-duration: 35836ms;
    animation-duration: 35836ms;
    -webkit-animation-delay: 27694ms;
    animation-delay: 27694ms
}

@-webkit-keyframes move-frames-25 {
    from {
        transform: translate3d(17vw, 104vh, 0)
    }

    to {
        transform: translate3d(15vw, -108vh, 0)
    }
}

@keyframes move-frames-25 {
    from {
        transform: translate3d(17vw, 104vh, 0)
    }

    to {
        transform: translate3d(15vw, -108vh, 0)
    }
}

.circle-container:nth-child(25) .circle {
    -webkit-animation-delay: 2390ms;
    animation-delay: 2390ms
}

.circle-container:nth-child(26) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-26;
    animation-name: move-frames-26;
    -webkit-animation-duration: 28791ms;
    animation-duration: 28791ms;
    -webkit-animation-delay: 35496ms;
    animation-delay: 35496ms
}

@-webkit-keyframes move-frames-26 {
    from {
        transform: translate3d(16vw, 108vh, 0)
    }

    to {
        transform: translate3d(5vw, -111vh, 0)
    }
}

@keyframes move-frames-26 {
    from {
        transform: translate3d(16vw, 108vh, 0)
    }

    to {
        transform: translate3d(5vw, -111vh, 0)
    }
}

.circle-container:nth-child(26) .circle {
    -webkit-animation-delay: 3127ms;
    animation-delay: 3127ms
}

.circle-container:nth-child(27) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-27;
    animation-name: move-frames-27;
    -webkit-animation-duration: 33298ms;
    animation-duration: 33298ms;
    -webkit-animation-delay: 25605ms;
    animation-delay: 25605ms
}

@-webkit-keyframes move-frames-27 {
    from {
        transform: translate3d(36vw, 108vh, 0)
    }

    to {
        transform: translate3d(63vw, -109vh, 0)
    }
}

@keyframes move-frames-27 {
    from {
        transform: translate3d(36vw, 108vh, 0)
    }

    to {
        transform: translate3d(63vw, -109vh, 0)
    }
}

.circle-container:nth-child(27) .circle {
    -webkit-animation-delay: 1740ms;
    animation-delay: 1740ms
}

.circle-container:nth-child(28) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-28;
    animation-name: move-frames-28;
    -webkit-animation-duration: 33817ms;
    animation-duration: 33817ms;
    -webkit-animation-delay: 26731ms;
    animation-delay: 26731ms
}

@-webkit-keyframes move-frames-28 {
    from {
        transform: translate3d(33vw, 104vh, 0)
    }

    to {
        transform: translate3d(31vw, -113vh, 0)
    }
}

@keyframes move-frames-28 {
    from {
        transform: translate3d(33vw, 104vh, 0)
    }

    to {
        transform: translate3d(31vw, -113vh, 0)
    }
}

.circle-container:nth-child(28) .circle {
    -webkit-animation-delay: 2195ms;
    animation-delay: 2195ms
}

.circle-container:nth-child(29) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-29;
    animation-name: move-frames-29;
    -webkit-animation-duration: 34304ms;
    animation-duration: 34304ms;
    -webkit-animation-delay: 29610ms;
    animation-delay: 29610ms
}

@-webkit-keyframes move-frames-29 {
    from {
        transform: translate3d(60vw, 103vh, 0)
    }

    to {
        transform: translate3d(54vw, -114vh, 0)
    }
}

@keyframes move-frames-29 {
    from {
        transform: translate3d(60vw, 103vh, 0)
    }

    to {
        transform: translate3d(54vw, -114vh, 0)
    }
}

.circle-container:nth-child(29) .circle {
    -webkit-animation-delay: 2446ms;
    animation-delay: 2446ms
}

.circle-container:nth-child(30) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-30;
    animation-name: move-frames-30;
    -webkit-animation-duration: 30193ms;
    animation-duration: 30193ms;
    -webkit-animation-delay: 10410ms;
    animation-delay: 10410ms
}

@-webkit-keyframes move-frames-30 {
    from {
        transform: translate3d(26vw, 106vh, 0)
    }

    to {
        transform: translate3d(73vw, -116vh, 0)
    }
}

@keyframes move-frames-30 {
    from {
        transform: translate3d(26vw, 106vh, 0)
    }

    to {
        transform: translate3d(73vw, -116vh, 0)
    }
}

.circle-container:nth-child(30) .circle {
    -webkit-animation-delay: 1998ms;
    animation-delay: 1998ms
}

.circle-container:nth-child(31) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-31;
    animation-name: move-frames-31;
    -webkit-animation-duration: 32925ms;
    animation-duration: 32925ms;
    -webkit-animation-delay: 13137ms;
    animation-delay: 13137ms
}

@-webkit-keyframes move-frames-31 {
    from {
        transform: translate3d(35vw, 101vh, 0)
    }

    to {
        transform: translate3d(92vw, -120vh, 0)
    }
}

@keyframes move-frames-31 {
    from {
        transform: translate3d(35vw, 101vh, 0)
    }

    to {
        transform: translate3d(92vw, -120vh, 0)
    }
}

.circle-container:nth-child(31) .circle {
    -webkit-animation-delay: 860ms;
    animation-delay: 860ms
}

.circle-container:nth-child(32) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-32;
    animation-name: move-frames-32;
    -webkit-animation-duration: 31349ms;
    animation-duration: 31349ms;
    -webkit-animation-delay: 25413ms;
    animation-delay: 25413ms
}

@-webkit-keyframes move-frames-32 {
    from {
        transform: translate3d(41vw, 105vh, 0)
    }

    to {
        transform: translate3d(75vw, -114vh, 0)
    }
}

@keyframes move-frames-32 {
    from {
        transform: translate3d(41vw, 105vh, 0)
    }

    to {
        transform: translate3d(75vw, -114vh, 0)
    }
}

.circle-container:nth-child(32) .circle {
    -webkit-animation-delay: 520ms;
    animation-delay: 520ms
}

.circle-container:nth-child(33) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-33;
    animation-name: move-frames-33;
    -webkit-animation-duration: 33521ms;
    animation-duration: 33521ms;
    -webkit-animation-delay: 30675ms;
    animation-delay: 30675ms
}

@-webkit-keyframes move-frames-33 {
    from {
        transform: translate3d(87vw, 109vh, 0)
    }

    to {
        transform: translate3d(87vw, -114vh, 0)
    }
}

@keyframes move-frames-33 {
    from {
        transform: translate3d(87vw, 109vh, 0)
    }

    to {
        transform: translate3d(87vw, -114vh, 0)
    }
}

.circle-container:nth-child(33) .circle {
    -webkit-animation-delay: 2241ms;
    animation-delay: 2241ms
}

.circle-container:nth-child(34) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-34;
    animation-name: move-frames-34;
    -webkit-animation-duration: 35848ms;
    animation-duration: 35848ms;
    -webkit-animation-delay: 31197ms;
    animation-delay: 31197ms
}

@-webkit-keyframes move-frames-34 {
    from {
        transform: translate3d(66vw, 101vh, 0)
    }

    to {
        transform: translate3d(38vw, -103vh, 0)
    }
}

@keyframes move-frames-34 {
    from {
        transform: translate3d(66vw, 101vh, 0)
    }

    to {
        transform: translate3d(38vw, -103vh, 0)
    }
}

.circle-container:nth-child(34) .circle {
    -webkit-animation-delay: 1057ms;
    animation-delay: 1057ms
}

.circle-container:nth-child(35) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-35;
    animation-name: move-frames-35;
    -webkit-animation-duration: 36814ms;
    animation-duration: 36814ms;
    -webkit-animation-delay: 20100ms;
    animation-delay: 20100ms
}

@-webkit-keyframes move-frames-35 {
    from {
        transform: translate3d(12vw, 105vh, 0)
    }

    to {
        transform: translate3d(92vw, -109vh, 0)
    }
}

@keyframes move-frames-35 {
    from {
        transform: translate3d(12vw, 105vh, 0)
    }

    to {
        transform: translate3d(92vw, -109vh, 0)
    }
}

.circle-container:nth-child(35) .circle {
    -webkit-animation-delay: 2237ms;
    animation-delay: 2237ms
}

.circle-container:nth-child(36) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-36;
    animation-name: move-frames-36;
    -webkit-animation-duration: 33035ms;
    animation-duration: 33035ms;
    -webkit-animation-delay: 1630ms;
    animation-delay: 1630ms
}

@-webkit-keyframes move-frames-36 {
    from {
        transform: translate3d(35vw, 103vh, 0)
    }

    to {
        transform: translate3d(53vw, -115vh, 0)
    }
}

@keyframes move-frames-36 {
    from {
        transform: translate3d(35vw, 103vh, 0)
    }

    to {
        transform: translate3d(53vw, -115vh, 0)
    }
}

.circle-container:nth-child(36) .circle {
    -webkit-animation-delay: 3305ms;
    animation-delay: 3305ms
}

.circle-container:nth-child(37) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-37;
    animation-name: move-frames-37;
    -webkit-animation-duration: 36210ms;
    animation-duration: 36210ms;
    -webkit-animation-delay: 11067ms;
    animation-delay: 11067ms
}

@-webkit-keyframes move-frames-37 {
    from {
        transform: translate3d(92vw, 108vh, 0)
    }

    to {
        transform: translate3d(4vw, -124vh, 0)
    }
}

@keyframes move-frames-37 {
    from {
        transform: translate3d(92vw, 108vh, 0)
    }

    to {
        transform: translate3d(4vw, -124vh, 0)
    }
}

.circle-container:nth-child(37) .circle {
    -webkit-animation-delay: 1606ms;
    animation-delay: 1606ms
}

.circle-container:nth-child(38) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-38;
    animation-name: move-frames-38;
    -webkit-animation-duration: 33221ms;
    animation-duration: 33221ms;
    -webkit-animation-delay: 11215ms;
    animation-delay: 11215ms
}

@-webkit-keyframes move-frames-38 {
    from {
        transform: translate3d(38vw, 108vh, 0)
    }

    to {
        transform: translate3d(42vw, -132vh, 0)
    }
}

@keyframes move-frames-38 {
    from {
        transform: translate3d(38vw, 108vh, 0)
    }

    to {
        transform: translate3d(42vw, -132vh, 0)
    }
}

.circle-container:nth-child(38) .circle {
    -webkit-animation-delay: 2228ms;
    animation-delay: 2228ms
}

.circle-container:nth-child(39) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-39;
    animation-name: move-frames-39;
    -webkit-animation-duration: 34059ms;
    animation-duration: 34059ms;
    -webkit-animation-delay: 12287ms;
    animation-delay: 12287ms
}

@-webkit-keyframes move-frames-39 {
    from {
        transform: translate3d(98vw, 107vh, 0)
    }

    to {
        transform: translate3d(99vw, -112vh, 0)
    }
}

@keyframes move-frames-39 {
    from {
        transform: translate3d(98vw, 107vh, 0)
    }

    to {
        transform: translate3d(99vw, -112vh, 0)
    }
}

.circle-container:nth-child(39) .circle {
    -webkit-animation-delay: 1517ms;
    animation-delay: 1517ms
}

.circle-container:nth-child(40) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-40;
    animation-name: move-frames-40;
    -webkit-animation-duration: 34418ms;
    animation-duration: 34418ms;
    -webkit-animation-delay: 29863ms;
    animation-delay: 29863ms
}

@-webkit-keyframes move-frames-40 {
    from {
        transform: translate3d(45vw, 106vh, 0)
    }

    to {
        transform: translate3d(48vw, -134vh, 0)
    }
}

@keyframes move-frames-40 {
    from {
        transform: translate3d(45vw, 106vh, 0)
    }

    to {
        transform: translate3d(48vw, -134vh, 0)
    }
}

.circle-container:nth-child(40) .circle {
    -webkit-animation-delay: 1924ms;
    animation-delay: 1924ms
}

.circle-container:nth-child(41) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-41;
    animation-name: move-frames-41;
    -webkit-animation-duration: 33329ms;
    animation-duration: 33329ms;
    -webkit-animation-delay: 16162ms;
    animation-delay: 16162ms
}

@-webkit-keyframes move-frames-41 {
    from {
        transform: translate3d(83vw, 107vh, 0)
    }

    to {
        transform: translate3d(76vw, -133vh, 0)
    }
}

@keyframes move-frames-41 {
    from {
        transform: translate3d(83vw, 107vh, 0)
    }

    to {
        transform: translate3d(76vw, -133vh, 0)
    }
}

.circle-container:nth-child(41) .circle {
    -webkit-animation-delay: 3158ms;
    animation-delay: 3158ms
}

.circle-container:nth-child(42) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-42;
    animation-name: move-frames-42;
    -webkit-animation-duration: 28588ms;
    animation-duration: 28588ms;
    -webkit-animation-delay: 30006ms;
    animation-delay: 30006ms
}

@-webkit-keyframes move-frames-42 {
    from {
        transform: translate3d(96vw, 108vh, 0)
    }

    to {
        transform: translate3d(99vw, -133vh, 0)
    }
}

@keyframes move-frames-42 {
    from {
        transform: translate3d(96vw, 108vh, 0)
    }

    to {
        transform: translate3d(99vw, -133vh, 0)
    }
}

.circle-container:nth-child(42) .circle {
    -webkit-animation-delay: 1596ms;
    animation-delay: 1596ms
}

.circle-container:nth-child(43) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-43;
    animation-name: move-frames-43;
    -webkit-animation-duration: 32386ms;
    animation-duration: 32386ms;
    -webkit-animation-delay: 1686ms;
    animation-delay: 1686ms
}

@-webkit-keyframes move-frames-43 {
    from {
        transform: translate3d(96vw, 103vh, 0)
    }

    to {
        transform: translate3d(45vw, -106vh, 0)
    }
}

@keyframes move-frames-43 {
    from {
        transform: translate3d(96vw, 103vh, 0)
    }

    to {
        transform: translate3d(45vw, -106vh, 0)
    }
}

.circle-container:nth-child(43) .circle {
    -webkit-animation-delay: 3667ms;
    animation-delay: 3667ms
}

.circle-container:nth-child(44) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-44;
    animation-name: move-frames-44;
    -webkit-animation-duration: 34702ms;
    animation-duration: 34702ms;
    -webkit-animation-delay: 28481ms;
    animation-delay: 28481ms
}

@-webkit-keyframes move-frames-44 {
    from {
        transform: translate3d(51vw, 102vh, 0)
    }

    to {
        transform: translate3d(2vw, -132vh, 0)
    }
}

@keyframes move-frames-44 {
    from {
        transform: translate3d(51vw, 102vh, 0)
    }

    to {
        transform: translate3d(2vw, -132vh, 0)
    }
}

.circle-container:nth-child(44) .circle {
    -webkit-animation-delay: 2602ms;
    animation-delay: 2602ms
}

.circle-container:nth-child(45) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-45;
    animation-name: move-frames-45;
    -webkit-animation-duration: 28835ms;
    animation-duration: 28835ms;
    -webkit-animation-delay: 26242ms;
    animation-delay: 26242ms
}

@-webkit-keyframes move-frames-45 {
    from {
        transform: translate3d(59vw, 101vh, 0)
    }

    to {
        transform: translate3d(46vw, -126vh, 0)
    }
}

@keyframes move-frames-45 {
    from {
        transform: translate3d(59vw, 101vh, 0)
    }

    to {
        transform: translate3d(46vw, -126vh, 0)
    }
}

.circle-container:nth-child(45) .circle {
    -webkit-animation-delay: 2206ms;
    animation-delay: 2206ms
}

.circle-container:nth-child(46) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-46;
    animation-name: move-frames-46;
    -webkit-animation-duration: 32652ms;
    animation-duration: 32652ms;
    -webkit-animation-delay: 7695ms;
    animation-delay: 7695ms
}

@-webkit-keyframes move-frames-46 {
    from {
        transform: translate3d(24vw, 104vh, 0)
    }

    to {
        transform: translate3d(7vw, -122vh, 0)
    }
}

@keyframes move-frames-46 {
    from {
        transform: translate3d(24vw, 104vh, 0)
    }

    to {
        transform: translate3d(7vw, -122vh, 0)
    }
}

.circle-container:nth-child(46) .circle {
    -webkit-animation-delay: 1022ms;
    animation-delay: 1022ms
}

.circle-container:nth-child(47) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-47;
    animation-name: move-frames-47;
    -webkit-animation-duration: 32666ms;
    animation-duration: 32666ms;
    -webkit-animation-delay: 25897ms;
    animation-delay: 25897ms
}

@-webkit-keyframes move-frames-47 {
    from {
        transform: translate3d(23vw, 103vh, 0)
    }

    to {
        transform: translate3d(30vw, -117vh, 0)
    }
}

@keyframes move-frames-47 {
    from {
        transform: translate3d(23vw, 103vh, 0)
    }

    to {
        transform: translate3d(30vw, -117vh, 0)
    }
}

.circle-container:nth-child(47) .circle {
    -webkit-animation-delay: 2127ms;
    animation-delay: 2127ms
}

.circle-container:nth-child(48) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-48;
    animation-name: move-frames-48;
    -webkit-animation-duration: 30794ms;
    animation-duration: 30794ms;
    -webkit-animation-delay: 14613ms;
    animation-delay: 14613ms
}

@-webkit-keyframes move-frames-48 {
    from {
        transform: translate3d(22vw, 108vh, 0)
    }

    to {
        transform: translate3d(93vw, -109vh, 0)
    }
}

@keyframes move-frames-48 {
    from {
        transform: translate3d(22vw, 108vh, 0)
    }

    to {
        transform: translate3d(93vw, -109vh, 0)
    }
}

.circle-container:nth-child(48) .circle {
    -webkit-animation-delay: 1968ms;
    animation-delay: 1968ms
}

.circle-container:nth-child(49) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-49;
    animation-name: move-frames-49;
    -webkit-animation-duration: 30140ms;
    animation-duration: 30140ms;
    -webkit-animation-delay: 29996ms;
    animation-delay: 29996ms
}

@-webkit-keyframes move-frames-49 {
    from {
        transform: translate3d(60vw, 108vh, 0)
    }

    to {
        transform: translate3d(30vw, -115vh, 0)
    }
}

@keyframes move-frames-49 {
    from {
        transform: translate3d(60vw, 108vh, 0)
    }

    to {
        transform: translate3d(30vw, -115vh, 0)
    }
}

.circle-container:nth-child(49) .circle {
    -webkit-animation-delay: 3249ms;
    animation-delay: 3249ms
}

.circle-container:nth-child(50) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-50;
    animation-name: move-frames-50;
    -webkit-animation-duration: 34672ms;
    animation-duration: 34672ms;
    -webkit-animation-delay: 18431ms;
    animation-delay: 18431ms
}

@-webkit-keyframes move-frames-50 {
    from {
        transform: translate3d(53vw, 101vh, 0)
    }

    to {
        transform: translate3d(9vw, -106vh, 0)
    }
}

@keyframes move-frames-50 {
    from {
        transform: translate3d(53vw, 101vh, 0)
    }

    to {
        transform: translate3d(9vw, -106vh, 0)
    }
}

.circle-container:nth-child(50) .circle {
    -webkit-animation-delay: 2111ms;
    animation-delay: 2111ms
}

.circle-container:nth-child(51) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-51;
    animation-name: move-frames-51;
    -webkit-animation-duration: 33051ms;
    animation-duration: 33051ms;
    -webkit-animation-delay: 5994ms;
    animation-delay: 5994ms
}

@-webkit-keyframes move-frames-51 {
    from {
        transform: translate3d(26vw, 110vh, 0)
    }

    to {
        transform: translate3d(61vw, -138vh, 0)
    }
}

@keyframes move-frames-51 {
    from {
        transform: translate3d(26vw, 110vh, 0)
    }

    to {
        transform: translate3d(61vw, -138vh, 0)
    }
}

.circle-container:nth-child(51) .circle {
    -webkit-animation-delay: 3991ms;
    animation-delay: 3991ms
}

.circle-container:nth-child(52) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-52;
    animation-name: move-frames-52;
    -webkit-animation-duration: 28800ms;
    animation-duration: 28800ms;
    -webkit-animation-delay: 28052ms;
    animation-delay: 28052ms
}

@-webkit-keyframes move-frames-52 {
    from {
        transform: translate3d(48vw, 103vh, 0)
    }

    to {
        transform: translate3d(84vw, -108vh, 0)
    }
}

@keyframes move-frames-52 {
    from {
        transform: translate3d(48vw, 103vh, 0)
    }

    to {
        transform: translate3d(84vw, -108vh, 0)
    }
}

.circle-container:nth-child(52) .circle {
    -webkit-animation-delay: 897ms;
    animation-delay: 897ms
}

.circle-container:nth-child(53) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-53;
    animation-name: move-frames-53;
    -webkit-animation-duration: 35217ms;
    animation-duration: 35217ms;
    -webkit-animation-delay: 1792ms;
    animation-delay: 1792ms
}

@-webkit-keyframes move-frames-53 {
    from {
        transform: translate3d(49vw, 106vh, 0)
    }

    to {
        transform: translate3d(68vw, -127vh, 0)
    }
}

@keyframes move-frames-53 {
    from {
        transform: translate3d(49vw, 106vh, 0)
    }

    to {
        transform: translate3d(68vw, -127vh, 0)
    }
}

.circle-container:nth-child(53) .circle {
    -webkit-animation-delay: 3297ms;
    animation-delay: 3297ms
}

.circle-container:nth-child(54) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-54;
    animation-name: move-frames-54;
    -webkit-animation-duration: 36659ms;
    animation-duration: 36659ms;
    -webkit-animation-delay: 1693ms;
    animation-delay: 1693ms
}

@-webkit-keyframes move-frames-54 {
    from {
        transform: translate3d(7vw, 106vh, 0)
    }

    to {
        transform: translate3d(77vw, -115vh, 0)
    }
}

@keyframes move-frames-54 {
    from {
        transform: translate3d(7vw, 106vh, 0)
    }

    to {
        transform: translate3d(77vw, -115vh, 0)
    }
}

.circle-container:nth-child(54) .circle {
    -webkit-animation-delay: 1985ms;
    animation-delay: 1985ms
}

.circle-container:nth-child(55) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-55;
    animation-name: move-frames-55;
    -webkit-animation-duration: 33287ms;
    animation-duration: 33287ms;
    -webkit-animation-delay: 10103ms;
    animation-delay: 10103ms
}

@-webkit-keyframes move-frames-55 {
    from {
        transform: translate3d(1vw, 106vh, 0)
    }

    to {
        transform: translate3d(10vw, -127vh, 0)
    }
}

@keyframes move-frames-55 {
    from {
        transform: translate3d(1vw, 106vh, 0)
    }

    to {
        transform: translate3d(10vw, -127vh, 0)
    }
}

.circle-container:nth-child(55) .circle {
    -webkit-animation-delay: 1876ms;
    animation-delay: 1876ms
}

.circle-container:nth-child(56) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-56;
    animation-name: move-frames-56;
    -webkit-animation-duration: 30766ms;
    animation-duration: 30766ms;
    -webkit-animation-delay: 19100ms;
    animation-delay: 19100ms
}

@-webkit-keyframes move-frames-56 {
    from {
        transform: translate3d(48vw, 106vh, 0)
    }

    to {
        transform: translate3d(14vw, -115vh, 0)
    }
}

@keyframes move-frames-56 {
    from {
        transform: translate3d(48vw, 106vh, 0)
    }

    to {
        transform: translate3d(14vw, -115vh, 0)
    }
}

.circle-container:nth-child(56) .circle {
    -webkit-animation-delay: 955ms;
    animation-delay: 955ms
}

.circle-container:nth-child(57) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-57;
    animation-name: move-frames-57;
    -webkit-animation-duration: 28625ms;
    animation-duration: 28625ms;
    -webkit-animation-delay: 31199ms;
    animation-delay: 31199ms
}

@-webkit-keyframes move-frames-57 {
    from {
        transform: translate3d(47vw, 101vh, 0)
    }

    to {
        transform: translate3d(85vw, -122vh, 0)
    }
}

@keyframes move-frames-57 {
    from {
        transform: translate3d(47vw, 101vh, 0)
    }

    to {
        transform: translate3d(85vw, -122vh, 0)
    }
}

.circle-container:nth-child(57) .circle {
    -webkit-animation-delay: 1819ms;
    animation-delay: 1819ms
}

.circle-container:nth-child(58) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-58;
    animation-name: move-frames-58;
    -webkit-animation-duration: 30107ms;
    animation-duration: 30107ms;
    -webkit-animation-delay: 14242ms;
    animation-delay: 14242ms
}

@-webkit-keyframes move-frames-58 {
    from {
        transform: translate3d(37vw, 104vh, 0)
    }

    to {
        transform: translate3d(63vw, -129vh, 0)
    }
}

@keyframes move-frames-58 {
    from {
        transform: translate3d(37vw, 104vh, 0)
    }

    to {
        transform: translate3d(63vw, -129vh, 0)
    }
}

.circle-container:nth-child(58) .circle {
    -webkit-animation-delay: 922ms;
    animation-delay: 922ms
}

.circle-container:nth-child(59) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-59;
    animation-name: move-frames-59;
    -webkit-animation-duration: 35471ms;
    animation-duration: 35471ms;
    -webkit-animation-delay: 17606ms;
    animation-delay: 17606ms
}

@-webkit-keyframes move-frames-59 {
    from {
        transform: translate3d(85vw, 108vh, 0)
    }

    to {
        transform: translate3d(60vw, -127vh, 0)
    }
}

@keyframes move-frames-59 {
    from {
        transform: translate3d(85vw, 108vh, 0)
    }

    to {
        transform: translate3d(60vw, -127vh, 0)
    }
}

.circle-container:nth-child(59) .circle {
    -webkit-animation-delay: 139ms;
    animation-delay: 139ms
}

.circle-container:nth-child(60) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-60;
    animation-name: move-frames-60;
    -webkit-animation-duration: 32854ms;
    animation-duration: 32854ms;
    -webkit-animation-delay: 11723ms;
    animation-delay: 11723ms
}

@-webkit-keyframes move-frames-60 {
    from {
        transform: translate3d(73vw, 108vh, 0)
    }

    to {
        transform: translate3d(63vw, -120vh, 0)
    }
}

@keyframes move-frames-60 {
    from {
        transform: translate3d(73vw, 108vh, 0)
    }

    to {
        transform: translate3d(63vw, -120vh, 0)
    }
}

.circle-container:nth-child(60) .circle {
    -webkit-animation-delay: 2876ms;
    animation-delay: 2876ms
}

.circle-container:nth-child(61) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-61;
    animation-name: move-frames-61;
    -webkit-animation-duration: 34491ms;
    animation-duration: 34491ms;
    -webkit-animation-delay: 20434ms;
    animation-delay: 20434ms
}

@-webkit-keyframes move-frames-61 {
    from {
        transform: translate3d(56vw, 105vh, 0)
    }

    to {
        transform: translate3d(89vw, -134vh, 0)
    }
}

@keyframes move-frames-61 {
    from {
        transform: translate3d(56vw, 105vh, 0)
    }

    to {
        transform: translate3d(89vw, -134vh, 0)
    }
}

.circle-container:nth-child(61) .circle {
    -webkit-animation-delay: 1705ms;
    animation-delay: 1705ms
}

.circle-container:nth-child(62) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-62;
    animation-name: move-frames-62;
    -webkit-animation-duration: 28792ms;
    animation-duration: 28792ms;
    -webkit-animation-delay: 16870ms;
    animation-delay: 16870ms
}

@-webkit-keyframes move-frames-62 {
    from {
        transform: translate3d(65vw, 108vh, 0)
    }

    to {
        transform: translate3d(72vw, -109vh, 0)
    }
}

@keyframes move-frames-62 {
    from {
        transform: translate3d(65vw, 108vh, 0)
    }

    to {
        transform: translate3d(72vw, -109vh, 0)
    }
}

.circle-container:nth-child(62) .circle {
    -webkit-animation-delay: 1677ms;
    animation-delay: 1677ms
}

.circle-container:nth-child(63) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-63;
    animation-name: move-frames-63;
    -webkit-animation-duration: 32084ms;
    animation-duration: 32084ms;
    -webkit-animation-delay: 3612ms;
    animation-delay: 3612ms
}

@-webkit-keyframes move-frames-63 {
    from {
        transform: translate3d(99vw, 108vh, 0)
    }

    to {
        transform: translate3d(3vw, -117vh, 0)
    }
}

@keyframes move-frames-63 {
    from {
        transform: translate3d(99vw, 108vh, 0)
    }

    to {
        transform: translate3d(3vw, -117vh, 0)
    }
}

.circle-container:nth-child(63) .circle {
    -webkit-animation-delay: 3375ms;
    animation-delay: 3375ms
}

.circle-container:nth-child(64) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-64;
    animation-name: move-frames-64;
    -webkit-animation-duration: 29561ms;
    animation-duration: 29561ms;
    -webkit-animation-delay: 10221ms;
    animation-delay: 10221ms
}

@-webkit-keyframes move-frames-64 {
    from {
        transform: translate3d(50vw, 106vh, 0)
    }

    to {
        transform: translate3d(70vw, -120vh, 0)
    }
}

@keyframes move-frames-64 {
    from {
        transform: translate3d(50vw, 106vh, 0)
    }

    to {
        transform: translate3d(70vw, -120vh, 0)
    }
}

.circle-container:nth-child(64) .circle {
    -webkit-animation-delay: 2649ms;
    animation-delay: 2649ms
}

.circle-container:nth-child(65) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-65;
    animation-name: move-frames-65;
    -webkit-animation-duration: 34686ms;
    animation-duration: 34686ms;
    -webkit-animation-delay: 18678ms;
    animation-delay: 18678ms
}

@-webkit-keyframes move-frames-65 {
    from {
        transform: translate3d(8vw, 106vh, 0)
    }

    to {
        transform: translate3d(21vw, -117vh, 0)
    }
}

@keyframes move-frames-65 {
    from {
        transform: translate3d(8vw, 106vh, 0)
    }

    to {
        transform: translate3d(21vw, -117vh, 0)
    }
}

.circle-container:nth-child(65) .circle {
    -webkit-animation-delay: 1503ms;
    animation-delay: 1503ms
}

.circle-container:nth-child(66) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-66;
    animation-name: move-frames-66;
    -webkit-animation-duration: 35489ms;
    animation-duration: 35489ms;
    -webkit-animation-delay: 19483ms;
    animation-delay: 19483ms
}

@-webkit-keyframes move-frames-66 {
    from {
        transform: translate3d(69vw, 109vh, 0)
    }

    to {
        transform: translate3d(96vw, -125vh, 0)
    }
}

@keyframes move-frames-66 {
    from {
        transform: translate3d(69vw, 109vh, 0)
    }

    to {
        transform: translate3d(96vw, -125vh, 0)
    }
}

.circle-container:nth-child(66) .circle {
    -webkit-animation-delay: 1302ms;
    animation-delay: 1302ms
}

.circle-container:nth-child(67) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-67;
    animation-name: move-frames-67;
    -webkit-animation-duration: 31645ms;
    animation-duration: 31645ms;
    -webkit-animation-delay: 17512ms;
    animation-delay: 17512ms
}

@-webkit-keyframes move-frames-67 {
    from {
        transform: translate3d(81vw, 102vh, 0)
    }

    to {
        transform: translate3d(28vw, -120vh, 0)
    }
}

@keyframes move-frames-67 {
    from {
        transform: translate3d(81vw, 102vh, 0)
    }

    to {
        transform: translate3d(28vw, -120vh, 0)
    }
}

.circle-container:nth-child(67) .circle {
    -webkit-animation-delay: 3487ms;
    animation-delay: 3487ms
}

.circle-container:nth-child(68) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-68;
    animation-name: move-frames-68;
    -webkit-animation-duration: 35411ms;
    animation-duration: 35411ms;
    -webkit-animation-delay: 1725ms;
    animation-delay: 1725ms
}

@-webkit-keyframes move-frames-68 {
    from {
        transform: translate3d(27vw, 104vh, 0)
    }

    to {
        transform: translate3d(49vw, -125vh, 0)
    }
}

@keyframes move-frames-68 {
    from {
        transform: translate3d(27vw, 104vh, 0)
    }

    to {
        transform: translate3d(49vw, -125vh, 0)
    }
}

.circle-container:nth-child(68) .circle {
    -webkit-animation-delay: 1336ms;
    animation-delay: 1336ms
}

.circle-container:nth-child(69) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-69;
    animation-name: move-frames-69;
    -webkit-animation-duration: 32980ms;
    animation-duration: 32980ms;
    -webkit-animation-delay: 14402ms;
    animation-delay: 14402ms
}

@-webkit-keyframes move-frames-69 {
    from {
        transform: translate3d(37vw, 101vh, 0)
    }

    to {
        transform: translate3d(61vw, -130vh, 0)
    }
}

@keyframes move-frames-69 {
    from {
        transform: translate3d(37vw, 101vh, 0)
    }

    to {
        transform: translate3d(61vw, -130vh, 0)
    }
}

.circle-container:nth-child(69) .circle {
    -webkit-animation-delay: 2994ms;
    animation-delay: 2994ms
}

.circle-container:nth-child(70) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-70;
    animation-name: move-frames-70;
    -webkit-animation-duration: 28066ms;
    animation-duration: 28066ms;
    -webkit-animation-delay: 28046ms;
    animation-delay: 28046ms
}

@-webkit-keyframes move-frames-70 {
    from {
        transform: translate3d(54vw, 109vh, 0)
    }

    to {
        transform: translate3d(49vw, -111vh, 0)
    }
}

@keyframes move-frames-70 {
    from {
        transform: translate3d(54vw, 109vh, 0)
    }

    to {
        transform: translate3d(49vw, -111vh, 0)
    }
}

.circle-container:nth-child(70) .circle {
    -webkit-animation-delay: 685ms;
    animation-delay: 685ms
}

.circle-container:nth-child(71) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-71;
    animation-name: move-frames-71;
    -webkit-animation-duration: 30844ms;
    animation-duration: 30844ms;
    -webkit-animation-delay: 28524ms;
    animation-delay: 28524ms
}

@-webkit-keyframes move-frames-71 {
    from {
        transform: translate3d(15vw, 101vh, 0)
    }

    to {
        transform: translate3d(26vw, -121vh, 0)
    }
}

@keyframes move-frames-71 {
    from {
        transform: translate3d(15vw, 101vh, 0)
    }

    to {
        transform: translate3d(26vw, -121vh, 0)
    }
}

.circle-container:nth-child(71) .circle {
    -webkit-animation-delay: 599ms;
    animation-delay: 599ms
}

.circle-container:nth-child(72) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-72;
    animation-name: move-frames-72;
    -webkit-animation-duration: 34032ms;
    animation-duration: 34032ms;
    -webkit-animation-delay: 25517ms;
    animation-delay: 25517ms
}

@-webkit-keyframes move-frames-72 {
    from {
        transform: translate3d(6vw, 106vh, 0)
    }

    to {
        transform: translate3d(85vw, -130vh, 0)
    }
}

@keyframes move-frames-72 {
    from {
        transform: translate3d(6vw, 106vh, 0)
    }

    to {
        transform: translate3d(85vw, -130vh, 0)
    }
}

.circle-container:nth-child(72) .circle {
    -webkit-animation-delay: 2707ms;
    animation-delay: 2707ms
}

.circle-container:nth-child(73) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-73;
    animation-name: move-frames-73;
    -webkit-animation-duration: 31621ms;
    animation-duration: 31621ms;
    -webkit-animation-delay: 4030ms;
    animation-delay: 4030ms
}

@-webkit-keyframes move-frames-73 {
    from {
        transform: translate3d(6vw, 102vh, 0)
    }

    to {
        transform: translate3d(89vw, -129vh, 0)
    }
}

@keyframes move-frames-73 {
    from {
        transform: translate3d(6vw, 102vh, 0)
    }

    to {
        transform: translate3d(89vw, -129vh, 0)
    }
}

.circle-container:nth-child(73) .circle {
    -webkit-animation-delay: 2582ms;
    animation-delay: 2582ms
}

.circle-container:nth-child(74) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-74;
    animation-name: move-frames-74;
    -webkit-animation-duration: 35463ms;
    animation-duration: 35463ms;
    -webkit-animation-delay: 9003ms;
    animation-delay: 9003ms
}

@-webkit-keyframes move-frames-74 {
    from {
        transform: translate3d(57vw, 103vh, 0)
    }

    to {
        transform: translate3d(23vw, -113vh, 0)
    }
}

@keyframes move-frames-74 {
    from {
        transform: translate3d(57vw, 103vh, 0)
    }

    to {
        transform: translate3d(23vw, -113vh, 0)
    }
}

.circle-container:nth-child(74) .circle {
    -webkit-animation-delay: 737ms;
    animation-delay: 737ms
}

.circle-container:nth-child(75) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-75;
    animation-name: move-frames-75;
    -webkit-animation-duration: 36000ms;
    animation-duration: 36000ms;
    -webkit-animation-delay: 5934ms;
    animation-delay: 5934ms
}

@-webkit-keyframes move-frames-75 {
    from {
        transform: translate3d(13vw, 105vh, 0)
    }

    to {
        transform: translate3d(37vw, -119vh, 0)
    }
}

@keyframes move-frames-75 {
    from {
        transform: translate3d(13vw, 105vh, 0)
    }

    to {
        transform: translate3d(37vw, -119vh, 0)
    }
}

.circle-container:nth-child(75) .circle {
    -webkit-animation-delay: 2962ms;
    animation-delay: 2962ms
}

.circle-container:nth-child(76) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-76;
    animation-name: move-frames-76;
    -webkit-animation-duration: 32720ms;
    animation-duration: 32720ms;
    -webkit-animation-delay: 32039ms;
    animation-delay: 32039ms
}

@-webkit-keyframes move-frames-76 {
    from {
        transform: translate3d(13vw, 102vh, 0)
    }

    to {
        transform: translate3d(62vw, -131vh, 0)
    }
}

@keyframes move-frames-76 {
    from {
        transform: translate3d(13vw, 102vh, 0)
    }

    to {
        transform: translate3d(62vw, -131vh, 0)
    }
}

.circle-container:nth-child(76) .circle {
    -webkit-animation-delay: 2605ms;
    animation-delay: 2605ms
}

.circle-container:nth-child(77) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-77;
    animation-name: move-frames-77;
    -webkit-animation-duration: 28813ms;
    animation-duration: 28813ms;
    -webkit-animation-delay: 36682ms;
    animation-delay: 36682ms
}

@-webkit-keyframes move-frames-77 {
    from {
        transform: translate3d(56vw, 101vh, 0)
    }

    to {
        transform: translate3d(72vw, -104vh, 0)
    }
}

@keyframes move-frames-77 {
    from {
        transform: translate3d(56vw, 101vh, 0)
    }

    to {
        transform: translate3d(72vw, -104vh, 0)
    }
}

.circle-container:nth-child(77) .circle {
    -webkit-animation-delay: 551ms;
    animation-delay: 551ms
}

.circle-container:nth-child(78) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-78;
    animation-name: move-frames-78;
    -webkit-animation-duration: 35956ms;
    animation-duration: 35956ms;
    -webkit-animation-delay: 13917ms;
    animation-delay: 13917ms
}

@-webkit-keyframes move-frames-78 {
    from {
        transform: translate3d(10vw, 103vh, 0)
    }

    to {
        transform: translate3d(88vw, -133vh, 0)
    }
}

@keyframes move-frames-78 {
    from {
        transform: translate3d(10vw, 103vh, 0)
    }

    to {
        transform: translate3d(88vw, -133vh, 0)
    }
}

.circle-container:nth-child(78) .circle {
    -webkit-animation-delay: 410ms;
    animation-delay: 410ms
}

.circle-container:nth-child(79) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-79;
    animation-name: move-frames-79;
    -webkit-animation-duration: 34118ms;
    animation-duration: 34118ms;
    -webkit-animation-delay: 20940ms;
    animation-delay: 20940ms
}

@-webkit-keyframes move-frames-79 {
    from {
        transform: translate3d(99vw, 109vh, 0)
    }

    to {
        transform: translate3d(79vw, -122vh, 0)
    }
}

@keyframes move-frames-79 {
    from {
        transform: translate3d(99vw, 109vh, 0)
    }

    to {
        transform: translate3d(79vw, -122vh, 0)
    }
}

.circle-container:nth-child(79) .circle {
    -webkit-animation-delay: 2138ms;
    animation-delay: 2138ms
}

.circle-container:nth-child(80) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-80;
    animation-name: move-frames-80;
    -webkit-animation-duration: 36631ms;
    animation-duration: 36631ms;
    -webkit-animation-delay: 21979ms;
    animation-delay: 21979ms
}

@-webkit-keyframes move-frames-80 {
    from {
        transform: translate3d(38vw, 107vh, 0)
    }

    to {
        transform: translate3d(13vw, -114vh, 0)
    }
}

@keyframes move-frames-80 {
    from {
        transform: translate3d(38vw, 107vh, 0)
    }

    to {
        transform: translate3d(13vw, -114vh, 0)
    }
}

.circle-container:nth-child(80) .circle {
    -webkit-animation-delay: 3091ms;
    animation-delay: 3091ms
}

.circle-container:nth-child(81) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-81;
    animation-name: move-frames-81;
    -webkit-animation-duration: 31393ms;
    animation-duration: 31393ms;
    -webkit-animation-delay: 7463ms;
    animation-delay: 7463ms
}

@-webkit-keyframes move-frames-81 {
    from {
        transform: translate3d(74vw, 106vh, 0)
    }

    to {
        transform: translate3d(67vw, -129vh, 0)
    }
}

@keyframes move-frames-81 {
    from {
        transform: translate3d(74vw, 106vh, 0)
    }

    to {
        transform: translate3d(67vw, -129vh, 0)
    }
}

.circle-container:nth-child(81) .circle {
    -webkit-animation-delay: 3781ms;
    animation-delay: 3781ms
}

.circle-container:nth-child(82) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-82;
    animation-name: move-frames-82;
    -webkit-animation-duration: 30945ms;
    animation-duration: 30945ms;
    -webkit-animation-delay: 26301ms;
    animation-delay: 26301ms
}

@-webkit-keyframes move-frames-82 {
    from {
        transform: translate3d(85vw, 105vh, 0)
    }

    to {
        transform: translate3d(4vw, -112vh, 0)
    }
}

@keyframes move-frames-82 {
    from {
        transform: translate3d(85vw, 105vh, 0)
    }

    to {
        transform: translate3d(4vw, -112vh, 0)
    }
}

.circle-container:nth-child(82) .circle {
    -webkit-animation-delay: 2587ms;
    animation-delay: 2587ms
}

.circle-container:nth-child(83) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-83;
    animation-name: move-frames-83;
    -webkit-animation-duration: 32560ms;
    animation-duration: 32560ms;
    -webkit-animation-delay: 23946ms;
    animation-delay: 23946ms
}

@-webkit-keyframes move-frames-83 {
    from {
        transform: translate3d(65vw, 104vh, 0)
    }

    to {
        transform: translate3d(54vw, -122vh, 0)
    }
}

@keyframes move-frames-83 {
    from {
        transform: translate3d(65vw, 104vh, 0)
    }

    to {
        transform: translate3d(54vw, -122vh, 0)
    }
}

.circle-container:nth-child(83) .circle {
    -webkit-animation-delay: 557ms;
    animation-delay: 557ms
}

.circle-container:nth-child(84) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-84;
    animation-name: move-frames-84;
    -webkit-animation-duration: 33609ms;
    animation-duration: 33609ms;
    -webkit-animation-delay: 6022ms;
    animation-delay: 6022ms
}

@-webkit-keyframes move-frames-84 {
    from {
        transform: translate3d(49vw, 108vh, 0)
    }

    to {
        transform: translate3d(39vw, -112vh, 0)
    }
}

@keyframes move-frames-84 {
    from {
        transform: translate3d(49vw, 108vh, 0)
    }

    to {
        transform: translate3d(39vw, -112vh, 0)
    }
}

.circle-container:nth-child(84) .circle {
    -webkit-animation-delay: 2813ms;
    animation-delay: 2813ms
}

.circle-container:nth-child(85) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-85;
    animation-name: move-frames-85;
    -webkit-animation-duration: 30931ms;
    animation-duration: 30931ms;
    -webkit-animation-delay: 20085ms;
    animation-delay: 20085ms
}

@-webkit-keyframes move-frames-85 {
    from {
        transform: translate3d(41vw, 106vh, 0)
    }

    to {
        transform: translate3d(50vw, -123vh, 0)
    }
}

@keyframes move-frames-85 {
    from {
        transform: translate3d(41vw, 106vh, 0)
    }

    to {
        transform: translate3d(50vw, -123vh, 0)
    }
}

.circle-container:nth-child(85) .circle {
    -webkit-animation-delay: 3748ms;
    animation-delay: 3748ms
}

.circle-container:nth-child(86) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-86;
    animation-name: move-frames-86;
    -webkit-animation-duration: 30514ms;
    animation-duration: 30514ms;
    -webkit-animation-delay: 1544ms;
    animation-delay: 1544ms
}

@-webkit-keyframes move-frames-86 {
    from {
        transform: translate3d(25vw, 105vh, 0)
    }

    to {
        transform: translate3d(7vw, -124vh, 0)
    }
}

@keyframes move-frames-86 {
    from {
        transform: translate3d(25vw, 105vh, 0)
    }

    to {
        transform: translate3d(7vw, -124vh, 0)
    }
}

.circle-container:nth-child(86) .circle {
    -webkit-animation-delay: 3809ms;
    animation-delay: 3809ms
}

.circle-container:nth-child(87) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-87;
    animation-name: move-frames-87;
    -webkit-animation-duration: 33546ms;
    animation-duration: 33546ms;
    -webkit-animation-delay: 26299ms;
    animation-delay: 26299ms
}

@-webkit-keyframes move-frames-87 {
    from {
        transform: translate3d(66vw, 105vh, 0)
    }

    to {
        transform: translate3d(16vw, -122vh, 0)
    }
}

@keyframes move-frames-87 {
    from {
        transform: translate3d(66vw, 105vh, 0)
    }

    to {
        transform: translate3d(16vw, -122vh, 0)
    }
}

.circle-container:nth-child(87) .circle {
    -webkit-animation-delay: 939ms;
    animation-delay: 939ms
}

.circle-container:nth-child(88) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-88;
    animation-name: move-frames-88;
    -webkit-animation-duration: 32947ms;
    animation-duration: 32947ms;
    -webkit-animation-delay: 13768ms;
    animation-delay: 13768ms
}

@-webkit-keyframes move-frames-88 {
    from {
        transform: translate3d(5vw, 107vh, 0)
    }

    to {
        transform: translate3d(13vw, -115vh, 0)
    }
}

@keyframes move-frames-88 {
    from {
        transform: translate3d(5vw, 107vh, 0)
    }

    to {
        transform: translate3d(13vw, -115vh, 0)
    }
}

.circle-container:nth-child(88) .circle {
    -webkit-animation-delay: 1632ms;
    animation-delay: 1632ms
}

.circle-container:nth-child(89) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-89;
    animation-name: move-frames-89;
    -webkit-animation-duration: 36202ms;
    animation-duration: 36202ms;
    -webkit-animation-delay: 35474ms;
    animation-delay: 35474ms
}

@-webkit-keyframes move-frames-89 {
    from {
        transform: translate3d(74vw, 101vh, 0)
    }

    to {
        transform: translate3d(67vw, -125vh, 0)
    }
}

@keyframes move-frames-89 {
    from {
        transform: translate3d(74vw, 101vh, 0)
    }

    to {
        transform: translate3d(67vw, -125vh, 0)
    }
}

.circle-container:nth-child(89) .circle {
    -webkit-animation-delay: 1648ms;
    animation-delay: 1648ms
}

.circle-container:nth-child(90) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-90;
    animation-name: move-frames-90;
    -webkit-animation-duration: 31082ms;
    animation-duration: 31082ms;
    -webkit-animation-delay: 36538ms;
    animation-delay: 36538ms
}

@-webkit-keyframes move-frames-90 {
    from {
        transform: translate3d(45vw, 103vh, 0)
    }

    to {
        transform: translate3d(64vw, -122vh, 0)
    }
}

@keyframes move-frames-90 {
    from {
        transform: translate3d(45vw, 103vh, 0)
    }

    to {
        transform: translate3d(64vw, -122vh, 0)
    }
}

.circle-container:nth-child(90) .circle {
    -webkit-animation-delay: 3177ms;
    animation-delay: 3177ms
}

.circle-container:nth-child(91) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-91;
    animation-name: move-frames-91;
    -webkit-animation-duration: 32966ms;
    animation-duration: 32966ms;
    -webkit-animation-delay: 32584ms;
    animation-delay: 32584ms
}

@-webkit-keyframes move-frames-91 {
    from {
        transform: translate3d(13vw, 109vh, 0)
    }

    to {
        transform: translate3d(9vw, -137vh, 0)
    }
}

@keyframes move-frames-91 {
    from {
        transform: translate3d(13vw, 109vh, 0)
    }

    to {
        transform: translate3d(9vw, -137vh, 0)
    }
}

.circle-container:nth-child(91) .circle {
    -webkit-animation-delay: 2330ms;
    animation-delay: 2330ms
}

.circle-container:nth-child(92) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-92;
    animation-name: move-frames-92;
    -webkit-animation-duration: 33456ms;
    animation-duration: 33456ms;
    -webkit-animation-delay: 1756ms;
    animation-delay: 1756ms
}

@-webkit-keyframes move-frames-92 {
    from {
        transform: translate3d(90vw, 103vh, 0)
    }

    to {
        transform: translate3d(16vw, -109vh, 0)
    }
}

@keyframes move-frames-92 {
    from {
        transform: translate3d(90vw, 103vh, 0)
    }

    to {
        transform: translate3d(16vw, -109vh, 0)
    }
}

.circle-container:nth-child(92) .circle {
    -webkit-animation-delay: 1393ms;
    animation-delay: 1393ms
}

.circle-container:nth-child(93) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-93;
    animation-name: move-frames-93;
    -webkit-animation-duration: 31473ms;
    animation-duration: 31473ms;
    -webkit-animation-delay: 7278ms;
    animation-delay: 7278ms
}

@-webkit-keyframes move-frames-93 {
    from {
        transform: translate3d(75vw, 103vh, 0)
    }

    to {
        transform: translate3d(93vw, -111vh, 0)
    }
}

@keyframes move-frames-93 {
    from {
        transform: translate3d(75vw, 103vh, 0)
    }

    to {
        transform: translate3d(93vw, -111vh, 0)
    }
}

.circle-container:nth-child(93) .circle {
    -webkit-animation-delay: 347ms;
    animation-delay: 347ms
}

.circle-container:nth-child(94) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-94;
    animation-name: move-frames-94;
    -webkit-animation-duration: 32989ms;
    animation-duration: 32989ms;
    -webkit-animation-delay: 20114ms;
    animation-delay: 20114ms
}

@-webkit-keyframes move-frames-94 {
    from {
        transform: translate3d(34vw, 106vh, 0)
    }

    to {
        transform: translate3d(79vw, -110vh, 0)
    }
}

@keyframes move-frames-94 {
    from {
        transform: translate3d(34vw, 106vh, 0)
    }

    to {
        transform: translate3d(79vw, -110vh, 0)
    }
}

.circle-container:nth-child(94) .circle {
    -webkit-animation-delay: 2804ms;
    animation-delay: 2804ms
}

.circle-container:nth-child(95) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-95;
    animation-name: move-frames-95;
    -webkit-animation-duration: 34519ms;
    animation-duration: 34519ms;
    -webkit-animation-delay: 3683ms;
    animation-delay: 3683ms
}

@-webkit-keyframes move-frames-95 {
    from {
        transform: translate3d(71vw, 105vh, 0)
    }

    to {
        transform: translate3d(19vw, -119vh, 0)
    }
}

@keyframes move-frames-95 {
    from {
        transform: translate3d(71vw, 105vh, 0)
    }

    to {
        transform: translate3d(19vw, -119vh, 0)
    }
}

.circle-container:nth-child(95) .circle {
    -webkit-animation-delay: 3868ms;
    animation-delay: 3868ms
}

.circle-container:nth-child(96) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-96;
    animation-name: move-frames-96;
    -webkit-animation-duration: 29935ms;
    animation-duration: 29935ms;
    -webkit-animation-delay: 5393ms;
    animation-delay: 5393ms
}

@-webkit-keyframes move-frames-96 {
    from {
        transform: translate3d(62vw, 109vh, 0)
    }

    to {
        transform: translate3d(1vw, -120vh, 0)
    }
}

@keyframes move-frames-96 {
    from {
        transform: translate3d(62vw, 109vh, 0)
    }

    to {
        transform: translate3d(1vw, -120vh, 0)
    }
}

.circle-container:nth-child(96) .circle {
    -webkit-animation-delay: 3942ms;
    animation-delay: 3942ms
}

.circle-container:nth-child(97) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-97;
    animation-name: move-frames-97;
    -webkit-animation-duration: 36919ms;
    animation-duration: 36919ms;
    -webkit-animation-delay: 10868ms;
    animation-delay: 10868ms
}

@-webkit-keyframes move-frames-97 {
    from {
        transform: translate3d(27vw, 105vh, 0)
    }

    to {
        transform: translate3d(61vw, -135vh, 0)
    }
}

@keyframes move-frames-97 {
    from {
        transform: translate3d(27vw, 105vh, 0)
    }

    to {
        transform: translate3d(61vw, -135vh, 0)
    }
}

.circle-container:nth-child(97) .circle {
    -webkit-animation-delay: 3166ms;
    animation-delay: 3166ms
}

.circle-container:nth-child(98) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-98;
    animation-name: move-frames-98;
    -webkit-animation-duration: 30248ms;
    animation-duration: 30248ms;
    -webkit-animation-delay: 11412ms;
    animation-delay: 11412ms
}

@-webkit-keyframes move-frames-98 {
    from {
        transform: translate3d(14vw, 105vh, 0)
    }

    to {
        transform: translate3d(28vw, -129vh, 0)
    }
}

@keyframes move-frames-98 {
    from {
        transform: translate3d(14vw, 105vh, 0)
    }

    to {
        transform: translate3d(28vw, -129vh, 0)
    }
}

.circle-container:nth-child(98) .circle {
    -webkit-animation-delay: 3798ms;
    animation-delay: 3798ms
}

.circle-container:nth-child(99) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-99;
    animation-name: move-frames-99;
    -webkit-animation-duration: 31300ms;
    animation-duration: 31300ms;
    -webkit-animation-delay: 36013ms;
    animation-delay: 36013ms
}

@-webkit-keyframes move-frames-99 {
    from {
        transform: translate3d(17vw, 104vh, 0)
    }

    to {
        transform: translate3d(17vw, -116vh, 0)
    }
}

@keyframes move-frames-99 {
    from {
        transform: translate3d(17vw, 104vh, 0)
    }

    to {
        transform: translate3d(17vw, -116vh, 0)
    }
}

.circle-container:nth-child(99) .circle {
    -webkit-animation-delay: 2846ms;
    animation-delay: 2846ms
}

.circle-container:nth-child(100) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-100;
    animation-name: move-frames-100;
    -webkit-animation-duration: 33819ms;
    animation-duration: 33819ms;
    -webkit-animation-delay: 31180ms;
    animation-delay: 31180ms
}

@-webkit-keyframes move-frames-100 {
    from {
        transform: translate3d(95vw, 103vh, 0)
    }

    to {
        transform: translate3d(38vw, -131vh, 0)
    }
}

@keyframes move-frames-100 {
    from {
        transform: translate3d(95vw, 103vh, 0)
    }

    to {
        transform: translate3d(38vw, -131vh, 0)
    }
}

.circle-container:nth-child(100) .circle {
    -webkit-animation-delay: 2333ms;
    animation-delay: 2333ms
}

.circle-container:nth-child(101) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-101;
    animation-name: move-frames-101;
    -webkit-animation-duration: 32519ms;
    animation-duration: 32519ms;
    -webkit-animation-delay: 28465ms;
    animation-delay: 28465ms
}

@-webkit-keyframes move-frames-101 {
    from {
        transform: translate3d(5vw, 108vh, 0)
    }

    to {
        transform: translate3d(56vw, -119vh, 0)
    }
}

@keyframes move-frames-101 {
    from {
        transform: translate3d(5vw, 108vh, 0)
    }

    to {
        transform: translate3d(56vw, -119vh, 0)
    }
}

.circle-container:nth-child(101) .circle {
    -webkit-animation-delay: 1071ms;
    animation-delay: 1071ms
}

.circle-container:nth-child(102) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-102;
    animation-name: move-frames-102;
    -webkit-animation-duration: 29789ms;
    animation-duration: 29789ms;
    -webkit-animation-delay: 31850ms;
    animation-delay: 31850ms
}

@-webkit-keyframes move-frames-102 {
    from {
        transform: translate3d(99vw, 105vh, 0)
    }

    to {
        transform: translate3d(42vw, -119vh, 0)
    }
}

@keyframes move-frames-102 {
    from {
        transform: translate3d(99vw, 105vh, 0)
    }

    to {
        transform: translate3d(42vw, -119vh, 0)
    }
}

.circle-container:nth-child(102) .circle {
    -webkit-animation-delay: 531ms;
    animation-delay: 531ms
}

.circle-container:nth-child(103) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-103;
    animation-name: move-frames-103;
    -webkit-animation-duration: 30940ms;
    animation-duration: 30940ms;
    -webkit-animation-delay: 10837ms;
    animation-delay: 10837ms
}

@-webkit-keyframes move-frames-103 {
    from {
        transform: translate3d(58vw, 101vh, 0)
    }

    to {
        transform: translate3d(21vw, -118vh, 0)
    }
}

@keyframes move-frames-103 {
    from {
        transform: translate3d(58vw, 101vh, 0)
    }

    to {
        transform: translate3d(21vw, -118vh, 0)
    }
}

.circle-container:nth-child(103) .circle {
    -webkit-animation-delay: 183ms;
    animation-delay: 183ms
}

.circle-container:nth-child(104) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-104;
    animation-name: move-frames-104;
    -webkit-animation-duration: 30069ms;
    animation-duration: 30069ms;
    -webkit-animation-delay: 13930ms;
    animation-delay: 13930ms
}

@-webkit-keyframes move-frames-104 {
    from {
        transform: translate3d(88vw, 110vh, 0)
    }

    to {
        transform: translate3d(68vw, -133vh, 0)
    }
}

@keyframes move-frames-104 {
    from {
        transform: translate3d(88vw, 110vh, 0)
    }

    to {
        transform: translate3d(68vw, -133vh, 0)
    }
}

.circle-container:nth-child(104) .circle {
    -webkit-animation-delay: 3555ms;
    animation-delay: 3555ms
}

.circle-container:nth-child(105) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-105;
    animation-name: move-frames-105;
    -webkit-animation-duration: 28108ms;
    animation-duration: 28108ms;
    -webkit-animation-delay: 4873ms;
    animation-delay: 4873ms
}

@-webkit-keyframes move-frames-105 {
    from {
        transform: translate3d(78vw, 102vh, 0)
    }

    to {
        transform: translate3d(80vw, -110vh, 0)
    }
}

@keyframes move-frames-105 {
    from {
        transform: translate3d(78vw, 102vh, 0)
    }

    to {
        transform: translate3d(80vw, -110vh, 0)
    }
}

.circle-container:nth-child(105) .circle {
    -webkit-animation-delay: 2921ms;
    animation-delay: 2921ms
}

.circle-container:nth-child(106) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-106;
    animation-name: move-frames-106;
    -webkit-animation-duration: 33708ms;
    animation-duration: 33708ms;
    -webkit-animation-delay: 27077ms;
    animation-delay: 27077ms
}

@-webkit-keyframes move-frames-106 {
    from {
        transform: translate3d(5vw, 102vh, 0)
    }

    to {
        transform: translate3d(45vw, -115vh, 0)
    }
}

@keyframes move-frames-106 {
    from {
        transform: translate3d(5vw, 102vh, 0)
    }

    to {
        transform: translate3d(45vw, -115vh, 0)
    }
}

.circle-container:nth-child(106) .circle {
    -webkit-animation-delay: 2829ms;
    animation-delay: 2829ms
}

.circle-container:nth-child(107) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-107;
    animation-name: move-frames-107;
    -webkit-animation-duration: 35204ms;
    animation-duration: 35204ms;
    -webkit-animation-delay: 24187ms;
    animation-delay: 24187ms
}

@-webkit-keyframes move-frames-107 {
    from {
        transform: translate3d(52vw, 101vh, 0)
    }

    to {
        transform: translate3d(95vw, -110vh, 0)
    }
}

@keyframes move-frames-107 {
    from {
        transform: translate3d(52vw, 101vh, 0)
    }

    to {
        transform: translate3d(95vw, -110vh, 0)
    }
}

.circle-container:nth-child(107) .circle {
    -webkit-animation-delay: 2770ms;
    animation-delay: 2770ms
}

.circle-container:nth-child(108) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-108;
    animation-name: move-frames-108;
    -webkit-animation-duration: 34274ms;
    animation-duration: 34274ms;
    -webkit-animation-delay: 18946ms;
    animation-delay: 18946ms
}

@-webkit-keyframes move-frames-108 {
    from {
        transform: translate3d(33vw, 101vh, 0)
    }

    to {
        transform: translate3d(72vw, -129vh, 0)
    }
}

@keyframes move-frames-108 {
    from {
        transform: translate3d(33vw, 101vh, 0)
    }

    to {
        transform: translate3d(72vw, -129vh, 0)
    }
}

.circle-container:nth-child(108) .circle {
    -webkit-animation-delay: 1624ms;
    animation-delay: 1624ms
}

.circle-container:nth-child(109) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-109;
    animation-name: move-frames-109;
    -webkit-animation-duration: 31177ms;
    animation-duration: 31177ms;
    -webkit-animation-delay: 10042ms;
    animation-delay: 10042ms
}

@-webkit-keyframes move-frames-109 {
    from {
        transform: translate3d(19vw, 109vh, 0)
    }

    to {
        transform: translate3d(45vw, -125vh, 0)
    }
}

@keyframes move-frames-109 {
    from {
        transform: translate3d(19vw, 109vh, 0)
    }

    to {
        transform: translate3d(45vw, -125vh, 0)
    }
}

.circle-container:nth-child(109) .circle {
    -webkit-animation-delay: 1990ms;
    animation-delay: 1990ms
}

.circle-container:nth-child(110) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-110;
    animation-name: move-frames-110;
    -webkit-animation-duration: 28551ms;
    animation-duration: 28551ms;
    -webkit-animation-delay: 26635ms;
    animation-delay: 26635ms
}

@-webkit-keyframes move-frames-110 {
    from {
        transform: translate3d(42vw, 105vh, 0)
    }

    to {
        transform: translate3d(54vw, -123vh, 0)
    }
}

@keyframes move-frames-110 {
    from {
        transform: translate3d(42vw, 105vh, 0)
    }

    to {
        transform: translate3d(54vw, -123vh, 0)
    }
}

.circle-container:nth-child(110) .circle {
    -webkit-animation-delay: 798ms;
    animation-delay: 798ms
}

.circle-container:nth-child(111) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-111;
    animation-name: move-frames-111;
    -webkit-animation-duration: 29541ms;
    animation-duration: 29541ms;
    -webkit-animation-delay: 22832ms;
    animation-delay: 22832ms
}

@-webkit-keyframes move-frames-111 {
    from {
        transform: translate3d(98vw, 105vh, 0)
    }

    to {
        transform: translate3d(2vw, -123vh, 0)
    }
}

@keyframes move-frames-111 {
    from {
        transform: translate3d(98vw, 105vh, 0)
    }

    to {
        transform: translate3d(2vw, -123vh, 0)
    }
}

.circle-container:nth-child(111) .circle {
    -webkit-animation-delay: 1557ms;
    animation-delay: 1557ms
}

.circle-container:nth-child(112) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-112;
    animation-name: move-frames-112;
    -webkit-animation-duration: 32444ms;
    animation-duration: 32444ms;
    -webkit-animation-delay: 21750ms;
    animation-delay: 21750ms
}

@-webkit-keyframes move-frames-112 {
    from {
        transform: translate3d(84vw, 103vh, 0)
    }

    to {
        transform: translate3d(17vw, -131vh, 0)
    }
}

@keyframes move-frames-112 {
    from {
        transform: translate3d(84vw, 103vh, 0)
    }

    to {
        transform: translate3d(17vw, -131vh, 0)
    }
}

.circle-container:nth-child(112) .circle {
    -webkit-animation-delay: 2116ms;
    animation-delay: 2116ms
}

.circle-container:nth-child(113) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-113;
    animation-name: move-frames-113;
    -webkit-animation-duration: 28123ms;
    animation-duration: 28123ms;
    -webkit-animation-delay: 3811ms;
    animation-delay: 3811ms
}

@-webkit-keyframes move-frames-113 {
    from {
        transform: translate3d(72vw, 104vh, 0)
    }

    to {
        transform: translate3d(66vw, -131vh, 0)
    }
}

@keyframes move-frames-113 {
    from {
        transform: translate3d(72vw, 104vh, 0)
    }

    to {
        transform: translate3d(66vw, -131vh, 0)
    }
}

.circle-container:nth-child(113) .circle {
    -webkit-animation-delay: 439ms;
    animation-delay: 439ms
}

.circle-container:nth-child(114) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-114;
    animation-name: move-frames-114;
    -webkit-animation-duration: 31263ms;
    animation-duration: 31263ms;
    -webkit-animation-delay: 12432ms;
    animation-delay: 12432ms
}

@-webkit-keyframes move-frames-114 {
    from {
        transform: translate3d(61vw, 110vh, 0)
    }

    to {
        transform: translate3d(16vw, -140vh, 0)
    }
}

@keyframes move-frames-114 {
    from {
        transform: translate3d(61vw, 110vh, 0)
    }

    to {
        transform: translate3d(16vw, -140vh, 0)
    }
}

.circle-container:nth-child(114) .circle {
    -webkit-animation-delay: 1474ms;
    animation-delay: 1474ms
}

.circle-container:nth-child(115) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-115;
    animation-name: move-frames-115;
    -webkit-animation-duration: 29887ms;
    animation-duration: 29887ms;
    -webkit-animation-delay: 14425ms;
    animation-delay: 14425ms
}

@-webkit-keyframes move-frames-115 {
    from {
        transform: translate3d(63vw, 101vh, 0)
    }

    to {
        transform: translate3d(51vw, -124vh, 0)
    }
}

@keyframes move-frames-115 {
    from {
        transform: translate3d(63vw, 101vh, 0)
    }

    to {
        transform: translate3d(51vw, -124vh, 0)
    }
}

.circle-container:nth-child(115) .circle {
    -webkit-animation-delay: 3023ms;
    animation-delay: 3023ms
}

.circle-container:nth-child(116) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-116;
    animation-name: move-frames-116;
    -webkit-animation-duration: 28833ms;
    animation-duration: 28833ms;
    -webkit-animation-delay: 2445ms;
    animation-delay: 2445ms
}

@-webkit-keyframes move-frames-116 {
    from {
        transform: translate3d(71vw, 101vh, 0)
    }

    to {
        transform: translate3d(86vw, -105vh, 0)
    }
}

@keyframes move-frames-116 {
    from {
        transform: translate3d(71vw, 101vh, 0)
    }

    to {
        transform: translate3d(86vw, -105vh, 0)
    }
}

.circle-container:nth-child(116) .circle {
    -webkit-animation-delay: 1737ms;
    animation-delay: 1737ms
}

.circle-container:nth-child(117) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-117;
    animation-name: move-frames-117;
    -webkit-animation-duration: 30269ms;
    animation-duration: 30269ms;
    -webkit-animation-delay: 15039ms;
    animation-delay: 15039ms
}

@-webkit-keyframes move-frames-117 {
    from {
        transform: translate3d(53vw, 104vh, 0)
    }

    to {
        transform: translate3d(81vw, -130vh, 0)
    }
}

@keyframes move-frames-117 {
    from {
        transform: translate3d(53vw, 104vh, 0)
    }

    to {
        transform: translate3d(81vw, -130vh, 0)
    }
}

.circle-container:nth-child(117) .circle {
    -webkit-animation-delay: 472ms;
    animation-delay: 472ms
}

.circle-container:nth-child(118) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-118;
    animation-name: move-frames-118;
    -webkit-animation-duration: 31882ms;
    animation-duration: 31882ms;
    -webkit-animation-delay: 11514ms;
    animation-delay: 11514ms
}

@-webkit-keyframes move-frames-118 {
    from {
        transform: translate3d(6vw, 106vh, 0)
    }

    to {
        transform: translate3d(51vw, -118vh, 0)
    }
}

@keyframes move-frames-118 {
    from {
        transform: translate3d(6vw, 106vh, 0)
    }

    to {
        transform: translate3d(51vw, -118vh, 0)
    }
}

.circle-container:nth-child(118) .circle {
    -webkit-animation-delay: 3625ms;
    animation-delay: 3625ms
}

.circle-container:nth-child(119) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-119;
    animation-name: move-frames-119;
    -webkit-animation-duration: 31456ms;
    animation-duration: 31456ms;
    -webkit-animation-delay: 11236ms;
    animation-delay: 11236ms
}

@-webkit-keyframes move-frames-119 {
    from {
        transform: translate3d(71vw, 107vh, 0)
    }

    to {
        transform: translate3d(77vw, -133vh, 0)
    }
}

@keyframes move-frames-119 {
    from {
        transform: translate3d(71vw, 107vh, 0)
    }

    to {
        transform: translate3d(77vw, -133vh, 0)
    }
}

.circle-container:nth-child(119) .circle {
    -webkit-animation-delay: 644ms;
    animation-delay: 644ms
}

.circle-container:nth-child(120) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-120;
    animation-name: move-frames-120;
    -webkit-animation-duration: 32169ms;
    animation-duration: 32169ms;
    -webkit-animation-delay: 30871ms;
    animation-delay: 30871ms
}

@-webkit-keyframes move-frames-120 {
    from {
        transform: translate3d(81vw, 110vh, 0)
    }

    to {
        transform: translate3d(16vw, -113vh, 0)
    }
}

@keyframes move-frames-120 {
    from {
        transform: translate3d(81vw, 110vh, 0)
    }

    to {
        transform: translate3d(16vw, -113vh, 0)
    }
}

.circle-container:nth-child(120) .circle {
    -webkit-animation-delay: 1527ms;
    animation-delay: 1527ms
}

.circle-container:nth-child(121) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-121;
    animation-name: move-frames-121;
    -webkit-animation-duration: 35175ms;
    animation-duration: 35175ms;
    -webkit-animation-delay: 10102ms;
    animation-delay: 10102ms
}

@-webkit-keyframes move-frames-121 {
    from {
        transform: translate3d(35vw, 110vh, 0)
    }

    to {
        transform: translate3d(30vw, -120vh, 0)
    }
}

@keyframes move-frames-121 {
    from {
        transform: translate3d(35vw, 110vh, 0)
    }

    to {
        transform: translate3d(30vw, -120vh, 0)
    }
}

.circle-container:nth-child(121) .circle {
    -webkit-animation-delay: 1038ms;
    animation-delay: 1038ms
}

.circle-container:nth-child(122) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-122;
    animation-name: move-frames-122;
    -webkit-animation-duration: 36866ms;
    animation-duration: 36866ms;
    -webkit-animation-delay: 5309ms;
    animation-delay: 5309ms
}

@-webkit-keyframes move-frames-122 {
    from {
        transform: translate3d(71vw, 101vh, 0)
    }

    to {
        transform: translate3d(79vw, -130vh, 0)
    }
}

@keyframes move-frames-122 {
    from {
        transform: translate3d(71vw, 101vh, 0)
    }

    to {
        transform: translate3d(79vw, -130vh, 0)
    }
}

.circle-container:nth-child(122) .circle {
    -webkit-animation-delay: 2062ms;
    animation-delay: 2062ms
}

.circle-container:nth-child(123) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-123;
    animation-name: move-frames-123;
    -webkit-animation-duration: 28053ms;
    animation-duration: 28053ms;
    -webkit-animation-delay: 7480ms;
    animation-delay: 7480ms
}

@-webkit-keyframes move-frames-123 {
    from {
        transform: translate3d(3vw, 106vh, 0)
    }

    to {
        transform: translate3d(88vw, -126vh, 0)
    }
}

@keyframes move-frames-123 {
    from {
        transform: translate3d(3vw, 106vh, 0)
    }

    to {
        transform: translate3d(88vw, -126vh, 0)
    }
}

.circle-container:nth-child(123) .circle {
    -webkit-animation-delay: 2961ms;
    animation-delay: 2961ms
}

.circle-container:nth-child(124) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-124;
    animation-name: move-frames-124;
    -webkit-animation-duration: 30434ms;
    animation-duration: 30434ms;
    -webkit-animation-delay: 24175ms;
    animation-delay: 24175ms
}

@-webkit-keyframes move-frames-124 {
    from {
        transform: translate3d(86vw, 105vh, 0)
    }

    to {
        transform: translate3d(27vw, -115vh, 0)
    }
}

@keyframes move-frames-124 {
    from {
        transform: translate3d(86vw, 105vh, 0)
    }

    to {
        transform: translate3d(27vw, -115vh, 0)
    }
}

.circle-container:nth-child(124) .circle {
    -webkit-animation-delay: 3878ms;
    animation-delay: 3878ms
}

.circle-container:nth-child(125) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-125;
    animation-name: move-frames-125;
    -webkit-animation-duration: 33847ms;
    animation-duration: 33847ms;
    -webkit-animation-delay: 11638ms;
    animation-delay: 11638ms
}

@-webkit-keyframes move-frames-125 {
    from {
        transform: translate3d(10vw, 106vh, 0)
    }

    to {
        transform: translate3d(98vw, -118vh, 0)
    }
}

@keyframes move-frames-125 {
    from {
        transform: translate3d(10vw, 106vh, 0)
    }

    to {
        transform: translate3d(98vw, -118vh, 0)
    }
}

.circle-container:nth-child(125) .circle {
    -webkit-animation-delay: 439ms;
    animation-delay: 439ms
}

.circle-container:nth-child(126) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-126;
    animation-name: move-frames-126;
    -webkit-animation-duration: 31608ms;
    animation-duration: 31608ms;
    -webkit-animation-delay: 24339ms;
    animation-delay: 24339ms
}

@-webkit-keyframes move-frames-126 {
    from {
        transform: translate3d(39vw, 105vh, 0)
    }

    to {
        transform: translate3d(81vw, -128vh, 0)
    }
}

@keyframes move-frames-126 {
    from {
        transform: translate3d(39vw, 105vh, 0)
    }

    to {
        transform: translate3d(81vw, -128vh, 0)
    }
}

.circle-container:nth-child(126) .circle {
    -webkit-animation-delay: 3400ms;
    animation-delay: 3400ms
}

.circle-container:nth-child(127) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-127;
    animation-name: move-frames-127;
    -webkit-animation-duration: 34798ms;
    animation-duration: 34798ms;
    -webkit-animation-delay: 15249ms;
    animation-delay: 15249ms
}

@-webkit-keyframes move-frames-127 {
    from {
        transform: translate3d(72vw, 102vh, 0)
    }

    to {
        transform: translate3d(75vw, -115vh, 0)
    }
}

@keyframes move-frames-127 {
    from {
        transform: translate3d(72vw, 102vh, 0)
    }

    to {
        transform: translate3d(75vw, -115vh, 0)
    }
}

.circle-container:nth-child(127) .circle {
    -webkit-animation-delay: 2844ms;
    animation-delay: 2844ms
}

.circle-container:nth-child(128) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-128;
    animation-name: move-frames-128;
    -webkit-animation-duration: 30510ms;
    animation-duration: 30510ms;
    -webkit-animation-delay: 36448ms;
    animation-delay: 36448ms
}

@-webkit-keyframes move-frames-128 {
    from {
        transform: translate3d(90vw, 101vh, 0)
    }

    to {
        transform: translate3d(45vw, -108vh, 0)
    }
}

@keyframes move-frames-128 {
    from {
        transform: translate3d(90vw, 101vh, 0)
    }

    to {
        transform: translate3d(45vw, -108vh, 0)
    }
}

.circle-container:nth-child(128) .circle {
    -webkit-animation-delay: 711ms;
    animation-delay: 711ms
}

.circle-container:nth-child(129) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-129;
    animation-name: move-frames-129;
    -webkit-animation-duration: 32103ms;
    animation-duration: 32103ms;
    -webkit-animation-delay: 24917ms;
    animation-delay: 24917ms
}

@-webkit-keyframes move-frames-129 {
    from {
        transform: translate3d(86vw, 110vh, 0)
    }

    to {
        transform: translate3d(46vw, -129vh, 0)
    }
}

@keyframes move-frames-129 {
    from {
        transform: translate3d(86vw, 110vh, 0)
    }

    to {
        transform: translate3d(46vw, -129vh, 0)
    }
}

.circle-container:nth-child(129) .circle {
    -webkit-animation-delay: 3086ms;
    animation-delay: 3086ms
}

.circle-container:nth-child(130) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-130;
    animation-name: move-frames-130;
    -webkit-animation-duration: 29957ms;
    animation-duration: 29957ms;
    -webkit-animation-delay: 36925ms;
    animation-delay: 36925ms
}

@-webkit-keyframes move-frames-130 {
    from {
        transform: translate3d(52vw, 102vh, 0)
    }

    to {
        transform: translate3d(15vw, -131vh, 0)
    }
}

@keyframes move-frames-130 {
    from {
        transform: translate3d(52vw, 102vh, 0)
    }

    to {
        transform: translate3d(15vw, -131vh, 0)
    }
}

.circle-container:nth-child(130) .circle {
    -webkit-animation-delay: 1448ms;
    animation-delay: 1448ms
}

.circle-container:nth-child(131) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-131;
    animation-name: move-frames-131;
    -webkit-animation-duration: 32786ms;
    animation-duration: 32786ms;
    -webkit-animation-delay: 35162ms;
    animation-delay: 35162ms
}

@-webkit-keyframes move-frames-131 {
    from {
        transform: translate3d(83vw, 110vh, 0)
    }

    to {
        transform: translate3d(55vw, -111vh, 0)
    }
}

@keyframes move-frames-131 {
    from {
        transform: translate3d(83vw, 110vh, 0)
    }

    to {
        transform: translate3d(55vw, -111vh, 0)
    }
}

.circle-container:nth-child(131) .circle {
    -webkit-animation-delay: 1031ms;
    animation-delay: 1031ms
}

.circle-container:nth-child(132) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-132;
    animation-name: move-frames-132;
    -webkit-animation-duration: 31247ms;
    animation-duration: 31247ms;
    -webkit-animation-delay: 16932ms;
    animation-delay: 16932ms
}

@-webkit-keyframes move-frames-132 {
    from {
        transform: translate3d(10vw, 102vh, 0)
    }

    to {
        transform: translate3d(15vw, -107vh, 0)
    }
}

@keyframes move-frames-132 {
    from {
        transform: translate3d(10vw, 102vh, 0)
    }

    to {
        transform: translate3d(15vw, -107vh, 0)
    }
}

.circle-container:nth-child(132) .circle {
    -webkit-animation-delay: 960ms;
    animation-delay: 960ms
}

.circle-container:nth-child(133) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-133;
    animation-name: move-frames-133;
    -webkit-animation-duration: 30107ms;
    animation-duration: 30107ms;
    -webkit-animation-delay: 28164ms;
    animation-delay: 28164ms
}

@-webkit-keyframes move-frames-133 {
    from {
        transform: translate3d(6vw, 107vh, 0)
    }

    to {
        transform: translate3d(42vw, -124vh, 0)
    }
}

@keyframes move-frames-133 {
    from {
        transform: translate3d(6vw, 107vh, 0)
    }

    to {
        transform: translate3d(42vw, -124vh, 0)
    }
}

.circle-container:nth-child(133) .circle {
    -webkit-animation-delay: 2801ms;
    animation-delay: 2801ms
}

.circle-container:nth-child(134) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-134;
    animation-name: move-frames-134;
    -webkit-animation-duration: 33405ms;
    animation-duration: 33405ms;
    -webkit-animation-delay: 14802ms;
    animation-delay: 14802ms
}

@-webkit-keyframes move-frames-134 {
    from {
        transform: translate3d(46vw, 102vh, 0)
    }

    to {
        transform: translate3d(14vw, -115vh, 0)
    }
}

@keyframes move-frames-134 {
    from {
        transform: translate3d(46vw, 102vh, 0)
    }

    to {
        transform: translate3d(14vw, -115vh, 0)
    }
}

.circle-container:nth-child(134) .circle {
    -webkit-animation-delay: 1677ms;
    animation-delay: 1677ms
}

.circle-container:nth-child(135) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-135;
    animation-name: move-frames-135;
    -webkit-animation-duration: 33518ms;
    animation-duration: 33518ms;
    -webkit-animation-delay: 18501ms;
    animation-delay: 18501ms
}

@-webkit-keyframes move-frames-135 {
    from {
        transform: translate3d(56vw, 102vh, 0)
    }

    to {
        transform: translate3d(9vw, -130vh, 0)
    }
}

@keyframes move-frames-135 {
    from {
        transform: translate3d(56vw, 102vh, 0)
    }

    to {
        transform: translate3d(9vw, -130vh, 0)
    }
}

.circle-container:nth-child(135) .circle {
    -webkit-animation-delay: 594ms;
    animation-delay: 594ms
}

.circle-container:nth-child(136) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-136;
    animation-name: move-frames-136;
    -webkit-animation-duration: 34519ms;
    animation-duration: 34519ms;
    -webkit-animation-delay: 1707ms;
    animation-delay: 1707ms
}

@-webkit-keyframes move-frames-136 {
    from {
        transform: translate3d(34vw, 106vh, 0)
    }

    to {
        transform: translate3d(13vw, -114vh, 0)
    }
}

@keyframes move-frames-136 {
    from {
        transform: translate3d(34vw, 106vh, 0)
    }

    to {
        transform: translate3d(13vw, -114vh, 0)
    }
}

.circle-container:nth-child(136) .circle {
    -webkit-animation-delay: 850ms;
    animation-delay: 850ms
}

.circle-container:nth-child(137) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-137;
    animation-name: move-frames-137;
    -webkit-animation-duration: 36310ms;
    animation-duration: 36310ms;
    -webkit-animation-delay: 18070ms;
    animation-delay: 18070ms
}

@-webkit-keyframes move-frames-137 {
    from {
        transform: translate3d(5vw, 109vh, 0)
    }

    to {
        transform: translate3d(25vw, -119vh, 0)
    }
}

@keyframes move-frames-137 {
    from {
        transform: translate3d(5vw, 109vh, 0)
    }

    to {
        transform: translate3d(25vw, -119vh, 0)
    }
}

.circle-container:nth-child(137) .circle {
    -webkit-animation-delay: 3571ms;
    animation-delay: 3571ms
}

.circle-container:nth-child(138) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-138;
    animation-name: move-frames-138;
    -webkit-animation-duration: 33674ms;
    animation-duration: 33674ms;
    -webkit-animation-delay: 22855ms;
    animation-delay: 22855ms
}

@-webkit-keyframes move-frames-138 {
    from {
        transform: translate3d(13vw, 106vh, 0)
    }

    to {
        transform: translate3d(25vw, -116vh, 0)
    }
}

@keyframes move-frames-138 {
    from {
        transform: translate3d(13vw, 106vh, 0)
    }

    to {
        transform: translate3d(25vw, -116vh, 0)
    }
}

.circle-container:nth-child(138) .circle {
    -webkit-animation-delay: 3600ms;
    animation-delay: 3600ms
}

.circle-container:nth-child(139) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-139;
    animation-name: move-frames-139;
    -webkit-animation-duration: 32749ms;
    animation-duration: 32749ms;
    -webkit-animation-delay: 19342ms;
    animation-delay: 19342ms
}

@-webkit-keyframes move-frames-139 {
    from {
        transform: translate3d(9vw, 107vh, 0)
    }

    to {
        transform: translate3d(63vw, -135vh, 0)
    }
}

@keyframes move-frames-139 {
    from {
        transform: translate3d(9vw, 107vh, 0)
    }

    to {
        transform: translate3d(63vw, -135vh, 0)
    }
}

.circle-container:nth-child(139) .circle {
    -webkit-animation-delay: 1090ms;
    animation-delay: 1090ms
}

.circle-container:nth-child(140) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-140;
    animation-name: move-frames-140;
    -webkit-animation-duration: 30141ms;
    animation-duration: 30141ms;
    -webkit-animation-delay: 6421ms;
    animation-delay: 6421ms
}

@-webkit-keyframes move-frames-140 {
    from {
        transform: translate3d(70vw, 101vh, 0)
    }

    to {
        transform: translate3d(59vw, -128vh, 0)
    }
}

@keyframes move-frames-140 {
    from {
        transform: translate3d(70vw, 101vh, 0)
    }

    to {
        transform: translate3d(59vw, -128vh, 0)
    }
}

.circle-container:nth-child(140) .circle {
    -webkit-animation-delay: 2254ms;
    animation-delay: 2254ms
}

.circle-container:nth-child(141) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-141;
    animation-name: move-frames-141;
    -webkit-animation-duration: 28491ms;
    animation-duration: 28491ms;
    -webkit-animation-delay: 5812ms;
    animation-delay: 5812ms
}

@-webkit-keyframes move-frames-141 {
    from {
        transform: translate3d(74vw, 102vh, 0)
    }

    to {
        transform: translate3d(70vw, -122vh, 0)
    }
}

@keyframes move-frames-141 {
    from {
        transform: translate3d(74vw, 102vh, 0)
    }

    to {
        transform: translate3d(70vw, -122vh, 0)
    }
}

.circle-container:nth-child(141) .circle {
    -webkit-animation-delay: 216ms;
    animation-delay: 216ms
}

.circle-container:nth-child(142) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-142;
    animation-name: move-frames-142;
    -webkit-animation-duration: 34350ms;
    animation-duration: 34350ms;
    -webkit-animation-delay: 11021ms;
    animation-delay: 11021ms
}

@-webkit-keyframes move-frames-142 {
    from {
        transform: translate3d(76vw, 105vh, 0)
    }

    to {
        transform: translate3d(85vw, -112vh, 0)
    }
}

@keyframes move-frames-142 {
    from {
        transform: translate3d(76vw, 105vh, 0)
    }

    to {
        transform: translate3d(85vw, -112vh, 0)
    }
}

.circle-container:nth-child(142) .circle {
    -webkit-animation-delay: 1542ms;
    animation-delay: 1542ms
}

.circle-container:nth-child(143) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-143;
    animation-name: move-frames-143;
    -webkit-animation-duration: 36066ms;
    animation-duration: 36066ms;
    -webkit-animation-delay: 12609ms;
    animation-delay: 12609ms
}

@-webkit-keyframes move-frames-143 {
    from {
        transform: translate3d(7vw, 106vh, 0)
    }

    to {
        transform: translate3d(59vw, -122vh, 0)
    }
}

@keyframes move-frames-143 {
    from {
        transform: translate3d(7vw, 106vh, 0)
    }

    to {
        transform: translate3d(59vw, -122vh, 0)
    }
}

.circle-container:nth-child(143) .circle {
    -webkit-animation-delay: 2219ms;
    animation-delay: 2219ms
}

.circle-container:nth-child(144) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-144;
    animation-name: move-frames-144;
    -webkit-animation-duration: 28365ms;
    animation-duration: 28365ms;
    -webkit-animation-delay: 20080ms;
    animation-delay: 20080ms
}

@-webkit-keyframes move-frames-144 {
    from {
        transform: translate3d(61vw, 102vh, 0)
    }

    to {
        transform: translate3d(23vw, -116vh, 0)
    }
}

@keyframes move-frames-144 {
    from {
        transform: translate3d(61vw, 102vh, 0)
    }

    to {
        transform: translate3d(23vw, -116vh, 0)
    }
}

.circle-container:nth-child(144) .circle {
    -webkit-animation-delay: 2925ms;
    animation-delay: 2925ms
}

.circle-container:nth-child(145) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-145;
    animation-name: move-frames-145;
    -webkit-animation-duration: 28983ms;
    animation-duration: 28983ms;
    -webkit-animation-delay: 30043ms;
    animation-delay: 30043ms
}

@-webkit-keyframes move-frames-145 {
    from {
        transform: translate3d(2vw, 110vh, 0)
    }

    to {
        transform: translate3d(50vw, -111vh, 0)
    }
}

@keyframes move-frames-145 {
    from {
        transform: translate3d(2vw, 110vh, 0)
    }

    to {
        transform: translate3d(50vw, -111vh, 0)
    }
}

.circle-container:nth-child(145) .circle {
    -webkit-animation-delay: 3873ms;
    animation-delay: 3873ms
}

.circle-container:nth-child(146) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-146;
    animation-name: move-frames-146;
    -webkit-animation-duration: 32411ms;
    animation-duration: 32411ms;
    -webkit-animation-delay: 5965ms;
    animation-delay: 5965ms
}

@-webkit-keyframes move-frames-146 {
    from {
        transform: translate3d(100vw, 102vh, 0)
    }

    to {
        transform: translate3d(7vw, -123vh, 0)
    }
}

@keyframes move-frames-146 {
    from {
        transform: translate3d(100vw, 102vh, 0)
    }

    to {
        transform: translate3d(7vw, -123vh, 0)
    }
}

.circle-container:nth-child(146) .circle {
    -webkit-animation-delay: 3861ms;
    animation-delay: 3861ms
}

.circle-container:nth-child(147) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-147;
    animation-name: move-frames-147;
    -webkit-animation-duration: 29919ms;
    animation-duration: 29919ms;
    -webkit-animation-delay: 33431ms;
    animation-delay: 33431ms
}

@-webkit-keyframes move-frames-147 {
    from {
        transform: translate3d(32vw, 107vh, 0)
    }

    to {
        transform: translate3d(84vw, -124vh, 0)
    }
}

@keyframes move-frames-147 {
    from {
        transform: translate3d(32vw, 107vh, 0)
    }

    to {
        transform: translate3d(84vw, -124vh, 0)
    }
}

.circle-container:nth-child(147) .circle {
    -webkit-animation-delay: 2165ms;
    animation-delay: 2165ms
}

.circle-container:nth-child(148) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-148;
    animation-name: move-frames-148;
    -webkit-animation-duration: 32409ms;
    animation-duration: 32409ms;
    -webkit-animation-delay: 8056ms;
    animation-delay: 8056ms
}

@-webkit-keyframes move-frames-148 {
    from {
        transform: translate3d(45vw, 101vh, 0)
    }

    to {
        transform: translate3d(18vw, -123vh, 0)
    }
}

@keyframes move-frames-148 {
    from {
        transform: translate3d(45vw, 101vh, 0)
    }

    to {
        transform: translate3d(18vw, -123vh, 0)
    }
}

.circle-container:nth-child(148) .circle {
    -webkit-animation-delay: 1025ms;
    animation-delay: 1025ms
}

.circle-container:nth-child(149) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-149;
    animation-name: move-frames-149;
    -webkit-animation-duration: 35827ms;
    animation-duration: 35827ms;
    -webkit-animation-delay: 28854ms;
    animation-delay: 28854ms
}

@-webkit-keyframes move-frames-149 {
    from {
        transform: translate3d(36vw, 110vh, 0)
    }

    to {
        transform: translate3d(29vw, -115vh, 0)
    }
}

@keyframes move-frames-149 {
    from {
        transform: translate3d(36vw, 110vh, 0)
    }

    to {
        transform: translate3d(29vw, -115vh, 0)
    }
}

.circle-container:nth-child(149) .circle {
    -webkit-animation-delay: 1309ms;
    animation-delay: 1309ms
}

.circle-container:nth-child(150) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-150;
    animation-name: move-frames-150;
    -webkit-animation-duration: 36519ms;
    animation-duration: 36519ms;
    -webkit-animation-delay: 17758ms;
    animation-delay: 17758ms
}

@-webkit-keyframes move-frames-150 {
    from {
        transform: translate3d(79vw, 103vh, 0)
    }

    to {
        transform: translate3d(98vw, -115vh, 0)
    }
}

@keyframes move-frames-150 {
    from {
        transform: translate3d(79vw, 103vh, 0)
    }

    to {
        transform: translate3d(98vw, -115vh, 0)
    }
}

.circle-container:nth-child(150) .circle {
    -webkit-animation-delay: 1867ms;
    animation-delay: 1867ms
}

.circle-container:nth-child(151) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-151;
    animation-name: move-frames-151;
    -webkit-animation-duration: 28717ms;
    animation-duration: 28717ms;
    -webkit-animation-delay: 16639ms;
    animation-delay: 16639ms
}

@-webkit-keyframes move-frames-151 {
    from {
        transform: translate3d(30vw, 101vh, 0)
    }

    to {
        transform: translate3d(41vw, -115vh, 0)
    }
}

@keyframes move-frames-151 {
    from {
        transform: translate3d(30vw, 101vh, 0)
    }

    to {
        transform: translate3d(41vw, -115vh, 0)
    }
}

.circle-container:nth-child(151) .circle {
    -webkit-animation-delay: 249ms;
    animation-delay: 249ms
}

.circle-container:nth-child(152) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-152;
    animation-name: move-frames-152;
    -webkit-animation-duration: 33139ms;
    animation-duration: 33139ms;
    -webkit-animation-delay: 27110ms;
    animation-delay: 27110ms
}

@-webkit-keyframes move-frames-152 {
    from {
        transform: translate3d(99vw, 105vh, 0)
    }

    to {
        transform: translate3d(15vw, -118vh, 0)
    }
}

@keyframes move-frames-152 {
    from {
        transform: translate3d(99vw, 105vh, 0)
    }

    to {
        transform: translate3d(15vw, -118vh, 0)
    }
}

.circle-container:nth-child(152) .circle {
    -webkit-animation-delay: 1451ms;
    animation-delay: 1451ms
}

.circle-container:nth-child(153) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-153;
    animation-name: move-frames-153;
    -webkit-animation-duration: 33787ms;
    animation-duration: 33787ms;
    -webkit-animation-delay: 6808ms;
    animation-delay: 6808ms
}

@-webkit-keyframes move-frames-153 {
    from {
        transform: translate3d(63vw, 102vh, 0)
    }

    to {
        transform: translate3d(14vw, -116vh, 0)
    }
}

@keyframes move-frames-153 {
    from {
        transform: translate3d(63vw, 102vh, 0)
    }

    to {
        transform: translate3d(14vw, -116vh, 0)
    }
}

.circle-container:nth-child(153) .circle {
    -webkit-animation-delay: 2538ms;
    animation-delay: 2538ms
}

.circle-container:nth-child(154) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-154;
    animation-name: move-frames-154;
    -webkit-animation-duration: 36943ms;
    animation-duration: 36943ms;
    -webkit-animation-delay: 5154ms;
    animation-delay: 5154ms
}

@-webkit-keyframes move-frames-154 {
    from {
        transform: translate3d(24vw, 109vh, 0)
    }

    to {
        transform: translate3d(70vw, -129vh, 0)
    }
}

@keyframes move-frames-154 {
    from {
        transform: translate3d(24vw, 109vh, 0)
    }

    to {
        transform: translate3d(70vw, -129vh, 0)
    }
}

.circle-container:nth-child(154) .circle {
    -webkit-animation-delay: 1919ms;
    animation-delay: 1919ms
}

.circle-container:nth-child(155) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-155;
    animation-name: move-frames-155;
    -webkit-animation-duration: 31657ms;
    animation-duration: 31657ms;
    -webkit-animation-delay: 20422ms;
    animation-delay: 20422ms
}

@-webkit-keyframes move-frames-155 {
    from {
        transform: translate3d(74vw, 106vh, 0)
    }

    to {
        transform: translate3d(47vw, -113vh, 0)
    }
}

@keyframes move-frames-155 {
    from {
        transform: translate3d(74vw, 106vh, 0)
    }

    to {
        transform: translate3d(47vw, -113vh, 0)
    }
}

.circle-container:nth-child(155) .circle {
    -webkit-animation-delay: 14ms;
    animation-delay: 14ms
}

.circle-container:nth-child(156) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-156;
    animation-name: move-frames-156;
    -webkit-animation-duration: 35325ms;
    animation-duration: 35325ms;
    -webkit-animation-delay: 20872ms;
    animation-delay: 20872ms
}

@-webkit-keyframes move-frames-156 {
    from {
        transform: translate3d(38vw, 108vh, 0)
    }

    to {
        transform: translate3d(43vw, -127vh, 0)
    }
}

@keyframes move-frames-156 {
    from {
        transform: translate3d(38vw, 108vh, 0)
    }

    to {
        transform: translate3d(43vw, -127vh, 0)
    }
}

.circle-container:nth-child(156) .circle {
    -webkit-animation-delay: 1658ms;
    animation-delay: 1658ms
}

.circle-container:nth-child(157) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-157;
    animation-name: move-frames-157;
    -webkit-animation-duration: 31387ms;
    animation-duration: 31387ms;
    -webkit-animation-delay: 6060ms;
    animation-delay: 6060ms
}

@-webkit-keyframes move-frames-157 {
    from {
        transform: translate3d(78vw, 109vh, 0)
    }

    to {
        transform: translate3d(20vw, -124vh, 0)
    }
}

@keyframes move-frames-157 {
    from {
        transform: translate3d(78vw, 109vh, 0)
    }

    to {
        transform: translate3d(20vw, -124vh, 0)
    }
}

.circle-container:nth-child(157) .circle {
    -webkit-animation-delay: 405ms;
    animation-delay: 405ms
}

.circle-container:nth-child(158) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-158;
    animation-name: move-frames-158;
    -webkit-animation-duration: 35582ms;
    animation-duration: 35582ms;
    -webkit-animation-delay: 3926ms;
    animation-delay: 3926ms
}

@-webkit-keyframes move-frames-158 {
    from {
        transform: translate3d(38vw, 106vh, 0)
    }

    to {
        transform: translate3d(4vw, -112vh, 0)
    }
}

@keyframes move-frames-158 {
    from {
        transform: translate3d(38vw, 106vh, 0)
    }

    to {
        transform: translate3d(4vw, -112vh, 0)
    }
}

.circle-container:nth-child(158) .circle {
    -webkit-animation-delay: 3560ms;
    animation-delay: 3560ms
}

.circle-container:nth-child(159) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-159;
    animation-name: move-frames-159;
    -webkit-animation-duration: 31352ms;
    animation-duration: 31352ms;
    -webkit-animation-delay: 11269ms;
    animation-delay: 11269ms
}

@-webkit-keyframes move-frames-159 {
    from {
        transform: translate3d(5vw, 107vh, 0)
    }

    to {
        transform: translate3d(96vw, -111vh, 0)
    }
}

@keyframes move-frames-159 {
    from {
        transform: translate3d(5vw, 107vh, 0)
    }

    to {
        transform: translate3d(96vw, -111vh, 0)
    }
}

.circle-container:nth-child(159) .circle {
    -webkit-animation-delay: 3791ms;
    animation-delay: 3791ms
}

.circle-container:nth-child(160) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-160;
    animation-name: move-frames-160;
    -webkit-animation-duration: 36160ms;
    animation-duration: 36160ms;
    -webkit-animation-delay: 12093ms;
    animation-delay: 12093ms
}

@-webkit-keyframes move-frames-160 {
    from {
        transform: translate3d(42vw, 106vh, 0)
    }

    to {
        transform: translate3d(37vw, -132vh, 0)
    }
}

@keyframes move-frames-160 {
    from {
        transform: translate3d(42vw, 106vh, 0)
    }

    to {
        transform: translate3d(37vw, -132vh, 0)
    }
}

.circle-container:nth-child(160) .circle {
    -webkit-animation-delay: 2240ms;
    animation-delay: 2240ms
}

.circle-container:nth-child(161) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-161;
    animation-name: move-frames-161;
    -webkit-animation-duration: 29760ms;
    animation-duration: 29760ms;
    -webkit-animation-delay: 18385ms;
    animation-delay: 18385ms
}

@-webkit-keyframes move-frames-161 {
    from {
        transform: translate3d(87vw, 106vh, 0)
    }

    to {
        transform: translate3d(37vw, -130vh, 0)
    }
}

@keyframes move-frames-161 {
    from {
        transform: translate3d(87vw, 106vh, 0)
    }

    to {
        transform: translate3d(37vw, -130vh, 0)
    }
}

.circle-container:nth-child(161) .circle {
    -webkit-animation-delay: 2317ms;
    animation-delay: 2317ms
}

.circle-container:nth-child(162) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-162;
    animation-name: move-frames-162;
    -webkit-animation-duration: 35324ms;
    animation-duration: 35324ms;
    -webkit-animation-delay: 7844ms;
    animation-delay: 7844ms
}

@-webkit-keyframes move-frames-162 {
    from {
        transform: translate3d(18vw, 108vh, 0)
    }

    to {
        transform: translate3d(37vw, -112vh, 0)
    }
}

@keyframes move-frames-162 {
    from {
        transform: translate3d(18vw, 108vh, 0)
    }

    to {
        transform: translate3d(37vw, -112vh, 0)
    }
}

.circle-container:nth-child(162) .circle {
    -webkit-animation-delay: 1900ms;
    animation-delay: 1900ms
}

.circle-container:nth-child(163) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-163;
    animation-name: move-frames-163;
    -webkit-animation-duration: 36705ms;
    animation-duration: 36705ms;
    -webkit-animation-delay: 28814ms;
    animation-delay: 28814ms
}

@-webkit-keyframes move-frames-163 {
    from {
        transform: translate3d(77vw, 105vh, 0)
    }

    to {
        transform: translate3d(89vw, -117vh, 0)
    }
}

@keyframes move-frames-163 {
    from {
        transform: translate3d(77vw, 105vh, 0)
    }

    to {
        transform: translate3d(89vw, -117vh, 0)
    }
}

.circle-container:nth-child(163) .circle {
    -webkit-animation-delay: 3900ms;
    animation-delay: 3900ms
}

.circle-container:nth-child(164) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-164;
    animation-name: move-frames-164;
    -webkit-animation-duration: 31491ms;
    animation-duration: 31491ms;
    -webkit-animation-delay: 6589ms;
    animation-delay: 6589ms
}

@-webkit-keyframes move-frames-164 {
    from {
        transform: translate3d(93vw, 104vh, 0)
    }

    to {
        transform: translate3d(100vw, -110vh, 0)
    }
}

@keyframes move-frames-164 {
    from {
        transform: translate3d(93vw, 104vh, 0)
    }

    to {
        transform: translate3d(100vw, -110vh, 0)
    }
}

.circle-container:nth-child(164) .circle {
    -webkit-animation-delay: 3555ms;
    animation-delay: 3555ms
}

.circle-container:nth-child(165) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-165;
    animation-name: move-frames-165;
    -webkit-animation-duration: 34638ms;
    animation-duration: 34638ms;
    -webkit-animation-delay: 18758ms;
    animation-delay: 18758ms
}

@-webkit-keyframes move-frames-165 {
    from {
        transform: translate3d(65vw, 104vh, 0)
    }

    to {
        transform: translate3d(5vw, -123vh, 0)
    }
}

@keyframes move-frames-165 {
    from {
        transform: translate3d(65vw, 104vh, 0)
    }

    to {
        transform: translate3d(5vw, -123vh, 0)
    }
}

.circle-container:nth-child(165) .circle {
    -webkit-animation-delay: 3641ms;
    animation-delay: 3641ms
}

.circle-container:nth-child(166) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-166;
    animation-name: move-frames-166;
    -webkit-animation-duration: 36358ms;
    animation-duration: 36358ms;
    -webkit-animation-delay: 25671ms;
    animation-delay: 25671ms
}

@-webkit-keyframes move-frames-166 {
    from {
        transform: translate3d(62vw, 105vh, 0)
    }

    to {
        transform: translate3d(19vw, -108vh, 0)
    }
}

@keyframes move-frames-166 {
    from {
        transform: translate3d(62vw, 105vh, 0)
    }

    to {
        transform: translate3d(19vw, -108vh, 0)
    }
}

.circle-container:nth-child(166) .circle {
    -webkit-animation-delay: 798ms;
    animation-delay: 798ms
}

.circle-container:nth-child(167) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-167;
    animation-name: move-frames-167;
    -webkit-animation-duration: 36696ms;
    animation-duration: 36696ms;
    -webkit-animation-delay: 31872ms;
    animation-delay: 31872ms
}

@-webkit-keyframes move-frames-167 {
    from {
        transform: translate3d(90vw, 102vh, 0)
    }

    to {
        transform: translate3d(52vw, -123vh, 0)
    }
}

@keyframes move-frames-167 {
    from {
        transform: translate3d(90vw, 102vh, 0)
    }

    to {
        transform: translate3d(52vw, -123vh, 0)
    }
}

.circle-container:nth-child(167) .circle {
    -webkit-animation-delay: 2681ms;
    animation-delay: 2681ms
}

.circle-container:nth-child(168) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-168;
    animation-name: move-frames-168;
    -webkit-animation-duration: 36729ms;
    animation-duration: 36729ms;
    -webkit-animation-delay: 14483ms;
    animation-delay: 14483ms
}

@-webkit-keyframes move-frames-168 {
    from {
        transform: translate3d(88vw, 108vh, 0)
    }

    to {
        transform: translate3d(49vw, -111vh, 0)
    }
}

@keyframes move-frames-168 {
    from {
        transform: translate3d(88vw, 108vh, 0)
    }

    to {
        transform: translate3d(49vw, -111vh, 0)
    }
}

.circle-container:nth-child(168) .circle {
    -webkit-animation-delay: 3536ms;
    animation-delay: 3536ms
}

.circle-container:nth-child(169) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-169;
    animation-name: move-frames-169;
    -webkit-animation-duration: 29424ms;
    animation-duration: 29424ms;
    -webkit-animation-delay: 18633ms;
    animation-delay: 18633ms
}

@-webkit-keyframes move-frames-169 {
    from {
        transform: translate3d(69vw, 108vh, 0)
    }

    to {
        transform: translate3d(95vw, -112vh, 0)
    }
}

@keyframes move-frames-169 {
    from {
        transform: translate3d(69vw, 108vh, 0)
    }

    to {
        transform: translate3d(95vw, -112vh, 0)
    }
}

.circle-container:nth-child(169) .circle {
    -webkit-animation-delay: 1263ms;
    animation-delay: 1263ms
}

.circle-container:nth-child(170) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-170;
    animation-name: move-frames-170;
    -webkit-animation-duration: 31756ms;
    animation-duration: 31756ms;
    -webkit-animation-delay: 5277ms;
    animation-delay: 5277ms
}

@-webkit-keyframes move-frames-170 {
    from {
        transform: translate3d(13vw, 101vh, 0)
    }

    to {
        transform: translate3d(7vw, -114vh, 0)
    }
}

@keyframes move-frames-170 {
    from {
        transform: translate3d(13vw, 101vh, 0)
    }

    to {
        transform: translate3d(7vw, -114vh, 0)
    }
}

.circle-container:nth-child(170) .circle {
    -webkit-animation-delay: 2500ms;
    animation-delay: 2500ms
}

.circle-container:nth-child(171) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-171;
    animation-name: move-frames-171;
    -webkit-animation-duration: 28224ms;
    animation-duration: 28224ms;
    -webkit-animation-delay: 19010ms;
    animation-delay: 19010ms
}

@-webkit-keyframes move-frames-171 {
    from {
        transform: translate3d(12vw, 106vh, 0)
    }

    to {
        transform: translate3d(45vw, -128vh, 0)
    }
}

@keyframes move-frames-171 {
    from {
        transform: translate3d(12vw, 106vh, 0)
    }

    to {
        transform: translate3d(45vw, -128vh, 0)
    }
}

.circle-container:nth-child(171) .circle {
    -webkit-animation-delay: 95ms;
    animation-delay: 95ms
}

.circle-container:nth-child(172) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-172;
    animation-name: move-frames-172;
    -webkit-animation-duration: 28859ms;
    animation-duration: 28859ms;
    -webkit-animation-delay: 4591ms;
    animation-delay: 4591ms
}

@-webkit-keyframes move-frames-172 {
    from {
        transform: translate3d(22vw, 108vh, 0)
    }

    to {
        transform: translate3d(57vw, -120vh, 0)
    }
}

@keyframes move-frames-172 {
    from {
        transform: translate3d(22vw, 108vh, 0)
    }

    to {
        transform: translate3d(57vw, -120vh, 0)
    }
}

.circle-container:nth-child(172) .circle {
    -webkit-animation-delay: 1670ms;
    animation-delay: 1670ms
}

.circle-container:nth-child(173) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-173;
    animation-name: move-frames-173;
    -webkit-animation-duration: 34428ms;
    animation-duration: 34428ms;
    -webkit-animation-delay: 21040ms;
    animation-delay: 21040ms
}

@-webkit-keyframes move-frames-173 {
    from {
        transform: translate3d(70vw, 103vh, 0)
    }

    to {
        transform: translate3d(78vw, -119vh, 0)
    }
}

@keyframes move-frames-173 {
    from {
        transform: translate3d(70vw, 103vh, 0)
    }

    to {
        transform: translate3d(78vw, -119vh, 0)
    }
}

.circle-container:nth-child(173) .circle {
    -webkit-animation-delay: 2929ms;
    animation-delay: 2929ms
}

.circle-container:nth-child(174) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-174;
    animation-name: move-frames-174;
    -webkit-animation-duration: 31920ms;
    animation-duration: 31920ms;
    -webkit-animation-delay: 4254ms;
    animation-delay: 4254ms
}

@-webkit-keyframes move-frames-174 {
    from {
        transform: translate3d(50vw, 105vh, 0)
    }

    to {
        transform: translate3d(98vw, -131vh, 0)
    }
}

@keyframes move-frames-174 {
    from {
        transform: translate3d(50vw, 105vh, 0)
    }

    to {
        transform: translate3d(98vw, -131vh, 0)
    }
}

.circle-container:nth-child(174) .circle {
    -webkit-animation-delay: 3881ms;
    animation-delay: 3881ms
}

.circle-container:nth-child(175) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-175;
    animation-name: move-frames-175;
    -webkit-animation-duration: 29562ms;
    animation-duration: 29562ms;
    -webkit-animation-delay: 6045ms;
    animation-delay: 6045ms
}

@-webkit-keyframes move-frames-175 {
    from {
        transform: translate3d(30vw, 106vh, 0)
    }

    to {
        transform: translate3d(90vw, -121vh, 0)
    }
}

@keyframes move-frames-175 {
    from {
        transform: translate3d(30vw, 106vh, 0)
    }

    to {
        transform: translate3d(90vw, -121vh, 0)
    }
}

.circle-container:nth-child(175) .circle {
    -webkit-animation-delay: 3603ms;
    animation-delay: 3603ms
}

.circle-container:nth-child(176) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-176;
    animation-name: move-frames-176;
    -webkit-animation-duration: 35749ms;
    animation-duration: 35749ms;
    -webkit-animation-delay: 197ms;
    animation-delay: 197ms
}

@-webkit-keyframes move-frames-176 {
    from {
        transform: translate3d(82vw, 107vh, 0)
    }

    to {
        transform: translate3d(68vw, -119vh, 0)
    }
}

@keyframes move-frames-176 {
    from {
        transform: translate3d(82vw, 107vh, 0)
    }

    to {
        transform: translate3d(68vw, -119vh, 0)
    }
}

.circle-container:nth-child(176) .circle {
    -webkit-animation-delay: 218ms;
    animation-delay: 218ms
}

.circle-container:nth-child(177) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-177;
    animation-name: move-frames-177;
    -webkit-animation-duration: 35556ms;
    animation-duration: 35556ms;
    -webkit-animation-delay: 5876ms;
    animation-delay: 5876ms
}

@-webkit-keyframes move-frames-177 {
    from {
        transform: translate3d(24vw, 110vh, 0)
    }

    to {
        transform: translate3d(15vw, -121vh, 0)
    }
}

@keyframes move-frames-177 {
    from {
        transform: translate3d(24vw, 110vh, 0)
    }

    to {
        transform: translate3d(15vw, -121vh, 0)
    }
}

.circle-container:nth-child(177) .circle {
    -webkit-animation-delay: 2676ms;
    animation-delay: 2676ms
}

.circle-container:nth-child(178) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-178;
    animation-name: move-frames-178;
    -webkit-animation-duration: 31242ms;
    animation-duration: 31242ms;
    -webkit-animation-delay: 34327ms;
    animation-delay: 34327ms
}

@-webkit-keyframes move-frames-178 {
    from {
        transform: translate3d(52vw, 103vh, 0)
    }

    to {
        transform: translate3d(99vw, -113vh, 0)
    }
}

@keyframes move-frames-178 {
    from {
        transform: translate3d(52vw, 103vh, 0)
    }

    to {
        transform: translate3d(99vw, -113vh, 0)
    }
}

.circle-container:nth-child(178) .circle {
    -webkit-animation-delay: 565ms;
    animation-delay: 565ms
}

.circle-container:nth-child(179) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-179;
    animation-name: move-frames-179;
    -webkit-animation-duration: 30195ms;
    animation-duration: 30195ms;
    -webkit-animation-delay: 18583ms;
    animation-delay: 18583ms
}

@-webkit-keyframes move-frames-179 {
    from {
        transform: translate3d(85vw, 110vh, 0)
    }

    to {
        transform: translate3d(19vw, -115vh, 0)
    }
}

@keyframes move-frames-179 {
    from {
        transform: translate3d(85vw, 110vh, 0)
    }

    to {
        transform: translate3d(19vw, -115vh, 0)
    }
}

.circle-container:nth-child(179) .circle {
    -webkit-animation-delay: 1343ms;
    animation-delay: 1343ms
}

.circle-container:nth-child(180) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-180;
    animation-name: move-frames-180;
    -webkit-animation-duration: 28903ms;
    animation-duration: 28903ms;
    -webkit-animation-delay: 6076ms;
    animation-delay: 6076ms
}

@-webkit-keyframes move-frames-180 {
    from {
        transform: translate3d(67vw, 102vh, 0)
    }

    to {
        transform: translate3d(83vw, -125vh, 0)
    }
}

@keyframes move-frames-180 {
    from {
        transform: translate3d(67vw, 102vh, 0)
    }

    to {
        transform: translate3d(83vw, -125vh, 0)
    }
}

.circle-container:nth-child(180) .circle {
    -webkit-animation-delay: 3400ms;
    animation-delay: 3400ms
}

.circle-container:nth-child(181) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-181;
    animation-name: move-frames-181;
    -webkit-animation-duration: 28264ms;
    animation-duration: 28264ms;
    -webkit-animation-delay: 36948ms;
    animation-delay: 36948ms
}

@-webkit-keyframes move-frames-181 {
    from {
        transform: translate3d(6vw, 109vh, 0)
    }

    to {
        transform: translate3d(87vw, -123vh, 0)
    }
}

@keyframes move-frames-181 {
    from {
        transform: translate3d(6vw, 109vh, 0)
    }

    to {
        transform: translate3d(87vw, -123vh, 0)
    }
}

.circle-container:nth-child(181) .circle {
    -webkit-animation-delay: 3826ms;
    animation-delay: 3826ms
}

.circle-container:nth-child(182) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-182;
    animation-name: move-frames-182;
    -webkit-animation-duration: 30672ms;
    animation-duration: 30672ms;
    -webkit-animation-delay: 13748ms;
    animation-delay: 13748ms
}

@-webkit-keyframes move-frames-182 {
    from {
        transform: translate3d(97vw, 107vh, 0)
    }

    to {
        transform: translate3d(54vw, -122vh, 0)
    }
}

@keyframes move-frames-182 {
    from {
        transform: translate3d(97vw, 107vh, 0)
    }

    to {
        transform: translate3d(54vw, -122vh, 0)
    }
}

.circle-container:nth-child(182) .circle {
    -webkit-animation-delay: 2677ms;
    animation-delay: 2677ms
}

.circle-container:nth-child(183) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-183;
    animation-name: move-frames-183;
    -webkit-animation-duration: 28765ms;
    animation-duration: 28765ms;
    -webkit-animation-delay: 32592ms;
    animation-delay: 32592ms
}

@-webkit-keyframes move-frames-183 {
    from {
        transform: translate3d(90vw, 102vh, 0)
    }

    to {
        transform: translate3d(74vw, -105vh, 0)
    }
}

@keyframes move-frames-183 {
    from {
        transform: translate3d(90vw, 102vh, 0)
    }

    to {
        transform: translate3d(74vw, -105vh, 0)
    }
}

.circle-container:nth-child(183) .circle {
    -webkit-animation-delay: 1017ms;
    animation-delay: 1017ms
}

.circle-container:nth-child(184) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-184;
    animation-name: move-frames-184;
    -webkit-animation-duration: 33823ms;
    animation-duration: 33823ms;
    -webkit-animation-delay: 105ms;
    animation-delay: 105ms
}

@-webkit-keyframes move-frames-184 {
    from {
        transform: translate3d(63vw, 101vh, 0)
    }

    to {
        transform: translate3d(50vw, -118vh, 0)
    }
}

@keyframes move-frames-184 {
    from {
        transform: translate3d(63vw, 101vh, 0)
    }

    to {
        transform: translate3d(50vw, -118vh, 0)
    }
}

.circle-container:nth-child(184) .circle {
    -webkit-animation-delay: 1715ms;
    animation-delay: 1715ms
}

.circle-container:nth-child(185) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-185;
    animation-name: move-frames-185;
    -webkit-animation-duration: 32229ms;
    animation-duration: 32229ms;
    -webkit-animation-delay: 25189ms;
    animation-delay: 25189ms
}

@-webkit-keyframes move-frames-185 {
    from {
        transform: translate3d(56vw, 101vh, 0)
    }

    to {
        transform: translate3d(81vw, -124vh, 0)
    }
}

@keyframes move-frames-185 {
    from {
        transform: translate3d(56vw, 101vh, 0)
    }

    to {
        transform: translate3d(81vw, -124vh, 0)
    }
}

.circle-container:nth-child(185) .circle {
    -webkit-animation-delay: 447ms;
    animation-delay: 447ms
}

.circle-container:nth-child(186) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-186;
    animation-name: move-frames-186;
    -webkit-animation-duration: 28717ms;
    animation-duration: 28717ms;
    -webkit-animation-delay: 17415ms;
    animation-delay: 17415ms
}

@-webkit-keyframes move-frames-186 {
    from {
        transform: translate3d(87vw, 104vh, 0)
    }

    to {
        transform: translate3d(11vw, -120vh, 0)
    }
}

@keyframes move-frames-186 {
    from {
        transform: translate3d(87vw, 104vh, 0)
    }

    to {
        transform: translate3d(11vw, -120vh, 0)
    }
}

.circle-container:nth-child(186) .circle {
    -webkit-animation-delay: 77ms;
    animation-delay: 77ms
}

.circle-container:nth-child(187) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-187;
    animation-name: move-frames-187;
    -webkit-animation-duration: 31908ms;
    animation-duration: 31908ms;
    -webkit-animation-delay: 19985ms;
    animation-delay: 19985ms
}

@-webkit-keyframes move-frames-187 {
    from {
        transform: translate3d(57vw, 103vh, 0)
    }

    to {
        transform: translate3d(20vw, -125vh, 0)
    }
}

@keyframes move-frames-187 {
    from {
        transform: translate3d(57vw, 103vh, 0)
    }

    to {
        transform: translate3d(20vw, -125vh, 0)
    }
}

.circle-container:nth-child(187) .circle {
    -webkit-animation-delay: 3934ms;
    animation-delay: 3934ms
}

.circle-container:nth-child(188) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-188;
    animation-name: move-frames-188;
    -webkit-animation-duration: 30390ms;
    animation-duration: 30390ms;
    -webkit-animation-delay: 3649ms;
    animation-delay: 3649ms
}

@-webkit-keyframes move-frames-188 {
    from {
        transform: translate3d(13vw, 106vh, 0)
    }

    to {
        transform: translate3d(89vw, -116vh, 0)
    }
}

@keyframes move-frames-188 {
    from {
        transform: translate3d(13vw, 106vh, 0)
    }

    to {
        transform: translate3d(89vw, -116vh, 0)
    }
}

.circle-container:nth-child(188) .circle {
    -webkit-animation-delay: 2095ms;
    animation-delay: 2095ms
}

.circle-container:nth-child(189) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-189;
    animation-name: move-frames-189;
    -webkit-animation-duration: 30245ms;
    animation-duration: 30245ms;
    -webkit-animation-delay: 12839ms;
    animation-delay: 12839ms
}

@-webkit-keyframes move-frames-189 {
    from {
        transform: translate3d(8vw, 110vh, 0)
    }

    to {
        transform: translate3d(64vw, -135vh, 0)
    }
}

@keyframes move-frames-189 {
    from {
        transform: translate3d(8vw, 110vh, 0)
    }

    to {
        transform: translate3d(64vw, -135vh, 0)
    }
}

.circle-container:nth-child(189) .circle {
    -webkit-animation-delay: 777ms;
    animation-delay: 777ms
}

.circle-container:nth-child(190) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-190;
    animation-name: move-frames-190;
    -webkit-animation-duration: 31450ms;
    animation-duration: 31450ms;
    -webkit-animation-delay: 10592ms;
    animation-delay: 10592ms
}

@-webkit-keyframes move-frames-190 {
    from {
        transform: translate3d(82vw, 104vh, 0)
    }

    to {
        transform: translate3d(82vw, -127vh, 0)
    }
}

@keyframes move-frames-190 {
    from {
        transform: translate3d(82vw, 104vh, 0)
    }

    to {
        transform: translate3d(82vw, -127vh, 0)
    }
}

.circle-container:nth-child(190) .circle {
    -webkit-animation-delay: 3676ms;
    animation-delay: 3676ms
}

.circle-container:nth-child(191) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-191;
    animation-name: move-frames-191;
    -webkit-animation-duration: 28835ms;
    animation-duration: 28835ms;
    -webkit-animation-delay: 9033ms;
    animation-delay: 9033ms
}

@-webkit-keyframes move-frames-191 {
    from {
        transform: translate3d(46vw, 105vh, 0)
    }

    to {
        transform: translate3d(43vw, -134vh, 0)
    }
}

@keyframes move-frames-191 {
    from {
        transform: translate3d(46vw, 105vh, 0)
    }

    to {
        transform: translate3d(43vw, -134vh, 0)
    }
}

.circle-container:nth-child(191) .circle {
    -webkit-animation-delay: 1914ms;
    animation-delay: 1914ms
}

.circle-container:nth-child(192) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-192;
    animation-name: move-frames-192;
    -webkit-animation-duration: 28811ms;
    animation-duration: 28811ms;
    -webkit-animation-delay: 12040ms;
    animation-delay: 12040ms
}

@-webkit-keyframes move-frames-192 {
    from {
        transform: translate3d(65vw, 110vh, 0)
    }

    to {
        transform: translate3d(26vw, -127vh, 0)
    }
}

@keyframes move-frames-192 {
    from {
        transform: translate3d(65vw, 110vh, 0)
    }

    to {
        transform: translate3d(26vw, -127vh, 0)
    }
}

.circle-container:nth-child(192) .circle {
    -webkit-animation-delay: 2018ms;
    animation-delay: 2018ms
}

.circle-container:nth-child(193) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-193;
    animation-name: move-frames-193;
    -webkit-animation-duration: 35104ms;
    animation-duration: 35104ms;
    -webkit-animation-delay: 24508ms;
    animation-delay: 24508ms
}

@-webkit-keyframes move-frames-193 {
    from {
        transform: translate3d(32vw, 108vh, 0)
    }

    to {
        transform: translate3d(39vw, -110vh, 0)
    }
}

@keyframes move-frames-193 {
    from {
        transform: translate3d(32vw, 108vh, 0)
    }

    to {
        transform: translate3d(39vw, -110vh, 0)
    }
}

.circle-container:nth-child(193) .circle {
    -webkit-animation-delay: 3213ms;
    animation-delay: 3213ms
}

.circle-container:nth-child(194) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-194;
    animation-name: move-frames-194;
    -webkit-animation-duration: 30232ms;
    animation-duration: 30232ms;
    -webkit-animation-delay: 35777ms;
    animation-delay: 35777ms
}

@-webkit-keyframes move-frames-194 {
    from {
        transform: translate3d(22vw, 110vh, 0)
    }

    to {
        transform: translate3d(57vw, -113vh, 0)
    }
}

@keyframes move-frames-194 {
    from {
        transform: translate3d(22vw, 110vh, 0)
    }

    to {
        transform: translate3d(57vw, -113vh, 0)
    }
}

.circle-container:nth-child(194) .circle {
    -webkit-animation-delay: 1879ms;
    animation-delay: 1879ms
}

.circle-container:nth-child(195) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-195;
    animation-name: move-frames-195;
    -webkit-animation-duration: 29192ms;
    animation-duration: 29192ms;
    -webkit-animation-delay: 821ms;
    animation-delay: 821ms
}

@-webkit-keyframes move-frames-195 {
    from {
        transform: translate3d(27vw, 101vh, 0)
    }

    to {
        transform: translate3d(28vw, -105vh, 0)
    }
}

@keyframes move-frames-195 {
    from {
        transform: translate3d(27vw, 101vh, 0)
    }

    to {
        transform: translate3d(28vw, -105vh, 0)
    }
}

.circle-container:nth-child(195) .circle {
    -webkit-animation-delay: 2268ms;
    animation-delay: 2268ms
}

.circle-container:nth-child(196) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-196;
    animation-name: move-frames-196;
    -webkit-animation-duration: 36371ms;
    animation-duration: 36371ms;
    -webkit-animation-delay: 27400ms;
    animation-delay: 27400ms
}

@-webkit-keyframes move-frames-196 {
    from {
        transform: translate3d(94vw, 101vh, 0)
    }

    to {
        transform: translate3d(28vw, -128vh, 0)
    }
}

@keyframes move-frames-196 {
    from {
        transform: translate3d(94vw, 101vh, 0)
    }

    to {
        transform: translate3d(28vw, -128vh, 0)
    }
}

.circle-container:nth-child(196) .circle {
    -webkit-animation-delay: 1843ms;
    animation-delay: 1843ms
}

.circle-container:nth-child(197) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-197;
    animation-name: move-frames-197;
    -webkit-animation-duration: 29870ms;
    animation-duration: 29870ms;
    -webkit-animation-delay: 787ms;
    animation-delay: 787ms
}

@-webkit-keyframes move-frames-197 {
    from {
        transform: translate3d(26vw, 107vh, 0)
    }

    to {
        transform: translate3d(63vw, -126vh, 0)
    }
}

@keyframes move-frames-197 {
    from {
        transform: translate3d(26vw, 107vh, 0)
    }

    to {
        transform: translate3d(63vw, -126vh, 0)
    }
}

.circle-container:nth-child(197) .circle {
    -webkit-animation-delay: 1508ms;
    animation-delay: 1508ms
}

.circle-container:nth-child(198) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-198;
    animation-name: move-frames-198;
    -webkit-animation-duration: 30783ms;
    animation-duration: 30783ms;
    -webkit-animation-delay: 27783ms;
    animation-delay: 27783ms
}

@-webkit-keyframes move-frames-198 {
    from {
        transform: translate3d(43vw, 102vh, 0)
    }

    to {
        transform: translate3d(37vw, -110vh, 0)
    }
}

@keyframes move-frames-198 {
    from {
        transform: translate3d(43vw, 102vh, 0)
    }

    to {
        transform: translate3d(37vw, -110vh, 0)
    }
}

.circle-container:nth-child(198) .circle {
    -webkit-animation-delay: 159ms;
    animation-delay: 159ms
}

.circle-container:nth-child(199) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-199;
    animation-name: move-frames-199;
    -webkit-animation-duration: 31853ms;
    animation-duration: 31853ms;
    -webkit-animation-delay: 4430ms;
    animation-delay: 4430ms
}

@-webkit-keyframes move-frames-199 {
    from {
        transform: translate3d(87vw, 107vh, 0)
    }

    to {
        transform: translate3d(22vw, -123vh, 0)
    }
}

@keyframes move-frames-199 {
    from {
        transform: translate3d(87vw, 107vh, 0)
    }

    to {
        transform: translate3d(22vw, -123vh, 0)
    }
}

.circle-container:nth-child(199) .circle {
    -webkit-animation-delay: 2582ms;
    animation-delay: 2582ms
}

.circle-container:nth-child(200) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-200;
    animation-name: move-frames-200;
    -webkit-animation-duration: 28174ms;
    animation-duration: 28174ms;
    -webkit-animation-delay: 12039ms;
    animation-delay: 12039ms
}

@-webkit-keyframes move-frames-200 {
    from {
        transform: translate3d(9vw, 103vh, 0)
    }

    to {
        transform: translate3d(64vw, -129vh, 0)
    }
}

@keyframes move-frames-200 {
    from {
        transform: translate3d(9vw, 103vh, 0)
    }

    to {
        transform: translate3d(64vw, -129vh, 0)
    }
}

.circle-container:nth-child(200) .circle {
    -webkit-animation-delay: 213ms;
    animation-delay: 213ms
}

.message {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #fff;
    font-family: "Josefin Slab", serif;
    line-height: 27px;
    font-size: 18px;
    text-align: right;
    pointer-events: none;
    -webkit-animation: message-frames 1.5s ease 5s forwards;
    animation: message-frames 1.5s ease 5s forwards;
    opacity: 0
}

@-webkit-keyframes message-frames {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes message-frames {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

canvas {
    display: block;
    vertical-align: bottom
}

#tsparticles {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 8;
    top: 0
}

.floating-tasks-container {
    position: relative;
    z-index: 999;
    margin: 60px 0 0
}

.thumb-slider img {
    width: 100%;
    margin: 0 20px
}

.thumb-slider .slick-center img {
    opacity: 1
}

.ct-container h2 {
    z-index: 99;
    position: relative;
    color: #fff;
    text-align: center;
    padding: 60px 0 0;
    font-size: 60px;
    font-weight: 700
}

.thumb-slider h4 {
    color: #fff;
    text-align: center;
    margin: -35px 0 0;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .6s ease
}

.thumb-slider .slick-center h4 {
    opacity: 1;
    transform: translateY(0)
}

.cursor {
    position: absolute;
    top: 0;
    left: 0
}

.big-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid #a5e7d2 3px;
    margin-top: -23px;
    margin-left: -21px;
    z-index: 10
}

.small-circle {
    width: 10px;
    height: 10px;
    background-color: #8ddfc4;
    border-radius: 50%;
    margin-top: -6px;
    margin-left: -5px;
    z-index: 10
}

.text-effect {
    overflow: hidden;
    position: relative;
    filter: contrast(110%) brightness(190%);
    z-index: 99
}

.neon {
    position: relative;
    background: #000;
    color: #fff0;
    padding: 15px;
    text-align: center
}

.neon::before,
.neon::after {
    content: attr(data-text);
    color: #fff;
    filter: blur(.02em);
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    width: 100% !important
}

.neon::after {
    mix-blend-mode: difference
}

.gradient,
.spotlight {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    z-index: 10
}

.gradient {
    background: linear-gradient(45deg, red, blue);
    mix-blend-mode: multiply
}

.spotlight {
    -webkit-animation: light 5s infinite linear;
    animation: light 5s infinite linear;
    background: radial-gradient(circle, white, transparent 25%) 0 0/25% 25%, radial-gradient(circle, white, black 25%) 50% 50%/12.5% 12.5%;
    top: -100%;
    left: -100%;
    mix-blend-mode: color-dodge
}

@-webkit-keyframes light {
    100% {
        transform: translate3d(50%, 50%, 0)
    }
}

@keyframes light {
    100% {
        transform: translate3d(50%, 50%, 0)
    }
}

.neon {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    font-size: 70px
}

.neon:focus {
    outline: none;
    border: 0
}

.service-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    perspective: 1000px;
    margin: 15px 0 15px;
    -webkit-perspective: 1000px
}

.service-icon {
    width: 100%;
    height: 220px;
    padding: 20px;
    text-align: center;
    transition: all .5s ease
}

.service-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 220px;
    padding: 20px;
    text-align: center;
    transition: all .5s ease;
    background-color: #474747;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform: translateY(110px) rotateX(-90deg);
    -moz-transform: translateY(110px) rotateX(-90deg);
    -ms-transform: translateY(110px) rotateX(-90deg);
    -o-transform: translateY(110px) rotateX(-90deg);
    display: flex;
    transform: translateY(110px) rotateX(-90deg);
    justify-content: center;
    align-items: center
}

.service-box .service-icon .front-content {
    position: relative;
    top: 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.service-box .service-icon .front-content i {
    font-size: 28px;
    color: #fff;
    font-weight: 400
}

.service-box .service-icon .front-content h3 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 12px #0fa, 0 0 12px #0fa, 0 0 42px #0fa, 0 0 2px #0fa, 0 0 5px #0fa
}

.service-box .service-content h3 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase
}

.service-box .service-content p {
    font-size: 13px;
    color: #b1b1b1;
    margin: 0
}

.yellow {
    background-color: #ffc000
}

.orange {
    background-color: #fc7f0c
}

.red {
    background-color: #e84b3a
}

.grey {
    background-color: #474747
}

.service-box:hover .service-icon {
    opacity: 0;
    -webkit-transform: translateY(-110px) rotateX(90deg);
    -moz-transform: translateY(-110px) rotateX(90deg);
    -ms-transform: translateY(-110px) rotateX(90deg);
    -o-transform: translateY(-110px) rotateX(90deg);
    transform: translateY(-110px) rotateX(90deg)
}

.service-box:hover .service-content {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

section#home-service {
    padding: 0 0 80px 0;
    background: #000;
    width: 100%;
    float: left
}

.card::before {
    content: "";
    width: 104%;
    height: 102%;
    border-radius: 8px;
    background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);
    position: absolute;
    z-index: -1;
    top: -1%;
    left: -2%;
    animation: spin 2.5s linear infinite
}

.card::after {
    position: absolute;
    content: "";
    top: calc(var(--card-height) / 6);
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    transform: scale(.8);
    filter: blur(calc(var(--card-height) / 6));
    background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);
    opacity: 1;
    transition: opacity 0.5s;
    animation: spin 2.5s linear infinite
}

@keyframes spin {
    0% {
        --rotate: 0deg
    }

    100% {
        --rotate: 360deg
    }
}

.quote-icon {
    background: url(../images/quote.png) no-repeat;
    width: 52px;
    height: 44px;
    display: block;
    text-align: center;
    margin: 0 auto 30px;
    position: relative;
    z-index: 10
}

section.testimonails-sec {
    padding: 80px 0 150px;
    text-align: center;
    background: #000
}

section.testimonails-sec h2 {
    font-size: 32px;
    text-transform: uppercase;
    margin: 0 0 40px 0
}

.testimonials-slider img {
    display: inline-block;
    width: 160px;
    object-fit: cover;
    margin: 50px 0 25px 0
}

.testimonials-slider p {
    color: #fff;
    width: 70%;
    margin: 0 auto;
    padding: 5px 0
}

.testimonials-slider h3 {
    color: #f0f;
    font-size: 17px
}

section.testimonails-sec ul.slick-dots {
    bottom: -70px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.sparkley {
    background: #3e5871;
    color: #fff;
    border: none;
    padding: 16px 36px;
    font-weight: 400;
    border-radius: 3px;
    transition: all 0.25s ease;
    box-shadow: 0 38px 32px -23px #000;
    margin: 0 1em 1em
}

.sparkley:hover {
    background: #2c3e50;
    color: rgb(255 255 255 / .2)
}

.ser01 {
    background: url(../images/service/01.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser02 {
    background: url(../images/service/02.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser03 {
    background: url(../images/service/03.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser04 {
    background: url(../images/service/030.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser05 {
    background: url(../images/service/05.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser06 {
    background: url(../images/service/06.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser07 {
    background: url(../images/service/07.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser08 {
    background: url(../images/service/08.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser09 {
    background: url(../images/service/09.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser10 {
    background: url(../images/service/10.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser170 {
    background: url(../images/service/170.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser11 {
    background: url(../images/service/11.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser12 {
    background: url(../images/service/12.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser13 {
    background: url(../images/service/13.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser14 {
    background: url(../images/service/sushi.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser15 {
    background: url(../images/service/15.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser16 {
    background: url(../images/service/16.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser17 {
    background: url(../images/service/17.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser18 {
    background: url(../images/service/18.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser180 {
    background: url(../images/service/1801.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.ser19 {
    background: url(../images/service/19.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px
}

.service-content a {
    display: inline-block;
    padding: 15px 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #00ff62;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    letter-spacing: 5px;
    transition: 0.25s;
    font-weight: 600;
    background-color: #00ff62;
    box-shadow: 0 0 5px #00ff62, 0 0 10px #00ff62, 0 0 15px #00ff62, 0 0 20px #00ff62;
    color: #000;
    transition-delay: 1s
}

.service-content a:hover {
    background-color: #00ff62;
    box-shadow: 0 0 5px #00ff62, 0 0 10px #00ff62, 0 0 15px #00ff62, 0 0 20px #00ff62;
    color: #000;
    transition-delay: 1s
}

.service-content a span {
    position: absolute;
    display: block;
    content: ""
}

.service-content a span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #00ff62)
}

.service-content a:hover span:nth-child(1) {
    left: 100%;
    transition: 1s
}

.service-content a span:nth-child(2) {
    top: -100%;
    right: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(180deg, transparent, #00ff62)
}

.service-content a:hover span:nth-child(2) {
    top: 100%;
    transition: 1s;
    transition-delay: 0.25s
}

.service-content a span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 3px;
    background: linear-gradient(270deg, transparent, #00ff62)
}

.service-content a:hover span:nth-child(3) {
    right: 100%;
    transition: 1s;
    transition-delay: 0.5s
}

.service-content a span:nth-child(4) {
    bottom: -100%;
    left: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(360deg, transparent, #00ff62)
}

.service-content a:hover span:nth-child(4) {
    bottom: 100%;
    transition: 1s;
    transition-delay: 0.75s
}

.service-box:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
    content: "";
    top: 0;
    left: 0
}

section#home-service h2 span {
    color: #fff;
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;
    animation: shdown 1s infinite alternate
}

footer {
    background: #000;
    width: 100%;
    float: left;
    padding: 70px 0 30px
}

.footer-logo img {
    width: 160px
}

.footer-logo {
    width: 100%;
    text-align: left
}

.footer-social ul li {
    display: inline-block
}

.footer-social ul li a {
    color: #fff;
    font-size: 30px;
    margin: 0 10px
}

.footer-social ul {
    text-align: left;
    width: 100%
}

.footer-social {
    width: 100%
}

.footer-social ul li:nth-child(3) {
    position: relative;
    top: -2px;
    left: -2px
}

@keyframes shdown {
    0% {
        text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa
    }

    100% {
        text-shadow: 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 11px #fff, 0 0 20px #0fa, 0 0 22px #0fa, 0 0 50px #fff, 0 0 60px #fff
    }
}

.neon-frame {
    display: block;
    width: 180px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 25px;
    border: 2px solid #FFF;
    border-radius: 5px;
    box-shadow: 1px 0 0 #FAB400, -1px 0 0 #FAB400, 0 1px 0 #FAB400, 0 -1px 0 #FAB400, 0 0 5px #FAB400, 0 0 10px #FAB400, 0 0 15px #FAB400, 0 0 25px #FAB400, 0 0 50px #FAB400, 1px 0 0 #FAB400 inset, -1px 0 0 #FAB400 inset, 0 1px 0 #FAB400 inset, 0 -1px 0 #FAB400 inset, 0 0 5px #FAB400 inset, 0 0 15px #FAB400 inset, 0 0 25px #FAB400 inset;
    animation: neon-frame-hue 20s infinite linear, glitch 8s infinite alternate, buzz 0.1s infinite alternate;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 99
}

@keyframes neon-sign-hue {
    50% {
        text-shadow: 1px 0 0 #7923EE, -1px 0 0 #7923EE, 0 1px 0 #7923EE, 0 -1px 0 #7923EE, 0 0 5px #7923EE, 0 0 10px #7923EE, 0 0 15px #7923EE, 0 0 25px #7923EE, 0 0 50px #7923EE
    }

    100% {
        text-shadow: 1px 0 0 #FAB400, -1px 0 0 #FAB400, 0 1px 0 #FAB400, 0 -1px 0 #FAB400, 0 0 5px #FAB400, 0 0 10px #FAB400, 0 0 15px #FAB400, 0 0 25px #FAB400, 0 0 50px #FAB400
    }
}

@keyframes neon-frame-hue {
    50% {
        box-shadow: 1px 0 0 #7923EE, -1px 0 0 #7923EE, 0 1px 0 #7923EE, 0 -1px 0 #7923EE, 0 0 5px #7923EE, 0 0 10px #7923EE, 0 0 15px #7923EE, 0 0 25px #7923EE, 0 0 50px #7923EE, 1px 0 0 #7923EE inset, -1px 0 0 #7923EE inset, 0 1px 0 #7923EE inset, 0 -1px 0 #7923EE inset, 0 0 5px #7923EE inset, 0 0 15px #7923EE inset, 0 0 25px #7923EE inset
    }

    100% {
        box-shadow: 1px 0 0 #FAB400, -1px 0 0 #FAB400, 0 1px 0 #FAB400, 0 -1px 0 #FAB400, 0 0 5px #FAB400, 0 0 10px #FAB400, 0 0 15px #FAB400, 0 0 25px #FAB400, 0 0 50px #FAB400, 1px 0 0 #FAB400 inset, -1px 0 0 #FAB400 inset, 0 1px 0 #FAB400 inset, 0 -1px 0 #FAB400 inset, 0 0 5px #FAB400 inset, 0 0 15px #FAB400 inset, 0 0 25px #FAB400 inset
    }
}

@keyframes glitch {
    40% {
        opacity: 1
    }

    42% {
        opacity: .8
    }

    43% {
        opacity: 1
    }

    45% {
        opacity: .2
    }

    46% {
        opacity: 1
    }
}

@keyframes buzz {
    70% {
        opacity: .8
    }
}

.bottom-txt {
    text-align: center;
    color: #fff;
    padding: 60px 0 0
}

.bottom-txt a {
    color: #fff
}

.title {
    font-weight: 800;
    color: #fff0;
    font-size: 65px;
    background: url(../images/gd-bg.jpg) repeat;
    background-position: 40% 50%;
    -webkit-background-clip: text;
    position: relative;
    text-align: center;
    line-height: 90px;
    letter-spacing: 0;
    margin: 0 0 20px
}

.ct-contact {
    width: 90%;
    margin: 70px auto 0
}

.ct-contact label {
    display: block;
    font-size: 20px;
    margin: 0 0 5px;
    color: #fff
}

.ct-contact input {
    border: 0;
    height: 45px;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 15px;
    margin: 0;
    background: #fff0;
    color: #fff
}

input#sbtm-contact {
    width: 200px;
    border: 1px solid #fff;
    background: #fff0;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .6s ease;
    color: #fff;
    cursor: pointer
}

.input-file-container {
    position: relative;
    width: 225px;
    margin: 15px 0
}

.js .input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer
}

.ct-container {
    display: block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 29%;
    text-transform: uppercase;
    margin: 0 2% 20px 0 !important
}

.ct-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff0;
    border: 1px solid #fff
}

.ct-container:hover input~.checkmark {
    background-color: #ccc
}

.ct-container input:checked~.checkmark {
    background-color: #ff3216
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.ct-container input:checked~.checkmark:after {
    display: block
}

.ct-chcbox {
    display: flex;
    flex-wrap: wrap
}

.ct-container .checkmark:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.js .input-file-trigger {
    display: block;
    padding: 14px 45px;
    background: #ec5540;
    color: #fff;
    transition: all .4s;
    font-size: 15px;
    cursor: pointer
}

.js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: 700;
    color: #fff
}

.form-fld {
    margin: 0 0 50px
}

div#siteWrapper-inner {
    padding: 1px 0 30px;
    background: #000;
    height: 100%
}

label.input-file-trigger {
    font-size: 17px
}

input#ct_upload {
    border: 0
}

div#siteWrapper-inner label.ct-container {
    padding: 0 0 0 25px
}

.error {
    font-size: 14px !important;
    color: red !important
}

main.app-container {
    overflow: hidden
}

.neon-frame:hover {
    color: #fff
}

.dsply-none-mob {
    display: none !important
}

.ct-contact textarea {
    border: 0;
    height: 145px;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 15px;
    margin: 0;
    background: #fff0;
    color: #fff;
    resize: none
}

.main-menu>ul>li>a span {
    position: relative;
    z-index: 9
}

section#sec-about {
    padding: 80px 0 50px
}

section#sec-about h2 {
    font-family: 'Major Mono Display', monospace;
    font-size: 45px;
    color: #fff;
    position: relative;
    z-index: 9;
    padding: 15px 0
}

.about-txt h2 span,
section#sec-about h2 span {
    color: #0fa
}

.about-pic-main img {
    margin: -30px 0 0
}

.about-txt a {
    display: block;
    width: 200px;
    border: 1px solid #0fa;
    background: #fff0;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .6s ease;
    color: #0fa;
    cursor: pointer;
    height: 45px;
    font-size: 15px;
    margin: 0 0 25px;
    text-align: center;
    line-height: 45px;
    cursor: pointer !important
}

section#sec-about p {
    line-height: 27px;
    text-align: justify
}

#inner-header {
    position: relative;
    background: #000
}

.main-menu>ul>li.active a:before {
    width: 100%
}

footer h2 {
    font-weight: 600;
    margin: 0 0 15px
}

.footer-link li a {
    color: #fff;
    font-size: 18px;
    padding: 0
}

.footer-link li {
    position: relative;
    padding: 0 0 10px 0
}

.footer-link li a i {
    margin: 0 10px 0 0;
    font-size: 20px
}

#top-phone .ripple,
#top-phone .ripple:after,
#top-phone .ripple:before {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin-top: -50px;
    margin-left: -50px;
    border-radius: 3rem;
    -ms-box-shadow: 0 0 0 0 hsl(0 0% 100% / .35);
    -o-box-shadow: 0 0 0 0 hsl(0 0% 100% / .35);
    box-shadow: 0 0 0 0 hsl(160deg 77% 63%);
    animation: ripple 3s infinite
}

#top-phone .ripple:before {
    animation-delay: .9s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0
}

#top-phone .ripple:after {
    animation-delay: .6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 30px #fff0
    }

    to {
        box-shadow: 0 0 0 0 #fff0
    }
}

ul#top-phone {
    margin: 28px 0 0 0;
    width: 115%
}

ul#top-phone li a {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    padding: 11px;
    border-radius: 3rem;
    text-align: center;
    transition: all .6s ease;
    position: relative;
    z-index: 99
}

ul#top-phone li {
    position: relative
}

ul#top-phone li a:hover {
    background: #0fa
}

.single-portfolio-item {
    margin-bottom: 30px;
    overflow: hidden
}

.single-portfolio-item img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.portfolio-menu {
    text-align: center
}

.portfolio-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.portfolio-menu ul li {
    display: inline-block;
    padding: 7px 30px;
    font-size: 15px;
    font-weight: 600;
    background: linear-gradient(45deg, #dc4858, #45629d);
    color: #fff;
    border-radius: 3px;
    margin: 34px 4px;
    margin-bottom: 60px;
    cursor: pointer;
    border: 1px solid #fff0
}

.portfolio-menu ul li.mixitup-control-active {
    background: linear-gradient(45deg, #45629d, #dc4858);
    border: 1px solid #fff
}

.portfolio-menu.gallery ul li {
    padding: 7px 30px;
    font-size: 15px;
    font-weight: 600;
    background: none;
    border-radius: 0;
    border: 2px solid #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease
}

.portfolio-menu.gallery ul li:hover {
    border-color: #0fa
}

.portfolio-menu.gallery ul li.mixitup-control-active {
    background: #0fa;
    border-color: #0fa;
    color: #000
}

#sec-protfolio .col-md-3 img {
    width: 400px
}

.alina {
    height: 580px
}

#inner-footer {
    padding: 170px 0 30px
}

.single-portfolio-item div h2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #00000091;
    text-transform: uppercase;
    color: #fff;
    font-size: 22px;
    padding: 10px;
    transform: translateY(100%);
    transition: all .6s ease
}

.single-portfolio-item:hover div h2 {
    transform: translateY(0%)
}

.bailey1 img {
    width: 600px
}

.bailey2 a {
    display: block;
    height: 600px
}

#sec-protfolio .ava img {
    width: 460px
}

#sec-protfolio .ava a {
    display: block;
    height: 542px
}

#sec-protfolio .ava1 a {
    display: block;
    height: 300px
}

#sec-protfolio .ava2 a {
    display: block;
    height: 532px
}

#sec-protfolio .ava3 a {
    display: block;
    height: 600px
}

#sec-protfolio .ava4 a {
    display: block;
    height: 457px
}

#sec-protfolio .ava5 a {
    display: block;
    height: 689px
}

#sec-protfolio .ava6 a {
    display: block;
    height: 462px
}

#sec-protfolio .ava7 a {
    display: block;
    height: 369px
}

#sec-protfolio .ava6 img {
    width: 518px
}

#sec-protfolio .ava7 img {
    height: 385px;
    width: 404px
}

#sec-protfolio .bambi img {
    width: 410px
}

#sec-protfolio .cookie img {
    width: 570px
}

#sec-protfolio .bambi a {
    display: block;
    height: 660px
}

#sec-protfolio .bambi1 a {
    display: block;
    height: 610px
}

#sec-protfolio .anastasia a {
    display: block;
    height: 600px
}

#sec-protfolio .cookie a {
    height: 431px;
    display: block
}

#sec-protfolio .courtney a {
    height: 650px;
    display: block
}

#sec-protfolio .courtney1 a {
    height: 571px;
    display: block
}

#sec-protfolio .courtney2 a {
    height: 399px;
    display: block
}

#sec-protfolio .courtney3 a {
    height: 410px;
    display: block
}

#sec-protfolio .courtney4 a {
    height: 501px;
    display: block
}

#sec-protfolio .courtney2 img {
    width: 466px
}

#sec-protfolio .courtney3 img {
    width: 470px
}

#sec-protfolio .crystal a {
    height: 670px;
    display: block
}

#sec-protfolio .crystal1 a {
    height: 430px;
    display: block
}

#sec-protfolio .crystal2 a {
    height: 430px;
    display: block
}

#sec-protfolio .crystal1 img {
    width: 430px
}

.elle a {
    display: block;
    height: 285px
}

.elle img {
    width: 300px
}

#sec-protfolio .mercy a {
    height: 371px;
    display: block
}

#sec-protfolio .mercy img {
    width: 490px
}

#sec-protfolio .missy a {
    display: block;
    height: 550px
}

.missy04 a {
    display: block;
    height: 404px
}

#sec-protfolio .missy04 img {
    width: 537px
}

.missy05 a {
    display: block;
    height: 570px
}

#sec-protfolio .stacey03 a {
    display: block;
    height: 310px
}

#sec-protfolio .stacey01 a {
    display: block;
    height: 376px
}

#sec-protfolio .stacey01 img {
    width: 488px
}

#sec-protfolio .stacey03 img {
    width: 530px
}

.vanessa1 a {
    display: block;
    height: 620px
}

#sec-protfolio .zoey a {
    display: block;
    height: 320px
}

section#home-model-sec {
    width: 100%;
    float: left;
    overflow: hidden
}

.ct-contact.container select {
    width: 100%;
    height: 46px;
    background: #fff0;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #fff;
    margin: 5px 0 0
}

select:focs {
    outline: 0
}

select option {
    color: #000
}

.datepicker.date.input-group {
    margin: 0 0 30px
}

.testimonials-slider h3 span {
    display: block
}

section.video-sec {
    background: #000
}

section#serv-form .ct-contact {
    width: 100%;
    margin: 70px auto 0
}

section#serv-form {
    background: #000;
    padding: 0 0 60px;
    background-size: cover !important;
    background-attachment: fixed !important
}

section.music-sec {
    background: #000;
    padding: 60px 0
}

.yout-video {
    margin: 60px 0 0
}

section#inner-banner {
    height: 600px;
    position: relative;
    display: flex;
    text-align: center;
    align-items: center;
    background-position: center !important;
    margin: 0 0 50px;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important
}

section#inner-banner h2 {
    font-size: 50px;
    text-transform: uppercase;
    position: relative
}

section#inner-banner:before {
    position: absolute;
    background: rgb(0 0 0 / 60%);
    content: "";
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0
}

video#myVideo {
    width: 100%;
    height: auto
}

section.ct-txt-ser p {
    color: #fff !important;
    position: relative
}

.yout-video iframe {
    width: 100%
}

.slide-item .row {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.slide-item {
    padding: 220px 10px
}

.slide-item.slick-slide.slick-current.slick-active {
    background-size: cover !important;
    background-repeat: no-repeat !important
}

section#about-sec .row .col-lg-7 {
    position: relative;
    z-index: 99;
    background: #000
}

section#video-club {
    padding: 80px 0
}

.service-box .service-icon .front-content h3 {
    text-decoration: underline
}

footer {
    position: relative;
    z-index: 999999999
}

section#serv-form {
    margin-bottom: 60px
}

a.neon-frame {
    z-index: 999999999999
}

a.es-header-btn {
    display: none !important
}

.es-header-btn {
    background: #fff0;
    color: #000
}

.es-widget-header-details-text {
    color: #fff
}

.service-content a {
    display: inline-block;
    padding: 15px 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #00ff62;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    transition: 0.25s;
    font-weight: 800;
    background-color: #fff0;
    box-shadow: none;
    color: #fff;
    transition-delay: 1s;
    text-decoration: underline
}

.service-content {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1;
    opacity: 1;
    width: 100%;
    height: 220px;
    padding: 20px;
    text-align: center;
    transition: all .5s ease;
    background-color: #fff0;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform: none;
    -moz-transform: translateY(110px) rotateX(-90deg);
    -ms-transform: translateY(110px) rotateX(-90deg);
    -o-transform: translateY(110px) rotateX(-90deg);
    display: flex;
    transform: none;
    justify-content: center;
    align-items: center
}

.n .front-content {
    position: relative;
    top: 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.n .front-content h3 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 12px #0fa, 0 0 12px #0fa, 0 0 42px #0fa, 0 0 2px #0fa, 0 0 5px #0fa
}

.service-content a {
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 0 0 #fff, 0 0 12px #0fa, 0 0 12px #0fa, 0 0 42px #0fa, 0 0 2px #0fa, 0 0 5px #0fa
}

section#insta-sec {
    position: relative;
    top: -65px
}

section#insta-sec:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 18%;
    right: 0;
    top: 0;
    z-index: 9;
    background: #000
}

.service-content a {
    background-color: #00ff62;
    box-shadow: 0 0 5px #00ff62, 0 0 10px #00ff62, 0 0 15px #00ff62, 0 0 20px #00ff62;
    color: #000;
    transition-delay: 1s;
    padding: 10px 20px !important
}

.footer-social {
    position: relative;
    left: 30%
}

.footer-link {
    position: relative;
    left: 30%
}

.s-neon h1 {
    font-size: 50px !important
}

@media only screen and (min-width:768px) {
    .referral-img-main {
        padding-left: 30px !important;
        padding-right: 0 !important
    }

    .portfolio-menu.gallery ul li {
        margin: 0 2px !important
    }

    .portfolio-menu.gallery ul {
        margin: 80px 0 30px 0 !important
    }
}

@media only screen and (max-width:767px) {
    .referral-img-main img {
        max-width: 400px !important
    }

    .testimonials-slider p {
        color: #fff;
        width: 100%;
        margin: 0 auto;
        padding: 25px 10px
    }

    .home-slider h2 {
        padding: 290px 0 0
    }

    section.ct-txt-ser .row {
        flex-direction: column-reverse
    }

    section.ct-txt-ser .row img {
        margin: 0 0 20px
    }

    section#inner-banner h2 {
        font-size: 25px
    }

    video#myVideo {
        top: 90px
    }

    section#inner-banner {
        height: 230px;
        position: relative;
        display: flex;
        text-align: center;
        align-items: center;
        background-position: center !important;
        margin: 0 0 50px;
        background-repeat: no-repeat !important;
        background-attachment: initial !important;
        background-size: 150% !important
    }

    button.slick-next.slick-arrow {
        right: auto;
        left: 70px;
        top: 90px;
        transform: none
    }

    button.slick-prev.slick-arrow {
        left: 15px;
        top: 90px;
        transform: none
    }

    ul#top-phone {
        margin: 30px auto;
        width: 60%
    }

    .header-main {
        padding: 0 0 0 0;
        position: absolute;
        z-index: 9;
        width: 100%
    }

    .footer-link {
        margin: 0 0 25px
    }

    .footer-logo {
        width: 100%;
        text-align: left
    }

    footer {
        padding: 30px 0
    }

    .testimonials-slider p {
        color: #fff;
        width: 100%;
        margin: 0 auto;
        padding: 25px 10px
    }

    section#sec-about h2 {
        font-size: 40px
    }

    .about-pic-main img {
        margin: 0;
        width: 100%
    }

    section#sec-about p {
        text-align: left
    }

    section#about-sec h2 {
        font-size: 38px;
        padding: 35px 0 0
    }

    .about-pic img {
        width: 100%;
        margin: 0
    }

    .home-slider h2 {
        font-size: 50px;
        letter-spacing: 25px;
        padding: 110px 0 0 0
    }

    .about-pic {
        margin: 0;
        position: relative;
        top: 0;
        text-align: center;
        z-index: 9
    }

    .home-slider img {
        width: 100%;
        margin: 50px 0
    }

    .neon-frame {
        bottom: 100px;
        right: -50px;
        transform: rotate(90deg)
    }

    .neon,
    .title {
        font-size: 10vw;
        line-height: normal
    }

    .hero-tag h2 span:nth-child(3) {
        position: relative;
        transform: translateY(-40px);
        margin: 0 0 0 -20px
    }

    .hero-tag02 h2 span:nth-child(2) {
        position: relative;
        transform: translateY(20px);
        margin: 0 0 0 0
    }

    .ct-container {
        width: 48%
    }

    .service-content a {
        background-color: #00ff62;
        box-shadow: 0 0 5px #00ff62, 0 0 10px #00ff62, 0 0 15px #00ff62, 0 0 20px #00ff62;
        color: #000;
        transition-delay: 1s
    }

    .portfolio-menu ul li {
        padding: 7px 10px;
        font-size: 15px;
        margin: 10px 0%
    }

    .portfolio-menu ul {
        padding: 0;
        margin: 0 0 40px;
        list-style: none
    }

    .portfolio-menu.gallery ul li {
        margin: 7px 5px !important
    }

    #sec-protfolio .col-md-3 img {
        width: 350px;
        margin: 0 auto;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        transform-style: unset !important;
        position: relative !important
    }

    .alina a {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
        height: 100%
    }

    .service-content a {
        font-weight: 600
    }

    h1.neon {
        font-size: 40px !important
    }

    section#insta-sec:before {
        width: 100%;
        height: 30%;
        top: 0
    }

    .footer-social {
        position: relative;
        left: 0%
    }

    .footer-link {
        position: relative;
        left: 0%
    }

    .club-night {
        margin: 150px 0 30px 0 !important
    }

    section.portfolio-area {
        margin-top: 120px
    }

    section#sec-protfolio {
        margin-top: 120px
    }

    section.testimonails-sec {
        padding-top: 0px !important
    }
}