body {
    font-family: "Poppins", sans-serif;
    color: #0c0c0c;
    background-color: #ffffff;
    overflow-x: hidden;
    /*
  overflow: hidden;
  position: relative;
  width: 100vw;
  height: 100vh;*/
}

/*
.main-color-bg,
.main-color-bg::before,
.main-color-bg::after {
  content: '';
 /* position: fixed;
  top: 0;
  left: 0;
  opacity: 0.9;
  -webkit-transform-origin: top;
          transform-origin: top;
  transition: all 5s linear 0s;
}*/

/*
.layout_padding {
  padding: 75px 0;
}*/
#contact {
    margin-top: 55px;
}

.layout_padding2 {
    padding: 45px 0;
}

.layout_padding2-top {
    padding-top: 45px;
}

.layout_padding2-bottom {
    padding-bottom: 45px;
}

.layout_padding-top {
    padding-top: 75px;
}

/*.layout_padding-bottom {
  padding-bottom: 75px;
}*/

.heading_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .heading_container h2 {
        position: relative;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
    }

        .heading_container h2 hr {
            margin: 0;
            border: none;
            width: 55px;
            height: 1px;
            background-color: #000000;
        }

.carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e);
    filter: grayscale(1);
}

h2, .h2 {
    font-size: 3rem;
}
/*.heading_container h2::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 30px;
    top: 14%;
    right: -21px;
    background: -webkit-gradient(linear, left top, right top, from(#650588), to(#07237f));
    background: linear-gradient(to right, #650588, #5c12e6);
}*/
/*header section

.space-top{margin-top: 45px;}*/

.space-botton {
    margin-bottom: -8px;
}

.hero_area {
    /* height: 162vh;*/
    background-image: url(../images/hero-bg.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.space-padding {
    margin-top: 40px;
}

.space-top-banner {
    margin-top: 55px;
    max-height: 440px;
    overflow-y: auto;
}
/*.detail_box {
    margin-top: -150px;
}*/
.sub_page .hero_area {
    height: auto;
    background-position: top right;
}

.hero_area.sub_pages {
    height: auto;
}

.scroll-to-top {
    z-index: 1042;
    right: 1rem;
    bottom: 1rem;
    display: none;
}

.curved-div-1 {
    position: relative;
    background: #07237f;
    background: #ffffff;
    background: -moz-linear-gradient(top, #f0f9ff 0%, #460072 88%);
    background: -webkit-linear-gradient(top, #f0f9ff 0%,#6834c5 88%);
    background: linear-gradient(to bottom, #ffffff 30%,#6834c5 88%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#460072',GradientType=0 );
    color: #650588;
    text-align: center;
    overflow: hidden;
    padding-top: 60px;
    margin-bottom: 0px;
    margin-bottom: -45px;
}

.scroll-to-top a {
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(33, 37, 41, 0.5);
    line-height: 3.1rem;
}

.variant-desc {
    margin: 2px 0 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}

    .variant-desc > img {
        vertical-align: middle;
        margin-right: 6px;
    }

.variant-rating-count {
    margin-top: 8px;
    position: absolute;
    z-index: 1;
}

.hk-variants-price {
    margin: 8px 0;
    /*padding: 30px 0 0;*/
}

.thumb-content h4 {
    font-size: 14px;
    text-align: left;
}

.star-rating {
    margin-top: 15px;
}
/*#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}*/
/*.img-box {
    margin-top: 260px;
}*/

.img-box-genral {
    margin-top: 0px;
}

.img-box {
    margin-top: 45px;
}

#mainNav .navbar-brand {
    color: #fff;
}
/*.detail_box {
    margin-top:136px;
}*/
#mainNav .navbar-nav {
    margin-top: 1rem;
}

    #mainNav .navbar-nav li.nav-item a.nav-link {
        color: #fff;
    }

        #mainNav .navbar-nav li.nav-item a.nav-link:hover {
            color: #1abc9c;
        }

        #mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
            color: #fff;
        }

        #mainNav .navbar-nav li.nav-item a.nav-link.active {
            color: #1abc9c;
        }

#mainNav .navbar-toggler {
    font-size: 80%;
    padding: 0.8rem;
}

@media (min-width: 992px) {
    #mainNav {
        padding-top: 1rem;
        padding-bottom: 1rem;
        transition: padding-top 0.3s, padding-bottom 0.3s;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    #mainNav {
        position: fixed;
        z-index: 9999 !important;
        width: 100%;
        /* box-shadow: 0 10px 15px rgba(0,0,0,0.05); */
        top: 0;
        background-color: transparent;
    }

        #mainNav .navbar-brand {
            font-size: 1.75em;
            transition: font-size 0.3s;
        }

        #mainNav .navbar-nav {
            margin-top: 0;
        }

            #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
                color: #fff;
                background: #07237f;
            }

                #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
                    color: #fff;
                }

        #mainNav.navbar-shrink {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            background: #650588;
            box-shadow: -7px 0px 5px 0px #333;
        }

            #mainNav.navbar-shrink .navbar-brand {
                font-size: 1.5em;
            }
}


.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 30px;
    color: #ffffff;
    text-align: center;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: initial;
    }

.btn,
.btn:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom_nav-container .nav_search-btn {
    background-image: url(../images/search-icon.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position-y: 7px;
    width: 35px;
    height: 35px;
    padding: 0;
    border: none;
}

.navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .navbar-brand img {
        /* width: 30px; */
        margin-right: -15px;
    }

    .navbar-brand span {
        font-size: 22px;
        font-weight: 700;
        color: #191919;
        text-transform: uppercase;
    }

.custom_nav-container {
    z-index: 99999;
    padding: 5px 0;
}

    .custom_nav-container .navbar-toggler {
        outline: none;
    }

        .custom_nav-container .navbar-toggler .navbar-toggler-icon {
            background-image: url(../images/menu.png);
            background-size: 45px;
        }

.quote_btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .quote_btn-container a {
        color: #000000;
        position: relative;
    }

        .quote_btn-container a .cart_number {
            position: absolute;
            top: 68%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #ffffff;
            font-size: 12px;
        }

        .quote_btn-container a img {
            width: 20px;
            margin: 0 25px;
        }

/*end header section*/
/* slider section */
.slider_section {
    height: calc(100% - 200px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .slider_section .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .slider_section .design-box {
        position: absolute;
        bottom: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 75px;
    }

        .slider_section .design-box img {
            width: 100%;
        }

    .slider_section .slider_number-container {
        position: absolute;
        top: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 4%;
        text-align: center;
        opacity: .6;
    }

        .slider_section .slider_number-container hr {
            width: 1px;
            height: 50px;
            border: none;
            background-color: #ffffff;
        }

        .slider_section .slider_number-container .number-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #ffffff;
            text-transform: uppercase;
        }

    .slider_section .detail_box h2 {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .slider_section .detail_box h2 span {
            margin-right: 10px;
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
        }

.detail_box h2 hr {
    margin: 0;
    border: none;
    width: 55px;
    height: 1px;
    background-color: #000000;
}


.detail_box h2 {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .detail_box h2 hr {
        margin: 0;
        border: none;
        width: 55px;
        height: 1px;
        background-color: #000000;
    }

    .detail_box h2 span {
        margin-right: 10px;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
    }

.slider_section .detail_box h1 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 5rem;
    margin-bottom: 30px;
}

.slider_section .detail_box a {
    display: inline-block;
    padding: 8px 40px;
    background-color: transparent;
    border: 1px solid #0d0806;
    color: #000;
    border-radius: 0;
    margin: 35px 0;
}

.slider_section .detail_box a {
    display: inline-block;
    border-radius: 0;
    margin: 35px 0;
    padding: 8px 40px;
    /* background-color: transparent; */
    color: #fff8f6;
    background-image: linear-gradient(to right top, #7f44bd, #6125bf, #252aa5, #1f187e, #3e09b5);
}

    .slider_section .detail_box a:hover {
        background-image: linear-gradient(to right top, #7f44bd, #6313e0, #252aa5, #985ff4, #9c7fde);
        border: 1px solid #8a8eaa;
        color: #fff;
    }

.slider_section .img-box img {
    width: 100%;
}

.slider_section .carousel-indicators {
    padding: 0;
    margin: 0;
    right: initial;
    /* bottom: 1%; */
    /* left: 20%; */
    /* position: relative; */
    /* text-align: center; */
    margin: 3% 50%;
}

/*.slider_section .carousel-indicators li {
    text-indent: 0;
    width: 20px;
    height: 20px;
    opacity: 1;
    background-color: #550681;
    border: none;
    color: #c0c0c0;
    font-size: 24px;
    display: none;
    border-radius: 50%;
}
.slider_section .carousel-indicators li.active {
  display: block;
  
}*/
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #760586;
}


.item_section .item_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .item_section .item_container .box {
        width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 30px 10px;
        padding: 15px;
        -webkit-box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0, 0.15);
    }

        .item_section .item_container .box .img-box {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .item_section .item_container .box .img-box img {
                width: 125px;
            }

        .item_section .item_container .box h6 {
            color: #fbb534;
            text-transform: uppercase;
        }

        .item_section .item_container .box h5 {
            text-transform: uppercase;
        }

        .item_section .item_container .box:hover {
            -webkit-box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.1);
        }

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 35px;
    height: 35px !important;
}

.about_section {
    position: relative;
}

.img-box-genral img {
    width: 100%;
}

.about_section .design-box {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 75px;
}

    .about_section .design-box img {
        width: 100%;
    }

.about_section .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about_section .detail-box p {
    margin-top: 15px;
}

.about_section .detail-box a {
    display: inline-block;
    padding: 8px 40px;
    /* background-color: #650588; */
    border: 1px solid #393937;
    color: #1b1a1a;
    border-radius: 0;
    margin-top: 35px;
}

    .about_section .detail-box a:hover {
        color: #fff8f6;
        background-image: linear-gradient(to right top, #7f44bd, #6125bf, #252aa5, #1f187e, #3e09b5);
        color: #fff;
    }

    .about_section .detail-box a:hover {
        background-color: transparent;
        color: #ffffff;
    }

.about_section .img-box img {
    width: 100%;
}

.price_section {
    background-color: #ffffff;
}

    .price_section .price_container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /* padding: 40px 0;*/
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .price_section .price_container .box {
            margin-top: 30px;
            font-size: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            /* -webkit-box-align: center; */
            -ms-flex-align: center;
            /* -webkit-box-pack: justify; */
            -ms-flex-pack: justify;
            justify-content: space-between;
            border-radius: 5px;
            text-align: left;
            background-color: #ffffff;
            /* background-image: linear-gradient(to right top, #2b04b6, #7231e7, #4352a9, #8c04ff, #63059f); */
            /* background: #5d016e; */
            -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 18px 0 rgb(0 0 0 / 8%);
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
        }

.wishlist.wishlist--pdp-general-icon img {
    width: 35px;
    float: right;
    padding: 3px;
    position: absolute;
    right: 0px;
}

.thumb-content h4 {
    color: #560987;
}

.price_section .price_container .box:hover {
    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
}

.price_section .price_container .box .img-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.variant-old-price {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #9e9e9e;
    margin-right: 15px;
    margin-left: 15px;
    text-decoration: line-through;
}

.hk-premium-price, .cat-page .hk-variants.hk-variants-box.loyality-cat .hk-premium-price {
    width: 100%;
    display: inline-block;
    position: relative;
    left: 0;
    padding: 5px 7px;
    border: 1px solid #cafafa;
    background: #ecf5f8;
    margin-bottom: 5px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 2;
}

    .hk-premium-price .left {
        float: left;
        width: calc(100% - 10px);
    }

    .hk-premium-price .msg {
        width: calc(100% - 18px);
        position: relative;
    }

.ul-address li {
    padding-right: 20px;
    margin-bottom: 8px;
    list-style: none;
    color: #fff;
}

ul.ul-address i {
    font-size: 30px;
    /* margin-right: 13px; */
    width: 40px;
    height: 40px;
    padding: 8px;
}

#intro ul, li {
    font-size: 20px;
    font-weight: normal;
    font-family: 'RobotoRegular', sans-serif;
    color: #333333;
    line-height: 27px;
    /* list-style-image: url(../images/antivirus/tick.png); */
    margin-left: 0px;
    /* padding-left: 24px; */
}

ul.ul-address {
    padding-inline-start: 0px;
}

.hk-premium-price .msg span {
    font-size: 15px;
    color: #1e3f88;
}

.hk-premium-price .msg .bold {
    font-weight: 700;
}

.hk-variants-more-offer {
    background: green;
    color: #fff;
    padding: 2px 5px;
    /*    max-width: 70px;*/
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 2px;
    position: absolute;
    z-index: 1;
}

.wishlist {
    right: 10px;
    top: 10px !important;
}

.wishlist {
    opacity: 1 !important;
    right: 0;
}

.hk-premium-price .msg span {
    font-size: 25px;
    color: #1e3f88;
    font-family: Roboto,sans-serif;
}

.hk-premium-price img.locked {
    display: inline-block;
    width: 10px;
    cursor: pointer;
}

span.variant-offer {
    text-align: right;
    float: right;
}
/*img.icon {
    width: 25px;
    height: 25px;
    float: left;
}*/
.hk-premium-price img.icon {
    width: 16.5px;
    vertical-align: bottom;
    position: absolute;
    margin-top: 3px;
}

.price_section .price_container .box .img-box img {
    width: 150px;
}

.price_section .price_container .box h6 {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.price_section .price_container .box .detail-box h5 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
}

    .price_section .price_container .box .detail-box h5 span {
        color: #fbb534;
    }

.price_section .price_container .box .detail-box a {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #0910f8;
    font-weight: bold;
    color: #0b62c0;
    margin-top: 15px;
    margin-bottom: 20px;
}

.price_section .price_container .box:hover a {
    border-color: #650588;
    color: #a210c7;
}

.price_section .price_btn {
    display: inline-block;
    padding: 8px 50px;
    color: #fff8f6;
    background-image: linear-gradient(to right top, #7f44bd, #6125bf, #252aa5, #1f187e, #3e09b5);
    border: 1px solid #650588;
    color: #fff;
    border-radius: 0;
    margin-top: 45px;
    text-transform: uppercase;
}

    .price_section .price_btn:hover {
        color: #fff8f6;
        background-image: linear-gradient(to right top, #7f44bd, #6313e0, #252aa5, #985ff4, #9c7fde);
    }

.ring_section {
    text-align: center;
    position: relative;
}

    .ring_section .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .ring_section .container {
        -webkit-box-shadow: 0px 0px 56px 1px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 0px 56px 1px rgba(0, 0, 0, 0.08);
    }

    .ring_section .design-box {
        position: absolute;
        bottom: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 75px;
    }

        .ring_section .design-box img {
            width: 100%;
        }

    .ring_section .ring_container .detail-box h4 {
        text-transform: uppercase;
        color: #fbb534;
    }

    .ring_section .ring_container .detail-box a {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #000000;
        font-weight: bold;
        color: #000000;
        margin-top: 15px;
    }

    .ring_section .ring_container .img-box img {
        width: 100%;
    }

.client_section .heading_container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.client_section .secondary_heading {
    text-align: center;
}

.client_section .client_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #fbb534;
    padding: 25px;
    width: 85%;
    margin: 75px auto;
}

    .client_section .client_container .client-id {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 45%;
    }

        .client_section .client_container .client-id .img-box {
            margin-right: 25px;
        }

            .client_section .client_container .client-id .img-box img {
                width: 100%;
            }

        .client_section .client_container .client-id h5 {
            font-weight: bold;
        }

        .client_section .client_container .client-id h6 {
            color: #f6d768;
        }

    .client_section .client_container .detail-box {
        width: 55%;
    }

        .client_section .client_container .detail-box p {
            margin: 0;
        }

.client_section .carousel-control-prev,
.client_section .carousel-control-next {
    opacity: 1;
}

.client_section .carousel-control-prev {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.client_section .carousel-control-next {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.client_section .carousel-control-prev-icon,
.client_section .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    background-size: 25px;
}

.client_section .carousel-control-prev-icon {
    background-image: url(../images/prev-black.png);
}

    .client_section .carousel-control-prev-icon:hover {
        background-image: url(../images/prev.png);
    }

.client_section .carousel-control-next-icon {
    background-image: url(../images/next-black.png);
}

    .client_section .carousel-control-next-icon:hover {
        background-image: url(../images/next.png);
    }

/*.contact_section {
  position: relative;background-image: url(../images/contact-bg.png);
}*/

.contact_section .design-box {
    position: absolute;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    right: 0;
    width: 75px;
}

    .contact_section .design-box img {
        width: 100%;
    }

.contact_section h2 {
    margin-bottom: 20px;
    margin-top: 40px;
}

.white-bg {
    background: #fff;
}

.contact_section form {
    padding-right: 35px;
}

.contact_section input {
    width: 100%;
    border: none;
    height: 50px;
    margin-bottom: 25px;
    padding-left: 25px;
    background-color: #fffdfd;
    outline: none;
    color: #101010;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
}

.contact_section .form-control {
    width: 100%;
    border: none;
    height: 50px;
    margin-bottom: 25px;
    padding-left: 25px;
    background-color: #fffdfd;
    outline: none;
    color: #101010;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
}

.contact_section input::-webkit-input-placeholder {
    color: #131313;
}

.contact_section input:-ms-input-placeholder {
    color: #131313;
}

.contact_section input::-ms-input-placeholder {
    color: #131313;
}

.contact_section input::placeholder {
    color: #131313;
}

.contact_section input.message-box {
    height: 120px;
}

.contact_section button {
    padding: 12px 65px;
    padding: 8px 40px;
    background-image: linear-gradient(to right top, #7f44bd, #6125bf, #252aa5, #1f187e, #3e09b5);
    border: 1px solid #650588;
    color: #fff;
    border-radius: 0;
    margin-top: 35px;
}

    .contact_section button:hover {
        color: #fff8f6;
        background-image: linear-gradient(to right top, #7f44bd, #6313e0, #252aa5, #985ff4, #9c7fde);
    }

.contact_section .map_container {
    height: 100%;
    padding-bottom: 110px;
}

.thumb-wrapper {
    text-align: center;
}

.thumb-content {
    padding: 15px;
}

.item-price {
    font-size: 13px;
    padding: 2px 0;
}

    .item-price strike {
        color: #999;
        margin-right: 5px;
    }

    .item-price span {
        color: #86bd57;
        font-size: 110%;
    }

.carousel-indicators {
    bottom: -50px;
}

    .carousel-indicators li, .carousel-indicators li.active {
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 50%;
        border-color: transparent;
        border: none;
    }

    .carousel-indicators li {
        background: rgba(0, 0, 0, 0.2);
    }

        .carousel-indicators li.active {
            background: rgba(0, 0, 0, 0.6);
        }

.star-rating li {
    padding: 0;
}

.star-rating i {
    font-size: 14px;
    color: #ffc000;
}

.contact_section .map_container .map-responsive {
    height: 100%;
}

/*.info_section {
    background-image: url(../images/contact-bg.png);
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: revert;
    padding-bottom: 50px;
        margin-top: -70px;
    height: 500px;
}*/
.info_container .info_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 19px 20px 57px 24px;
    /* background-color: #4831ff; */
    background-image: linear-gradient(to right top, #2b04b6, #290170, #3c0280, #4f048f, #63059f);
    width: 234px;
    border-radius: 0 0 50px 50px;
    /* margin-bottom: 45px; */
}

    .info_container .info_logo a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .info_container .info_logo a img {
            width: 100%;
            margin-right: 10px;
            /* filter: invert(1); */
            padding-top: 21px;
        }

        .info_container .info_logo a span {
            text-transform: uppercase;
            color: #000000;
            font-size: 28px;
            font-weight: bold;
        }

.info_container .info_contact {
    padding: 115px 10px 45px 10px;
}

    .info_container .info_contact a {
        color: #ffffff;
    }

        .info_container .info_contact a img {
            margin-right: 10px;
        }

.info_section .info_heading {
    text-transform: uppercase;
    margin: 20px 0;
    position: relative;
}

.info_heading::before {
    content: "";
    width: 45px;
    height: 5px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
    background-color: #f8bf46;
}

.info_form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info_section .info_form form .email_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.info_section .info_form form label {
    color: #5a5959;
}

.info_section .info_form form input {
    width: 500px;
    border: none;
    background-color: #ffffff;
    outline: none;
    padding: 5px;
}

.info_section .info_form form button {
    padding: 8px 65px;
    outline: none;
    border: none;
    border-radius: 30px;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5e47b), to(#fb930a));
    background: linear-gradient(to bottom, #f5e47b, #fb930a);
    margin-top: 35px;
    text-transform: uppercase;
}

.info_section .info_social {
    padding-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .info_section .info_social .social_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 15px auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .info_section .info_social .social_box img {
            min-width: 10px;
            margin: 0 10px;
        }

/* footer section*/
.footer_section {
    background-color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

    .footer_section p {
        color: #9c9b9b;
        margin: 0;
        text-align: center;
        padding: 20px 35px;
        margin: 0;
    }

    .footer_section a {
        color: #9c9b9b;
    }

.bg {
    background-color: #000000;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    height: 1000px;
    overflow: hidden;
    position: relative;
}

    .bg:after {
        content: "";
        width: 200%;
        height: 0;
        padding-top: 200%;
        border-radius: 100%;
        background: #f7f7f7;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translateX(-50%);
    }

.map-area {
    margin-top: -130px;
    background: #650588;
    padding: 8px;
    margin-bottom: 50px;
    box-shadow: 2px 0px 2px 1px rgba(0, 0, 0, 0.075);
}

.price_btn {
    display: inline-block;
    padding: 8px 40px;
    color: #fff8f6;
    background-image: linear-gradient(to right top, #7f44bd, #6125bf, #252aa5, #1f187e, #3e09b5);
    border: 1px solid #0d0806;
    color: #fff;
    border-radius: 0;
    margin: 35px 0;
}

a.price_btn:hover {
    background-image: linear-gradient(to right top, #7f44bd, #6313e0, #252aa5, #985ff4, #9c7fde);
    border: 1px solid #8a8eaa;
    color: #fff;
}

.curved-div {
    margin-top: -90px;
    margin-bottom: -7px;
    position: relative;
    background-image: linear-gradient(to bottom, #d18de9, #693cf3c9, #e5d1e1, #780fd9, #30034b);
    color: #FFF;
    text-align: center;
    overflow: hidden;
    /* background: linear-gradient(90deg, rgba(67,3,121,1) 0%, rgba(222,150,242,1) 50%, rgba(232,162,162,1) 100%); */
}

    .curved-div svg {
        display: block;
    }

    .curved-div.upper {
        background: transparent;
        margin-top: -7px;
    }

#minify_nav section#about {
    position: relative;
    overflow-y: scroll;
    height: 200px;
}

#container {
    overflow: hidden;
}

.curved-div h1 {
    font-size: 6rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-top: 0rem;
}

.curved-div p {
    font-size: 1rem;
    margin: 0 5rem 0rem 5rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/******************* Timeline Demo - 5 *****************/
.main-timeline5 {
    overflow: hidden;
    position: relative;
}

    .main-timeline5 .timeline {
        position: relative;
        margin-top: -74px;
        height: 250px;
    }

        .main-timeline5 .timeline:first-child {
            margin-top: 0;
        }

    .main-timeline5 .timeline-icon, .main-timeline5 .year {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .main-timeline5 .timeline:after, .main-timeline5 .timeline:before {
        content: "";
        display: block;
        width: 100%;
        clear: both;
    }

    .main-timeline5 .timeline:before {
        content: "";
        width: 100%;
        height: 100%;
        box-shadow: -8px 0 5px -5px rgba(0,0,0,.5) inset;
        position: absolute;
        top: 24px;
        right: 0;
        z-index: 2;
    }

    .main-timeline5 .timeline-icon {
        width: 204px;
        height: 206px;
        border-radius: 50%;
        border: 30px solid transparent;
        border-top-color: #650588;
        border-right-color: #650588;
        z-index: 1;
        transform: rotate(44deg);
    }

    .main-timeline5 .year {
        display: block;
        width: 110px;
        height: 110px;
        line-height: 110px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 20px rgba(0,0,0,.4);
        font-size: 30px;
        font-weight: 700;
        color: #650588;
        ;
        text-align: center;
        transform: rotate(-45deg);
    }

        .main-timeline5 .year img {
            display: block;
            width: 110px;
            height: 110px;
            line-height: 110px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 0 20px rgba(0,0,0,.4);
            font-size: 30px;
            font-weight: 700;
            color: #650588;
            ;
            text-align: center;
        }

    .main-timeline5 .timeline-content {
        width: 35%;
        float: right;
        background: #650588;
        background: -webkit-linear-gradient(to right, #f5af19, #f12711);
        background: linear-gradient(to right, #650588, #280804);
        padding: 30px 20px;
        margin: 50px 0;
        z-index: 1;
        position: relative;
        height: 195px;
        overflow: inherit;
        word-break: break-all;
    }

        .main-timeline5 .timeline-content:before {
            content: "";
            width: 20%;
            height: 15px;
            background: #650588;
            ;
            position: absolute;
            top: 50%;
            left: -20%;
            z-index: -1;
            transform: translateY(-50%);
        }

    .main-timeline5 .title {
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        margin: 0 0 10px;
    }

    .main-timeline5 .description {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin: 0;
    }

    .main-timeline5 .timeline:nth-child(2n):before {
        box-shadow: 8px 0 5px -5px rgba(0,0,0,.5) inset;
    }

    .main-timeline5 .timeline:nth-child(2n) .timeline-icon {
        transform: rotate(-135deg);
        border-top-color: #650588;
        border-right-color: #650588;
    }

    .main-timeline5 .timeline:nth-child(2n) .year {
        transform: rotate(135deg);
        color: #e97e2e;
    }

    .main-timeline5 .timeline:nth-child(2n) .timeline-content {
        float: left;
    }

        .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
            left: auto;
            right: -20%;
        }

    .main-timeline5 .timeline:nth-child(2n) .timeline-content, .main-timeline5 .timeline:nth-child(2n) /* .timeline-content:before{background: #650588;
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);
    background: linear-gradient(to right, #650588, #f12711);}*/
    .main-timeline5 .timeline:nth-child(3n) .timeline-icon {
        border-top-color: #650588;
        border-right-color: #650588;
    }

    .main-timeline5 .timeline:nth-child(3n) .year {
        color: #650588;
    }

    .main-timeline5 .timeline:nth-child(3n) .timeline-content, .main-timeline5 .timeline:nth-child(3n) .timeline-content:before { /*background:#650588*/
    }

    .main-timeline5 .timeline:nth-child(4n) .timeline-icon {
        border-top-color: #650588;
        border-right-color: #650588;
    }

    .main-timeline5 .timeline:nth-child(4n) .year {
        color: #650588;
    }

    .main-timeline5 .timeline:nth-child(4n) .timeline-content, .main-timeline5 .timeline:nth-child(4n) /*.timeline-content:before{background: #650588;
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);
    background: linear-gradient(to right, #650588, #f12711);*/
}

@media only screen and (max-width:1199px) {
    .main-timeline5 .timeline {
        margin-top: -103px;
    }

    .main-timeline5 .timeline-content:before {
        left: -18%;
    }

    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        right: -18%;
    }
}

@media only screen and (max-width:990px) {
    .main-timeline5 .timeline {
        position: relative;
        margin-top: -74px;
        height: 250px;
    }

    .main-timeline5 .timeline-content:before {
        left: -14%;
    }

    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        right: -20%;
    }
}

@media only screen and (max-width:767px) {
    .main-timeline5 .timeline {
        margin-top: 0;
        overflow: hidden;
    }

    button {
        margin-top: 0px;
    }

    .main-timeline5 .timeline:before, .main-timeline5 .timeline:nth-child(2n):before {
        box-shadow: none;
    }

    .main-timeline5 .timeline-icon, .main-timeline5 .timeline:nth-child(2n) .timeline-icon {
        margin-top: -30px;
        margin-bottom: 20px;
        position: relative;
        transform: rotate(135deg);
    }

    .main-timeline5 .timeline:nth-child(2n) .year, .main-timeline5 .year {
        transform: rotate(-135deg);
    }

    .main-timeline5 .timeline-content, .main-timeline5 .timeline:nth-child(2n) .timeline-content {
        width: 100%;
        float: none;
        border-radius: 0 0 20px 20px;
        text-align: center;
        padding: 25px 20px;
        margin: 0 auto;
    }

        .main-timeline5 .timeline-content:before, .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
            width: 15px;
            height: 25px;
            position: absolute;
            top: -22px;
            left: 50%;
            z-index: -1;
            transform: translate(-50%,0);
        }
}

.address-area-box {
    background: #23032f;
    padding: 50px 20px;
    color: #fff;
    box-shadow: 2px 5px 5px #b9a5a5;
    border-radius: 60px 0px;
}

.timeline-icon {
    border-top-color: #650588;
    border-right-color: #650588;
}

.address-area {
    background: #fff;
    padding: 40px;
    color: #333;
}

.address-area-footer {
    /* background-image: url(../images/black-img.png); */
    padding-top: 70px;
    /* padding-left: 75px; */
    color: #ffffff;
    /* margin-top: -2px; */
    /* background-position: 100% -2px; */
    /* background-size: cover; */
    /* height: 500px; */
    /* width: 100%; */
    /* border-radius: 0px 280px; */
    /* overflow-y: hidden; */
}

.footer-links {
    margin-top: 25px;
    padding-left: 55px;
}

@media (min-width:768px) {

    section.info_section {
        background-image: url(../images/contact-bg.png);
        background-size: cover;
        background-position: 50% 21%;
        margin-top: 5px;
        padding-top: 255px;
        padding-bottom: 36px;
        /* height: 440px; */
        margin-bottom: -20px;
    }

        section.info_section img {
            position: absolute;
            right: 45px;
            /* top: -120px; */
            bottom: -32px;
        }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.info_section .info_container {
    margin-bottom: 15px;
    color: rgb(1, 3, 81);
    /* text-align: center; */
    /* background: rgb(255, 255, 255); 
    border-top: 6px solid rgb(46, 171, 191);
    padding: 30px 20px;*/
}

    .info_section .info_container h3 {
        font-size: 24px;
        margin: 0 0 20px 0;
        padding: 2px 0 2px 0;
        line-height: 1;
        font-weight: 700;
    }

    .info_section .info_container p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .info_section .info_container .social-links a {
        font-size: 18px;
        display: inline-block;
        color: #fff;
        line-height: 1;
        padding: 8px 0;
        margin-right: 4px;
        border-radius: 50%;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s;
    }

        .info_section .info_container .social-links a:hover {
            background: #470875;
            color: #fff;
            text-decoration: none;
        }

    .info_section .info_container h4 {
        font-size: 21px;
        font-weight: 600;
        color: #fff;
        position: relative;
        padding-bottom: 12px;
        padding-top: 30px;
    }

    .info_section .info_container .footer-links {
        margin-bottom: 30px;
    }

        .info_section .info_container .footer-links ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .info_section .info_container .footer-links ul i {
                padding-right: 2px;
                color: #ef7b03;
                font-size: 18px;
                line-height: 1;
            }

            .info_section .info_container .footer-links ul li {
                padding: 10px 0;
                display: flex;
                align-items: center;
            }

                .info_section .info_container .footer-links ul li:first-child {
                    padding-top: 0;
                }

            .info_section .info_container .footer-links ul a {
                color: #fff;
                transition: 0.3s;
                display: inline-block;
                line-height: 1;
            }

                .info_section .info_container .footer-links ul a:hover {
                    color: #ffa500;
                }

    .info_section .info_container .footer-newsletter form {
        margin-top: 30px;
        background: #fff;
        padding: 6px 10px 6px 15px;
        position: relative;
        border-radius: 50px;
    }



        .info_section .info_container .footer-newsletter form input[type="email"] {
            border: 0;
            padding: 4px;
            width: calc(100% - 110px);
        }

        .info_section .info_container.footer-newsletter form input[type="submit"] {
            position: absolute;
            top: 0;
            right: -2px;
            bottom: 0;
            border: 0;
            background: none;
            font-size: 16px;
            padding: 0 20px;
            background: #2eabbf;
            color: #fff;
            transition: 0.3s;
            border-radius: 50px;
        }

            .info_section .info_container .footer-newsletter form input[type="submit"]:hover {
                background: #149f6e;
            }

.info_section .copyright {
    border-top: 1px solid #010479;
    text-align: center;
    padding-top: 30px;
}

#footer .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

.social-links a {
    font-size: 18px;
    display: inline-block;
    color: #650588;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    border: 1px solid #a74de7;
}

    .social-links a:hover {
        font-size: 18px;
        display: inline-block;
        color: #3d0280;
        line-height: 1;
        padding: 8px 0;
        margin-right: 4px;
        border-radius: 50%;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s;
        border: 1px solid #3b027f;
    }

.icon-left .design-box {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 75px;
}
/*.navbar-collapse {
    background: #560ca5;
    padding: 0px 25px;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
    color: #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0px;}
	.navbar-collapse {
    background: #560ca5;
    padding: 0px 25px;
    z-index: 9999;
    position: inherit;
}*/
@media (max-width: 575px) {
    #footer .footer-top .footer-info {
        margin: -20px 0 30px 0;
    }
}

.purple {
    -webkit-animation: purple linear 30s alternate infinite;
    animation: purple linear 30s alternate infinite;
    border: 2px solid #241379;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate3d(80vw, 42vh, 0);
    transform: translate3d(80vw, 42vh, 0);
    z-index: 6;
}

    .purple::before {
        -webkit-animation: purple-pseudo linear 15s alternate infinite;
        animation: purple-pseudo linear 15s alternate infinite;
        background: #241379;
        border: 2px solid #241379;
        width: 45px;
        height: 44px;
        -webkit-transform: translate3d(7vw, -33vh, 0) rotate(77deg);
        transform: translate3d(7vw, -33vh, 0) rotate(77deg);
    }

    .purple::after {
        -webkit-animation: purple-pseudo linear 20s alternate infinite;
        animation: purple-pseudo linear 20s alternate infinite;
        border: 2px solid #241379;
        width: 9px;
        height: 36px;
        -webkit-transform: translate3d(-13vw, 21vh, 0) rotate(48deg);
        transform: translate3d(-13vw, 21vh, 0) rotate(48deg);
    }

@-webkit-keyframes purple {
    50% {
        -webkit-transform: translate3d(43vw, 88vh, 0);
        transform: translate3d(43vw, 88vh, 0);
    }

    100% {
        -webkit-transform: translate3d(22vw, 12vh, 0);
        transform: translate3d(22vw, 12vh, 0);
    }
}

@keyframes purple {
    50% {
        -webkit-transform: translate3d(43vw, 88vh, 0);
        transform: translate3d(43vw, 88vh, 0);
    }

    100% {
        -webkit-transform: translate3d(22vw, 12vh, 0);
        transform: translate3d(22vw, 12vh, 0);
    }
}

@-webkit-keyframes purple-pseudo {
    33% {
        -webkit-transform: translate3d(-9vw, -53vh, 0) rotate(2deg);
        transform: translate3d(-9vw, -53vh, 0) rotate(2deg);
    }

    100% {
        -webkit-transform: translate3d(-1vw, 29vh, 0) rotate(132deg);
        transform: translate3d(-1vw, 29vh, 0) rotate(132deg);
    }
}

@keyframes purple-pseudo {
    33% {
        -webkit-transform: translate3d(-9vw, -53vh, 0) rotate(2deg);
        transform: translate3d(-9vw, -53vh, 0) rotate(2deg);
    }

    100% {
        -webkit-transform: translate3d(-1vw, 29vh, 0) rotate(132deg);
        transform: translate3d(-1vw, 29vh, 0) rotate(132deg);
    }
}

.medium-blue {
    -webkit-animation: medium-blue linear 30s alternate infinite;
    animation: medium-blue linear 30s alternate infinite;
    border: 2px solid #2185bf;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    -webkit-transform: translate3d(79vw, 13vh, 0);
    transform: translate3d(79vw, 13vh, 0);
    z-index: 11;
}

    .medium-blue::before {
        -webkit-animation: medium-blue-pseudo linear 15s alternate infinite;
        animation: medium-blue-pseudo linear 15s alternate infinite;
        background: #2185bf;
        border: 2px solid #2185bf;
        width: 46px;
        height: 48px;
        -webkit-transform: translate3d(-19vw, 86vh, 0) rotate(94deg);
        transform: translate3d(-19vw, 86vh, 0) rotate(94deg);
    }

    .medium-blue::after {
        -webkit-animation: medium-blue-pseudo linear 20s alternate infinite;
        animation: medium-blue-pseudo linear 20s alternate infinite;
        border: 2px solid #2185bf;
        width: 47px;
        height: 46px;
        -webkit-transform: translate3d(2vw, 6vh, 0) rotate(180deg);
        transform: translate3d(2vw, 6vh, 0) rotate(180deg);
    }

@-webkit-keyframes medium-blue {
    50% {
        -webkit-transform: translate3d(13vw, 74vh, 0);
        transform: translate3d(13vw, 74vh, 0);
    }

    100% {
        -webkit-transform: translate3d(66vw, 43vh, 0);
        transform: translate3d(66vw, 43vh, 0);
    }
}

@keyframes medium-blue {
    50% {
        -webkit-transform: translate3d(13vw, 74vh, 0);
        transform: translate3d(13vw, 74vh, 0);
    }

    100% {
        -webkit-transform: translate3d(66vw, 43vh, 0);
        transform: translate3d(66vw, 43vh, 0);
    }
}

@-webkit-keyframes medium-blue-pseudo {
    33% {
        -webkit-transform: translate3d(63vw, -45vh, 0) rotate(225deg);
        transform: translate3d(63vw, -45vh, 0) rotate(225deg);
    }

    100% {
        -webkit-transform: translate3d(-34vw, 53vh, 0) rotate(64deg);
        transform: translate3d(-34vw, 53vh, 0) rotate(64deg);
    }
}

@keyframes medium-blue-pseudo {
    33% {
        -webkit-transform: translate3d(63vw, -45vh, 0) rotate(225deg);
        transform: translate3d(63vw, -45vh, 0) rotate(225deg);
    }

    100% {
        -webkit-transform: translate3d(-34vw, 53vh, 0) rotate(64deg);
        transform: translate3d(-34vw, 53vh, 0) rotate(64deg);
    }
}

.light-blue {
    -webkit-animation: light-blue linear 30s alternate infinite;
    animation: light-blue linear 30s alternate infinite;
    border: 2px solid #1fbce1;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    -webkit-transform: translate3d(93vw, 71vh, 0);
    transform: translate3d(93vw, 71vh, 0);
    z-index: 6;
}

    .light-blue::before {
        -webkit-animation: light-blue-pseudo linear 15s alternate infinite;
        animation: light-blue-pseudo linear 15s alternate infinite;
        background: #1fbce1;
        border: 2px solid #1fbce1;
        width: 46px;
        height: 26px;
        -webkit-transform: translate3d(-8vw, 2vh, 0) rotate(12deg);
        transform: translate3d(-8vw, 2vh, 0) rotate(12deg);
    }

    .light-blue::after {
        -webkit-animation: light-blue-pseudo linear 20s alternate infinite;
        animation: light-blue-pseudo linear 20s alternate infinite;
        border: 2px solid #1fbce1;
        width: 29px;
        height: 13px;
        -webkit-transform: translate3d(-67vw, -46vh, 0) rotate(119deg);
        transform: translate3d(-67vw, -46vh, 0) rotate(119deg);
    }

@-webkit-keyframes light-blue {
    50% {
        -webkit-transform: translate3d(52vw, 24vh, 0);
        transform: translate3d(52vw, 24vh, 0);
    }

    100% {
        -webkit-transform: translate3d(34vw, 93vh, 0);
        transform: translate3d(34vw, 93vh, 0);
    }
}

@keyframes light-blue {
    50% {
        -webkit-transform: translate3d(52vw, 24vh, 0);
        transform: translate3d(52vw, 24vh, 0);
    }

    100% {
        -webkit-transform: translate3d(34vw, 93vh, 0);
        transform: translate3d(34vw, 93vh, 0);
    }
}

@-webkit-keyframes light-blue-pseudo {
    33% {
        -webkit-transform: translate3d(-36vw, -7vh, 0) rotate(159deg);
        transform: translate3d(-36vw, -7vh, 0) rotate(159deg);
    }

    100% {
        -webkit-transform: translate3d(3vw, -28vh, 0) rotate(162deg);
        transform: translate3d(3vw, -28vh, 0) rotate(162deg);
    }
}

@keyframes light-blue-pseudo {
    33% {
        -webkit-transform: translate3d(-36vw, -7vh, 0) rotate(159deg);
        transform: translate3d(-36vw, -7vh, 0) rotate(159deg);
    }

    100% {
        -webkit-transform: translate3d(3vw, -28vh, 0) rotate(162deg);
        transform: translate3d(3vw, -28vh, 0) rotate(162deg);
    }
}

.red {
    -webkit-animation: red linear 30s alternate infinite;
    animation: red linear 30s alternate infinite;
    border: 2px solid #b62f56;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    -webkit-transform: translate3d(98vw, 40vh, 0);
    transform: translate3d(98vw, 40vh, 0);
    z-index: 9;
}

    .red::before {
        -webkit-animation: red-pseudo linear 15s alternate infinite;
        animation: red-pseudo linear 15s alternate infinite;
        background: #b62f56;
        border: 2px solid #b62f56;
        width: 13px;
        height: 29px;
        -webkit-transform: translate3d(-9vw, 30vh, 0) rotate(327deg);
        transform: translate3d(-9vw, 30vh, 0) rotate(327deg);
    }

    .red::after {
        -webkit-animation: red-pseudo linear 20s alternate infinite;
        animation: red-pseudo linear 20s alternate infinite;
        border: 2px solid #b62f56;
        width: 9px;
        height: 8px;
        -webkit-transform: translate3d(-79vw, 16vh, 0) rotate(229deg);
        transform: translate3d(-79vw, 16vh, 0) rotate(229deg);
    }

@-webkit-keyframes red {
    50% {
        -webkit-transform: translate3d(44vw, 1vh, 0);
        transform: translate3d(44vw, 1vh, 0);
    }

    100% {
        -webkit-transform: translate3d(72vw, 64vh, 0);
        transform: translate3d(72vw, 64vh, 0);
    }
}

@keyframes red {
    50% {
        -webkit-transform: translate3d(44vw, 1vh, 0);
        transform: translate3d(44vw, 1vh, 0);
    }

    100% {
        -webkit-transform: translate3d(72vw, 64vh, 0);
        transform: translate3d(72vw, 64vh, 0);
    }
}

@-webkit-keyframes red-pseudo {
    33% {
        -webkit-transform: translate3d(49vw, 97vh, 0) rotate(133deg);
        transform: translate3d(49vw, 97vh, 0) rotate(133deg);
    }

    100% {
        -webkit-transform: translate3d(-27vw, 33vh, 0) rotate(36deg);
        transform: translate3d(-27vw, 33vh, 0) rotate(36deg);
    }
}

@keyframes red-pseudo {
    33% {
        -webkit-transform: translate3d(49vw, 97vh, 0) rotate(133deg);
        transform: translate3d(49vw, 97vh, 0) rotate(133deg);
    }

    100% {
        -webkit-transform: translate3d(-27vw, 33vh, 0) rotate(36deg);
        transform: translate3d(-27vw, 33vh, 0) rotate(36deg);
    }
}

.orange {
    -webkit-animation: orange linear 30s alternate infinite;
    animation: orange linear 30s alternate infinite;
    border: 2px solid #d5764c;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    -webkit-transform: translate3d(4vw, 59vh, 0);
    transform: translate3d(4vw, 59vh, 0);
    z-index: 11;
}

    .orange::before {
        -webkit-animation: orange-pseudo linear 15s alternate infinite;
        animation: orange-pseudo linear 15s alternate infinite;
        background: #d5764c;
        border: 2px solid #d5764c;
        width: 23px;
        height: 27px;
        -webkit-transform: translate3d(88vw, -20vh, 0) rotate(291deg);
        transform: translate3d(88vw, -20vh, 0) rotate(291deg);
    }

    .orange::after {
        -webkit-animation: orange-pseudo linear 20s alternate infinite;
        animation: orange-pseudo linear 20s alternate infinite;
        border: 2px solid #d5764c;
        width: 25px;
        height: 42px;
        -webkit-transform: translate3d(90vw, -44vh, 0) rotate(282deg);
        transform: translate3d(90vw, -44vh, 0) rotate(282deg);
    }

@-webkit-keyframes orange {
    50% {
        -webkit-transform: translate3d(74vw, 52vh, 0);
        transform: translate3d(74vw, 52vh, 0);
    }

    100% {
        -webkit-transform: translate3d(93vw, 78vh, 0);
        transform: translate3d(93vw, 78vh, 0);
    }
}

@keyframes orange {
    50% {
        -webkit-transform: translate3d(74vw, 52vh, 0);
        transform: translate3d(74vw, 52vh, 0);
    }

    100% {
        -webkit-transform: translate3d(93vw, 78vh, 0);
        transform: translate3d(93vw, 78vh, 0);
    }
}

@-webkit-keyframes orange-pseudo {
    33% {
        -webkit-transform: translate3d(-73vw, -36vh, 0) rotate(320deg);
        transform: translate3d(-73vw, -36vh, 0) rotate(320deg);
    }

    100% {
        -webkit-transform: translate3d(-77vw, -67vh, 0) rotate(211deg);
        transform: translate3d(-77vw, -67vh, 0) rotate(211deg);
    }
}

@keyframes orange-pseudo {
    33% {
        -webkit-transform: translate3d(-73vw, -36vh, 0) rotate(320deg);
        transform: translate3d(-73vw, -36vh, 0) rotate(320deg);
    }

    100% {
        -webkit-transform: translate3d(-77vw, -67vh, 0) rotate(211deg);
        transform: translate3d(-77vw, -67vh, 0) rotate(211deg);
    }
}

.yellow {
    -webkit-animation: yellow linear 30s alternate infinite;
    animation: yellow linear 30s alternate infinite;
    border: 2px solid #ffd53e;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    -webkit-transform: translate3d(10vw, 84vh, 0);
    transform: translate3d(10vw, 84vh, 0);
    z-index: 4;
}

    .yellow::before {
        -webkit-animation: yellow-pseudo linear 15s alternate infinite;
        animation: yellow-pseudo linear 15s alternate infinite;
        background: #ffd53e;
        border: 2px solid #ffd53e;
        width: 29px;
        height: 16px;
        -webkit-transform: translate3d(69vw, -57vh, 0) rotate(83deg);
        transform: translate3d(69vw, -57vh, 0) rotate(83deg);
    }

    .yellow::after {
        -webkit-animation: yellow-pseudo linear 20s alternate infinite;
        animation: yellow-pseudo linear 20s alternate infinite;
        border: 2px solid #ffd53e;
        width: 27px;
        height: 16px;
        -webkit-transform: translate3d(33vw, -51vh, 0) rotate(170deg);
        transform: translate3d(33vw, -51vh, 0) rotate(170deg);
    }

@-webkit-keyframes yellow {
    50% {
        -webkit-transform: translate3d(58vw, 70vh, 0);
        transform: translate3d(58vw, 70vh, 0);
    }

    100% {
        -webkit-transform: translate3d(77vw, 88vh, 0);
        transform: translate3d(77vw, 88vh, 0);
    }
}

@keyframes yellow {
    50% {
        -webkit-transform: translate3d(58vw, 70vh, 0);
        transform: translate3d(58vw, 70vh, 0);
    }

    100% {
        -webkit-transform: translate3d(77vw, 88vh, 0);
        transform: translate3d(77vw, 88vh, 0);
    }
}

@-webkit-keyframes yellow-pseudo {
    33% {
        -webkit-transform: translate3d(1vw, 0vh, 0) rotate(340deg);
        transform: translate3d(1vw, 0vh, 0) rotate(340deg);
    }

    100% {
        -webkit-transform: translate3d(-45vw, -85vh, 0) rotate(355deg);
        transform: translate3d(-45vw, -85vh, 0) rotate(355deg);
    }
}

@keyframes yellow-pseudo {
    33% {
        -webkit-transform: translate3d(1vw, 0vh, 0) rotate(340deg);
        transform: translate3d(1vw, 0vh, 0) rotate(340deg);
    }

    100% {
        -webkit-transform: translate3d(-45vw, -85vh, 0) rotate(355deg);
        transform: translate3d(-45vw, -85vh, 0) rotate(355deg);
    }
}

.cyan {
    -webkit-animation: cyan linear 30s alternate infinite;
    animation: cyan linear 30s alternate infinite;
    border: 2px solid #78ffba;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    -webkit-transform: translate3d(38vw, 10vh, 0);
    transform: translate3d(38vw, 10vh, 0);
    z-index: 6;
}

    .cyan::before {
        -webkit-animation: cyan-pseudo linear 15s alternate infinite;
        animation: cyan-pseudo linear 15s alternate infinite;
        background: #78ffba;
        border: 2px solid #78ffba;
        width: 18px;
        height: 33px;
        -webkit-transform: translate3d(61vw, 4vh, 0) rotate(158deg);
        transform: translate3d(61vw, 4vh, 0) rotate(158deg);
    }

    .cyan::after {
        -webkit-animation: cyan-pseudo linear 20s alternate infinite;
        animation: cyan-pseudo linear 20s alternate infinite;
        border: 2px solid #78ffba;
        width: 38px;
        height: 11px;
        -webkit-transform: translate3d(2vw, 10vh, 0) rotate(294deg);
        transform: translate3d(2vw, 10vh, 0) rotate(294deg);
    }

@-webkit-keyframes cyan {
    50% {
        -webkit-transform: translate3d(98vw, 6vh, 0);
        transform: translate3d(98vw, 6vh, 0);
    }

    100% {
        -webkit-transform: translate3d(69vw, 59vh, 0);
        transform: translate3d(69vw, 59vh, 0);
    }
}

@keyframes cyan {
    50% {
        -webkit-transform: translate3d(98vw, 6vh, 0);
        transform: translate3d(98vw, 6vh, 0);
    }

    100% {
        -webkit-transform: translate3d(69vw, 59vh, 0);
        transform: translate3d(69vw, 59vh, 0);
    }
}

@-webkit-keyframes cyan-pseudo {
    33% {
        -webkit-transform: translate3d(-21vw, 48vh, 0) rotate(20deg);
        transform: translate3d(-21vw, 48vh, 0) rotate(20deg);
    }

    100% {
        -webkit-transform: translate3d(-56vw, 28vh, 0) rotate(1deg);
        transform: translate3d(-56vw, 28vh, 0) rotate(1deg);
    }
}

@keyframes cyan-pseudo {
    33% {
        -webkit-transform: translate3d(-21vw, 48vh, 0) rotate(20deg);
        transform: translate3d(-21vw, 48vh, 0) rotate(20deg);
    }

    100% {
        -webkit-transform: translate3d(-56vw, 28vh, 0) rotate(1deg);
        transform: translate3d(-56vw, 28vh, 0) rotate(1deg);
    }
}

.light-green {
    -webkit-animation: light-green linear 30s alternate infinite;
    animation: light-green linear 30s alternate infinite;
    border: 2px solid #98fd85;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    -webkit-transform: translate3d(20vw, 97vh, 0);
    transform: translate3d(20vw, 97vh, 0);
    z-index: 1;
}

    .light-green::before {
        -webkit-animation: light-green-pseudo linear 15s alternate infinite;
        animation: light-green-pseudo linear 15s alternate infinite;
        background: #98fd85;
        border: 2px solid #98fd85;
        width: 22px;
        height: 38px;
        -webkit-transform: translate3d(26vw, -6vh, 0) rotate(234deg);
        transform: translate3d(26vw, -6vh, 0) rotate(234deg);
    }

    .light-green::after {
        -webkit-animation: light-green-pseudo linear 20s alternate infinite;
        animation: light-green-pseudo linear 20s alternate infinite;
        border: 2px solid #98fd85;
        width: 31px;
        height: 17px;
        -webkit-transform: translate3d(42vw, -24vh, 0) rotate(208deg);
        transform: translate3d(42vw, -24vh, 0) rotate(208deg);
    }

@-webkit-keyframes light-green {
    50% {
        -webkit-transform: translate3d(85vw, 40vh, 0);
        transform: translate3d(85vw, 40vh, 0);
    }

    100% {
        -webkit-transform: translate3d(85vw, 75vh, 0);
        transform: translate3d(85vw, 75vh, 0);
    }
}

@keyframes light-green {
    50% {
        -webkit-transform: translate3d(85vw, 40vh, 0);
        transform: translate3d(85vw, 40vh, 0);
    }

    100% {
        -webkit-transform: translate3d(85vw, 75vh, 0);
        transform: translate3d(85vw, 75vh, 0);
    }
}

@-webkit-keyframes light-green-pseudo {
    33% {
        -webkit-transform: translate3d(-38vw, 25vh, 0) rotate(75deg);
        transform: translate3d(-38vw, 25vh, 0) rotate(75deg);
    }

    100% {
        -webkit-transform: translate3d(9vw, 24vh, 0) rotate(176deg);
        transform: translate3d(9vw, 24vh, 0) rotate(176deg);
    }
}

@keyframes light-green-pseudo {
    33% {
        -webkit-transform: translate3d(-38vw, 25vh, 0) rotate(75deg);
        transform: translate3d(-38vw, 25vh, 0) rotate(75deg);
    }

    100% {
        -webkit-transform: translate3d(9vw, 24vh, 0) rotate(176deg);
        transform: translate3d(9vw, 24vh, 0) rotate(176deg);
    }
}

.lime {
    -webkit-animation: lime linear 30s alternate infinite;
    animation: lime linear 30s alternate infinite;
    border: 2px solid #befb46;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate3d(7vw, 29vh, 0);
    transform: translate3d(7vw, 29vh, 0);
    z-index: 10;
}

    .lime::before {
        -webkit-animation: lime-pseudo linear 15s alternate infinite;
        animation: lime-pseudo linear 15s alternate infinite;
        background: #befb46;
        border: 2px solid #befb46;
        width: 21px;
        height: 31px;
        -webkit-transform: translate3d(-2vw, 3vh, 0) rotate(209deg);
        transform: translate3d(-2vw, 3vh, 0) rotate(209deg);
    }

    .lime::after {
        -webkit-animation: lime-pseudo linear 20s alternate infinite;
        animation: lime-pseudo linear 20s alternate infinite;
        border: 2px solid #befb46;
        width: 42px;
        height: 6px;
        -webkit-transform: translate3d(18vw, -25vh, 0) rotate(127deg);
        transform: translate3d(18vw, -25vh, 0) rotate(127deg);
    }

@-webkit-keyframes lime {
    50% {
        -webkit-transform: translate3d(86vw, 88vh, 0);
        transform: translate3d(86vw, 88vh, 0);
    }

    100% {
        -webkit-transform: translate3d(15vw, 61vh, 0);
        transform: translate3d(15vw, 61vh, 0);
    }
}

@keyframes lime {
    50% {
        -webkit-transform: translate3d(86vw, 88vh, 0);
        transform: translate3d(86vw, 88vh, 0);
    }

    100% {
        -webkit-transform: translate3d(15vw, 61vh, 0);
        transform: translate3d(15vw, 61vh, 0);
    }
}

@-webkit-keyframes lime-pseudo {
    33% {
        -webkit-transform: translate3d(-57vw, -3vh, 0) rotate(260deg);
        transform: translate3d(-57vw, -3vh, 0) rotate(260deg);
    }

    100% {
        -webkit-transform: translate3d(-2vw, -42vh, 0) rotate(27deg);
        transform: translate3d(-2vw, -42vh, 0) rotate(27deg);
    }
}

@keyframes lime-pseudo {
    33% {
        -webkit-transform: translate3d(-57vw, -3vh, 0) rotate(260deg);
        transform: translate3d(-57vw, -3vh, 0) rotate(260deg);
    }

    100% {
        -webkit-transform: translate3d(-2vw, -42vh, 0) rotate(27deg);
        transform: translate3d(-2vw, -42vh, 0) rotate(27deg);
    }
}

.magenta {
    -webkit-animation: magenta linear 30s alternate infinite;
    animation: magenta linear 30s alternate infinite;
    border: 2px solid #6c046c;
    border-radius: 100%;
    width: 11px;
    height: 11px;
    -webkit-transform: translate3d(75vw, 20vh, 0);
    transform: translate3d(75vw, 20vh, 0);
    z-index: 7;
}

    .magenta::before {
        -webkit-animation: magenta-pseudo linear 15s alternate infinite;
        animation: magenta-pseudo linear 15s alternate infinite;
        background: #6c046c;
        border: 2px solid #6c046c;
        width: 7px;
        height: 22px;
        -webkit-transform: translate3d(-27vw, 42vh, 0) rotate(360deg);
        transform: translate3d(-27vw, 42vh, 0) rotate(360deg);
    }

    .magenta::after {
        -webkit-animation: magenta-pseudo linear 20s alternate infinite;
        animation: magenta-pseudo linear 20s alternate infinite;
        border: 2px solid #6c046c;
        width: 8px;
        height: 43px;
        -webkit-transform: translate3d(-39vw, 60vh, 0) rotate(322deg);
        transform: translate3d(-39vw, 60vh, 0) rotate(322deg);
    }

@-webkit-keyframes magenta {
    50% {
        -webkit-transform: translate3d(79vw, 24vh, 0);
        transform: translate3d(79vw, 24vh, 0);
    }

    100% {
        -webkit-transform: translate3d(36vw, 37vh, 0);
        transform: translate3d(36vw, 37vh, 0);
    }
}

@keyframes magenta {
    50% {
        -webkit-transform: translate3d(79vw, 24vh, 0);
        transform: translate3d(79vw, 24vh, 0);
    }

    100% {
        -webkit-transform: translate3d(36vw, 37vh, 0);
        transform: translate3d(36vw, 37vh, 0);
    }
}

@-webkit-keyframes magenta-pseudo {
    33% {
        -webkit-transform: translate3d(-22vw, 43vh, 0) rotate(34deg);
        transform: translate3d(-22vw, 43vh, 0) rotate(34deg);
    }

    100% {
        -webkit-transform: translate3d(31vw, 39vh, 0) rotate(242deg);
        transform: translate3d(31vw, 39vh, 0) rotate(242deg);
    }
}

@keyframes magenta-pseudo {
    33% {
        -webkit-transform: translate3d(-22vw, 43vh, 0) rotate(34deg);
        transform: translate3d(-22vw, 43vh, 0) rotate(34deg);
    }

    100% {
        -webkit-transform: translate3d(31vw, 39vh, 0) rotate(242deg);
        transform: translate3d(31vw, 39vh, 0) rotate(242deg);
    }
}

.lightish-red {
    -webkit-animation: lightish-red linear 30s alternate infinite;
    animation: lightish-red linear 30s alternate infinite;
    border: 2px solid #f04c81;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate3d(58vw, 85vh, 0);
    transform: translate3d(58vw, 85vh, 0);
    z-index: 2;
}

    .lightish-red::before {
        -webkit-animation: lightish-red-pseudo linear 15s alternate infinite;
        animation: lightish-red-pseudo linear 15s alternate infinite;
        background: #f04c81;
        border: 2px solid #f04c81;
        width: 44px;
        height: 33px;
        -webkit-transform: translate3d(35vw, -85vh, 0) rotate(322deg);
        transform: translate3d(35vw, -85vh, 0) rotate(322deg);
    }

    .lightish-red::after {
        -webkit-animation: lightish-red-pseudo linear 20s alternate infinite;
        animation: lightish-red-pseudo linear 20s alternate infinite;
        border: 2px solid #f04c81;
        width: 32px;
        height: 43px;
        -webkit-transform: translate3d(4vw, -5vh, 0) rotate(55deg);
        transform: translate3d(4vw, -5vh, 0) rotate(55deg);
    }

@-webkit-keyframes lightish-red {
    50% {
        -webkit-transform: translate3d(1vw, 42vh, 0);
        transform: translate3d(1vw, 42vh, 0);
    }

    100% {
        -webkit-transform: translate3d(59vw, 44vh, 0);
        transform: translate3d(59vw, 44vh, 0);
    }
}

@keyframes lightish-red {
    50% {
        -webkit-transform: translate3d(1vw, 42vh, 0);
        transform: translate3d(1vw, 42vh, 0);
    }

    100% {
        -webkit-transform: translate3d(59vw, 44vh, 0);
        transform: translate3d(59vw, 44vh, 0);
    }
}

@-webkit-keyframes lightish-red-pseudo {
    33% {
        -webkit-transform: translate3d(36vw, -19vh, 0) rotate(192deg);
        transform: translate3d(36vw, -19vh, 0) rotate(192deg);
    }

    100% {
        -webkit-transform: translate3d(0vw, -35vh, 0) rotate(79deg);
        transform: translate3d(0vw, -35vh, 0) rotate(79deg);
    }
}

@keyframes lightish-red-pseudo {
    33% {
        -webkit-transform: translate3d(36vw, -19vh, 0) rotate(192deg);
        transform: translate3d(36vw, -19vh, 0) rotate(192deg);
    }

    100% {
        -webkit-transform: translate3d(0vw, -35vh, 0) rotate(79deg);
        transform: translate3d(0vw, -35vh, 0) rotate(79deg);
    }
}

.pink {
    -webkit-animation: pink linear 30s alternate infinite;
    animation: pink linear 30s alternate infinite;
    border: 2px solid #ff4293;
    border-radius: 100%;
    width: 17px;
    height: 17px;
    -webkit-transform: translate3d(57vw, 93vh, 0);
    transform: translate3d(57vw, 93vh, 0);
    z-index: 2;
}

    .pink::before {
        -webkit-animation: pink-pseudo linear 15s alternate infinite;
        animation: pink-pseudo linear 15s alternate infinite;
        background: #ff4293;
        border: 2px solid #ff4293;
        width: 20px;
        height: 31px;
        -webkit-transform: translate3d(2vw, 2vh, 0) rotate(277deg);
        transform: translate3d(2vw, 2vh, 0) rotate(277deg);
    }

    .pink::after {
        -webkit-animation: pink-pseudo linear 20s alternate infinite;
        animation: pink-pseudo linear 20s alternate infinite;
        border: 2px solid #ff4293;
        width: 18px;
        height: 15px;
        -webkit-transform: translate3d(33vw, 5vh, 0) rotate(220deg);
        transform: translate3d(33vw, 5vh, 0) rotate(220deg);
    }

@-webkit-keyframes pink {
    50% {
        -webkit-transform: translate3d(45vw, 78vh, 0);
        transform: translate3d(45vw, 78vh, 0);
    }

    100% {
        -webkit-transform: translate3d(73vw, 86vh, 0);
        transform: translate3d(73vw, 86vh, 0);
    }
}

@keyframes pink {
    50% {
        -webkit-transform: translate3d(45vw, 78vh, 0);
        transform: translate3d(45vw, 78vh, 0);
    }

    100% {
        -webkit-transform: translate3d(73vw, 86vh, 0);
        transform: translate3d(73vw, 86vh, 0);
    }
}

@-webkit-keyframes pink-pseudo {
    33% {
        -webkit-transform: translate3d(-4vw, 9vh, 0) rotate(248deg);
        transform: translate3d(-4vw, 9vh, 0) rotate(248deg);
    }

    100% {
        -webkit-transform: translate3d(13vw, -27vh, 0) rotate(226deg);
        transform: translate3d(13vw, -27vh, 0) rotate(226deg);
    }
}

@keyframes pink-pseudo {
    33% {
        -webkit-transform: translate3d(-4vw, 9vh, 0) rotate(248deg);
        transform: translate3d(-4vw, 9vh, 0) rotate(248deg);
    }

    100% {
        -webkit-transform: translate3d(13vw, -27vh, 0) rotate(226deg);
        transform: translate3d(13vw, -27vh, 0) rotate(226deg);
    }
}


/*-------------------------------------------------------------------------------------*/


.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;
    -webkit-transform: translateY(-10vh);
    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: #ec0707;
        animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
    }

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

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

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

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

    100% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1);
    }
}

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

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

    100% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1);
    }
}

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

@-webkit-keyframes move-frames-1 {
    from {
        -webkit-transform: translate3d(96vw, 101vh, 0);
        transform: translate3d(96vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(79vw, -129vh, 0);
        transform: translate3d(79vw, -129vh, 0);
    }
}

@keyframes move-frames-1 {
    from {
        -webkit-transform: translate3d(96vw, 101vh, 0);
        transform: translate3d(96vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(79vw, -129vh, 0);
        transform: translate3d(79vw, -129vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(29vw, -108vh, 0);
        transform: translate3d(29vw, -108vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(29vw, -108vh, 0);
        transform: translate3d(29vw, -108vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-3 {
    from {
        -webkit-transform: translate3d(76vw, 101vh, 0);
        transform: translate3d(76vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(49vw, -124vh, 0);
        transform: translate3d(49vw, -124vh, 0);
    }
}

@keyframes move-frames-3 {
    from {
        -webkit-transform: translate3d(76vw, 101vh, 0);
        transform: translate3d(76vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(49vw, -124vh, 0);
        transform: translate3d(49vw, -124vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-4 {
    from {
        -webkit-transform: translate3d(71vw, 110vh, 0);
        transform: translate3d(71vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(5vw, -114vh, 0);
        transform: translate3d(5vw, -114vh, 0);
    }
}

@keyframes move-frames-4 {
    from {
        -webkit-transform: translate3d(71vw, 110vh, 0);
        transform: translate3d(71vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(5vw, -114vh, 0);
        transform: translate3d(5vw, -114vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-5 {
    from {
        -webkit-transform: translate3d(33vw, 103vh, 0);
        transform: translate3d(33vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(7vw, -130vh, 0);
        transform: translate3d(7vw, -130vh, 0);
    }
}

@keyframes move-frames-5 {
    from {
        -webkit-transform: translate3d(33vw, 103vh, 0);
        transform: translate3d(33vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(7vw, -130vh, 0);
        transform: translate3d(7vw, -130vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-6 {
    from {
        -webkit-transform: translate3d(65vw, 105vh, 0);
        transform: translate3d(65vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(6vw, -122vh, 0);
        transform: translate3d(6vw, -122vh, 0);
    }
}

@keyframes move-frames-6 {
    from {
        -webkit-transform: translate3d(65vw, 105vh, 0);
        transform: translate3d(65vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(6vw, -122vh, 0);
        transform: translate3d(6vw, -122vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(62vw, -112vh, 0);
        transform: translate3d(62vw, -112vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(62vw, -112vh, 0);
        transform: translate3d(62vw, -112vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-8 {
    from {
        -webkit-transform: translate3d(85vw, 110vh, 0);
        transform: translate3d(85vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(69vw, -117vh, 0);
        transform: translate3d(69vw, -117vh, 0);
    }
}

@keyframes move-frames-8 {
    from {
        -webkit-transform: translate3d(85vw, 110vh, 0);
        transform: translate3d(85vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(69vw, -117vh, 0);
        transform: translate3d(69vw, -117vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(91vw, -117vh, 0);
        transform: translate3d(91vw, -117vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(91vw, -117vh, 0);
        transform: translate3d(91vw, -117vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(70vw, -109vh, 0);
        transform: translate3d(70vw, -109vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(70vw, -109vh, 0);
        transform: translate3d(70vw, -109vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-11 {
    from {
        -webkit-transform: translate3d(90vw, 101vh, 0);
        transform: translate3d(90vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -117vh, 0);
        transform: translate3d(31vw, -117vh, 0);
    }
}

@keyframes move-frames-11 {
    from {
        -webkit-transform: translate3d(90vw, 101vh, 0);
        transform: translate3d(90vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -117vh, 0);
        transform: translate3d(31vw, -117vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-12 {
    from {
        -webkit-transform: translate3d(22vw, 110vh, 0);
        transform: translate3d(22vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -139vh, 0);
        transform: translate3d(22vw, -139vh, 0);
    }
}

@keyframes move-frames-12 {
    from {
        -webkit-transform: translate3d(22vw, 110vh, 0);
        transform: translate3d(22vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -139vh, 0);
        transform: translate3d(22vw, -139vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-13 {
    from {
        -webkit-transform: translate3d(84vw, 106vh, 0);
        transform: translate3d(84vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(32vw, -108vh, 0);
        transform: translate3d(32vw, -108vh, 0);
    }
}

@keyframes move-frames-13 {
    from {
        -webkit-transform: translate3d(84vw, 106vh, 0);
        transform: translate3d(84vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(32vw, -108vh, 0);
        transform: translate3d(32vw, -108vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(64vw, -125vh, 0);
        transform: translate3d(64vw, -125vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(64vw, -125vh, 0);
        transform: translate3d(64vw, -125vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-15 {
    from {
        -webkit-transform: translate3d(58vw, 106vh, 0);
        transform: translate3d(58vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -120vh, 0);
        transform: translate3d(33vw, -120vh, 0);
    }
}

@keyframes move-frames-15 {
    from {
        -webkit-transform: translate3d(58vw, 106vh, 0);
        transform: translate3d(58vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -120vh, 0);
        transform: translate3d(33vw, -120vh, 0);
    }
}

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

.circle-container:nth-child(16) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-16;
    animation-name: move-frames-16;
    -webkit-animation-duration: 30425ms;
    animation-duration: 30425ms;
    -webkit-animation-delay: 7637ms;
    animation-delay: 7637ms;
    overflow-y: hidden;
}

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

    to {
        -webkit-transform: translate3d(54vw, -126vh, 0);
        transform: translate3d(54vw, -126vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(54vw, -126vh, 0);
        transform: translate3d(54vw, -126vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-17 {
    from {
        -webkit-transform: translate3d(47vw, 107vh, 0);
        transform: translate3d(47vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(97vw, -116vh, 0);
        transform: translate3d(97vw, -116vh, 0);
    }
}

@keyframes move-frames-17 {
    from {
        -webkit-transform: translate3d(47vw, 107vh, 0);
        transform: translate3d(47vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(97vw, -116vh, 0);
        transform: translate3d(97vw, -116vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(1vw, -107vh, 0);
        transform: translate3d(1vw, -107vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(1vw, -107vh, 0);
        transform: translate3d(1vw, -107vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(17vw, -109vh, 0);
        transform: translate3d(17vw, -109vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(17vw, -109vh, 0);
        transform: translate3d(17vw, -109vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-20 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(18vw, -107vh, 0);
        transform: translate3d(18vw, -107vh, 0);
    }
}

@keyframes move-frames-20 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(18vw, -107vh, 0);
        transform: translate3d(18vw, -107vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-21 {
    from {
        -webkit-transform: translate3d(80vw, 106vh, 0);
        transform: translate3d(80vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(58vw, -116vh, 0);
        transform: translate3d(58vw, -116vh, 0);
    }
}

@keyframes move-frames-21 {
    from {
        -webkit-transform: translate3d(80vw, 106vh, 0);
        transform: translate3d(80vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(58vw, -116vh, 0);
        transform: translate3d(58vw, -116vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(59vw, -130vh, 0);
        transform: translate3d(59vw, -130vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(59vw, -130vh, 0);
        transform: translate3d(59vw, -130vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(56vw, -109vh, 0);
        transform: translate3d(56vw, -109vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(56vw, -109vh, 0);
        transform: translate3d(56vw, -109vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-24 {
    from {
        -webkit-transform: translate3d(22vw, 110vh, 0);
        transform: translate3d(22vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(41vw, -135vh, 0);
        transform: translate3d(41vw, -135vh, 0);
    }
}

@keyframes move-frames-24 {
    from {
        -webkit-transform: translate3d(22vw, 110vh, 0);
        transform: translate3d(22vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(41vw, -135vh, 0);
        transform: translate3d(41vw, -135vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(39vw, -110vh, 0);
        transform: translate3d(39vw, -110vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(39vw, -110vh, 0);
        transform: translate3d(39vw, -110vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(51vw, -121vh, 0);
        transform: translate3d(51vw, -121vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(51vw, -121vh, 0);
        transform: translate3d(51vw, -121vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(90vw, -110vh, 0);
        transform: translate3d(90vw, -110vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(90vw, -110vh, 0);
        transform: translate3d(90vw, -110vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(9vw, -135vh, 0);
        transform: translate3d(9vw, -135vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(9vw, -135vh, 0);
        transform: translate3d(9vw, -135vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-29 {
    from {
        -webkit-transform: translate3d(80vw, 101vh, 0);
        transform: translate3d(80vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(2vw, -103vh, 0);
        transform: translate3d(2vw, -103vh, 0);
    }
}

@keyframes move-frames-29 {
    from {
        -webkit-transform: translate3d(80vw, 101vh, 0);
        transform: translate3d(80vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(2vw, -103vh, 0);
        transform: translate3d(2vw, -103vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-30 {
    from {
        -webkit-transform: translate3d(9vw, 105vh, 0);
        transform: translate3d(9vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(47vw, -131vh, 0);
        transform: translate3d(47vw, -131vh, 0);
    }
}

@keyframes move-frames-30 {
    from {
        -webkit-transform: translate3d(9vw, 105vh, 0);
        transform: translate3d(9vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(47vw, -131vh, 0);
        transform: translate3d(47vw, -131vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(99vw, -136vh, 0);
        transform: translate3d(99vw, -136vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(99vw, -136vh, 0);
        transform: translate3d(99vw, -136vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(91vw, -128vh, 0);
        transform: translate3d(91vw, -128vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(91vw, -128vh, 0);
        transform: translate3d(91vw, -128vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-33 {
    from {
        -webkit-transform: translate3d(26vw, 107vh, 0);
        transform: translate3d(26vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(27vw, -123vh, 0);
        transform: translate3d(27vw, -123vh, 0);
    }
}

@keyframes move-frames-33 {
    from {
        -webkit-transform: translate3d(26vw, 107vh, 0);
        transform: translate3d(26vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(27vw, -123vh, 0);
        transform: translate3d(27vw, -123vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-34 {
    from {
        -webkit-transform: translate3d(50vw, 102vh, 0);
        transform: translate3d(50vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(85vw, -124vh, 0);
        transform: translate3d(85vw, -124vh, 0);
    }
}

@keyframes move-frames-34 {
    from {
        -webkit-transform: translate3d(50vw, 102vh, 0);
        transform: translate3d(50vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(85vw, -124vh, 0);
        transform: translate3d(85vw, -124vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(2vw, -135vh, 0);
        transform: translate3d(2vw, -135vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(2vw, -135vh, 0);
        transform: translate3d(2vw, -135vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(33vw, -129vh, 0);
        transform: translate3d(33vw, -129vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(33vw, -129vh, 0);
        transform: translate3d(33vw, -129vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-37 {
    from {
        -webkit-transform: translate3d(52vw, 105vh, 0);
        transform: translate3d(52vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -128vh, 0);
        transform: translate3d(78vw, -128vh, 0);
    }
}

@keyframes move-frames-37 {
    from {
        -webkit-transform: translate3d(52vw, 105vh, 0);
        transform: translate3d(52vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -128vh, 0);
        transform: translate3d(78vw, -128vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(2vw, -114vh, 0);
        transform: translate3d(2vw, -114vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(2vw, -114vh, 0);
        transform: translate3d(2vw, -114vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-39 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(64vw, -117vh, 0);
        transform: translate3d(64vw, -117vh, 0);
    }
}

@keyframes move-frames-39 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(64vw, -117vh, 0);
        transform: translate3d(64vw, -117vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-40 {
    from {
        -webkit-transform: translate3d(44vw, 103vh, 0);
        transform: translate3d(44vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -120vh, 0);
        transform: translate3d(78vw, -120vh, 0);
    }
}

@keyframes move-frames-40 {
    from {
        -webkit-transform: translate3d(44vw, 103vh, 0);
        transform: translate3d(44vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -120vh, 0);
        transform: translate3d(78vw, -120vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(57vw, -112vh, 0);
        transform: translate3d(57vw, -112vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(57vw, -112vh, 0);
        transform: translate3d(57vw, -112vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(11vw, -127vh, 0);
        transform: translate3d(11vw, -127vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(11vw, -127vh, 0);
        transform: translate3d(11vw, -127vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(77vw, -110vh, 0);
        transform: translate3d(77vw, -110vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(77vw, -110vh, 0);
        transform: translate3d(77vw, -110vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(44vw, -124vh, 0);
        transform: translate3d(44vw, -124vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(44vw, -124vh, 0);
        transform: translate3d(44vw, -124vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(62vw, -118vh, 0);
        transform: translate3d(62vw, -118vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(62vw, -118vh, 0);
        transform: translate3d(62vw, -118vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(16vw, -107vh, 0);
        transform: translate3d(16vw, -107vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(16vw, -107vh, 0);
        transform: translate3d(16vw, -107vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-47 {
    from {
        -webkit-transform: translate3d(29vw, 102vh, 0);
        transform: translate3d(29vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(1vw, -119vh, 0);
        transform: translate3d(1vw, -119vh, 0);
    }
}

@keyframes move-frames-47 {
    from {
        -webkit-transform: translate3d(29vw, 102vh, 0);
        transform: translate3d(29vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(1vw, -119vh, 0);
        transform: translate3d(1vw, -119vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-48 {
    from {
        -webkit-transform: translate3d(72vw, 105vh, 0);
        transform: translate3d(72vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(55vw, -127vh, 0);
        transform: translate3d(55vw, -127vh, 0);
    }
}

@keyframes move-frames-48 {
    from {
        -webkit-transform: translate3d(72vw, 105vh, 0);
        transform: translate3d(72vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(55vw, -127vh, 0);
        transform: translate3d(55vw, -127vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-49 {
    from {
        -webkit-transform: translate3d(55vw, 101vh, 0);
        transform: translate3d(55vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(2vw, -128vh, 0);
        transform: translate3d(2vw, -128vh, 0);
    }
}

@keyframes move-frames-49 {
    from {
        -webkit-transform: translate3d(55vw, 101vh, 0);
        transform: translate3d(55vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(2vw, -128vh, 0);
        transform: translate3d(2vw, -128vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-50 {
    from {
        -webkit-transform: translate3d(96vw, 102vh, 0);
        transform: translate3d(96vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(98vw, -109vh, 0);
        transform: translate3d(98vw, -109vh, 0);
    }
}

@keyframes move-frames-50 {
    from {
        -webkit-transform: translate3d(96vw, 102vh, 0);
        transform: translate3d(96vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(98vw, -109vh, 0);
        transform: translate3d(98vw, -109vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(39vw, -119vh, 0);
        transform: translate3d(39vw, -119vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(39vw, -119vh, 0);
        transform: translate3d(39vw, -119vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-52 {
    from {
        -webkit-transform: translate3d(46vw, 102vh, 0);
        transform: translate3d(46vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -122vh, 0);
        transform: translate3d(63vw, -122vh, 0);
    }
}

@keyframes move-frames-52 {
    from {
        -webkit-transform: translate3d(46vw, 102vh, 0);
        transform: translate3d(46vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -122vh, 0);
        transform: translate3d(63vw, -122vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(11vw, -128vh, 0);
        transform: translate3d(11vw, -128vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(11vw, -128vh, 0);
        transform: translate3d(11vw, -128vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(74vw, -117vh, 0);
        transform: translate3d(74vw, -117vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(74vw, -117vh, 0);
        transform: translate3d(74vw, -117vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-55 {
    from {
        -webkit-transform: translate3d(14vw, 110vh, 0);
        transform: translate3d(14vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(25vw, -112vh, 0);
        transform: translate3d(25vw, -112vh, 0);
    }
}

@keyframes move-frames-55 {
    from {
        -webkit-transform: translate3d(14vw, 110vh, 0);
        transform: translate3d(14vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(25vw, -112vh, 0);
        transform: translate3d(25vw, -112vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-56 {
    from {
        -webkit-transform: translate3d(44vw, 110vh, 0);
        transform: translate3d(44vw, 110vh, 0);
    }

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

@keyframes move-frames-56 {
    from {
        -webkit-transform: translate3d(44vw, 110vh, 0);
        transform: translate3d(44vw, 110vh, 0);
    }

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

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

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

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

    to {
        -webkit-transform: translate3d(53vw, -126vh, 0);
        transform: translate3d(53vw, -126vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(53vw, -126vh, 0);
        transform: translate3d(53vw, -126vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-58 {
    from {
        -webkit-transform: translate3d(16vw, 110vh, 0);
        transform: translate3d(16vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(47vw, -137vh, 0);
        transform: translate3d(47vw, -137vh, 0);
    }
}

@keyframes move-frames-58 {
    from {
        -webkit-transform: translate3d(16vw, 110vh, 0);
        transform: translate3d(16vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(47vw, -137vh, 0);
        transform: translate3d(47vw, -137vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(35vw, -120vh, 0);
        transform: translate3d(35vw, -120vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(35vw, -120vh, 0);
        transform: translate3d(35vw, -120vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(75vw, -112vh, 0);
        transform: translate3d(75vw, -112vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(75vw, -112vh, 0);
        transform: translate3d(75vw, -112vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(14vw, -109vh, 0);
        transform: translate3d(14vw, -109vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(14vw, -109vh, 0);
        transform: translate3d(14vw, -109vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-62 {
    from {
        -webkit-transform: translate3d(46vw, 103vh, 0);
        transform: translate3d(46vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(13vw, -130vh, 0);
        transform: translate3d(13vw, -130vh, 0);
    }
}

@keyframes move-frames-62 {
    from {
        -webkit-transform: translate3d(46vw, 103vh, 0);
        transform: translate3d(46vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(13vw, -130vh, 0);
        transform: translate3d(13vw, -130vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-63 {
    from {
        -webkit-transform: translate3d(4vw, 105vh, 0);
        transform: translate3d(4vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(51vw, -115vh, 0);
        transform: translate3d(51vw, -115vh, 0);
    }
}

@keyframes move-frames-63 {
    from {
        -webkit-transform: translate3d(4vw, 105vh, 0);
        transform: translate3d(4vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(51vw, -115vh, 0);
        transform: translate3d(51vw, -115vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-64 {
    from {
        -webkit-transform: translate3d(69vw, 104vh, 0);
        transform: translate3d(69vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(12vw, -127vh, 0);
        transform: translate3d(12vw, -127vh, 0);
    }
}

@keyframes move-frames-64 {
    from {
        -webkit-transform: translate3d(69vw, 104vh, 0);
        transform: translate3d(69vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(12vw, -127vh, 0);
        transform: translate3d(12vw, -127vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-65 {
    from {
        -webkit-transform: translate3d(13vw, 101vh, 0);
        transform: translate3d(13vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -123vh, 0);
        transform: translate3d(100vw, -123vh, 0);
    }
}

@keyframes move-frames-65 {
    from {
        -webkit-transform: translate3d(13vw, 101vh, 0);
        transform: translate3d(13vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -123vh, 0);
        transform: translate3d(100vw, -123vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(76vw, -119vh, 0);
        transform: translate3d(76vw, -119vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(76vw, -119vh, 0);
        transform: translate3d(76vw, -119vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-67 {
    from {
        -webkit-transform: translate3d(49vw, 104vh, 0);
        transform: translate3d(49vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -128vh, 0);
        transform: translate3d(28vw, -128vh, 0);
    }
}

@keyframes move-frames-67 {
    from {
        -webkit-transform: translate3d(49vw, 104vh, 0);
        transform: translate3d(49vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -128vh, 0);
        transform: translate3d(28vw, -128vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-68 {
    from {
        -webkit-transform: translate3d(18vw, 105vh, 0);
        transform: translate3d(18vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(21vw, -128vh, 0);
        transform: translate3d(21vw, -128vh, 0);
    }
}

@keyframes move-frames-68 {
    from {
        -webkit-transform: translate3d(18vw, 105vh, 0);
        transform: translate3d(18vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(21vw, -128vh, 0);
        transform: translate3d(21vw, -128vh, 0);
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes move-frames-70 {
    from {
        -webkit-transform: translate3d(43vw, 101vh, 0);
        transform: translate3d(43vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -122vh, 0);
        transform: translate3d(94vw, -122vh, 0);
    }
}

@keyframes move-frames-70 {
    from {
        -webkit-transform: translate3d(43vw, 101vh, 0);
        transform: translate3d(43vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -122vh, 0);
        transform: translate3d(94vw, -122vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(20vw, -135vh, 0);
        transform: translate3d(20vw, -135vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(20vw, -135vh, 0);
        transform: translate3d(20vw, -135vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-72 {
    from {
        -webkit-transform: translate3d(97vw, 107vh, 0);
        transform: translate3d(97vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(44vw, -125vh, 0);
        transform: translate3d(44vw, -125vh, 0);
    }
}

@keyframes move-frames-72 {
    from {
        -webkit-transform: translate3d(97vw, 107vh, 0);
        transform: translate3d(97vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(44vw, -125vh, 0);
        transform: translate3d(44vw, -125vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(44vw, -116vh, 0);
        transform: translate3d(44vw, -116vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(44vw, -116vh, 0);
        transform: translate3d(44vw, -116vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(45vw, -124vh, 0);
        transform: translate3d(45vw, -124vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(45vw, -124vh, 0);
        transform: translate3d(45vw, -124vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-75 {
    from {
        -webkit-transform: translate3d(12vw, 110vh, 0);
        transform: translate3d(12vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(4vw, -133vh, 0);
        transform: translate3d(4vw, -133vh, 0);
    }
}

@keyframes move-frames-75 {
    from {
        -webkit-transform: translate3d(12vw, 110vh, 0);
        transform: translate3d(12vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(4vw, -133vh, 0);
        transform: translate3d(4vw, -133vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-76 {
    from {
        -webkit-transform: translate3d(97vw, 104vh, 0);
        transform: translate3d(97vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -132vh, 0);
        transform: translate3d(91vw, -132vh, 0);
    }
}

@keyframes move-frames-76 {
    from {
        -webkit-transform: translate3d(97vw, 104vh, 0);
        transform: translate3d(97vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -132vh, 0);
        transform: translate3d(91vw, -132vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-77 {
    from {
        -webkit-transform: translate3d(59vw, 103vh, 0);
        transform: translate3d(59vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(96vw, -132vh, 0);
        transform: translate3d(96vw, -132vh, 0);
    }
}

@keyframes move-frames-77 {
    from {
        -webkit-transform: translate3d(59vw, 103vh, 0);
        transform: translate3d(59vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(96vw, -132vh, 0);
        transform: translate3d(96vw, -132vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(41vw, -123vh, 0);
        transform: translate3d(41vw, -123vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(41vw, -123vh, 0);
        transform: translate3d(41vw, -123vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(19vw, -133vh, 0);
        transform: translate3d(19vw, -133vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(19vw, -133vh, 0);
        transform: translate3d(19vw, -133vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(68vw, -109vh, 0);
        transform: translate3d(68vw, -109vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(68vw, -109vh, 0);
        transform: translate3d(68vw, -109vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-81 {
    from {
        -webkit-transform: translate3d(50vw, 105vh, 0);
        transform: translate3d(50vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(21vw, -123vh, 0);
        transform: translate3d(21vw, -123vh, 0);
    }
}

@keyframes move-frames-81 {
    from {
        -webkit-transform: translate3d(50vw, 105vh, 0);
        transform: translate3d(50vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(21vw, -123vh, 0);
        transform: translate3d(21vw, -123vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(27vw, -116vh, 0);
        transform: translate3d(27vw, -116vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(27vw, -116vh, 0);
        transform: translate3d(27vw, -116vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(5vw, -116vh, 0);
        transform: translate3d(5vw, -116vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(5vw, -116vh, 0);
        transform: translate3d(5vw, -116vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-84 {
    from {
        -webkit-transform: translate3d(90vw, 104vh, 0);
        transform: translate3d(90vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(26vw, -115vh, 0);
        transform: translate3d(26vw, -115vh, 0);
    }
}

@keyframes move-frames-84 {
    from {
        -webkit-transform: translate3d(90vw, 104vh, 0);
        transform: translate3d(90vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(26vw, -115vh, 0);
        transform: translate3d(26vw, -115vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(12vw, -109vh, 0);
        transform: translate3d(12vw, -109vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(12vw, -109vh, 0);
        transform: translate3d(12vw, -109vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(13vw, -133vh, 0);
        transform: translate3d(13vw, -133vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(13vw, -133vh, 0);
        transform: translate3d(13vw, -133vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(41vw, -106vh, 0);
        transform: translate3d(41vw, -106vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(41vw, -106vh, 0);
        transform: translate3d(41vw, -106vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(26vw, -122vh, 0);
        transform: translate3d(26vw, -122vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(26vw, -122vh, 0);
        transform: translate3d(26vw, -122vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(80vw, -130vh, 0);
        transform: translate3d(80vw, -130vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(80vw, -130vh, 0);
        transform: translate3d(80vw, -130vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-90 {
    from {
        -webkit-transform: translate3d(97vw, 110vh, 0);
        transform: translate3d(97vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -134vh, 0);
        transform: translate3d(81vw, -134vh, 0);
    }
}

@keyframes move-frames-90 {
    from {
        -webkit-transform: translate3d(97vw, 110vh, 0);
        transform: translate3d(97vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -134vh, 0);
        transform: translate3d(81vw, -134vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-91 {
    from {
        -webkit-transform: translate3d(54vw, 107vh, 0);
        transform: translate3d(54vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -111vh, 0);
        transform: translate3d(45vw, -111vh, 0);
    }
}

@keyframes move-frames-91 {
    from {
        -webkit-transform: translate3d(54vw, 107vh, 0);
        transform: translate3d(54vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -111vh, 0);
        transform: translate3d(45vw, -111vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-92 {
    from {
        -webkit-transform: translate3d(25vw, 101vh, 0);
        transform: translate3d(25vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(35vw, -126vh, 0);
        transform: translate3d(35vw, -126vh, 0);
    }
}

@keyframes move-frames-92 {
    from {
        -webkit-transform: translate3d(25vw, 101vh, 0);
        transform: translate3d(25vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(35vw, -126vh, 0);
        transform: translate3d(35vw, -126vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(38vw, -124vh, 0);
        transform: translate3d(38vw, -124vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(38vw, -124vh, 0);
        transform: translate3d(38vw, -124vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-94 {
    from {
        -webkit-transform: translate3d(88vw, 101vh, 0);
        transform: translate3d(88vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(23vw, -115vh, 0);
        transform: translate3d(23vw, -115vh, 0);
    }
}

@keyframes move-frames-94 {
    from {
        -webkit-transform: translate3d(88vw, 101vh, 0);
        transform: translate3d(88vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(23vw, -115vh, 0);
        transform: translate3d(23vw, -115vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(82vw, -118vh, 0);
        transform: translate3d(82vw, -118vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(82vw, -118vh, 0);
        transform: translate3d(82vw, -118vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(15vw, -116vh, 0);
        transform: translate3d(15vw, -116vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(15vw, -116vh, 0);
        transform: translate3d(15vw, -116vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-97 {
    from {
        -webkit-transform: translate3d(71vw, 107vh, 0);
        transform: translate3d(71vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(98vw, -112vh, 0);
        transform: translate3d(98vw, -112vh, 0);
    }
}

@keyframes move-frames-97 {
    from {
        -webkit-transform: translate3d(71vw, 107vh, 0);
        transform: translate3d(71vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(98vw, -112vh, 0);
        transform: translate3d(98vw, -112vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(20vw, -122vh, 0);
        transform: translate3d(20vw, -122vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(20vw, -122vh, 0);
        transform: translate3d(20vw, -122vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-99 {
    from {
        -webkit-transform: translate3d(12vw, 107vh, 0);
        transform: translate3d(12vw, 107vh, 0);
    }

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

@keyframes move-frames-99 {
    from {
        -webkit-transform: translate3d(12vw, 107vh, 0);
        transform: translate3d(12vw, 107vh, 0);
    }

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

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

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

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

    to {
        -webkit-transform: translate3d(75vw, -137vh, 0);
        transform: translate3d(75vw, -137vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(75vw, -137vh, 0);
        transform: translate3d(75vw, -137vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(41vw, -122vh, 0);
        transform: translate3d(41vw, -122vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(41vw, -122vh, 0);
        transform: translate3d(41vw, -122vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(84vw, -124vh, 0);
        transform: translate3d(84vw, -124vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(84vw, -124vh, 0);
        transform: translate3d(84vw, -124vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-103 {
    from {
        -webkit-transform: translate3d(28vw, 106vh, 0);
        transform: translate3d(28vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(65vw, -132vh, 0);
        transform: translate3d(65vw, -132vh, 0);
    }
}

@keyframes move-frames-103 {
    from {
        -webkit-transform: translate3d(28vw, 106vh, 0);
        transform: translate3d(28vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(65vw, -132vh, 0);
        transform: translate3d(65vw, -132vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(42vw, -133vh, 0);
        transform: translate3d(42vw, -133vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(42vw, -133vh, 0);
        transform: translate3d(42vw, -133vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(8vw, -129vh, 0);
        transform: translate3d(8vw, -129vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(8vw, -129vh, 0);
        transform: translate3d(8vw, -129vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(42vw, -110vh, 0);
        transform: translate3d(42vw, -110vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(42vw, -110vh, 0);
        transform: translate3d(42vw, -110vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(30vw, -127vh, 0);
        transform: translate3d(30vw, -127vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(30vw, -127vh, 0);
        transform: translate3d(30vw, -127vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(61vw, -121vh, 0);
        transform: translate3d(61vw, -121vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(61vw, -121vh, 0);
        transform: translate3d(61vw, -121vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(31vw, -132vh, 0);
        transform: translate3d(31vw, -132vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(31vw, -132vh, 0);
        transform: translate3d(31vw, -132vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(19vw, -120vh, 0);
        transform: translate3d(19vw, -120vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(19vw, -120vh, 0);
        transform: translate3d(19vw, -120vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(29vw, -134vh, 0);
        transform: translate3d(29vw, -134vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(29vw, -134vh, 0);
        transform: translate3d(29vw, -134vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(93vw, -112vh, 0);
        transform: translate3d(93vw, -112vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(93vw, -112vh, 0);
        transform: translate3d(93vw, -112vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-113 {
    from {
        -webkit-transform: translate3d(73vw, 101vh, 0);
        transform: translate3d(73vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(49vw, -122vh, 0);
        transform: translate3d(49vw, -122vh, 0);
    }
}

@keyframes move-frames-113 {
    from {
        -webkit-transform: translate3d(73vw, 101vh, 0);
        transform: translate3d(73vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(49vw, -122vh, 0);
        transform: translate3d(49vw, -122vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-114 {
    from {
        -webkit-transform: translate3d(86vw, 103vh, 0);
        transform: translate3d(86vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -117vh, 0);
        transform: translate3d(31vw, -117vh, 0);
    }
}

@keyframes move-frames-114 {
    from {
        -webkit-transform: translate3d(86vw, 103vh, 0);
        transform: translate3d(86vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -117vh, 0);
        transform: translate3d(31vw, -117vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(24vw, -129vh, 0);
        transform: translate3d(24vw, -129vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(24vw, -129vh, 0);
        transform: translate3d(24vw, -129vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-116 {
    from {
        -webkit-transform: translate3d(31vw, 106vh, 0);
        transform: translate3d(31vw, 106vh, 0);
    }

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

@keyframes move-frames-116 {
    from {
        -webkit-transform: translate3d(31vw, 106vh, 0);
        transform: translate3d(31vw, 106vh, 0);
    }

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

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

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

@-webkit-keyframes move-frames-117 {
    from {
        -webkit-transform: translate3d(93vw, 104vh, 0);
        transform: translate3d(93vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(83vw, -117vh, 0);
        transform: translate3d(83vw, -117vh, 0);
    }
}

@keyframes move-frames-117 {
    from {
        -webkit-transform: translate3d(93vw, 104vh, 0);
        transform: translate3d(93vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(83vw, -117vh, 0);
        transform: translate3d(83vw, -117vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-118 {
    from {
        -webkit-transform: translate3d(50vw, 105vh, 0);
        transform: translate3d(50vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -111vh, 0);
        transform: translate3d(42vw, -111vh, 0);
    }
}

@keyframes move-frames-118 {
    from {
        -webkit-transform: translate3d(50vw, 105vh, 0);
        transform: translate3d(50vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -111vh, 0);
        transform: translate3d(42vw, -111vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-119 {
    from {
        -webkit-transform: translate3d(26vw, 105vh, 0);
        transform: translate3d(26vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(44vw, -135vh, 0);
        transform: translate3d(44vw, -135vh, 0);
    }
}

@keyframes move-frames-119 {
    from {
        -webkit-transform: translate3d(26vw, 105vh, 0);
        transform: translate3d(26vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(44vw, -135vh, 0);
        transform: translate3d(44vw, -135vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-120 {
    from {
        -webkit-transform: translate3d(18vw, 104vh, 0);
        transform: translate3d(18vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(7vw, -133vh, 0);
        transform: translate3d(7vw, -133vh, 0);
    }
}

@keyframes move-frames-120 {
    from {
        -webkit-transform: translate3d(18vw, 104vh, 0);
        transform: translate3d(18vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(7vw, -133vh, 0);
        transform: translate3d(7vw, -133vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(44vw, -110vh, 0);
        transform: translate3d(44vw, -110vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(44vw, -110vh, 0);
        transform: translate3d(44vw, -110vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-122 {
    from {
        -webkit-transform: translate3d(71vw, 102vh, 0);
        transform: translate3d(71vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(51vw, -111vh, 0);
        transform: translate3d(51vw, -111vh, 0);
    }
}

@keyframes move-frames-122 {
    from {
        -webkit-transform: translate3d(71vw, 102vh, 0);
        transform: translate3d(71vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(51vw, -111vh, 0);
        transform: translate3d(51vw, -111vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(19vw, -110vh, 0);
        transform: translate3d(19vw, -110vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(19vw, -110vh, 0);
        transform: translate3d(19vw, -110vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(85vw, -111vh, 0);
        transform: translate3d(85vw, -111vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(85vw, -111vh, 0);
        transform: translate3d(85vw, -111vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-125 {
    from {
        -webkit-transform: translate3d(94vw, 102vh, 0);
        transform: translate3d(94vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -104vh, 0);
        transform: translate3d(91vw, -104vh, 0);
    }
}

@keyframes move-frames-125 {
    from {
        -webkit-transform: translate3d(94vw, 102vh, 0);
        transform: translate3d(94vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -104vh, 0);
        transform: translate3d(91vw, -104vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-126 {
    from {
        -webkit-transform: translate3d(18vw, 103vh, 0);
        transform: translate3d(18vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -122vh, 0);
        transform: translate3d(45vw, -122vh, 0);
    }
}

@keyframes move-frames-126 {
    from {
        -webkit-transform: translate3d(18vw, 103vh, 0);
        transform: translate3d(18vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -122vh, 0);
        transform: translate3d(45vw, -122vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-127 {
    from {
        -webkit-transform: translate3d(33vw, 107vh, 0);
        transform: translate3d(33vw, 107vh, 0);
    }

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

@keyframes move-frames-127 {
    from {
        -webkit-transform: translate3d(33vw, 107vh, 0);
        transform: translate3d(33vw, 107vh, 0);
    }

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

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

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

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

    to {
        -webkit-transform: translate3d(21vw, -131vh, 0);
        transform: translate3d(21vw, -131vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(21vw, -131vh, 0);
        transform: translate3d(21vw, -131vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-129 {
    from {
        -webkit-transform: translate3d(47vw, 104vh, 0);
        transform: translate3d(47vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -117vh, 0);
        transform: translate3d(62vw, -117vh, 0);
    }
}

@keyframes move-frames-129 {
    from {
        -webkit-transform: translate3d(47vw, 104vh, 0);
        transform: translate3d(47vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -117vh, 0);
        transform: translate3d(62vw, -117vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-130 {
    from {
        -webkit-transform: translate3d(54vw, 104vh, 0);
        transform: translate3d(54vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -107vh, 0);
        transform: translate3d(22vw, -107vh, 0);
    }
}

@keyframes move-frames-130 {
    from {
        -webkit-transform: translate3d(54vw, 104vh, 0);
        transform: translate3d(54vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -107vh, 0);
        transform: translate3d(22vw, -107vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(77vw, -112vh, 0);
        transform: translate3d(77vw, -112vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(77vw, -112vh, 0);
        transform: translate3d(77vw, -112vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(4vw, -134vh, 0);
        transform: translate3d(4vw, -134vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(4vw, -134vh, 0);
        transform: translate3d(4vw, -134vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(97vw, -118vh, 0);
        transform: translate3d(97vw, -118vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(97vw, -118vh, 0);
        transform: translate3d(97vw, -118vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-134 {
    from {
        -webkit-transform: translate3d(90vw, 105vh, 0);
        transform: translate3d(90vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(98vw, -124vh, 0);
        transform: translate3d(98vw, -124vh, 0);
    }
}

@keyframes move-frames-134 {
    from {
        -webkit-transform: translate3d(90vw, 105vh, 0);
        transform: translate3d(90vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(98vw, -124vh, 0);
        transform: translate3d(98vw, -124vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-135 {
    from {
        -webkit-transform: translate3d(53vw, 102vh, 0);
        transform: translate3d(53vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(95vw, -125vh, 0);
        transform: translate3d(95vw, -125vh, 0);
    }
}

@keyframes move-frames-135 {
    from {
        -webkit-transform: translate3d(53vw, 102vh, 0);
        transform: translate3d(53vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(95vw, -125vh, 0);
        transform: translate3d(95vw, -125vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-136 {
    from {
        -webkit-transform: translate3d(10vw, 105vh, 0);
        transform: translate3d(10vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(55vw, -123vh, 0);
        transform: translate3d(55vw, -123vh, 0);
    }
}

@keyframes move-frames-136 {
    from {
        -webkit-transform: translate3d(10vw, 105vh, 0);
        transform: translate3d(10vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(55vw, -123vh, 0);
        transform: translate3d(55vw, -123vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-137 {
    from {
        -webkit-transform: translate3d(41vw, 104vh, 0);
        transform: translate3d(41vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -114vh, 0);
        transform: translate3d(100vw, -114vh, 0);
    }
}

@keyframes move-frames-137 {
    from {
        -webkit-transform: translate3d(41vw, 104vh, 0);
        transform: translate3d(41vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -114vh, 0);
        transform: translate3d(100vw, -114vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(73vw, -109vh, 0);
        transform: translate3d(73vw, -109vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(73vw, -109vh, 0);
        transform: translate3d(73vw, -109vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-139 {
    from {
        -webkit-transform: translate3d(35vw, 107vh, 0);
        transform: translate3d(35vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(15vw, -137vh, 0);
        transform: translate3d(15vw, -137vh, 0);
    }
}

@keyframes move-frames-139 {
    from {
        -webkit-transform: translate3d(35vw, 107vh, 0);
        transform: translate3d(35vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(15vw, -137vh, 0);
        transform: translate3d(15vw, -137vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(41vw, -135vh, 0);
        transform: translate3d(41vw, -135vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(41vw, -135vh, 0);
        transform: translate3d(41vw, -135vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(43vw, -134vh, 0);
        transform: translate3d(43vw, -134vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(43vw, -134vh, 0);
        transform: translate3d(43vw, -134vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(42vw, -123vh, 0);
        transform: translate3d(42vw, -123vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(42vw, -123vh, 0);
        transform: translate3d(42vw, -123vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-143 {
    from {
        -webkit-transform: translate3d(75vw, 106vh, 0);
        transform: translate3d(75vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -115vh, 0);
        transform: translate3d(60vw, -115vh, 0);
    }
}

@keyframes move-frames-143 {
    from {
        -webkit-transform: translate3d(75vw, 106vh, 0);
        transform: translate3d(75vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -115vh, 0);
        transform: translate3d(60vw, -115vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-144 {
    from {
        -webkit-transform: translate3d(50vw, 110vh, 0);
        transform: translate3d(50vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(80vw, -124vh, 0);
        transform: translate3d(80vw, -124vh, 0);
    }
}

@keyframes move-frames-144 {
    from {
        -webkit-transform: translate3d(50vw, 110vh, 0);
        transform: translate3d(50vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(80vw, -124vh, 0);
        transform: translate3d(80vw, -124vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-145 {
    from {
        -webkit-transform: translate3d(29vw, 104vh, 0);
        transform: translate3d(29vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -134vh, 0);
        transform: translate3d(100vw, -134vh, 0);
    }
}

@keyframes move-frames-145 {
    from {
        -webkit-transform: translate3d(29vw, 104vh, 0);
        transform: translate3d(29vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -134vh, 0);
        transform: translate3d(100vw, -134vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-146 {
    from {
        -webkit-transform: translate3d(79vw, 110vh, 0);
        transform: translate3d(79vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(57vw, -123vh, 0);
        transform: translate3d(57vw, -123vh, 0);
    }
}

@keyframes move-frames-146 {
    from {
        -webkit-transform: translate3d(79vw, 110vh, 0);
        transform: translate3d(79vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(57vw, -123vh, 0);
        transform: translate3d(57vw, -123vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(33vw, -123vh, 0);
        transform: translate3d(33vw, -123vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(33vw, -123vh, 0);
        transform: translate3d(33vw, -123vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-148 {
    from {
        -webkit-transform: translate3d(51vw, 107vh, 0);
        transform: translate3d(51vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(34vw, -113vh, 0);
        transform: translate3d(34vw, -113vh, 0);
    }
}

@keyframes move-frames-148 {
    from {
        -webkit-transform: translate3d(51vw, 107vh, 0);
        transform: translate3d(51vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(34vw, -113vh, 0);
        transform: translate3d(34vw, -113vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-149 {
    from {
        -webkit-transform: translate3d(2vw, 101vh, 0);
        transform: translate3d(2vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(55vw, -111vh, 0);
        transform: translate3d(55vw, -111vh, 0);
    }
}

@keyframes move-frames-149 {
    from {
        -webkit-transform: translate3d(2vw, 101vh, 0);
        transform: translate3d(2vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(55vw, -111vh, 0);
        transform: translate3d(55vw, -111vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-150 {
    from {
        -webkit-transform: translate3d(26vw, 101vh, 0);
        transform: translate3d(26vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(54vw, -106vh, 0);
        transform: translate3d(54vw, -106vh, 0);
    }
}

@keyframes move-frames-150 {
    from {
        -webkit-transform: translate3d(26vw, 101vh, 0);
        transform: translate3d(26vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(54vw, -106vh, 0);
        transform: translate3d(54vw, -106vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-151 {
    from {
        -webkit-transform: translate3d(3vw, 104vh, 0);
        transform: translate3d(3vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -133vh, 0);
        transform: translate3d(81vw, -133vh, 0);
    }
}

@keyframes move-frames-151 {
    from {
        -webkit-transform: translate3d(3vw, 104vh, 0);
        transform: translate3d(3vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -133vh, 0);
        transform: translate3d(81vw, -133vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-152 {
    from {
        -webkit-transform: translate3d(96vw, 107vh, 0);
        transform: translate3d(96vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -123vh, 0);
        transform: translate3d(28vw, -123vh, 0);
    }
}

@keyframes move-frames-152 {
    from {
        -webkit-transform: translate3d(96vw, 107vh, 0);
        transform: translate3d(96vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -123vh, 0);
        transform: translate3d(28vw, -123vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(39vw, -114vh, 0);
        transform: translate3d(39vw, -114vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(39vw, -114vh, 0);
        transform: translate3d(39vw, -114vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-154 {
    from {
        -webkit-transform: translate3d(72vw, 101vh, 0);
        transform: translate3d(72vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -111vh, 0);
        transform: translate3d(33vw, -111vh, 0);
    }
}

@keyframes move-frames-154 {
    from {
        -webkit-transform: translate3d(72vw, 101vh, 0);
        transform: translate3d(72vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -111vh, 0);
        transform: translate3d(33vw, -111vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(93vw, -117vh, 0);
        transform: translate3d(93vw, -117vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(93vw, -117vh, 0);
        transform: translate3d(93vw, -117vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-156 {
    from {
        -webkit-transform: translate3d(61vw, 103vh, 0);
        transform: translate3d(61vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(9vw, -128vh, 0);
        transform: translate3d(9vw, -128vh, 0);
    }
}

@keyframes move-frames-156 {
    from {
        -webkit-transform: translate3d(61vw, 103vh, 0);
        transform: translate3d(61vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(9vw, -128vh, 0);
        transform: translate3d(9vw, -128vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-157 {
    from {
        -webkit-transform: translate3d(55vw, 105vh, 0);
        transform: translate3d(55vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(56vw, -132vh, 0);
        transform: translate3d(56vw, -132vh, 0);
    }
}

@keyframes move-frames-157 {
    from {
        -webkit-transform: translate3d(55vw, 105vh, 0);
        transform: translate3d(55vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(56vw, -132vh, 0);
        transform: translate3d(56vw, -132vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-158 {
    from {
        -webkit-transform: translate3d(41vw, 102vh, 0);
        transform: translate3d(41vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -108vh, 0);
        transform: translate3d(20vw, -108vh, 0);
    }
}

@keyframes move-frames-158 {
    from {
        -webkit-transform: translate3d(41vw, 102vh, 0);
        transform: translate3d(41vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -108vh, 0);
        transform: translate3d(20vw, -108vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-159 {
    from {
        -webkit-transform: translate3d(30vw, 102vh, 0);
        transform: translate3d(30vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(61vw, -104vh, 0);
        transform: translate3d(61vw, -104vh, 0);
    }
}

@keyframes move-frames-159 {
    from {
        -webkit-transform: translate3d(30vw, 102vh, 0);
        transform: translate3d(30vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(61vw, -104vh, 0);
        transform: translate3d(61vw, -104vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(67vw, -135vh, 0);
        transform: translate3d(67vw, -135vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(67vw, -135vh, 0);
        transform: translate3d(67vw, -135vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-161 {
    from {
        -webkit-transform: translate3d(35vw, 106vh, 0);
        transform: translate3d(35vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(32vw, -117vh, 0);
        transform: translate3d(32vw, -117vh, 0);
    }
}

@keyframes move-frames-161 {
    from {
        -webkit-transform: translate3d(35vw, 106vh, 0);
        transform: translate3d(35vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(32vw, -117vh, 0);
        transform: translate3d(32vw, -117vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-162 {
    from {
        -webkit-transform: translate3d(52vw, 106vh, 0);
        transform: translate3d(52vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -135vh, 0);
        transform: translate3d(14vw, -135vh, 0);
    }
}

@keyframes move-frames-162 {
    from {
        -webkit-transform: translate3d(52vw, 106vh, 0);
        transform: translate3d(52vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -135vh, 0);
        transform: translate3d(14vw, -135vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(72vw, -133vh, 0);
        transform: translate3d(72vw, -133vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(72vw, -133vh, 0);
        transform: translate3d(72vw, -133vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-164 {
    from {
        -webkit-transform: translate3d(45vw, 110vh, 0);
        transform: translate3d(45vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(6vw, -132vh, 0);
        transform: translate3d(6vw, -132vh, 0);
    }
}

@keyframes move-frames-164 {
    from {
        -webkit-transform: translate3d(45vw, 110vh, 0);
        transform: translate3d(45vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(6vw, -132vh, 0);
        transform: translate3d(6vw, -132vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-165 {
    from {
        -webkit-transform: translate3d(99vw, 107vh, 0);
        transform: translate3d(99vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -132vh, 0);
        transform: translate3d(20vw, -132vh, 0);
    }
}

@keyframes move-frames-165 {
    from {
        -webkit-transform: translate3d(99vw, 107vh, 0);
        transform: translate3d(99vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -132vh, 0);
        transform: translate3d(20vw, -132vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(34vw, -134vh, 0);
        transform: translate3d(34vw, -134vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(34vw, -134vh, 0);
        transform: translate3d(34vw, -134vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(12vw, -135vh, 0);
        transform: translate3d(12vw, -135vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(12vw, -135vh, 0);
        transform: translate3d(12vw, -135vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(61vw, -123vh, 0);
        transform: translate3d(61vw, -123vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(61vw, -123vh, 0);
        transform: translate3d(61vw, -123vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-169 {
    from {
        -webkit-transform: translate3d(89vw, 104vh, 0);
        transform: translate3d(89vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(61vw, -128vh, 0);
        transform: translate3d(61vw, -128vh, 0);
    }
}

@keyframes move-frames-169 {
    from {
        -webkit-transform: translate3d(89vw, 104vh, 0);
        transform: translate3d(89vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(61vw, -128vh, 0);
        transform: translate3d(61vw, -128vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-170 {
    from {
        -webkit-transform: translate3d(50vw, 105vh, 0);
        transform: translate3d(50vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -123vh, 0);
        transform: translate3d(78vw, -123vh, 0);
    }
}

@keyframes move-frames-170 {
    from {
        -webkit-transform: translate3d(50vw, 105vh, 0);
        transform: translate3d(50vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -123vh, 0);
        transform: translate3d(78vw, -123vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-171 {
    from {
        -webkit-transform: translate3d(23vw, 106vh, 0);
        transform: translate3d(23vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -107vh, 0);
        transform: translate3d(62vw, -107vh, 0);
    }
}

@keyframes move-frames-171 {
    from {
        -webkit-transform: translate3d(23vw, 106vh, 0);
        transform: translate3d(23vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -107vh, 0);
        transform: translate3d(62vw, -107vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-172 {
    from {
        -webkit-transform: translate3d(31vw, 107vh, 0);
        transform: translate3d(31vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(53vw, -133vh, 0);
        transform: translate3d(53vw, -133vh, 0);
    }
}

@keyframes move-frames-172 {
    from {
        -webkit-transform: translate3d(31vw, 107vh, 0);
        transform: translate3d(31vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(53vw, -133vh, 0);
        transform: translate3d(53vw, -133vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(67vw, -130vh, 0);
        transform: translate3d(67vw, -130vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(67vw, -130vh, 0);
        transform: translate3d(67vw, -130vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(49vw, -121vh, 0);
        transform: translate3d(49vw, -121vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(49vw, -121vh, 0);
        transform: translate3d(49vw, -121vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(53vw, -131vh, 0);
        transform: translate3d(53vw, -131vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(53vw, -131vh, 0);
        transform: translate3d(53vw, -131vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(40vw, -136vh, 0);
        transform: translate3d(40vw, -136vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(40vw, -136vh, 0);
        transform: translate3d(40vw, -136vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-177 {
    from {
        -webkit-transform: translate3d(60vw, 101vh, 0);
        transform: translate3d(60vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(44vw, -110vh, 0);
        transform: translate3d(44vw, -110vh, 0);
    }
}

@keyframes move-frames-177 {
    from {
        -webkit-transform: translate3d(60vw, 101vh, 0);
        transform: translate3d(60vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(44vw, -110vh, 0);
        transform: translate3d(44vw, -110vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-178 {
    from {
        -webkit-transform: translate3d(68vw, 106vh, 0);
        transform: translate3d(68vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(89vw, -136vh, 0);
        transform: translate3d(89vw, -136vh, 0);
    }
}

@keyframes move-frames-178 {
    from {
        -webkit-transform: translate3d(68vw, 106vh, 0);
        transform: translate3d(68vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(89vw, -136vh, 0);
        transform: translate3d(89vw, -136vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-179 {
    from {
        -webkit-transform: translate3d(44vw, 106vh, 0);
        transform: translate3d(44vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(54vw, -127vh, 0);
        transform: translate3d(54vw, -127vh, 0);
    }
}

@keyframes move-frames-179 {
    from {
        -webkit-transform: translate3d(44vw, 106vh, 0);
        transform: translate3d(44vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(54vw, -127vh, 0);
        transform: translate3d(54vw, -127vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(96vw, -136vh, 0);
        transform: translate3d(96vw, -136vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(96vw, -136vh, 0);
        transform: translate3d(96vw, -136vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-181 {
    from {
        -webkit-transform: translate3d(98vw, 104vh, 0);
        transform: translate3d(98vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -112vh, 0);
        transform: translate3d(81vw, -112vh, 0);
    }
}

@keyframes move-frames-181 {
    from {
        -webkit-transform: translate3d(98vw, 104vh, 0);
        transform: translate3d(98vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -112vh, 0);
        transform: translate3d(81vw, -112vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(44vw, -134vh, 0);
        transform: translate3d(44vw, -134vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(44vw, -134vh, 0);
        transform: translate3d(44vw, -134vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-183 {
    from {
        -webkit-transform: translate3d(16vw, 103vh, 0);
        transform: translate3d(16vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(76vw, -105vh, 0);
        transform: translate3d(76vw, -105vh, 0);
    }
}

@keyframes move-frames-183 {
    from {
        -webkit-transform: translate3d(16vw, 103vh, 0);
        transform: translate3d(16vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(76vw, -105vh, 0);
        transform: translate3d(76vw, -105vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(71vw, -126vh, 0);
        transform: translate3d(71vw, -126vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(71vw, -126vh, 0);
        transform: translate3d(71vw, -126vh, 0);
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes move-frames-186 {
    from {
        -webkit-transform: translate3d(73vw, 105vh, 0);
        transform: translate3d(73vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(68vw, -125vh, 0);
        transform: translate3d(68vw, -125vh, 0);
    }
}

@keyframes move-frames-186 {
    from {
        -webkit-transform: translate3d(73vw, 105vh, 0);
        transform: translate3d(73vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(68vw, -125vh, 0);
        transform: translate3d(68vw, -125vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(64vw, -111vh, 0);
        transform: translate3d(64vw, -111vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(64vw, -111vh, 0);
        transform: translate3d(64vw, -111vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-188 {
    from {
        -webkit-transform: translate3d(29vw, 101vh, 0);
        transform: translate3d(29vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(74vw, -113vh, 0);
        transform: translate3d(74vw, -113vh, 0);
    }
}

@keyframes move-frames-188 {
    from {
        -webkit-transform: translate3d(29vw, 101vh, 0);
        transform: translate3d(29vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(74vw, -113vh, 0);
        transform: translate3d(74vw, -113vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-189 {
    from {
        -webkit-transform: translate3d(70vw, 106vh, 0);
        transform: translate3d(70vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(57vw, -122vh, 0);
        transform: translate3d(57vw, -122vh, 0);
    }
}

@keyframes move-frames-189 {
    from {
        -webkit-transform: translate3d(70vw, 106vh, 0);
        transform: translate3d(70vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(57vw, -122vh, 0);
        transform: translate3d(57vw, -122vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-190 {
    from {
        -webkit-transform: translate3d(93vw, 106vh, 0);
        transform: translate3d(93vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(27vw, -124vh, 0);
        transform: translate3d(27vw, -124vh, 0);
    }
}

@keyframes move-frames-190 {
    from {
        -webkit-transform: translate3d(93vw, 106vh, 0);
        transform: translate3d(93vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(27vw, -124vh, 0);
        transform: translate3d(27vw, -124vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-191 {
    from {
        -webkit-transform: translate3d(33vw, 106vh, 0);
        transform: translate3d(33vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(51vw, -125vh, 0);
        transform: translate3d(51vw, -125vh, 0);
    }
}

@keyframes move-frames-191 {
    from {
        -webkit-transform: translate3d(33vw, 106vh, 0);
        transform: translate3d(33vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(51vw, -125vh, 0);
        transform: translate3d(51vw, -125vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(58vw, -111vh, 0);
        transform: translate3d(58vw, -111vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(58vw, -111vh, 0);
        transform: translate3d(58vw, -111vh, 0);
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(13vw, -119vh, 0);
        transform: translate3d(13vw, -119vh, 0);
    }
}

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

    to {
        -webkit-transform: translate3d(13vw, -119vh, 0);
        transform: translate3d(13vw, -119vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-194 {
    from {
        -webkit-transform: translate3d(55vw, 103vh, 0);
        transform: translate3d(55vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -119vh, 0);
        transform: translate3d(20vw, -119vh, 0);
    }
}

@keyframes move-frames-194 {
    from {
        -webkit-transform: translate3d(55vw, 103vh, 0);
        transform: translate3d(55vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -119vh, 0);
        transform: translate3d(20vw, -119vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-195 {
    from {
        -webkit-transform: translate3d(87vw, 102vh, 0);
        transform: translate3d(87vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(46vw, -123vh, 0);
        transform: translate3d(46vw, -123vh, 0);
    }
}

@keyframes move-frames-195 {
    from {
        -webkit-transform: translate3d(87vw, 102vh, 0);
        transform: translate3d(87vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(46vw, -123vh, 0);
        transform: translate3d(46vw, -123vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-196 {
    from {
        -webkit-transform: translate3d(57vw, 106vh, 0);
        transform: translate3d(57vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(16vw, -119vh, 0);
        transform: translate3d(16vw, -119vh, 0);
    }
}

@keyframes move-frames-196 {
    from {
        -webkit-transform: translate3d(57vw, 106vh, 0);
        transform: translate3d(57vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(16vw, -119vh, 0);
        transform: translate3d(16vw, -119vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-197 {
    from {
        -webkit-transform: translate3d(56vw, 104vh, 0);
        transform: translate3d(56vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(83vw, -131vh, 0);
        transform: translate3d(83vw, -131vh, 0);
    }
}

@keyframes move-frames-197 {
    from {
        -webkit-transform: translate3d(56vw, 104vh, 0);
        transform: translate3d(56vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(83vw, -131vh, 0);
        transform: translate3d(83vw, -131vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-198 {
    from {
        -webkit-transform: translate3d(63vw, 103vh, 0);
        transform: translate3d(63vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -111vh, 0);
        transform: translate3d(81vw, -111vh, 0);
    }
}

@keyframes move-frames-198 {
    from {
        -webkit-transform: translate3d(63vw, 103vh, 0);
        transform: translate3d(63vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -111vh, 0);
        transform: translate3d(81vw, -111vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-199 {
    from {
        -webkit-transform: translate3d(88vw, 102vh, 0);
        transform: translate3d(88vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(89vw, -111vh, 0);
        transform: translate3d(89vw, -111vh, 0);
    }
}

@keyframes move-frames-199 {
    from {
        -webkit-transform: translate3d(88vw, 102vh, 0);
        transform: translate3d(88vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(89vw, -111vh, 0);
        transform: translate3d(89vw, -111vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-200 {
    from {
        -webkit-transform: translate3d(91vw, 101vh, 0);
        transform: translate3d(91vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -125vh, 0);
        transform: translate3d(43vw, -125vh, 0);
    }
}

@keyframes move-frames-200 {
    from {
        -webkit-transform: translate3d(91vw, 101vh, 0);
        transform: translate3d(91vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -125vh, 0);
        transform: translate3d(43vw, -125vh, 0);
    }
}

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

.message {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: white;
    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;
    }
}

.main-color-bg {
    overflow: hidden;
}

.navbar {
    margin-bottom: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-toggle {
    border: none;
}

.navbar-right {
    margin-right: 0;
}

.navbar-toggle .icon-bar {
    background-color: #fb819f;
    width: 24px;
}

.nav-item > li > a {
    padding: 15px;
}

.navbar-brand {
    height: 55px;
    padding: 0 15px;
}

    .navbar-brand img {
        height: 75px;
    }

.nav-base {
    padding: 15px 0;
    top: 0;
    transition: all 200ms ease-in-out;
    z-index: 999;
}

    .nav-base #navigation ul li a {
        text-transform: uppercase;
        font-size: 17px;
    }

    .nav-base .logo-blue {
        display: none;
    }

    .nav-base.mini-nav {
        padding: 8px 0;
        box-shadow: 0 0 2px rgba(100, 100, 100, 0.3);
    }

        .nav-base.mini-nav .logo-blue {
            display: block;
        }

        .nav-base.mini-nav .logo-white {
            display: none;
        }

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
}

.nav-base #navigation ul li a.btn {
    padding: 7px 15px;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 7px;
    min-width: 40px;
}

.nav-base.dark-bg.mini-nav #navigation ul li.active a,
.nav-base.dark.mini-nav #navigation ul li.active a,
.nav-base.light-bg.mini-nav #navigation ul li.active a,
.nav-base.light.mini-nav #navigation ul li.active a {
    color: #4680ff;
}

.nav-base.dark {
    background: transparent;
}

    .nav-base.dark #navigation ul li a {
        color: #fff;
        padding: 0 18px;
    }

        .nav-base.dark #navigation ul li a:hover {
            color: #ccc;
        }

        .nav-base.dark #navigation ul li a.btn {
            color: #fff;
            background: #00AFF0;
        }

            .nav-base.dark #navigation ul li a.btn:hover {
                background: transparent;
                color: #fff;
                border-color: #fff;
            }

        .nav-base.dark #navigation ul li a.btn-secondary {
            color: #fff;
            border-color: #fff;
            background: none;
        }

            .nav-base.dark #navigation ul li a.btn-secondary:hover {
                color: #fff;
                border-color: #00AFF0;
                background: #00AFF0;
            }

    .nav-base.dark.mini-nav {
        z-index: 1200;
        background: #fff;
        box-shadow: 5px 2px 12px -3px #999;
    }

        .nav-base.dark.mini-nav #navigation ul li a {
            color: #666;
        }

            /*.nav-base.dark.mini-nav #navigation ul li a.active {
    color: #4680ff;
}*/
            .nav-base.dark.mini-nav #navigation ul li a:hover {
                color: #53099e;
            }

            .nav-base.dark.mini-nav #navigation ul li a.btn {
                color: #00AFF0;
                border-color: #00AFF0;
                background: transparent;
            }

                .nav-base.dark.mini-nav #navigation ul li a.btn:hover {
                    color: #fff;
                    border-color: #00AFF0;
                    background: #00AFF0;
                }

            .nav-base.dark.mini-nav #navigation ul li a.btn-secondary {
                color: #fff;
                border-color: #00AFF0;
                background: #00AFF0;
            }

                .nav-base.dark.mini-nav #navigation ul li a.btn-secondary:hover {
                    color: #00AFF0;
                    border-color: #00AFF0;
                    background: transparent;
                }

.nav-base.light {
    background: transparent;
}

    .nav-base.light #navigation ul li a {
        color: #666;
    }

        .nav-base.light #navigation ul li a:hover {
            color: #00AFF0;
        }

        .nav-base.light #navigation ul li a.btn {
            color: #fff;
            background: #00AFF0;
        }

            .nav-base.light #navigation ul li a.btn:hover {
                color: #00AFF0;
                background: transparent;
            }

        .nav-base.light #navigation ul li a.btn-secondary {
            color: #00AFF0;
            background: none;
        }

            .nav-base.light #navigation ul li a.btn-secondary:hover {
                color: #fff;
                background: #00AFF0;
            }

    .nav-base.light.mini-nav {
        background: #fff;
    }

        .nav-base.light.mini-nav #navigation ul li a {
            color: #555;
        }

            .nav-base.light.mini-nav #navigation ul li a:hover {
                color: #00AFF0;
            }

            .nav-base.light.mini-nav #navigation ul li a.btn {
                color: #00AFF0;
                background: transparent;
            }

                .nav-base.light.mini-nav #navigation ul li a.btn:hover {
                    color: #fff;
                    background: #00AFF0;
                }

            .nav-base.light.mini-nav #navigation ul li a.btn-secondary {
                color: #fff;
                background: #00AFF0;
            }

                .nav-base.light.mini-nav #navigation ul li a.btn-secondary:hover {
                    color: #00AFF0;
                    background: none;
                }

.nav-base.dark-bg {
    background: #242424;
}

    .nav-base.dark-bg #navigation ul li a {
        color: #fff;
    }

        .nav-base.dark-bg #navigation ul li a:hover {
            color: #00AFF0;
        }

        .nav-base.dark-bg #navigation ul li a.btn {
            color: #fff;
            background: #00AFF0;
        }

            .nav-base.dark-bg #navigation ul li a.btn:hover {
                color: #fff;
                border-color: #fff;
                background: transparent;
            }

        .nav-base.dark-bg #navigation ul li a.btn-secondary {
            color: #fff;
            border-color: #fff;
            background: none;
        }

            .nav-base.dark-bg #navigation ul li a.btn-secondary:hover {
                color: #fff;
                border-color: #00AFF0;
                background: #00AFF0;
            }

    .nav-base.dark-bg.mini-nav {
        background: #232323;
    }

.nav-base.light-bg {
    background: #fff;
}

    .nav-base.light-bg #navigation ul li a {
        color: #555;
    }

        .nav-base.light-bg #navigation ul li a:hover {
            color: #00AFF0;
        }

        .nav-base.light-bg #navigation ul li a.btn {
            color: #fff;
            background: #00AFF0;
        }

            .nav-base.light-bg #navigation ul li a.btn:hover {
                color: #00AFF0;
                background: transparent;
            }

        .nav-base.light-bg #navigation ul li a.btn-secondary {
            color: #00AFF0;
            background: none;
        }

            .nav-base.light-bg #navigation ul li a.btn-secondary:hover {
                color: #fff;
                background: #00AFF0;
            }

    .nav-base.light-bg.mini-nav {
        background: #fff;
    }

.nav-base #navigation ul li.active a {
    color: #fff;
}

.dark.mini-nav .navbar-brand {
    visibility: visible;
}

.main-header {
    background: radial-gradient(#53a2ef 30%, #4680ff 70%);
    background-size: cover;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    position: relative;
    margin-top: -100px;
    transform-origin: center;
}

    .main-header.demo2:after {
        content: "";
        position: absolute;
        bottom: -200px;
        height: 400px;
        background-color: #fff;
        width: 100%;
        transform: skewY(-10deg);
    }


    .main-header.demo1 {
        background: url('../images/header-bg/demo1.jpg') no-repeat;
        background-size: cover;
    }

    .main-header.demo4 {
        background: url('../images/header-bg/header-bg1.jpg') bottom center no-repeat;
        background-size: cover;
    }

    .main-header.demo1 .main-header-sub {
        padding-top: 150px;
    }

    .main-header.demo3 .main-header-sub {
        padding-bottom: 150px;
    }

    .main-header.demo4 .main-header-sub {
        padding-bottom: 100px;
    }

    .main-header.demo1:after {
        content: "";
        position: absolute;
        bottom: -338px;
        height: 400px;
        background-color: #fff;
        width: 100%;
        transform: skewY(-10deg);
    }

    .main-header.demo3:before {
        content: "";
        position: absolute;
        bottom: -200px;
        height: 200px;
        background-color: #fff;
        width: 100%;
        transform: skewY(-10deg);
    }

    .main-header.demo3:after {
        content: "";
        position: absolute;
        bottom: -200px;
        height: 200px;
        background-color: #fff;
        width: 100%;
        transform: skewY(10deg);
    }

    .main-header .img-section {
        position: relative;
        margin-top: 100px;
    }

    .main-header.demo3 .img-section,
    .main-header.demo4 .img-section {
        position: relative;
        margin-top: 50px;
    }

    .main-header .img-section .img-chat {
        top: 150px;
        left: 50px;
        position: absolute;
        z-index: 3;
        box-shadow: 0 10px 38px 2px rgba(4, 26, 55, 0.25);
        animation: floating1 8s infinite;
        -webkit-animation: floating1 8s infinite;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .main-header .img-section .img-browser {
        position: relative;
        z-index: 2;
        animation: floating1 10s infinite;
        -webkit-animation: floating1 10s infinite;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .main-header .img-section .img-followers {
        top: 80px;
        position: absolute;
        right: 20px;
        z-index: 3;
        box-shadow: 0 10px 38px 2px rgba(4, 26, 55, 0.25);
        animation: floating2 7s infinite;
        -webkit-animation: floating2 7s infinite;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

.home-cont img {
    display: inline-block;
}

.home-cont h2 {
    margin-top: 0;
}

.main-header {
    position: relative;
    overflow: visible;
}

    .main-header h1 {
        color: #fff;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 45px;
        text-shadow: 0 18px 20px rgba(102, 102, 102, 0.34);
    }

    .main-header .content-text h3 {
        color: #fff;
        margin-bottom: 50px;
        font-size: 18px;
        line-height: 1.8;
    }

.learn-more {
    border: 2px solid;
    border-radius: 28px;
    font-family: Arial;
    color: #fff;
    font-size: 16px;
    padding: 15px 30px;
    text-decoration: none;
    transition: all 0.5s;
    box-shadow: 0 5px 25px -7px #000000;
}

    .learn-more:focus,
    .learn-more:hover {
        background: #fff;
        color: #444;
        text-decoration: none;
        opacity: 0.8;
        border: 2px solid #fff;
        cursor: pointer;
    }

.main-header .main-header-sub {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 250px;
    z-index: 9;
}

.main-header .content-text {
    top: calc(50% - 150px);
    width: 100%;
    position: relative;
}

    .main-header .content-text .circle-1 {
        position: absolute;
        left: -22%;
        width: 150px;
        height: 150px;
        border: 8px solid #db85fb;
        border-radius: 50%;
        opacity: 0.3;
        animation: floating 10s infinite;
        -webkit-animation: floating 10s infinite;
    }

    .main-header .content-text .circle-2 {
        position: absolute;
        right: -20%;
        bottom: 0;
        width: 80px;
        height: 80px;
        border: 15px solid #00ffc9;
        border-radius: 50%;
        opacity: 0.4;
        animation: floating 9s infinite;
        -webkit-animation: floating 9s infinite;
    }

    .main-header .content-text .circle-3 {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        border: 6px solid #b1af00;
        border-radius: 50%;
        opacity: 0.6;
        animation: floating 8s infinite;
        -webkit-animation: floating 8s infinite;
    }

    .main-header .content-text .circle-4 {
        position: absolute;
        top: -50px;
        left: 0;
        width: 100px;
        height: 100px;
        border: 15px solid #f95eaa;
        border-radius: 50%;
        opacity: 0.5;
        z-index: -1;
        animation: floating 7s infinite;
        -webkit-animation: floating 7s infinite;
    }

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.37rem;
}

    .card .img-wrap {
        overflow: hidden;
    }

.card-product-grid .img-wrap {
    border-radius: 0.2rem 0.2rem 0 0;
    height: 220px;
}

[class*='card-product'] .img-wrap img {
    height: 100%;
    max-width: 100%;
    width: auto;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
}

.card-product-grid .img-wrap {
    border-radius: 0.2rem 0.2rem 0 0;
    height: 220px;
}

.rating-stars {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
    clear: both;
}

.label-rating {
    margin-left: 7px;
    display: inline-block;
    vertical-align: middle;
}

.img-box-genral img {
    /*min-height: 200px;
    height: 100%;*/
    height: auto;
}

.content {
    display: none;
}

button {
    margin-top: 30px;
}

.back {
    display: none;
}

.next {
    margin-left: 50px;
}

.end {
    display: none;
}

.text-muted {
    color: #969696 !important;
}

.price {
    font-weight: 600;
    color: #650588;
}

.card-product-grid .info-wrap {
    overflow: hidden;
    padding: 18px 20px;
}