@font-face {
    font-family: montserrat;
    src: url(../fonts/montserrat/montserrat-bold-webfont.eot);
    src: url(../fonts/montserrat/montserrat-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/montserrat-bold-webfont.woff2) format("woff2"), url(../fonts/montserrat/montserrat-bold-webfont.woff) format("woff"), url(../fonts/montserrat/montserrat-bold-webfont.ttf) format("truetype");
    font-weight: 700
}

@font-face {
    font-family: montserrat;
    src: url(../fonts/montserrat/montserrat-semibold-webfont.eot);
    src: url(../fonts/montserrat/montserrat-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/montserrat-semibold-webfont.woff2) format("woff2"), url(../fonts/montserrat/montserrat-semibold-webfont.woff) format("woff"), url(../fonts/montserrat/montserrat-semibold-webfont.ttf) format("truetype");
    font-weight: 600
}

@font-face {
    font-family: montserrat;
    src: url(../fonts/montserrat/montserrat-regular-webfont.eot);
    src: url(../fonts/montserrat/montserrat-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/montserrat-regular-webfont.woff2) format("woff2"), url(../fonts/montserrat/montserrat-regular-webfont.woff) format("woff"), url(../fonts/montserrat/montserrat-regular-webfont.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: montserrat;
    src: url(../fonts/montserrat/montserrat-light-webfont.eot);
    src: url(../fonts/montserrat/montserrat-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/montserrat-light-webfont.woff2) format("woff2"), url(../fonts/montserrat/montserrat-light-webfont.woff) format("woff"), url(../fonts/montserrat/montserrat-light-webfont.ttf) format("truetype");
    font-weight: 300
}

@font-face {
    font-family: 'open sans';
    src: url(../fonts/open-sans/opensans-bold-webfont.eot);
    src: url(../fonts/open-sans/opensans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/open-sans/opensans-bold-webfont.woff2) format('woff2'), url(../fonts/open-sans/opensans-bold-webfont.woff) format('woff'), url(../fonts/open-sans/opensans-bold-webfont.ttf) format('truetype');
    font-weight: 700
}

@font-face {
    font-family: 'open sans';
    src: url(../fonts/open-sans/opensans-semibold-webfont.eot);
    src: url(../fonts/open-sans/opensans-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/open-sans/opensans-semibold-webfont.woff2) format('woff2'), url(../fonts/open-sans/opensans-semibold-webfont.woff) format('woff'), url(../fonts/open-sans/opensans-semibold-webfont.ttf) format('truetype');
    font-weight: 600
}

@font-face {
    font-family: 'open sans';
    src: url(../fonts/open-sans/opensans-regular-webfont.eot);
    src: url(../fonts/open-sans/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/open-sans/opensans-regular-webfont.woff2) format('woff2'), url(../fonts/open-sans/opensans-regular-webfont.woff) format('woff'), url(../fonts/open-sans/opensans-regular-webfont.ttf) format('truetype');
    font-weight: 400
}


@font-face {
    font-family: 'shuzi';
    src: url(../fonts/open-sans/opensans-regular-webfont.eot);
    src: url(../fonts/open-sans/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/open-sans/opensans-regular-webfont.woff2) format('woff2'), url(../fonts/open-sans/opensans-regular-webfont.woff) format('woff'), url(../fonts/open-sans/Impact.ttf) format('truetype');
}


body, html {
    overflow-x: hidden;
    font-size: .95em;
    color: #848c99;
    /*font-family: montserrat, 'open sans', sans-serif;*/
    font-weight: 400;
    line-height: 1.6;
    white-space: normal;
    background: #F4F4F4 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #37404d;
    line-height: 1;
    margin: 0 0 25px 0;
    letter-spacing: -.03em
}

h1 {
    font-size: 3em
}

h2 {
    font-size: 2.75em
}

h3 {
    font-size: 2.25em
}

h4 {
    font-size: 2em
}

h5 {
    font-size: 1.25em
}

h6 {
    font-size: 1.025em
}

ul {
    padding: 0
}

li {
    list-style: none;
    margin-bottom: 10px
}

a {
    transition: .5s;
    -webkit-transition: .5s;
    text-decoration: none;
    outline: 0;
    color: inherit
}

.nav > li > a:focus, .nav > li > a:hover, li > a:focus, li > a:hover {
    background-color: transparent;
    border-color: transparent
}

.nav > li > a, ul {
    padding: 0
}

a, a:active, a:focus {
    outline: 0;
    text-decoration: none
}

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

.btn i, .btn p, .btn span, .overly * {
    z-index: 1
}

.btn, .meta-head {
    text-transform: uppercase;
    letter-spacing: .2px
}

.btn, .meta {
    line-height: 1
}

li {
    list-style: none;
    margin-bottom: 10px
}

a {
    transition: .5s;
    -webkit-transition: .5s;
    color: inherit
}

.nav > li > a:focus, .nav > li > a:hover, li > a:focus, li > a:hover {
    background-color: transparent;
    border-color: transparent
}

a:active, a:focus {
    -moz-outline: 0
}

a:hover {
    color: #702dda
}

.sec-pad {
    padding-top: 100px;
    padding-bottom: 100px
}

.sec-pad-sm {
    padding-top: 15px;
    padding-bottom: 15px
}

.sec-pad-lg {
    padding: 150px 0
}

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

.section-text {
    max-width: 600px;
    margin: 0 auto 60px auto
}

.meta {
    font-size: 14px
}

.meta-head {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px
}

p.large {
    color: #848c99;
    font-size: 1rem;
}

.shibaimg {
    width: 32.5%;
}

.light {
    color: #fff
}

.light .icon, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
    color: #fff
}

.icon {
    color: #cacbcc;
    margin-bottom: 5px
}

.icon-lg {
    color: #cacbcc;
    font-size: 3em;
    margin-bottom: 10px
}

.icon-md {
    font-size: 2.5em
}

.icon-sm {
    font-size: 2em
}

.icon-xs {
    font-size: 1.5em
}

.parallax-bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.sub-input .custom-form {
    position: relative
}

.sub-input .custom-form .form-control {
    height: 60px;
    border: 0;
    background-color: #fff;
    border-radius: 70px;
    padding: 0 0 0 20px;
    font-size: 18px
}

.custom-form .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0)
}

.sub-input .result-box {
    font-size: 24px
}

.sub-input .custom-form .btn {
    text-transform: uppercase;
    position: absolute;
    margin: 0;
    top: 3px;
    right: 3px;
    bottom: 3px;
    box-shadow: 0 0 0 transparent
}

.bg-gray {
    background: url(../image/bg-gray.png) left top no-repeat;
    background-size: cover
}
.btnimg{cursor:pointer;border:0;margin:0;padding:0;}
#ScrollToTop{
    position: fixed;
    _position: absolute;
    z-index: 4;
    opacity: 0.7;
    right: -5px;
    bottom: 75px;
    width: 75px;
    padding: 10px 10px 10px;
    display: block;
    font-size: 15px;
    text-align: center;
    -moz-transition: right 250ms ease-in-out;
    -webkit-transition: right 250ms ease-in-out;
    color: white;
    background-color:rgba(0,0,0,0);
    border-radius: 10px;
}
#ScrollToTop.Offscreen{
    right:-110px;
    -moz-transition-duration:250ms;
    -webkit-transition-duration:250ms;
}
/* White Button */
.Button2.WhiteButton{
    color:#524d4d;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfafb', endColorstr='#f0eded');
}
.Button2.WhiteButton:hover{
    color:#666060;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfc', endColorstr='#f2f0f0');
}
.Button2.WhiteButton:active{
    color:#454141;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f4f5', endColorstr='#ebe8e8');
}
.bg-light {
    background: white;
}

.grdnt-blue:not(.overly) {
    background-image: -webkit-linear-gradient(135deg, #281483 0, #8f6ed5 51%, #281483 100%);
    background-image: linear-gradient(135deg, #281483 0, #8f6ed5 51%, #281483 100%)
}

.grdnt-purple:not(.overly) {
    background-image: -webkit-linear-gradient(135deg, #6d1bc6 0, #fa0076 51%, #6d1bc6 100%);
    background-image: linear-gradient(135deg, #6d1bc6 0, #fa0076 51%, #6d1bc6 100%)
}

.grdnt-orange:not(.overly) {
    background-image: -webkit-linear-gradient(135deg, #fe2553 0, #ff6351 51%, #fe2553 100%);
    background-image: linear-gradient(135deg, #fe2553 0, #ff6351 51%, #fe2553 100%)
}

.grdnt-cyan:not(.overly) {
    background-image: -webkit-linear-gradient(45deg, #8089ff 0, #54ceff 51%, #8089ff 100%);
    background-image: linear-gradient(45deg, #8089ff 0, #54ceff 51%, #8089ff 100%)
}

.grdnt-green:not(.overly) {
    background-image: -webkit-linear-gradient(45deg, #00c9fd 0, #81ee8e 51%, #00c9fd 100%);
    background-image: linear-gradient(45deg, #00c9fd 0, #81ee8e 51%, #00c9fd 100%)
}

.wodeyanse:before {
    background-image: -webkit-linear-gradient(187deg, #FFFFFF 35%, #FFFFFF 15%, #F4F4F4 80%);
    background-image: linear-gradient(187deg, #FFFFFF 35%, #FFFFFF 15%, #F4F4F4 80%);
}

.grdnt-blue.overly:before {
    background-image: -webkit-linear-gradient(135deg, #281483 0, #8f6ed5 51%, #281483 100%);
    background-image: linear-gradient(135deg, #281483 0, #8f6ed5 51%, #281483 100%)
}

.grdnt-purple.overly:before {
    background-image: -webkit-linear-gradient(135deg, #6d1bc6 0, #fa0076 51%, #6d1bc6 100%);
    background-image: linear-gradient(135deg, #6d1bc6 0, #fa0076 51%, #6d1bc6 100%)
}

.grdnt-orange.overly:before {
    background-image: linear-gradient(135deg, #fe2553 0, #ff6351 51%, #fe2553 100%);
    background-image: -webkit-linear-gradient(135deg, #fe2553 0, #ff6351 51%, #fe2553 100%)
}

.grdnt-cyan.overly:before {
    background-image: -webkit-linear-gradient(45deg, #8089ff 0, #54ceff 51%, #8089ff 100%);
    background-image: linear-gradient(45deg, #8089ff 0, #54ceff 51%, #8089ff 100%)
}

.grdnt-green.overly:before {
    background-image: -webkit-linear-gradient(45deg, #00c9fd 0, #81ee8e 51%, #00c9fd 100%);
    background-image: linear-gradient(45deg, #00c9fd 0, #81ee8e 51%, #00c9fd 100%)
}

a[class*=grdnt-], button[class*=grdnt-], div[class*=grdnt-], div[class*=grdnt-].overly:before, footer[class*=grdnt-], footer[class*=grdnt-].overly:before, header[class*=grdnt-], header[class*=grdnt-].overly:before, input[class*=grdnt-], nav[class*=grdnt-], section[class*=grdnt-], section[class*=grdnt-].overly:before {
    transition: .5s;
    -webkit-transition: .5s;
    background-size: 250% auto
}

a[class*=grdnt-]:hover, button[class*=grdnt-], input[class*=grdnt-]:hover {
    color: #fff;
    background-position: right center
}

[class*=bg-trans] * {
    z-index: 3
}

[class*=bg-trans]:before, [class*=style-]:after {
    position: absolute;
    background-size: 100% !important;
    content: '';
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: 0
}

.style-wave:after {
    /*background: url(../image/img-wave.gif) bottom no-repeat;*/
    mix-blend-mode: screen !important;
}

.style-wave-2:after {
    background: url(../image/img-wave-2.png) bottom no-repeat
}

.style-poly:after {
    background: url(../image/img-poly.png) bottom no-repeat
}

.style-curve:after {
    background: url(../image/img-curve.png) bottom no-repeat
}

.style-wave-alt:after {
    background: url(../image/img-wave-alt.png) top no-repeat
}

.style-angle:after {
    -webkit-transform: skewY(176deg);
    transform: skewY(176deg);
    width: 100%
}

.bg-trans-1:before {
    background: url(../image/bg-trans-1.png) left top no-repeat
}

.bg-trans-2:before {
    background: url(../image/bg-trans-2.png) top no-repeat
}

.bg-trans-3:before {
    background: url(../image/bg-trans-3.png) top no-repeat
}

.bg-solid {
    background: #3ac8fc
}

.overly {
    position: relative
}

.overly * {
    position: relative;
    z-index: 2
}

.overly:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .95
}

.brdr-btm {
    border-bottom: 1px solid #e1e1e1
}

.pd-10 {
    padding: 10px
}

.pd-20 {
    padding: 20px
}

.pd-30 {
    padding: 25px
}

.pt-0 {
    padding-top: 0
}

.top-row {
    height: 40px;
}

.counter {
    width: 65%;
    display: inline-block;
    float: right;
    overflow: hidden;
    color: white;
    font-size: 2.4rem;
    text-align: right;
    margin-bottom: 0;
}

.xfszspan {
    width: 35%;
    height: 40px;
    display: inline-block;
    line-height: 45px;
    color: white;
    float: right;
    text-align: left;
    font-size: 1rem;
    padding-left: 4%;
}

.aaahaop {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 1rem;
    margin-bottom: 0;
}

.thedid {
    width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 15px;
    padding-bottom: 15px;
}

.thedimg {
    width: 100%;
    margin: auto;
    display: block;
    position: absolute;
    left: 0;
    background: #F4F4F4 !important;
    border-radius: 20%;
    padding-left:5%;
    padding-right: 5%;
}
.sjx{
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent #2f6aff;
    top: -15px;
    left: 45%;
}
.thedid h4 {
    text-align: center;
    margin-top: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

.thedid p {
    width: 90%;
    height: 90px;
    margin: auto;
    line-height: 1.2rem;
    text-indent: 2rem;
    text-align: left;
    font-size: 0.8rem;
}

.thep {
    background: #2f6aff;
    font-size: 1.4rem;
    color: white !important;
    text-align: center;
    margin-bottom: 20px;
    height: 60px;
    line-height: 60px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.theanquandong{
    position: absolute;
}
.theanquandong img{

}
#anquand1{
    top: 35%;
    left: 77%;
    animation: dd1 1s ease-in-out 0s infinite alternate;
}
#anquand2{
    top: 76%;
    left: 23%;
    animation: dd2 1s ease-in-out 0s infinite alternate;
}
#anquand3{
    top: 37%;
    left: 27%;
    animation: dd3 1.7s ease-in-out 0s infinite alternate;
}
#anquand4{
    top: 71%;
    left: 77%;
    animation: dd4 1.2s ease-in-out 0s infinite alternate;
}
#anquand5{
    top:4%;
    left: 45%;
    animation: dd5 0.6s ease-in-out 0s infinite alternate;
}


@keyframes dd1 {
    from {
        margin: 1px 0 1px 0 ;
    }
    to {
        margin: 3px 0 -2px 0;
    }
}

@keyframes dd1 {
    from {
        transform: scale(0.9)
    }
    to {
        transform: scale(1.2);
    }
}

@keyframes dd2 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 0px;
    }
}

@keyframes dd2 {
    from {
        transform: scale(0.8)
    }
    to {
        transform: scale(1.1);
    }
}
@keyframes dd3 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 0px;
    }
}

@keyframes dd3 {
    from {
        transform: scale(0.9)
    }
    to {
        transform: scale(1.2);
    }
}


@keyframes dd4 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 0px;
    }
}

@keyframes dd4 {
    from {
        transform: scale(0.9)
    }
    to {
        transform: scale(1.2);
    }
}
@keyframes dd5 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 0px;
    }
}

@keyframes dd5 {
    from {
        transform: scale(0.9)
    }
    to {
        transform: scale(1.2);
    }
}




.pb-0 {
    padding-bottom: 0
}

.p-0 {
    padding: 0
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.scroll-item {
    position: absolute
}

.spce {
    clear: both;
    height: 20px;
    width: 100%
}

.spce.xs {
    height: 5px
}

.spce.sm {
    height: 10px
}

.spce.md {
    height: 20px
}

.spce.lg {
    height: 60px
}

.bg-animate {
    position: relative
}



.bg-animate .rect1, .bg-animate .rect5 {
    position: absolute;
    top: 0%;
    left: 25%;
    -webkit-animation: mover 10s infinite linear;
    animation: mover 10s infinite linear;
    z-index: 3;
}

.bg-animate .rect2 {
    position: absolute;
    left: 43%;
    top: 56%;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4;
    z-index: 3;
}

.bg-animate .rect3 {
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: .4;
    z-index: 3;
}

.bg-animate .rect4, .bg-animate .rect6 {
    position: absolute;
    top: 15%;
    right: 45%;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    z-index: 3;
}

.bg-animate .rect5 {
    top: 20%;
    left: 20px
}

.bg-animate .rect6 {
    top: 15%;
    right: 40%
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
    20% {
        -webkit-transform: translate(30px, -1px) rotate(36deg);
        transform: translate(30px, -1px) rotate(36deg)
    }
    40% {
        -webkit-transform: translate(45px, 25px) rotate(72deg);
        transform: translate(45px, 25px) rotate(72deg)
    }
    60% {
        -webkit-transform: translate(40px, 50px) rotate(108deg);
        transform: translate(40px, 50px) rotate(108deg)
    }
    80% {
        -webkit-transform: translate(-40px, 35px) rotate(144deg);
        transform: translate(-40px, 35px) rotate(144deg)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

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

.align-flx-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-flx-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center
}

.nav-tabs li a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: 0 0;
    border: 0;
    color: inherit
}

.nav-tabs {
    border-bottom: 0
}

.tab-container {
    z-index: 10
}

.tab-vertical .tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

.tab-vertical .tab-menu .tab-list li:first-child {
    margin-bottom: 0;
    margin-top: 40px
}

.tab-vertical .tab-menu .tab-list li {
    margin-bottom: 0;
    position: relative;
    display: block;
    padding: 20px;
    color: inherit
}

.tab-vertical .tab-menu .tab-list li.active {
    border-color: transparent;
    box-shadow: 0 1px 25px rgba(0, 0, 0, .1)
}

.tab-vertical .tab-pane {
    padding-left: 20px;
    padding-top: 10px
}

.tab-horizon .tab-menu .tab-list {
    margin-bottom: 10px;
    width: 100%
}

.tab-horizon .tab-menu .tab-list li {

    display: inline-block;
    float: none;
    padding: 15px 30px;
    color: #0facf3;
    background: white;
    border: 1px #0facf3 solid;
    cursor: pointer;
    border-radius: 15px;
    margin: 1%;
    margin-bottom: 0;
    width: 30%;
}

.tab-horizon .tab-menu .tab-list li a {
    font-size: 0.7rem !important;
    line-height: 1
}

.thenewsp {
    width: 100%;
    height: 100px;
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: normal;
}

.swiperdiv {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.seiperimg {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.borderredou {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.tab-horizon .nav-tabs > li.active > a, .tab-horizon .nav-tabs > li.active > a:focus, .tab-horizon .nav-tabs > li.active > a:hover, .tab-horizon .tab-menu .tab-list li > a .icon {
    color: #fff
}

.tab-horizon .tab-menu .tab-list li > a .fa {
    color: #39c05e
}

.tab-horizon .tab-menu .tab-list li.active {
    width: 30%;  background-image: -webkit-linear-gradient(135deg, #0facf3 0, #614495 51%, #39c05e 100%);
    background-image: linear-gradient(135deg, #0facf3 0, #614495 51%, #39c05e 100%);

    background-size: 250% auto;
    border: 0;
    color: white;
}

.tab-horizon .tab-menu .tab-list li.active .icon {
    color: #dce2f8
}

[class*=grdnt-] .tab-horizon .tab-menu .tab-list li.active, div[class*=grdnt-] .tab-horizon .tab-menu .tab-list li.active {
    background: rgba(0, 0, 0, .3)
}

[class*=grdnt-] .tab-horizon .tab-menu .tab-list li > a.active::after, div[class*=grdnt-] .tab-horizon .tab-menu .tab-list li > a.active::after {
    border-top-color: #fff
}

.list-style {
    position: relative;
    margin-top: 30px
}

.list-style li {
    padding-left: 30px
}

[class*=grdnt-] .list-style li:before, div[class*=grdnt-] .list-style li:before {
    color: #fff
}

.list-style li:before {
    position: absolute;
    content: '\f00c';
    left: 0;
    top: 3px;
    color: #0facf3;
    font-family: FontAwesome
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.clr-green {
    color: #46da60
}

.clr-blue {
    /*color: #5b63fb*/
    color: #333333;
    margin-bottom: 15px;
}

.clr-red {
    color: #fe2553
}

.clr-yellow {
    color: #ffbe00
}

.social-holder a {
    margin-right: 15px
}

.social-holder a:last-child {
    margin-right: 0
}

.btn-holder {
    margin-top: 30px
}

.btn {
    display: inline-block;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    border-radius: 0;
    color: #fff;
    padding: 14px 28px;
    background: 0 0;
    font-family: 'open sans';
    font-weight: 600;
    font-size: .9em;
    transition: .5s;
    -webkit-transition: .5s;
    border-radius: 70px;
    border: 0;
    margin-top: 5px;
    margin-right: 10px
}

.btn span {
    position: relative;
    z-index: 1;
    font-size: 16px;
    text-align: left;
    margin: 0;
    text-transform: capitalize
}

.btn i {
    margin-right: 8px;
    font-size: 22px;
    z-index: 1;
    position: relative
}

.btn i + span {
    vertical-align: top;
    margin-top: 3px;
    display: inline-block
}

.btn-sm {
    font-size: .575em;
    padding: 10px 30px
}

.btn-round {
    transition: .5s;
    -webkit-transition: .5s;
    position: relative;
    border-radius: 50%;
    background: #fff;
    font-size: 22px;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.btn-round:after {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    border-radius: 50%;
    z-index: -1;
    display: block;
    background: rgba(255, 255, 255, .8);
    width: 80%;
    height: 80%;
    animation: grow-scnd 1.5s infinite;
    -o-animation: grow-scnd 1.5s infinite;
    -moz-animation: grow-scnd 1.5s infinite;
    -webkit-animation: grow-scnd 1.5s infinite;
    -ms-animation: grow-scnd 1.5s infinite;
    animation-delay: 0s;
    animation-timing-function: ease-in-out
}

.btn-round span {
    color: #fff;
    font-size: 18px
}

.btn-white {
    background-color: #fff;
    border: 1px solid #fff
}

.btn-border {
    color: #fff;
    background: 0 0;
    border: 1px solid #fff;
    box-shadow: 0 0 0 transparent
}

.btn-border:hover {
    background: #fff;
    color: #6b1aff
}

[class*=grdnt-].btn.fill {
    color: #6b1aff
}

[class*=grdnt-].btn.fill:before {
    position: absolute;
    content: '';
    background: #fff;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 50px
}

.grdnt-purple .btn-white {
    color: #6b1aff
}

.grdnt-purple .btn-white:hover {
    color: #550bdd
}

.grdnt-purple .btn-border:hover {
    color: #6b1aff
}

.grdnt-orange .btn-white {
    color: #fe2553
}

.grdnt-orange .btn-white:hover {
    color: #f52278
}

.grdnt-orange .btn-border:hover {
    color: #fe2553
}

.grdnt-blue .btn-white {
    color: #281483
}

.grdnt-blue .btn-white:hover {
    color: #281483
}

.grdnt-blue .btn-border:hover {
    color: #281483
}

input.btn:hover {
    color: #fff
}

[class*=icon-bg-], [class*=icon-bg] {
    border-radius: 50%;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.icon-bg {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    font-size: 2.5em
}

.icon-bg-md {
    width: 60px;
    height: 60px;
    font-size: 1.5em
}

.hover-grow [class*=icon-bg-], .hover-grow [class*=icon-bg] {
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    z-index: 1
}

.hover-grow [class*=icon-bg-]:after, .hover-grow [class*=icon-bg-]:before, .hover-grow [class*=icon-bg]:after, .hover-grow [class*=icon-bg]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    border-radius: 50%;
    z-index: -1;
    display: block
}

.hover-grow .list:hover [class*=icon-bg-], .hover-grow .list:hover [class*=icon-bg] {
    transform: scale(1.3)
}

.hover-grow .list:hover [class*=icon-bg-]:before, .hover-grow .list:hover [class*=icon-bg]:before {
    background: rgba(0, 0, 0, .3);
    width: 0;
    height: 0;
    animation: grow 1.5s infinite;
    -o-animation: grow 1.5s infinite;
    -moz-animation: grow 1.5s infinite;
    -webkit-animation: grow 1.5s infinite;
    -ms-animation: grow 1.5s infinite;
    animation-delay: 0s;
    animation-timing-function: ease-in-out
}

.hover-grow .list:hover [class*=icon-bg-]:after, .hover-grow .list:hover [class*=icon-bg]:after {
    background: rgba(0, 0, 0, .3);
    width: 0;
    height: 0;
    animation: grow-scnd 1.5s infinite;
    -o-animation: grow-scnd 1.5s infinite;
    -moz-animation: grow-scnd 1.5s infinite;
    -webkit-animation: grow-scnd 1.5s infinite;
    -ms-animation: grow-scnd 1.5s infinite;
    animation-delay: 0s;
    animation-timing-function: ease-in-out
}

.hover-grow [class*=icon-bg-], .hover-grow [class*=icon-bg] {
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    z-index: 1
}

.hover-grow [class*=icon-bg-]:after, .hover-grow [class*=icon-bg-]:before, .hover-grow [class*=icon-bg]:after, .hover-grow [class*=icon-bg]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    border-radius: 50%;
    z-index: -1;
    display: block
}

[class*=grdnt-] .hover-grow .list:hover [class*=icon-bg-]:before, [class*=grdnt-] .hover-grow .list:hover [class*=icon-bg]:before {
    background: rgba(255, 255, 255, .8)
}

[class*=grdnt-] .hover-grow .list:hover [class*=icon-bg-]:after, [class*=grdnt-] .hover-grow .list:hover [class*=icon-bg]:after {
    background: rgba(255, 255, 255, .8)
}

@-webkit-keyframes grow {
    0% {
        width: 0%;
        height: 0%;
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes grow-scnd {
    0% {
        width: 0;
        height: 0;
        opacity: 1
    }
    50% {
        width: 0;
        height: 0;
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

[class*=grdnt-] [class*=icon-bg] {
    background: #fff
}

.app-slide .owl-item, .app-slide-auto .owl-item {
    visibility: hidden
}

.app-slide .owl-item.active.center, .app-slide-auto .owl-item.active.center {
    visibility: visible
}

.slide-side {
    position: relative
}

.app-slide, .app-slide-auto {
    position: absolute;
    top: 97%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 235px
}

.slide-side .phone {
    position: relative;
    z-index: 5
}

[class*=grad-] .clip-txt, [class*=grad-] .faq .more-less, [class*=grad-] .owl-item:after, [class*=grad-] .pricing-btn .toggler--is-active, [class*=grad-] .team-mem-col .team-hover .team-hover-content a:hover i {
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.grad-prple .clip-txt, .grad-prple .faq .more-less, .grad-prple .pricing-btn .toggler--is-active, .grad-prple .team-mem-col .team-hover .team-hover-content a:hover i {
    background-image: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
    background-image: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%)
}

.grad-prple .owl-item:after {
    background: linear-gradient(to right, #4222f1 0, #ed3ea4 100%);
    background: -webkit-linear-gradient(to right, #4222f1 0, #ed3ea4 100%)
}

.grad-orange .clip-txt, .grad-orange .faq .more-less, .grad-orange .pricing-btn .toggler--is-active, .grad-orange .team-mem-col .team-hover .team-hover-content a:hover i {
    background-image: linear-gradient(135deg, #fe2553 0, #ff6351 100%);
    background-image: -webkit-linear-gradient(45deg, #fe2553 0, #ff6351 100%)
}

.grad-orange .owl-item:after {
    background: linear-gradient(135deg, #fe2553 0, #ff6351 100%);
    background: -webkit-linear-gradient(135deg, #fe2553 0, #ff6351 100%)
}

.grad-blue .clip-txt, .grad-blue .faq .more-less, .grad-blue .pricing-btn .toggler--is-active, .grad-blue .team-mem-col .team-hover .team-hover-content a:hover i {
    background-image: linear-gradient(135deg, #281483 0, #8f6ed5 100%);
    background-image: -webkit-linear-gradient(135deg, #281483 0, #8f6ed5 100%)
}

.grad-blue .owl-item:after {
    background: linear-gradient(135deg, #281483 0, #8f6ed5 100%);
    background: -webkit-linear-gradient(135deg, #281483 0, #8f6ed5 100%)
}

.feat-slide .owl-stage-outer {
    overflow: visible
}

.feat-slide .owl-item {
    opacity: 0;
    transition: opacity .5s;
    padding: 30px;
    position: relative
}

.feat-slide .owl-item.active {
    opacity: 1
}

.feat-slide .owl-item:after {
    content: "";
    display: block;
    height: .25em;
    position: absolute;
    top: 100%;
    width: 0%;
    left: 50%;
    transform: translate(-50%);
    transition: all .5s;
    -webkit-transition: all .5s;
    background-size: 200% auto
}

.feat-slide .owl-item:hover:after {
    width: 100%
}

.feat-slide .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -16px;
    display: block !important;
    border: 0 solid #000
}

.feat-slide .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: 8px;
    display: block !important;
    border: 0 solid #000
}

.feat-slide .owl-prev i, .owl-next i {
    background: #c6c6c6;
    padding: 15px;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 18px;
    padding-top: 10px
}

.feat-slide .owl-stage-outer {
    overflow: visible
}

.feat-slide .owl-item {
    opacity: 0;
    transition: opacity .5s;
    padding: 30px;
    position: relative
}

.feat-slide .owl-item.active {
    opacity: 1
}

.feat-slide .owl-item {
    padding: 10px
}

.shad-item .item, .shad-item .owl-item {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .1), 0 15px 12px transparent;
    background: #fff
}

.left-dir-col [class*=icon-], .left-dir-col.icon, .navbar-custom .right-nav {
    float: right
}

.active, .carousel, .item {
    height: 100%
}

.carousel-inner {
    height: 100%;
    overflow: visible
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.next {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .carousel-fade .carousel-inner > .item.active.left, .carousel-fade .carousel-inner > .item.prev {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .carousel-fade .carousel-inner > .item.active, .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fade-left {
    -webkit-animation: fadeinLeft .6s ease-in-out;
    -moz-animation: fadeinLeft .6s ease-in-out;
    animation-duration: .6s;
    -o-animation: fadeinLeft .6s ease-in-out;
    -ms-animation: fadeinLeft .6s ease-in-out;
    animation: fadeinLeft .6s ease-in-out;
    animation-duration: .6s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@-webkit-keyframes fadeinLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeinLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(20%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes fadeinLeft {
    0% {
        opacity: 0;
        transform: translateX(20%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-up {
    -webkit-animation: fadeinUp .6s ease-in-out;
    -moz-animation: fadeinUp .6s ease-in-out;
    animation-duration: .6s;
    -o-animation: fadeinUp .6s ease-in-out;
    -ms-animation: fadeinUp .6s ease-in-out;
    animation: fadeinUp .6s ease-in-out;
    animation-duration: .6s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@-webkit-keyframes fadeinUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeinUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes fadeinUp {
    0% {
        opacity: 0;
        transform: translateY(20%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.carousel-control {
    width: auto;
    opacity: 1
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    filter: none;
    top: -20%
}

.quote .quote-text:after, .rating-list li, .social-holder a {
    display: inline-block;
    margin-bottom: 0
}

.rating-list li {
    margin-right: 3px
}

.rating-list li:last-child {
    margin-left: 8px;
    color: #252a32;
    font-size: 18px
}

[class*=grdnt-] .rating-list li:last-child {
    color: #fff
}

.rating-list li i {
    color: #ffdd65;
    font-size: 18px
}

.social-holder a {
    margin-right: 15px
}

.social-holder a:last-child {
    margin-right: 0
}

.hide-block {
    overflow: hidden
}

.hide-block img {
    position: relative;
    margin-bottom: -200px
}

.hide-block a img {
    margin-bottom: 0
}

.social-holder li {
    display: inline-block
}

.social-holder a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .2)
}

.social-holder a:hover {
    background: rgba(0, 0, 0, .3);
    color: #fff
}

.box-content, .hover-box, .hover-content {
    position: relative
}

.hover-box {
    padding: 0
}

.hover-content {
    padding: 40px;
    background: #f6f6f6
}

.box-content {
    padding: 50px
}

.hover-box:after, .hover-box:before, .hover-content:after, .hover-content:before {
    position: absolute;
    content: "";
    background-color: #4222f1;
    z-index: 1
}

.hover-box:after, .hover-box:before {
    height: 100%;
    width: 3px;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0)
}

.hover-content:after, .hover-content:before {
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0)
}

.hover-box:before, .hover-content:before {
    transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    -o-transform-origin: right top 0;
    right: 0;
    top: 0;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s
}

.hover-content:before {
    transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    -o-transform-origin: right top 0
}

.hover-box:after, .hover-content:after {
    transform-origin: left bottom 0;
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    left: 0;
    bottom: 0;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s
}

.col-content.hover {
    cursor: pointer
}

.col-content.hover .hover-box:hover:after, .col-content.hover .hover-box:hover:before {
    transform: scaleY(1);
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s
}

.col-content.hover .hover-content:hover:after, .col-content.hover .hover-content:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s
}

.quote .owl-dots, .screen .owl-dots {
    width: 200px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center
}

.quote .owl-dot, .screen .owl-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 10px;
    background: #b8bbc5
}

.quote .owl-dot.active, .screen .owl-dot.active {
    background: #6b1aff
}

[class*=grdnt] .quote .owl-dot, [class*=grdnt] .screen .owl-dot, div[class*=grdnt] .screen .owl-dot {
    background: rgba(255, 255, 255, .3)
}

[class*=grdnt] .quote .owl-dot.active, [class*=grdnt] .screen .owl-dot.active, div[class*=grdnt] .screen .owl-dot.active {
    background: #fff
}

[class*=bg-trans], [class*=style-] {
    position: relative
}

.contact-form .form-control {
    border: 0;
    border-radius: 15px;
    box-shadow: 0 0 0 transparent
}

.contact-form textarea.form-control {
    height: 70px;
    padding-top: 15px
}

#preloader {
    position: fixed;
    height: 100%;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #E3E3E3;
    transition: .5s
}

#status3 {
    width: 50%;
    height: 100px;
    position: absolute;
    left: 25%;
    top: 50px;
}
#status {
    position: absolute;
    left: 50%;
    top: 50%;

}
#loadinglo{
    width: 24%;
    display: block;
    position: absolute;
    top: 47%;
    left: 39%;
}
#status4 {
    width: 44%;
    height: 200px;
    position: absolute;
    left: 28.2%;
    top: 28.5%;
    /*background: url("../image/loading.svg");*/
    background-repeat: no-repeat;
    background-position: center;
}

#status5 {
    width: 60%;
    position: absolute;
    left: 20%;
    top: 31%;
    /*background: url("../image/loading.svg");*/
    background-repeat: no-repeat;
    background-position: center;
}

#status2 {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 20px;
}

.navbar-custom {
    border: none;
    padding: 35px 0;
    -webkit-transition: padding .5s;
    -moz-transition: padding .5s;
    transition: padding .5s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    transition: background .3s;
    background: #0a1e39;
    background: rgba(10, 30, 57, .5);
}

.navbar-custom:not(.navbar-fixed-top) {
    z-index: 10
}

.navbar-custom.affix {
    position: fixed
}

.navbar-custom .right-nav .nav-btn {
    float: right;
    margin-left: 20px
}

.navbar-custom.affix .right-nav .nav-btn .btn.btn-white {
    border-color: #702dda;
    color: #702dda
}

.navbar-custom.affix .right-nav .nav-btn .btn.btn-white:hover {
    background: #702dda;
    color: #fff
}

.navbar-custom .navbar-brand {
    margin-left: 0 !important;
    padding: 0;
    transition: .5s;
    -webkit-transition: .5s
}

.navbar-custom.affix .navbar-brand {
    padding: 0
}

.navbar-custom .navbar-brand.logo-clr, .navbar-custom.affix .navbar-brand.logo-light {
    opacity: 0;
    width: 0
}

.navbar-custom .navbar-brand.logo-light, .navbar-custom.affix .navbar-brand.logo-clr {
    opacity: 1;
    width: auto;
    height: auto
}

.navbar-custom.affix .btn-border:hover {
    background: #6b1aff;
    color: #fff;
    border-color: transparent
}

.navbar-custom .navbar-toggle {
    border: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    margin-right: 0;
    padding: 0 12px 0 12px;
    transition: .5s;
    -webkit-transition: .5s
}

.navbar-custom .navbar-toggle:hover {
    background: 0 0;
    opacity: .7
}

.navbar-custom.affix .navbar-toggle {
    color: #37404d
}

.navbar-custom ul li {
    margin: 0 16px
}

.navbar-custom ul li a {
    color: #e2dae3;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 0;
    line-height: 1
}

.navbar-custom.affix ul li a {
    color: inherit
}

.navbar-custom.affix ul li a:hover, .navbar-custom.affix ul li.active a {
    color: #424242
}

.navbar-custom ul li.active a {
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    color: #fff
}

.navbar-custom ul li a:hover {
    color: #fff
}

.navbar-custom.affix {
    padding: 20px 0;
    border-bottom: 0;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    background: #0a1e39

}

.navbar-custom.affix #toptext {
    display: none;
}

.navbar-custom.affix ul li a:hover:after, .navbar-custom.affix ul li.active a:after {
    background: #702dda
}

.navbar-custom .nav-btn .btn {
    padding: 14px 25px;
    margin: 0
}

/*.navbar-custom.affix-top .nav-btn .btn {*/
/*background: rgba(0, 0, 0, .2)*/
/*}*/

.hero {
    position: relative;
    padding-top: 150px;
    padding-bottom: 90px
}

.hero.style-wave-2 {
    padding-bottom: 0;
    max-height: 750px
}

.intro-text {
    margin-top: 55px
}

.hero-single {
    /*height: 450px*/
}

.hero-content {
    z-index: 3;
    position: relative
}

.hero.app-banner {
    height: 700px
}

.hero .hero-content.intro-center {
    position: static;
    padding-top: 150px
}

.hero-content .sub-input .btn {
    right: 8px
}

.hero-content .intro-text .intro-heading {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 60px
}

.left-dir-col {
    text-align: right
}

.left-dir-col .icon {
    float: right
}

.left-dir-col .text {
    margin-right: 80px
}

.right-dir-col .icon {
    float: left
}

.right-dir-col .text {
    margin-left: 80px
}

.left-dir-col .list, .right-dir-col .list {
    padding: 10px;
    transition: .6s;
    -webkit-transition: .6s;
    cursor: default
}

.screenshot .owl-carousel .owl-item img {
    width: auto;
    -webkit-transition: .3s;
    transition: .3s
}

.screenshot .owl-carousel .owl-item.active.center img {
    box-shadow: 0 0 0 #000;
    box-shadow: 0 0 35px rgba(0, 0, 0, .2)
}

.quote .quote-text {
    background: rgba(0, 0, 0, .1);
    padding: 40px;
    border-radius: 5px;
    position: relative
}

.quote .quote-text:after {
    content: '';
    position: absolute;
    left: 50px;
    top: 100%;
    border: 14px solid transparent;
    border-top: 15px solid rgba(0, 0, 0, .1)
}

.quote .owl-item img {
    height: 60px;
    width: 60px;
    /*border: 1px solid #fff;*/
    border-radius: 50px;
    float: left;
    margin-right: 15px
}

.quote .owl-item {
    padding: 20px
}

.quote-item img {
    margin-left: 30px
}

.pricing-btn .toggle, .toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 10px
}

.pricing-btn .toggler {
    color: #ddd;
    transition: .2s;
    font-weight: 700
}

.pricing-btn .toggler--is-active {
    color: #9d1726
}

.pricing-btn .b {
    display: block
}

.pricing-btn .toggle {
    position: relative;
    width: 80px;
    height: 35px;
    border-radius: 100px;
    background-color: #9d1726;
    overflow: hidden;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .05)
}

.pricing-btn .check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6
}

.pricing-btn .check:checked ~ .switch {
    right: 2px;
    left: 57.5%;
    transition: .25s cubic-bezier(.785, .135, .15, .86);
    transition-property: left, right;
    transition-delay: .08s, 0s
}

.pricing-btn .switch {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 57.5%;
    background-color: #fff;
    border-radius: 36px;
    z-index: 1;
    transition: .25s cubic-bezier(.785, .135, .15, .86);
    transition-property: left, right;
    transition-delay: 0s, .08s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.pricing .model {
    height: auto;
    transition: .3s
}

.pricing .none {
    height: 0;
    overflow: hidden;
    opacity: 0
}

.pricing .pricing-table {
    transition: .5s;
    -webkit-transition: .5s;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f0f0f0
}

.pricing .pricing-table.feat {
    box-shadow: 0 1px 25px rgba(0, 0, 0, .1);
    border: 0
}

.pricing .pricing-table .pricing-content {
    margin-top: 20px;padding-bottom: 10px;
}

.pricing .pricing-header {
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6
}

.pricing .pricing-footer {
    padding: 0px 0 20px 0
}

.team-mem-col .link {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
    display: inline-block;
    margin: 0 auto;
}

.team-mem-col .team-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out
}

.team-mem-col .team-hover .team-hover-content {
    color: #000;
    position: absolute;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.team-mem-col .team-hover .team-hover-content .extra-link {
    font-size: 10px;
    width: 100%
}

.team-mem-col .team-hover .team-hover-content li {
    display: inline-block
}

.team-mem-col .team-hover .team-hover-content a {
    background: 0 0;
    border: 1px solid #fff;
    padding: 10px;
    height: 28px;
    width: 28px;
    border-radius: 50px;
    margin-right: 4px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.team-mem-col .team-hover .team-hover-content a:hover {
    background: #fff
}

.team-mem-col .link:hover .team-hover {
    opacity: 1
}

.post-col {
    -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    transition: .5s;
    -webkit-transition: .5s
}

.post-col a:not(.btn):hover {
    color: inherit
}

/*.post-col:hover {*/
/*transform: translateY(-10px);*/
/*-webkit-transform: translateY(-10px)*/
/*}*/

.post-col .post-content {
    padding: 0 10px 10px 10px
}

.post-meta {
    margin: 0
}

.post-meta li {
    margin-right: 5px;
    display: inline-block;
    float: right;
}

.post-meta li a {
    font-size: .975em;
    color: #b4bcca;
    transition: .5s;
    -webkit-transition: .5s
}

.post-meta li i {
    margin-right: 5px
}

.post .post-col a img {
    width: 100%;
    transition: .5s;
    -webkit-transition: .5s
}

.post .post-col:hover a img {
    opacity: .7
}

.blog a:not(.btn) {
    display: block;

}

.blog a:not(.btn):hover {
    color: inherit
}
.contentp a{
    text-align: left;
    font-size: 1.2rem;
}
.boda{
    width: 20%!important;
    height: 30px;
    line-height: 30px;
    float: right;
    border-radius: 5px;
    border: 1px #848c99 solid;
    display: inline-block;
    font-size: 0.8rem!important;
    text-align: center!important;
}
.blog .tags a {
    display: inline-block;
    padding: 7px 10px;
    color: #a8a8a8;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 3px;
    font-size: 12px;
    background: #fff;
    border: 0;
}

.blog .tags a.active {
    background: #a8a8a8;
    color: #fff;
    border: 0
}

.blog .post-col {
    box-shadow: 0 0 0 transparent
}

.blog .post-content {
    padding: 0
}

.blog .post-col:hover {
    transform: none
}

.blog .custom-form .form-control, .blog .sub-input .custom-form .form-control {
    height: 50px;
    box-shadow: 0 0 0 transparent;
    border-radius: 5px;
    border:1px solid #e8ebf3
}

.blog .sub-input .custom-form .btn {
    text-transform: uppercase;
    border-radius: 0 5px 5px 0;
    margin: 0;
    padding: 15px;
    color: #000
}

.blog .custom-form textarea {
    height: 120px !important
}

.blog .sub-input .custom-form .btn i {
    margin: 0
}

.blog .feature-text {
    padding: 26px;
    font-size: 16px;
    line-height: 30px;
    margin: 50px 0;
    border-left: 2px solid #2e38f6
}

.faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: 0
}

.faq .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    border: 0;
    background: 0 0
}

.faq .panel-title, .glyphicon {
    font-size: 16px;
    font-weight: 600
}

.glyphicon {
    top: -8px;
    padding: 8px;
    font-size: 24px
}

.faq .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none
}

.faq .more-less {
    float: right;
    color: #fff
}

.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0
}

.panel-body p{
    text-align: center;
}
.footer-wrapper .footer-content {
    z-index: 10;
    position: relative
}

.footer-wrapper .copyright {
    font-size: .9em
}

@media only screen and (min-width: 1900px) {
    .bg-trans:before, [class*=bg-trans]:before, [class*=style-]:after {
        background-size: 100% !important
    }
}

@media only screen and (max-width: 992px) {
    body {
        font-size: .8em
    }

    h1 {
        font-size: 2.5em
    }

    h2 {
        font-size: 2.25em
    }

    h3 {
        font-size: 1.2em
    }

    h4 {
        font-size: 1.2em
    }

    h5 {
        font-size: 1.2em
    }

    h6 {
        font-size: 1.2em
    }

    .icon-bg-md {
        width: 50px;
        height: 50px
    }

    .sec-pad {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .sec-pad-lg {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .pt-0 {
        padding-top: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0 {
        padding: 0
    }

    .social-holder a {
        height: 40px;
        width: 40px
    }

    .res-center {
        text-align: center;
        padding: 70px;
        float: none
    }

    .res-center .icon {
        float: none;
        margin-bottom: 10px
    }

    .res-center .left-dir-col .text, .res-center .right-dir-col .text {
        text-align: center;
        margin: 0
    }

    .res-margin {
        margin-bottom: 40px
    }

    .right-dir-col .text {
        margin-left: 65px
    }

    .left-dir-col .text {
        margin-right: 65px
    }

    .flx-off-sm {
        display: block
    }

    .btn {
        padding: 10px 24px;
        margin-right: 5px
    }

    .btn i {
        font-size: 16px
    }

    .btn span {
        font-size: 1rem
    }

    .btn i + span {
        margin-top: 2px
    }

    .navbar-custom ul li {
        margin: 0 10px
    }

    .navbar-custom ul li a {
        font-size: 11px
    }

    .navbar-custom .nav-btn .btn {
        padding: 13px 20px
    }

    .hero {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .hero-content .mockup {
        top: 30px;
        max-width: 350px
    }

    .hero-single {
        /*height: 350px*/
    }

    .hero.style-angle::after {
        height: 20% !important;
        bottom: -30px
    }

    .feature .section-text {
        padding: 0 40px 10px 40px
    }

    .footer-wrapper .nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.shibadiv {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
}

.shibadiv2 {
    width: 80%;
    border-radius: 25px;
    margin: auto;
    height: 40px;
    border: 1px#2f6aff solid;
}

.daohangdiv{
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
}
.daohangdiv2{
    width: 100%;
    border-radius: 25px;
    margin: auto;
    height: 40px;
    border: 1px #2f6aff solid;
}

.daohangdiv2s{
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
}
.daohangdiv2s2{
    width: 100%;
    border-radius: 25px;
    margin: auto;
    height: 40px;
    border: 1px #2f6aff solid;
}


.daohangdiv2s2 a:nth-child(1)
{
    width: 50%;
    height: 39px;
    line-height: 40px;
    display: inline-block;
    float: left;
    font-size: 1rem;
    text-align: center;
    border-right: 1px #2f6aff solid!important;
    margin: 0;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}
.daohangdiv2s2 a:nth-child(2)
{
    width: 50%;
    height: 39px;
    line-height: 40px;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 1rem;
    margin: 0;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}


.daohangdiv2 a:nth-child(1)
{
    background: white;
    width: 33%;
    height: 38px;
    line-height: 40px;
    display: inline-block;
    float: left;
    font-size: 1rem;
    text-align: center;
    border-right: 1px #2f6aff solid!important;
    margin: 0;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}
.daohangdiv2 a:nth-child(2)
{
    background: white;
    width: 33%;
    height: 38px;
    line-height: 40px;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 1rem;
    border-right: 1px #2f6aff solid!important;
    margin: 0;
}
.daohangdiv2 a:nth-child(3)
{
    background: white;
    width: 34%;
    height: 38px;
    line-height: 40px;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 1rem;
    margin: 0;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

.shibadivxz1{
    border: 1px #2f6aff solid!important;
}
.shibadivxz2{
    border: 1px #E8733B solid!important;
}
.shibadivxz3{
    border: 1px #ED7EC5 solid!important;
}
.shibaborder1{
    border-right: 1px #2f6aff solid!important;
}
.shibaborder2{
    border-right: 1px #E8733B solid!important;
}
.shibaborder3{
    border-right: 1px #ED7EC5 solid!important;
}

.loading {
    --color: #F5F9FF;
    --duration: 2000ms;
    font-family: Roboto, Arial;
    font-size: 24px;
    position: relative;
    white-space: nowrap;
    user-select: none;
    color: var(--color);
}
.loading span {
    --x: 0;
    --y: 0;
    --move-y: 0;
    --move-y-s: 0;
    --delay: 0ms;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    text-indent: calc(var(--x) * -1);
    overflow: hidden;
    transform: translate(var(--x), var(--y));
}
.loading.start div {
    opacity: 0;
}
.loading.start span {
    animation: move var(--duration) ease-in-out var(--delay);
}

@keyframes move {
    30% {
        transform: translate(var(--x), var(--move-y));
    }
    82% {
        transform: translate(var(--x), var(--move-y-s));
    }
}

.shibaspanxz1 {
    background: #2f6aff;
    height: 38px !important;
    color: white;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

.shibaspanxz2 {
    background: #E8733B;
    height: 38px !important;
    color: white;
}

.shibaspanxz3 {
    background:#ED7EC5;
    width: 34% !important;
    height: 38px !important;
    color: white;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

.daohangxz{
    background: #2f6aff!important;
    height: 38px !important;
    color: white!important;

}

.shibaspan {
    width: 33%;
    height: 39px;
    line-height: 40px;
    display: inline-block;
    float: left;
    font-size: 1rem;
}

@media only screen and (max-width: 767px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 100%
    }

    .navbar-custom ul li a:hover:before, .navbar-custom ul li.active a:before {
        width: 0%
    }

    .res-center-sm {
        padding: 50px;
        text-align: center;
        float: none
    }

    .res-center-sm .icon {
        float: none;
        margin-bottom: 10px
    }

    .res-center-sm .left-dir-col .text, .res-center-sm .right-dir-col .text {
        text-align: center;
        margin: 0
    }

    .pt-0 {
        padding-top: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0 {
        padding: 0
    }

    .quote .owl-item {
        padding: 10px
    }

    .navbar-header {
        max-width: 100%
    }

    .tab-horizon .tab-menu .tab-list li {
        padding: 10px
    }

    .flx-off-xs {
        display: block
    }

    .res-margin, .res-margin-sm {
        margin-bottom: 30px
    }

    .hero {
        height: auto;
        padding: 70px;
        text-align: center
    }

    .hero.style-wave-2 {
        height: auto;
        max-height: 100%
    }

    .hero .img-pre {
        margin-top: 30px;
        width: auto
    }

    .hero.style-1:after {
        height: 370px
    }

    .navbar-custom, .navbar-custom.affix {
        padding: 5px 0
    }

    .navbar-custom ul li a {
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea
    }

    .navbar-custom ul li:first-child a {
        border-top: 1px solid #eaeaea
    }

    .navbar-custom ul li a::after {
        height: 0
    }

    .navbar-nav {
        text-align: center
    }

    .navbar-custom .right-nav {
        float: none
    }

    .navbar-custom .right-nav .nav-btn {
        text-align: center;
        float: none
    }

    .navbar-collapse {
        background: #fff;
        padding: 20px 0;
        overflow-x: hidden;
        margin-top: 15px
    }

    .sec-pad, .sec-pad-lg {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pt-0 {
        padding-top: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0 {
        padding: 0
    }

    .spce {
        height: 5px
    }

    .spce.lg {
        height: 40px
    }

    .tab-container {
        margin-left: 0
    }

    .tab-list li {
        display: block
    }

    .tab-list li a {
        padding: 3px 6px
    }

    .screenshot .owl-carousel {
        margin-top: 0;
        margin-bottom: 0
    }

    .btn-holder {
        margin-top: 10px
    }

    .navbar-custom .navbar-brand {
        padding: 6px 0 0 0
    }

    .navbar-custom ul li {
        margin: 0 10px
    }

    .navbar-custom ul li a {
        font-weight: 700;
        color: inherit
    }

    .navbar-custom ul li a:hover {
        color: #0facf3
    }

    .navbar-custom ul li a:hover, .navbar-custom ul li.active a {
        color: #424242
    }

    .nav-btn .btn {
        margin-top: 8px
    }

    .navbar-custom ul li:last-child a {
        padding: 0 20px 0 20px;
        line-height: 32px
    }

    .navbar-custom:not(.navbar-fixed-top) .container {
        width: 100%
    }

    .pricing {
        padding: 0 80px 0 80px
    }

    .pricing .pricing-table, .pricing .pricing-table.main {
        transform: scale(1)
    }

    .parallaxie {
        background-attachment: scroll !important;
        background-position: 50% 50% !important;
        padding: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .pt-0 {
        padding-top: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0 {
        padding: 0
    }

    .btn {
        padding: 10px 15px !important;
        font-size: .775em
    }

    .icon-bg {
        width: 80px;
        height: 80px;
        font-size: 2em
    }

    .sub-input .custom-form .form-control {
        height: 50px
    }

    .tab .slide-side .phone {
        width: 200px
    }

    .app-slide {
        position: absolute;
        top: 50%
    }

    .app-slide img {
        width: 176px !important
    }

    .post-text p {
        font-size: 0.8rem;
    }

    .tab-horizon .tab-menu .tab-list li {
        padding: 6px 4px;
        font-size: 0.6rem;
        margin: 1%;
    }

    .res-center-xs {
        text-align: center;
        float: none
    }

    .res-center-xs .icon {
        float: none;
        margin-bottom: 10px
    }

    .res-center-xs .left-dir-col .text, .res-center-xs .right-dir-col .text {
        text-align: center;
        margin: 0
    }

    .res-center-sm, .res-center-xs {
        padding: 25px
    }

    .hero {
        padding: 85px 0 30px 0
    }

    .res-margin, .res-margin-sm, .res-margin-xs {
        margin-bottom: 25px
    }

    .pricing {
        padding: 0
    }

    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .section-text {
        margin: 0 auto 20px auto
    }

    .blog .sub-input .custom-form .btn {
        width: auto;
        position: absolute;
        height: 100%
    }

    .sub-input .custom-form label {
        top: 14%
    }
}

@media only screen and (max-width: 360px) {

    .pt-0 {
        padding-top: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0 {
        padding: 0
    }
}

.hero.intro {
    padding-top: 30px;
    padding-bottom: 0
}

.hero.intro.style-wave:after {
    background-size: cover !important
}

.demo div[class*=col-] a {
    display: block;
    border: #dbdbdb;
    transition: .5s;
    -webkit-transition: .5s;
    box-shadow: 0 6px 45px rgba(169, 169, 169, .1)
}

.demo div[class*=col-] a:hover {
    box-shadow: 0 20px 70px rgba(0, 0, 0, .2);
    transform: translateY(-5%)
}

@media only screen and (max-width: 991px) {
    .hero.intro {
        padding: 0
    }

    .hero.intro .parallax-bg {
        background-size: 100%;
        background-position: 50% 30%
    }

    .demo [class*=col] {
        margin-bottom: 30px
    }
}

.slider-container {
    overflow: visible;
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    position: relative;
}

#progressBar {
    position: absolute;
    bottom: 0px;
    z-index: 9999;
    width: 100%;
    background: #F50179;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    position: relative;
    overflow: hidden;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-item {
    float: left;
}

.overlay {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.homepage-slider-caption {
    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: 999999;
}

.homepage-slider .responsive-image {
    margin-bottom: 0px;
}

.responsive-image {
    width: 100%;
    margin-bottom: 20px;
}

.homepage-slider-caption h3 {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0px;
}

.homepage-left-caption h3 {
    text-align: left;
    font-weight: 700;
}

.homepage-slider-caption p {
    color: #cacaca;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
}

.homepage-left-caption p {
    text-align: left;
}

.owl-carousel .owl-item {
    float: left;
}

.homepage-slider .responsive-image {
    margin-bottom: 0px;
}

.responsive-image {
    width: 100%;
    margin-bottom: 20px;
}

.slider-container {
    overflow: visible;
}

#bar {
    width: 0%;
    max-width: 100%;
    height: 3px;
    background: #3498db;
}

.text p {
    text-align: center;
}

.headp {
    height: 20px;
    margin: 0;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: white;
}

.rowdiv {
    width: 8%;
    float: left
}

.rowdiv img {
    width: 22px;
    margin-top: 8px;
    margin-left: 2px;
}

.rowdiv2 {
    width: 32%;
    float: left;
    height: 40px;
    border-right: 1px white solid;
}

.rowdiv3 {
    width: 60%;
    float: left;
    height: 40px;
}

.headp a {
    text-decoration: none;
    color: white;
}

.headp a:hover {
    color: white;
}

.ftow1 {
    width: 28%;
    float: left;
    /* padding-right: 10px; */
    border-right: 1px white solid;
}

.ftow2 {
    width: 72%;
    float: left;
    /* padding-right: 10px; */
}

.frp {
    height: 15px;
    margin: 0;
    line-height: 15px;
    text-align: center;
    font-size: 10px;
    color: white;
}

.frp a {
    text-decoration: none;
    color: white;
}

.frp a:hover {
    color: white;
}

.menu-wrapper-background {
    position: fixed;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}

/*Top Sliding Menu*/

.menu-top {
    position: fixed !important;
    z-index: 999999999;
    max-height: 428px;
    width: 300px !important;
    left: 50%;
    margin-left: -150px;
    border: solid 1px #cacaca;
}

.active-submenu {
    display: block;
    min-height: 100%;
    max-height: 500px !important;
}

.active-menu .fa-circle {
    color: #2ecc71 !important;
    margin-top: 26px;
}

.menu-top li {
    list-style: none;
    margin-bottom: 0px;
}

.menu-top li a:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.submenu {
    margin-bottom: 0px;
}

.page-content {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: all 350ms ease;
}

.menu-top {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    width: 100%;
    z-index: 99999999;
    height: 100%;
    top: -500px;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    transition: all 350ms ease;
    border-radius: 10px;
}

.show-menus {
    top: 50%;
    margin-top: -210px;
    transition: all 350ms ease;
}

.menu-top span {
    border-bottom: solid 1px rgba(0, 0, 0, 0.01);
    display: block;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    text-align: Center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.menu-top a i {
    position: absolute;
    margin-top: 24px;
    margin-left: -40px;
    font-size: 14px;

}

.menu-top .fa-circle {
    /*position:absolute!important;*/
    float: right;
    right: 0px;
    margin-right: 25px;
    font-size: 8px;
    margin-top: 29px;
}

.menu-top .fa-angle-right {
    position: absolute;
    left: 40px;
    top: -3px;
}

.menu-top .fa-plus {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute !important;
    right: 0px;
    margin-right: 24px;
    font-size: 11px;
    margin-top: 27px;
    transition: all 350ms ease;
}

.menu-top a {
    font-size: 13px;
    font-weight: 500;
    padding-left: 70px;
    color: #3b4043;
    line-height: 60px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    display: block;
}

.submenu li:last-child {
    border-bottom: solid 1px rgba(0, 0, 0, 0.08) !important;
}

.menu-top a:hover {
    color: #000000;
}

.submenu {
    max-height: 0px;
    overflow: hidden;
    transition: all 350ms ease;
}

.show-submenu {
    max-height: 500px !important;
    transition: all 350ms ease;
}

.submenu a {
    font-size: 12px;
    line-height: 60px !important;
    opacity: 0.8;
    padding-left: 90px;
}

.submenu li:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.submenu .fa-angle-right {
    margin-left: 26px;
    margin-top: 27px;
}

.active-plus {
    color: #c0392b;
    -ms-transform: rotate(135deg) !important;
    -webkit-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important;
    transition: all 350ms ease;
    margin-top: 25px !important;
}

.submenu .fa-circle {
    position: absolute;
    z-index: 999999;
    margin-top: 28px;
    font-size: 6px !important;
}

.has-submenu .fa-mobile {
    font-size: 22px;
    margin-top: 20px;
}

.has-submenu {
    display: block;
    overflow: hidden;
    position: relative;
}

.decoration {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    display: block;
    clear: both;
}

.zzc {
    position: fixed;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.content {
    clear: both;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 10px;
}



.newscate > div {
    width: 100%;
    height: 100px;
}
.newscatea {
    width: 47% !important;
    height: 30px !important;
    text-align: center!important;
    line-height: 30px !important;
    color: #2f6aff !important;
    font-size: 0.8rem !important;
    display: inline-block !important;
    float: left !important;
    border: 1px #2f6aff solid;
    border-radius: 15px;
    margin: 1.5%!important;
}
.xza {
    width: 95%!important;
     background: #2f6aff;
    color: white !important;
    border: none;
    margin-bottom: 2%!important;
}

.newscatea2 {
    width: 31% !important;
    height: 30px !important;
    text-align: center!important;
    line-height: 30px !important;
    color: #2f6aff;
    font-size: 0.8rem !important;
    display: inline-block !important;
    float: left !important;
    border: 1px #2f6aff solid;
    border-radius: 15px;
}

.newscatea3 {
    width: 29% !important;
    height: 30px !important;
    text-align: center!important;
    line-height: 30px !important;
    color: #2f6aff;
    font-size: 0.8rem !important;
    display: inline-block !important;
    float: left !important;
    border: 1px #2f6aff solid;
    border-radius: 15px;
    margin: 2%!important;
}

.xza2 {
    background: #2f6aff;
    color: white !important;
    border: none;
}

.anlih4{
    width: 38%;
    height: 110px;
    display: inline-block;
    float: left;
    line-height: 110px;
    font-size: 1rem;
}
.caseimg{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.adaptive-three .adaptive-item h4{
    min-height: 1.9rem;
    max-height: 1.9rem;
    overflow: hidden;
    color: #1f1f1f;
    text-align: center;
}
.adaptive-item h4 {
    min-height: 1.9rem;
    max-height: 1.9rem;
    overflow: hidden;
    color: #1f1f1f;
    text-align: center;
}

.adaptive-item p {
    width: 95%;
    margin: auto;
    height: 95px;
    overflow: hidden;
    line-height: 20px;
    font-size: 13px;
    letter-spacing: 0px;
}

h4 {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 800;
    color: #212935;
}

.caselist {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    background: white;
    margin-top: 20px;
    border: 1px #f7f7f7 solid;
    border-radius: 15px;
    padding: 2%;
}

.caseemw {
    width: 100%;
    height: 110px;
}

.caseemw img {
    width: 25%;
    display: block;
    margin:3%;
}

.contact-call {
    width: 80%;
    color: #666;
    height: 25px;
    font-size: 1.2rem;
    display: inline-block;
    float: left;
}

.contentp {
  height: 30px;
}

.contact-text {
    width: 80%;
    color: #666;
    height: 25px;
    display: inline-block;
    float: left;
}
.teamh5{
    width: 40%;
    height: 25px;
    display: inline-block;
    float: left;
    line-height: 25px;
    text-align: center;
    margin-bottom: 10px;
}

.teamh52{
    width: 40%;
    height: 25px;
    display: inline-block;
    float: right;
    line-height: 25px;
    text-align: center;
    margin-bottom: 10px;
}
.contact-mail {
    color: #666;
    height: 25px;
    display: block;
}

.contact-facebook {
    color: #666;
    height: 25px;
    display: block;
}

.contact-twitter {
    color: #666;
    height: 25px;
    display: block;
}

table th:first-child {
    text-align: center;
    padding-left: 20px;
}

table th {
    padding: 21px 25px 22px 25px;
    border-bottom: 1px solid #e0e0e0;
}

th {
    vertical-align: middle;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    font-weight: bold;
    color: #555;
    background-color: #f6f6f6;
}

table tr td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}

.table-sub-title {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    font-size: 12px;
}

table tr td {
    padding: 14px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 0px solid #e0e0e0;
}

td {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    color: #666;
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 18px;
    vertical-align: middle;
    background-color: #fdfdfd;
}

.deploy-toggle-3 {
    padding: 15px;
    font-size: 13px;
    color: #343434;
    text-transform: uppercase;
    display: block;
    position: relative;
    overflow: hidden;
}

.yxul {
    list-style: none;
}

.yxul li {
    list-style: none;
    width: 25%;
    padding: 3%;
    height: 100px;
    display: inline-block;
    float: left;
    padding-top: 74px;
    text-align: center;
}

.yxul li:nth-child(1) {
    background: url('/Public/image/cj1.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(2) {
    background: url('/Public/image/cj2.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(3) {
    background: url('/Public/image/cj3.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(4) {
    background: url('/Public/image/cj4.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(5) {
    background: url('/Public/image/cj5.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(6) {
    background: url('/Public/image/cj6.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(7) {
    background: url('/Public/image/cj7.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(8) {
    background: url('/Public/image/cj8.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(9) {
    background: url('/Public/image/cj9.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(10) {
    background: url('/Public/image/cj10.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(11) {
    background: url('/Public/image/cj11.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(12) {
    background: url('/Public/image/cj12.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(13) {
    background: url('/Public/image/cj13.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(14) {
    background: url('/Public/image/cj14.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(15) {
    background: url('/Public/image/cj15.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(16) {
    background: url('/Public/image/cj16.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(17) {
    background: url('/Public/image/cj17.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(18) {
    background: url('/Public/image/cj18.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(19) {
    background: url('/Public/image/cj19.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(20) {
    background: url('/Public/image/cj20.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(21) {
    background: url('/Public/image/cj21.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(22) {
    background: url('/Public/image/cj22.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(23) {
    background: url('/Public/image/cj23.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(24) {
    background: url('/Public/image/cj24.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(25) {
    background: url('/Public/image/cj25.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(26) {
    background: url('/Public/image/cj26.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(27) {
    background: url('/Public/image/cj27.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(28) {
    background: url('/Public/image/cj28.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(29) {
    background: url('/Public/image/cj29.png') no-repeat center 10px;
    background-size: 60%;
}

.yxul li:nth-child(30) {
    background: url('/Public/image/cj30.png') no-repeat center 10px;
    background-size: 60%;
}

.tbb-bottom {
    width: 100%;
    margin: auto;
}

.tbb-bottom div:nth-child(1) {
    background: url('/public/mobile/pictures/mcj1.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(3) {
    background: url('/public/mobile/pictures/mcj2.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(5) {
    background: url('/public/mobile/pictures/mcj3.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(6) {
    background: url('/public/mobile/pictures/mcj4.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(8) {
    background: url('/public/mobile/pictures/mcj5.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(10) {
    background: url('/public/mobile/pictures/mcj6.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(11) {
    background: url('/public/mobile/pictures/mcj41.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(13) {
    background: url('/public/mobile/pictures/mcj15.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(15) {
    background: url('/public/mobile/pictures/mcj18.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(16) {
    background: url('/public/mobile/pictures/mcj10.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(18) {
    background: url('/public/mobile/pictures/mcj11.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(20) {
    background: url('/public/mobile/pictures/mcj28.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(21) {
    background: url('/public/mobile/pictures/mcj13.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(23) {
    background: url('/public/mobile/pictures/mcj14.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(25) {
    background: url('/public/mobile/pictures/mcj15.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(26) {
    background: url('/public/mobile/pictures/mcj16.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(28) {
    background: url('/public/mobile/pictures/mcj17.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(30) {
    background: url('/public/mobile/pictures/mcj18.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(31) {
    background: url('/public/mobile/pictures/mcj19.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(33) {
    background: url('/public/mobile/pictures/mcj20.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(35) {
    background: url('/public/mobile/pictures/mcj21.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(36) {
    background: url('/public/mobile/pictures/mcj22.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(38) {
    background: url('/public/mobile/pictures/mcj23.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(40) {
    background: url('/public/mobile/pictures/mcj24.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(41) {
    background: url('/public/mobile/pictures/mcj25.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(43) {
    background: url('/public/mobile/pictures/mcj26.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(45) {
    background: url('/public/mobile/pictures/mcj27.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(46) {
    background: url('/public/mobile/pictures/mcj28.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(48) {
    background: url('/public/mobile/pictures/mcj29.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(50) {
    background: url('/public/mobile/pictures/mcj30.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(51) {
    background: url('/public/mobile/pictures/mcj31.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(53) {
    background: url('/public/mobile/pictures/mcj32.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(55) {
    background: url('/public/mobile/pictures/mcj1.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(56) {
    background: url('/public/mobile/pictures/mcj34.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(58) {
    background: url('/public/mobile/pictures/mcj35.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(60) {
    background: url('/public/mobile/pictures/mcj36.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(61) {
    background: url('/public/mobile/pictures/mcj37.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(63) {
    background: url('/public/mobile/pictures/mcj38.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(65) {
    background: url('/public/mobile/pictures/mcj39.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(66) {
    background: url('/public/mobile/pictures/mcj40.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(68) {
    background: url('/public/mobile/pictures/mcj41.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div:nth-child(70) {
    background: url('/public/mobile/pictures/mcj42.png') no-repeat center 10px;
    background-size: 40%;
}

.tbb-bottom div p:nth-child(1) {
    font-size: 0.8rem;
    line-height: 1.4rem;
    font-weight: 600;
    color: #636363;
    text-align: center;
}

.tbb-bottom div p:nth-child(2) {
    font-size: 0.8rem;
    line-height: 1.2rem;
    color: #929292;
}

.tbb-bottom div {
    width: 31.1%;
    height: 185px;
    margin: 1%;
    padding-top: 55px;
    float: left;
}

.tbb-bottom div p {
    width: 100%;
    margin: auto;
    letter-spacing: 2px;
    text-align: center;
}

.shux {
    display: none;
}

.shu {
    display: none;
}

.soluthediv {
    width: 33%;
    float: left;
}

.tbb-bottom2 div p:nth-child(1) {
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #636363;
    text-align: center;
}

.tbb-bottom2 div p:nth-child(2) {
    font-size: 10px;
    line-height: 22px;
    color: #929292;
}

.tbb-bottom2 div {
    width: 47%;
    height: 290px;
    margin: 1.5%;
    padding-top: 120px;
    float: left;
}

.tbb-bottom2 div p {
    width: 100%;
    margin: auto;
    letter-spacing: 2px;
}

.adaptive-style {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tbb-bottom2 div:nth-child(1) {
    background: url('/public/staticzx/picture/zx1.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(2) {
    background: url('/public/staticzx/picture/zx2.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(3) {
    background: url('/public/staticzx/picture/zx3.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(4) {
    background: url('/public/staticzx/picture/zx4.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(5) {
    background: url('/public/staticzx/picture/zx5.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(6) {
    background: url('/public/staticzx/picture/zx6.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(7) {
    background: url('/public/staticzx/picture/zx7.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(8) {
    background: url('/public/staticzx/picture/zx8.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(9) {
    background: url('/public/staticzx/picture/zx9.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(10) {
    background: url('/public/staticzx/picture/zx10.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(11) {
    background: url('/public/staticzx/picture/zx11.png') no-repeat center 10px;
    background-size: 100%;
}

.tbb-bottom2 div:nth-child(12) {
    background: url('/public/staticzx/picture/zx12.png') no-repeat center 10px;
    background-size: 100%;
}

.adaptive-style a {
    float: right;
    font-size: 20px;
    color: #1f1f1f;
    margin-left: 4px;
    margin-right: 4px;
    transition: all 200ms ease;
}

.solulist {
    width: 28%;
    height: 180px;
    margin: 2.5%;
    float: left;
    border-radius: 15px;
}

.cooplist:nth-child(1) {
    background:#09BCF8;
}
.cooplist:nth-child(2) {
    background:#FFB036;
    margin-left: 5%;
}
.cooplist:nth-child(3) {
    background:#3DB2FA;
    margin-left: 5%;
}
.cooplist:nth-child(4) {
    background:#4DDA87;
}
.cooplist:nth-child(5) {
    background:#1A56FD;
    margin-left: 5%;
}
.cooplist:nth-child(6) {
    background:#ED7EC5;
    margin-left: 5%;
}
.cooplist:nth-child(7) {
    background:#E8733B;
}
.cooplist:nth-child(8) {
    background:#7164F7;
    margin-left: 5%;
}
.cooplist:nth-child(9) {
    background:#FA288C;
    margin-left: 5%;
}
.cooplist:nth-child(10) {
    background:#FF2D32;
}
.cooplist:nth-child(11) {
    background:#29BEA9;
    margin-left: 5%;
}
.cooplist:nth-child(12) {
    background:#FB5C5C;
    margin-left: 5%;
}

.tab-bd-fi {
    width: 100%;
    border-top: 1px solid #E6E6E6;
}

.tab-bd-fi section {
    width: 95%;
    height: 320px;
    margin: auto;
    display: flex;
    margin-top: 30px;
    background: white;

}
.tab-bd-fi section div {
    flex: 1;
    border: 1px #EFEFEF solid;
    position: relative;
}
.bmdiv p {
    width: 90%;
    padding-left: 30px;
    font-size: 16px;
    color: #828282;
}
.tab-bd-fi section div {
    flex: 1;
    border: 1px #EFEFEF solid;
    position: relative;
}
.tab-bd-fi section div:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
}
.cimg {
    width: 100%;
    height: 200px;
}
.tab-bd-fi section div p {
    margin-top: 12px;
}
.tab-bd-fi section div a {
    width: 100%;
    height: 100%;
    display: inline-block;
    -webkit-transition: all .3s;
}
.bmdiv p {
    width: 90%;
    padding-left: 30px;
    font-size: 16px;
    color: #828282;
}
.ppimg {
    position: absolute;
    bottom: 11px;
    right: 12px;
}
.tab-bd-fi section div p {
    margin-top: 12px;
}
.tab-bd-t div {
    width: 19%;
    height: 80px;
    background-size: 100%;
    float: left;
    margin-left: 18px;
    margin-top: 10px;
}

.tab-bd-t div a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.tab-bd-t div:nth-child(1) {
    background: url("/public/img/binguan.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(2) {
    background: url("/public/img/yunshu.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(3) {
    background: url("/public/img/jiangkang.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(4) {
    background: url("/public/img/huagong.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(5) {
    background: url("/public/img/xinwenchuban.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(6) {
    background: url("/public/img/guanggao01.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(7) {
    background: url("/public/img/jinrong.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(8) {
    background: url("/public/img/jiaoyu.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(9) {
    background: url("/public/img/fangdichan.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(10) {
    background: url("/public/img/meirong.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(11) {
    background: url("/public/img/baoxian.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(12) {
    background: url("/public/img/zixun.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(13) {
    background: url("/public/img/chuanmei.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(14) {
    background: url("/public/img/lingshou.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(15) {
    background: url("/public/img/guanggao.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(16) {
    background: url("/public/img/fushi.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(17) {
    background: url("/public/img/jianzhu.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(18) {
    background: url("/public/img/caiwu.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(19) {
    background: url("/public/img/jisuanji.jpg") no-repeat center;
}

.tab-bd-t div:nth-child(20) {
    background: url("/public/img/lvyou.jpg") no-repeat center;
}

.tbb-bottom3 div p:nth-child(1) {
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #636363;
    text-align: center;
}

.tbb-bottom3 div p:nth-child(2) {
    font-size: 10px;
    line-height: 22px;
    color: #929292;
}

.tbb-bottom3 div {
    width: 47%;
    height: 230px;
    margin: 1.5%;
    padding-top: 70px;
    float: left;
}

.tbb-bottom3 div p {
    width: 100%;
    margin: auto;
    letter-spacing: 2px;
}

.tbb-bottom3 div:nth-child(1) {
    background: url('/Public/img/yonghu.png') no-repeat center 10px;
    background-size: 30%;
}

.tbb-bottom3 div:nth-child(2) {
    background: url('/Public/img/xinxi.png') no-repeat center 10px;
    background-size: 30%;
}

.tbb-bottom3 div:nth-child(3) {
    background: url('/Public/img/huokuan.png') no-repeat center 10px;
    background-size: 30%;
}

.tbb-bottom3 div:nth-child(4) {
    background: url('/Public/img/2152.png') no-repeat center 10px;
    background-size: 30%;
}

.tbb-bottom3 div:nth-child(5) {
    background: url('/Public/img/2263263.png') no-repeat center 10px;
    background-size: 30%;
}

.tbb-bottom3 div:nth-child(6) {
    background: url('/Public/img/21524152.png') no-repeat center 10px;
    background-size: 30%;
}

.o2odiv {
    width: 47%;
    margin: 1.5%;
    float: left;
}
.o2odiv2{
    width: 47%;
    margin: 1.5%;
    float: left;
}
#mphone1 {
    width: 100%;
    display: block;
    margin: auto;
}

#mphone2 {
    width: 100%;
    display: block;
    margin: auto;
}

#mphone3 {
    width: 100%;
    display: block;
    margin: auto;
}

#mphone4 {
    width: 100%;
    display: block;
    margin: auto;
}

#mphone5 {
    width: 100%;
    display: block;
    margin: auto;
}
.win{
    width:100%;height:520px;margin:20px auto;position:relative;
}
.titles{
    width:100%;height:50px;background:#eee;position: relative;
}
.titles a{
    /*padding:0 30px;*/width:12.5%;height:100%;float:left;text-align: center;line-height: 50px;font-size: 15px;color:#009797;text-decoration: none;position: relative;z-index: 1;
}
.titles .float{
    width:20%;height:100%;background: #009797;position: absolute;
}
.box{
    width:100%;height:520px;position: relative;
}
.theboxdiv{
    width:90%;height: 100%;position: absolute;left:-100%;text-align: center;top:0;color:#fff;
}
.rightB{
    width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;right:0;top:45%;line-height:70px;text-align: center;cursor: pointer;display: none;
}
.leftB{
    width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;left:0;top:45%;line-height:70px;text-align: center;cursor: pointer;display: none;
}

.feed_tag{
    width: 95%;
    margin: auto;
    background: white;
    height: 1000px;
    border-radius: 15px;
}
.typeinput {
    width: 25px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    float: left;
    margin-top: 0.5rem;
}
.typelabel {
    width: 25%;
    margin-right: 0;
    display: inline-block;
    float: left;
    line-height: 2rem;
    margin-bottom: 0;
}
.feed_title{
    width: 100%;
    padding-left: 20px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    border-bottom: 1px #E5E5E5 solid;
    text-align: center;
    font-weight: 600;
}

.feed_divs {
    width: 90%;
    margin: auto;
    height: 100px;
    margin-top: 25px;
}
.feed_ts {
    width: 100%;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: left;
}
.feed_titles {
    width: 80%;
    color: #000000;
    border-radius: 5px;
    padding: 10px;
    background-color: white;
    border: 1px #DCDCDC solid;
}

.form-controlsss {
    display: block;
    width: 100%;
    height: 9rem;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #757575;
    font-family: "微软雅黑";
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: none;
}
.feed_titles {
    width: 100%;
    color: #000000;
    border-radius: 5px;
    padding: 10px;
    background-color: white;
    border: 1px #DCDCDC solid;
}
.feed_name {
    width: 100%;
    height: 38px;
    border: 1px #DCDCDC solid;
    border-radius: 5px;
}
.feed_phone {
    width: 100%;
    height: 38px;
    border: 1px #DCDCDC solid;
    border-radius: 5px;
    margin-top: 15px;
}
.feed_inputimg {
    width: 6%;
    height: 25px;
    display: inline-block;
    float: left;
    margin: 1%;
}
.feed_inputimg2 {
    width: 5%;
    height: 25px;
    display: inline-block;
    float: left;
    margin: 1%;
}

.feed_phoneinput {
    width: 90%;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    float: left;
    padding-left: 4%;
    border-radius: 5px;
    border: none;
}
.feed_nameinput {
    width: 90%;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    float: left;
    padding-left: 3%;
    border-radius: 5px;
    border:none;
}
.feed_tip {
    width: 200px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-left: 130px;
    color: #757575;
    font-size: 12px;
    text-align: right;
}
.wrong {
    border: 1px red solid!important;
}

.feed_submit {
    width: 100%;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    color: white;
    background: #4189FF;
    cursor: pointer;
}
.indexdiv {
    width: 46%;
    float: left;
    overflow: hidden;
    /*padding: 10px;*/
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    transition: opacity .5s;
    min-height: 1px;
    margin: 2%;
    border-radius: 15px;
}

.indexdiv h5 {
    font-size: 1.1rem;
}

.indexdiv p {
    color: white;
    margin-bottom: 0;
    height:3rem;
    line-height:2.5rem;
}

.head_topm {
    width: 55%;
    float: right;
    height: 28px;
    line-height: 29px;
    /*padding-top:4px;*/
}

/*.affix .head_topm{*/
/*display: none;*/
/*}*/
.head_topm ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@font-face {
    font-family: 'pingfang';
    src: url('../fonts/PingFangSCRegular.ttf');
}

.head_topm ul li {
    font-size: 14px;
    color: #fff;
    height: 33px;
    line-height: 33px !important;
    letter-spacing: 0;
    margin-right: 0.1rem;
    opacity: 0.6;
    display: list-item;
    width: 18%;
    float: right;
    text-align: center;
    font-family: "pingfang";
}

.head_topm ul li a {
    width: 100%;
    height: 33px;
    display: block;
    line-height: 33px !important;
    text-decoration: none;
    padding: 0 !important;
    border: 0 !important;
    font-size: 1rem !important;
    font-family: "pingfang";
    font-weight: 100 !important;
}

.thegif {
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    height: 65px;
    left: 0;
    mix-blend-mode: screen !important;
}

.phone {
    width: 25%;
    height: 30px;
    display: inline-block;
    position: absolute;
    z-index: 100;

}

.footer_button__wrap {
    width: 100%;
    height: 55px;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 100;
    opacity: 1;
    transition: all .2s;

}

.tel_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    background-color: #fff;
    color: #2f6aff;
    border-top: 1px solid rgba(34, 34, 34, .15);
    font-family: pingfang;
    font-size: 1rem;
    height: 55px;
}

.footerBtns {

}

.footerBtns.close {
    bottom: -60px;
}

.close {
    bottom: -60px;
}

.upd4 {
    animation: heart4 1.4s ease-in-out 0.2s infinite alternate;
}

@keyframes heart4 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -6px;
    }
}

@keyframes heart4 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 8px)
    }
}

.upd {
    animation: heart 1.5s ease-in-out 1s infinite alternate;
}

@keyframes heart {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -6px;
    }
}

@keyframes heart {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 6px)
    }
}

.upd2 {
    animation: heart2 1s ease-in-out 0s infinite alternate;
}

@keyframes heart2 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -4px;
    }
}

@keyframes heart2 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 4px)
    }
}

.upd3 {
    animation: heart2 1s ease-in-out 1s infinite alternate;
}

@keyframes heart2 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -4px;
    }
}

@keyframes heart2 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 4px)
    }
}

.anquan {
    width: 100%;
    margin: auto;
}

.anquan_div {
    width: 22%;
    float: left;
    margin: 1.5%;
    border-radius: 10%;
    background: #92A3B4;
}

.anquandivp {
    display: block;
    text-align: center;

    line-height: 1;
    color: #FBFBFB;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 1rem;
}

.thebanners {
    position: absolute;
    top: 5%;
    z-index: 100 !important;
}

@media only screen and (min-width: 375px) {
    .thebanner {
        background: url("../image/bannerbj.png");
        height: 375px !important;
        position: relative;
    }

    .thebannerp1 {
        position: absolute;
        bottom: 18%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1.4rem;
        color: white;
    }

    .thebannerp2 {
        position: absolute;
        bottom: 10%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1rem;
        color: white;
    }

}

@media only screen and (min-width: 320px) {
    .thebanner {
        background: url("../image/bannerbj.png");
        height: 475px !important;
        position: relative;
    }

    .thebannerp1 {
        position: absolute;
        bottom: 18%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1.2rem;
        color: white;
    }

    .thebannerp2 {
        position: absolute;
        bottom: 10%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 0.8rem;
        color: white;
    }
}

@media only screen and (min-width: 360px) {
    .thebanner {
        background: url("../image/bannerbj.png");
        height: 360px !important;
        position: relative;
    }

    .thebannerp1 {
        position: absolute;
        bottom: 18%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1.4rem;
        color: white;
    }

    .thebannerp2 {
        position: absolute;
        bottom: 10%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 0.9rem;
        color: white;
    }
}

@media only screen and (min-width: 475px) {
    .thebanner {
        background: url("../image/bannerbj.png");
        height: 475px !important;
        position: relative;
    }

    .thebannerp1 {
        position: absolute;
        bottom: 18%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1.6rem;
        color: white;
    }

    .thebannerp2 {
        position: absolute;
        bottom: 10%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1.2rem;
        color: white;
    }
}

@media only screen and (min-width: 750px) {
    .thebanner {
        background: url("../image/bannerbj.png");
        height: 750px !important;
        position: relative;
    }

    .thebannerp1 {
        position: absolute;
        bottom: 18%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1.8rem;
        color: white;
    }

    .thebannerp2 {
        position: absolute;
        bottom: 10%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1.2rem;
        color: white;
    }
}

@media only screen and (min-width: 768px) {
    .thebanner {
        background: url("../image/bannerbj.png");
        height: 1024px !important;
        position: relative;
    }

    .thebannerp1 {
        position: absolute;
        bottom: 18%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 2.2rem;
        color: white;
    }

    .thebannerp2 {
        position: absolute;
        bottom: 10%;
        z-index: 100 !important;
        text-align: center;
        width: 100%;
        font-size: 1.6rem;
        color: white;
    }
}

/*轮播*/
.lb_gl {
    margin-bottom: 30px;
    background: url(../images/bg_3d.png);
    background-size: 100% 100%;
    height: 225px;
}

.container {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.pictureSlider {
    height: 250px;
    margin-bottom: 24px;
}

.poster-item {
    height: 250px;
    width:35%;
    border-radius: 10px;
    transition: all 0.5s;
    cursor: default;
    -moz-transition: all 0.5s;
    cursor: default;
    -webkit-transition: all 0.5s;
    cursor: default;
    -o-transition: all 0.5s;
    cursor: default;
    left: 67.5%;
}

.turn_3d {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 36px;
}

.xxgy {
    font-size: 30px;
    font-weight: 900;
    padding-left: 10px;
}

.poster-item .say {
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.students_star {
    padding: 10px 10px 0 10px;
}

.cell_list {
    margin-bottom: 20px;
    color: #999;
    font-size: 18px;
    overflow: hidden;
}

.darks {
    color: #000;
    padding-left: 10px;
}

.zwjs {
    border-top: 1px solid #d0cddb;
    line-height: 26px;
    padding-top: 5px;
    color: #999;
    font-size: 12px;
    max-height: 84px;
    overflow: hidden;
}

.for_btn {
    position: relative;
    height: 214px;
    overflow: hidden
}

.in_page {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

.in_page > img {
    width: 40px;
    height: 40px;
}
.homeli{
    position: relative;float: left;  width: 50%; box-sizing: border-box; padding: 0.1rem 1rem;margin-bottom: 0;
}
.homeli:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 6.5rem;
    background: #DDDDDD;
    transform: translateY(-50%);
}
.homeimg{
    display: block;height:3rem;  margin: 0rem auto 0.3rem auto;
}

.homespan{
    display: block; text-align: center;  padding: 0rem 0.3rem;
    color: #0a1e39;
}
.hoemp{
    width: 90%;
    display: block;
    margin: auto;
    font-size: 0.8rem;
    height: 50px;
    text-align: center;
}
.shibathediv{
    width: 26%;
    float: left;
    margin: 3.5%;
    margin-bottom: 5%;
    margin-top: 1%;
    border-radius: 10%;
    padding-top: 5%;
    padding-bottom: 0%;
}
.shibathediv img{
    width:45%;
    height: 45px;
    display: block;
        margin: auto;
}
.shibathediv p{
    font-size: 1rem;color: white;line-height: 3;
}
.colorbule{
    background:#2f6aff ;
}
.colorpink{
    background:#FA288C ;
}
.colororging{
    background:#E8733B ;
}
.colorz{
    background: #7164F7;
}
.colorqh{
    background: #FB5C5C;
}
.colorzl{
    background:#29BEA9 ;
}
.colorqf{
    background: #ED7EC5;
}
.colorql{
    background: #4DDA87;
}
.coloryellow{
    background:#FFB036 ;
}

@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(-360deg);}
}

.Rotation{
    -webkit-transform: rotate(-360deg);
    animation: rotation 15s linear infinite;
    -moz-animation: rotation 15s linear infinite;
    -webkit-animation: rotation 15s linear infinite;
    -o-animation: rotation 15s linear infinite;
}
@-webkit-keyframes rotation2{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

.Rotation2{
    -webkit-transform: rotate(360deg);
    animation: rotation2 15s linear infinite;
    -moz-animation: rotation2 15s linear infinite;
    -webkit-animation: rotation2 15s linear infinite;
    -o-animation: rotation2 15s linear infinite;
}

@-webkit-keyframes rotation3{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.Rotation3{
    -webkit-transform: rotate(-360deg);
    animation: rotation3 6s linear infinite;
    -moz-animation: rotation3 6s linear infinite;
    -webkit-animation: rotation3 6s linear infinite;
    -o-animation: rotation3 6s linear infinite;
}

@-webkit-keyframes rotation4{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

.Rotation4{
    -webkit-transform: rotate(360deg);
    animation: rotation4 40s linear infinite;
    -moz-animation: rotation4 40s linear infinite;
    -webkit-animation: rotation4 40s linear infinite;
    -o-animation: rotation4 40s linear infinite;
}



.dong1 {
    animation: dong1 1.5s ease-in-out 1s infinite alternate;
}

@keyframes dong1 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -3px;
    }
}

@keyframes dong1 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 3px)
    }
}

.dong2 {
    animation: dong2 1.5s ease-in-out 1s infinite alternate;
}

@keyframes dong2 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -2px;
    }
}

@keyframes dong2 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 2px)
    }
}


.fdsx1{
    animation: fdsx1 1s ease-in-out 1s infinite alternate;
}

@keyframes fdsx1 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -4px;
    }
}

@keyframes fdsx1 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 4px)
    }
}
.mine-last-one {
    font-size: 1.4rem;
    letter-spacing: 3px;
    color: #616161;
    text-align: center;
}

.tab-bd-six {
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.tab-bd-six h4 {
    font-weight: 400;
    font-size: 26px;
    margin-bottom: 20px;
}

.tab-bd-six section {
    width: 100%;
    height: 220px;
    display: flex;
    margin-top: 10px;
}

.adiv {
    width: 100% !important;
    height: 220px;
    border: 1px solid #F0F0F0;
    float: left;
    -webkit-transition: all .3s;
}

.adiv:hover {
    box-shadow: 0px 0px 10px #C9C9C9;
}
.kf1 {
    width: 20%;
    height: 220px;
    float: left;
    margin-left: 10px;
}
.kf2 {
    width: 75%;
    height: 220px;
    float: left;
}
.p1 {
    width: 95%;
    height: 155px;
    text-align: left;
    font-size: 0.8rem;
    overflow: hidden;
    margin: 5%;
}
.p2 {
    width: 90%;
    height: 40px;
    margin-bottom: 0;
}
.psp1 {
    font-size: 20px;
    line-height: 40px;
    color: #00B49E;
    display: inline-block;
    float: right;
}
.kf1 img {
    display: block;
    border-radius: 100%;
    margin-top: 115%;
}


.boxsss {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #CFAF86;
    border-radius: 100%;
    overflow: hidden;
}
.boxsss .percent {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
}
.boxsss .water {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    background: #4D6DE3;
    transition: all .3s;
}
.boxsss .water_wave {
    width: 200%;
    position: absolute;
    bottom: 100%;
}
.boxsss .water_wave_back {
    right: 0;
    fill: #C7EEFF;
    -webkit-animation: wave-back 1.4s infinite linear;
    animation: wave-back 1.4s infinite linear;
}
.boxsss .water_wave_front {
    left: 0;
    fill: #4D6DE3;
    margin-bottom: -1px;
    -webkit-animation: wave-front .7s infinite linear;
    animation: wave-front .7s infinite linear;
}

@-webkit-keyframes wave-front {
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@keyframes wave-front {
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
@-webkit-keyframes wave-back {
    100% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}
@keyframes wave-back {
    100% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}
.teampp{
    width: 100%;
    height: 60px;
    display: block;
    float: left;
    text-align: center;
    margin-bottom: 0;
}
.member-name{
    height:110px;
}

.containersss {

}
.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-image: radial-gradient(#799BFA, #799BFA 10%, rgba(153, 255, 255, 0) 56%);
    -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
    animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 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: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-1;
    animation-name: move-frames-1;
    -webkit-animation-duration: 8441ms;
    animation-duration: 8441ms;
    -webkit-animation-delay: 4544ms;
    animation-delay: 4544ms;
}
@-webkit-keyframes move-frames-1 {
    from {
        -webkit-transform: translate3d(50vw, 102vh, 0);
        transform: translate3d(50vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(2vw, -117vh, 0);
        transform: translate3d(2vw, -117vh, 0);
    }
}
@keyframes move-frames-1 {
    from {
        -webkit-transform: translate3d(50vw, 102vh, 0);
        transform: translate3d(50vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(2vw, -117vh, 0);
        transform: translate3d(2vw, -117vh, 0);
    }
}
.circle-container:nth-child(1) .circle {
    -webkit-animation-delay: 3734ms;
    animation-delay: 3734ms;
}
.circle-container:nth-child(2) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-2;
    animation-name: move-frames-2;
    -webkit-animation-duration: 9921ms;
    animation-duration: 9921ms;
    -webkit-animation-delay: 5982ms;
    animation-delay: 5982ms;
}
@-webkit-keyframes move-frames-2 {
    from {
        -webkit-transform: translate3d(89vw, 108vh, 0);
        transform: translate3d(89vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(72vw, -123vh, 0);
        transform: translate3d(72vw, -123vh, 0);
    }
}
@keyframes move-frames-2 {
    from {
        -webkit-transform: translate3d(89vw, 108vh, 0);
        transform: translate3d(89vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(72vw, -123vh, 0);
        transform: translate3d(72vw, -123vh, 0);
    }
}
.circle-container:nth-child(2) .circle {
    -webkit-animation-delay: 2516ms;
    animation-delay: 2516ms;
}
.circle-container:nth-child(3) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-3;
    animation-name: move-frames-3;
    -webkit-animation-duration: 10427ms;
    animation-duration: 10427ms;
    -webkit-animation-delay: 3649ms;
    animation-delay: 3649ms;
}
@-webkit-keyframes move-frames-3 {
    from {
        -webkit-transform: translate3d(85vw, 107vh, 0);
        transform: translate3d(85vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(30vw, -133vh, 0);
        transform: translate3d(30vw, -133vh, 0);
    }
}
@keyframes move-frames-3 {
    from {
        -webkit-transform: translate3d(85vw, 107vh, 0);
        transform: translate3d(85vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(30vw, -133vh, 0);
        transform: translate3d(30vw, -133vh, 0);
    }
}
.circle-container:nth-child(3) .circle {
    -webkit-animation-delay: 731ms;
    animation-delay: 731ms;
}
.circle-container:nth-child(4) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-4;
    animation-name: move-frames-4;
    -webkit-animation-duration: 10951ms;
    animation-duration: 10951ms;
    -webkit-animation-delay: 8909ms;
    animation-delay: 8909ms;
}
@-webkit-keyframes move-frames-4 {
    from {
        -webkit-transform: translate3d(50vw, 104vh, 0);
        transform: translate3d(50vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(74vw, -122vh, 0);
        transform: translate3d(74vw, -122vh, 0);
    }
}
@keyframes move-frames-4 {
    from {
        -webkit-transform: translate3d(50vw, 104vh, 0);
        transform: translate3d(50vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(74vw, -122vh, 0);
        transform: translate3d(74vw, -122vh, 0);
    }
}
.circle-container:nth-child(4) .circle {
    -webkit-animation-delay: 2526ms;
    animation-delay: 2526ms;
}
.circle-container:nth-child(5) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-5;
    animation-name: move-frames-5;
    -webkit-animation-duration: 7642ms;
    animation-duration: 7642ms;
    -webkit-animation-delay: 2502ms;
    animation-delay: 2502ms;
}
@-webkit-keyframes move-frames-5 {
    from {
        -webkit-transform: translate3d(9vw, 108vh, 0);
        transform: translate3d(9vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(39vw, -126vh, 0);
        transform: translate3d(39vw, -126vh, 0);
    }
}
@keyframes move-frames-5 {
    from {
        -webkit-transform: translate3d(9vw, 108vh, 0);
        transform: translate3d(9vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(39vw, -126vh, 0);
        transform: translate3d(39vw, -126vh, 0);
    }
}
.circle-container:nth-child(5) .circle {
    -webkit-animation-delay: 2755ms;
    animation-delay: 2755ms;
}
.circle-container:nth-child(6) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-6;
    animation-name: move-frames-6;
    -webkit-animation-duration: 8439ms;
    animation-duration: 8439ms;
    -webkit-animation-delay: 455ms;
    animation-delay: 455ms;
}
@-webkit-keyframes move-frames-6 {
    from {
        -webkit-transform: translate3d(29vw, 101vh, 0);
        transform: translate3d(29vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(21vw, -109vh, 0);
        transform: translate3d(21vw, -109vh, 0);
    }
}
@keyframes move-frames-6 {
    from {
        -webkit-transform: translate3d(29vw, 101vh, 0);
        transform: translate3d(29vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(21vw, -109vh, 0);
        transform: translate3d(21vw, -109vh, 0);
    }
}
.circle-container:nth-child(6) .circle {
    -webkit-animation-delay: 3506ms;
    animation-delay: 3506ms;
}
.circle-container:nth-child(7) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-7;
    animation-name: move-frames-7;
    -webkit-animation-duration: 7539ms;
    animation-duration: 7539ms;
    -webkit-animation-delay: 3595ms;
    animation-delay: 3595ms;
}
@-webkit-keyframes move-frames-7 {
    from {
        -webkit-transform: translate3d(11vw, 101vh, 0);
        transform: translate3d(11vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(31vw, -125vh, 0);
        transform: translate3d(31vw, -125vh, 0);
    }
}
@keyframes move-frames-7 {
    from {
        -webkit-transform: translate3d(11vw, 101vh, 0);
        transform: translate3d(11vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(31vw, -125vh, 0);
        transform: translate3d(31vw, -125vh, 0);
    }
}
.circle-container:nth-child(7) .circle {
    -webkit-animation-delay: 749ms;
    animation-delay: 749ms;
}
.circle-container:nth-child(8) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-8;
    animation-name: move-frames-8;
    -webkit-animation-duration: 7480ms;
    animation-duration: 7480ms;
    -webkit-animation-delay: 2680ms;
    animation-delay: 2680ms;
}
@-webkit-keyframes move-frames-8 {
    from {
        -webkit-transform: translate3d(15vw, 101vh, 0);
        transform: translate3d(15vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(88vw, -111vh, 0);
        transform: translate3d(88vw, -111vh, 0);
    }
}
@keyframes move-frames-8 {
    from {
        -webkit-transform: translate3d(15vw, 101vh, 0);
        transform: translate3d(15vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(88vw, -111vh, 0);
        transform: translate3d(88vw, -111vh, 0);
    }
}
.circle-container:nth-child(8) .circle {
    -webkit-animation-delay: 1888ms;
    animation-delay: 1888ms;
}
.circle-container:nth-child(9) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-9;
    animation-name: move-frames-9;
    -webkit-animation-duration: 9087ms;
    animation-duration: 9087ms;
    -webkit-animation-delay: 9461ms;
    animation-delay: 9461ms;
}
@-webkit-keyframes move-frames-9 {
    from {
        -webkit-transform: translate3d(100vw, 107vh, 0);
        transform: translate3d(100vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(40vw, -130vh, 0);
        transform: translate3d(40vw, -130vh, 0);
    }
}
@keyframes move-frames-9 {
    from {
        -webkit-transform: translate3d(100vw, 107vh, 0);
        transform: translate3d(100vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(40vw, -130vh, 0);
        transform: translate3d(40vw, -130vh, 0);
    }
}
.circle-container:nth-child(9) .circle {
    -webkit-animation-delay: 1721ms;
    animation-delay: 1721ms;
}
.circle-container:nth-child(10) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-10;
    animation-name: move-frames-10;
    -webkit-animation-duration: 9860ms;
    animation-duration: 9860ms;
    -webkit-animation-delay: 8969ms;
    animation-delay: 8969ms;
}
@-webkit-keyframes move-frames-10 {
    from {
        -webkit-transform: translate3d(74vw, 110vh, 0);
        transform: translate3d(74vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(30vw, -127vh, 0);
        transform: translate3d(30vw, -127vh, 0);
    }
}
@keyframes move-frames-10 {
    from {
        -webkit-transform: translate3d(74vw, 110vh, 0);
        transform: translate3d(74vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(30vw, -127vh, 0);
        transform: translate3d(30vw, -127vh, 0);
    }
}
.circle-container:nth-child(10) .circle {
    -webkit-animation-delay: 1801ms;
    animation-delay: 1801ms;
}
.circle-container:nth-child(11) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-11;
    animation-name: move-frames-11;
    -webkit-animation-duration: 9292ms;
    animation-duration: 9292ms;
    -webkit-animation-delay: 9812ms;
    animation-delay: 9812ms;
}
@-webkit-keyframes move-frames-11 {
    from {
        -webkit-transform: translate3d(29vw, 108vh, 0);
        transform: translate3d(29vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(58vw, -135vh, 0);
        transform: translate3d(58vw, -135vh, 0);
    }
}
@keyframes move-frames-11 {
    from {
        -webkit-transform: translate3d(29vw, 108vh, 0);
        transform: translate3d(29vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(58vw, -135vh, 0);
        transform: translate3d(58vw, -135vh, 0);
    }
}
.circle-container:nth-child(11) .circle {
    -webkit-animation-delay: 3834ms;
    animation-delay: 3834ms;
}
.circle-container:nth-child(12) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-12;
    animation-name: move-frames-12;
    -webkit-animation-duration: 7920ms;
    animation-duration: 7920ms;
    -webkit-animation-delay: 2180ms;
    animation-delay: 2180ms;
}
@-webkit-keyframes move-frames-12 {
    from {
        -webkit-transform: translate3d(10vw, 105vh, 0);
        transform: translate3d(10vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(18vw, -123vh, 0);
        transform: translate3d(18vw, -123vh, 0);
    }
}
@keyframes move-frames-12 {
    from {
        -webkit-transform: translate3d(10vw, 105vh, 0);
        transform: translate3d(10vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(18vw, -123vh, 0);
        transform: translate3d(18vw, -123vh, 0);
    }
}
.circle-container:nth-child(12) .circle {
    -webkit-animation-delay: 1995ms;
    animation-delay: 1995ms;
}
.circle-container:nth-child(13) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-13;
    animation-name: move-frames-13;
    -webkit-animation-duration: 7293ms;
    animation-duration: 7293ms;
    -webkit-animation-delay: 6446ms;
    animation-delay: 6446ms;
}
@-webkit-keyframes move-frames-13 {
    from {
        -webkit-transform: translate3d(26vw, 107vh, 0);
        transform: translate3d(26vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(15vw, -123vh, 0);
        transform: translate3d(15vw, -123vh, 0);
    }
}
@keyframes move-frames-13 {
    from {
        -webkit-transform: translate3d(26vw, 107vh, 0);
        transform: translate3d(26vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(15vw, -123vh, 0);
        transform: translate3d(15vw, -123vh, 0);
    }
}
.circle-container:nth-child(13) .circle {
    -webkit-animation-delay: 1282ms;
    animation-delay: 1282ms;
}
.circle-container:nth-child(14) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-14;
    animation-name: move-frames-14;
    -webkit-animation-duration: 9677ms;
    animation-duration: 9677ms;
    -webkit-animation-delay: 5675ms;
    animation-delay: 5675ms;
}
@-webkit-keyframes move-frames-14 {
    from {
        -webkit-transform: translate3d(80vw, 102vh, 0);
        transform: translate3d(80vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(76vw, -110vh, 0);
        transform: translate3d(76vw, -110vh, 0);
    }
}
@keyframes move-frames-14 {
    from {
        -webkit-transform: translate3d(80vw, 102vh, 0);
        transform: translate3d(80vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(76vw, -110vh, 0);
        transform: translate3d(76vw, -110vh, 0);
    }
}
.circle-container:nth-child(14) .circle {
    -webkit-animation-delay: 542ms;
    animation-delay: 542ms;
}
.circle-container:nth-child(15) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-15;
    animation-name: move-frames-15;
    -webkit-animation-duration: 8055ms;
    animation-duration: 8055ms;
    -webkit-animation-delay: 7418ms;
    animation-delay: 7418ms;
}
@-webkit-keyframes move-frames-15 {
    from {
        -webkit-transform: translate3d(7vw, 103vh, 0);
        transform: translate3d(7vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(100vw, -129vh, 0);
        transform: translate3d(100vw, -129vh, 0);
    }
}
@keyframes move-frames-15 {
    from {
        -webkit-transform: translate3d(7vw, 103vh, 0);
        transform: translate3d(7vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(100vw, -129vh, 0);
        transform: translate3d(100vw, -129vh, 0);
    }
}
.circle-container:nth-child(15) .circle {
    -webkit-animation-delay: 2100ms;
    animation-delay: 2100ms;
}
.circle-container:nth-child(16) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-16;
    animation-name: move-frames-16;
    -webkit-animation-duration: 9673ms;
    animation-duration: 9673ms;
    -webkit-animation-delay: 871ms;
    animation-delay: 871ms;
}
@-webkit-keyframes move-frames-16 {
    from {
        -webkit-transform: translate3d(58vw, 102vh, 0);
        transform: translate3d(58vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(86vw, -126vh, 0);
        transform: translate3d(86vw, -126vh, 0);
    }
}
@keyframes move-frames-16 {
    from {
        -webkit-transform: translate3d(58vw, 102vh, 0);
        transform: translate3d(58vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(86vw, -126vh, 0);
        transform: translate3d(86vw, -126vh, 0);
    }
}
.circle-container:nth-child(16) .circle {
    -webkit-animation-delay: 2783ms;
    animation-delay: 2783ms;
}
.circle-container:nth-child(17) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-17;
    animation-name: move-frames-17;
    -webkit-animation-duration: 8468ms;
    animation-duration: 8468ms;
    -webkit-animation-delay: 2038ms;
    animation-delay: 2038ms;
}
@-webkit-keyframes move-frames-17 {
    from {
        -webkit-transform: translate3d(65vw, 108vh, 0);
        transform: translate3d(65vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(35vw, -134vh, 0);
        transform: translate3d(35vw, -134vh, 0);
    }
}
@keyframes move-frames-17 {
    from {
        -webkit-transform: translate3d(65vw, 108vh, 0);
        transform: translate3d(65vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(35vw, -134vh, 0);
        transform: translate3d(35vw, -134vh, 0);
    }
}
.circle-container:nth-child(17) .circle {
    -webkit-animation-delay: 346ms;
    animation-delay: 346ms;
}
.circle-container:nth-child(18) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-18;
    animation-name: move-frames-18;
    -webkit-animation-duration: 9523ms;
    animation-duration: 9523ms;
    -webkit-animation-delay: 2150ms;
    animation-delay: 2150ms;
}
@-webkit-keyframes move-frames-18 {
    from {
        -webkit-transform: translate3d(48vw, 102vh, 0);
        transform: translate3d(48vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -127vh, 0);
        transform: translate3d(97vw, -127vh, 0);
    }
}
@keyframes move-frames-18 {
    from {
        -webkit-transform: translate3d(48vw, 102vh, 0);
        transform: translate3d(48vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -127vh, 0);
        transform: translate3d(97vw, -127vh, 0);
    }
}
.circle-container:nth-child(18) .circle {
    -webkit-animation-delay: 2065ms;
    animation-delay: 2065ms;
}
.circle-container:nth-child(19) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-19;
    animation-name: move-frames-19;
    -webkit-animation-duration: 9472ms;
    animation-duration: 9472ms;
    -webkit-animation-delay: 428ms;
    animation-delay: 428ms;
}
@-webkit-keyframes move-frames-19 {
    from {
        -webkit-transform: translate3d(63vw, 107vh, 0);
        transform: translate3d(63vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(39vw, -122vh, 0);
        transform: translate3d(39vw, -122vh, 0);
    }
}
@keyframes move-frames-19 {
    from {
        -webkit-transform: translate3d(63vw, 107vh, 0);
        transform: translate3d(63vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(39vw, -122vh, 0);
        transform: translate3d(39vw, -122vh, 0);
    }
}
.circle-container:nth-child(19) .circle {
    -webkit-animation-delay: 2105ms;
    animation-delay: 2105ms;
}
.circle-container:nth-child(20) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-20;
    animation-name: move-frames-20;
    -webkit-animation-duration: 10290ms;
    animation-duration: 10290ms;
    -webkit-animation-delay: 8685ms;
    animation-delay: 8685ms;
}
@-webkit-keyframes move-frames-20 {
    from {
        -webkit-transform: translate3d(39vw, 106vh, 0);
        transform: translate3d(39vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(21vw, -128vh, 0);
        transform: translate3d(21vw, -128vh, 0);
    }
}
@keyframes move-frames-20 {
    from {
        -webkit-transform: translate3d(39vw, 106vh, 0);
        transform: translate3d(39vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(21vw, -128vh, 0);
        transform: translate3d(21vw, -128vh, 0);
    }
}
.circle-container:nth-child(20) .circle {
    -webkit-animation-delay: 246ms;
    animation-delay: 246ms;
}
.circle-container:nth-child(21) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-21;
    animation-name: move-frames-21;
    -webkit-animation-duration: 8708ms;
    animation-duration: 8708ms;
    -webkit-animation-delay: 2550ms;
    animation-delay: 2550ms;
}
@-webkit-keyframes move-frames-21 {
    from {
        -webkit-transform: translate3d(55vw, 110vh, 0);
        transform: translate3d(55vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -112vh, 0);
        transform: translate3d(60vw, -112vh, 0);
    }
}
@keyframes move-frames-21 {
    from {
        -webkit-transform: translate3d(55vw, 110vh, 0);
        transform: translate3d(55vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -112vh, 0);
        transform: translate3d(60vw, -112vh, 0);
    }
}
.circle-container:nth-child(21) .circle {
    -webkit-animation-delay: 3603ms;
    animation-delay: 3603ms;
}
.circle-container:nth-child(22) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-22;
    animation-name: move-frames-22;
    -webkit-animation-duration: 8465ms;
    animation-duration: 8465ms;
    -webkit-animation-delay: 2241ms;
    animation-delay: 2241ms;
}
@-webkit-keyframes move-frames-22 {
    from {
        -webkit-transform: translate3d(14vw, 110vh, 0);
        transform: translate3d(14vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(37vw, -128vh, 0);
        transform: translate3d(37vw, -128vh, 0);
    }
}
@keyframes move-frames-22 {
    from {
        -webkit-transform: translate3d(14vw, 110vh, 0);
        transform: translate3d(14vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(37vw, -128vh, 0);
        transform: translate3d(37vw, -128vh, 0);
    }
}
.circle-container:nth-child(22) .circle {
    -webkit-animation-delay: 3872ms;
    animation-delay: 3872ms;
}
.circle-container:nth-child(23) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-23;
    animation-name: move-frames-23;
    -webkit-animation-duration: 10859ms;
    animation-duration: 10859ms;
    -webkit-animation-delay: 7216ms;
    animation-delay: 7216ms;
}
@-webkit-keyframes move-frames-23 {
    from {
        -webkit-transform: translate3d(68vw, 105vh, 0);
        transform: translate3d(68vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(37vw, -128vh, 0);
        transform: translate3d(37vw, -128vh, 0);
    }
}
@keyframes move-frames-23 {
    from {
        -webkit-transform: translate3d(68vw, 105vh, 0);
        transform: translate3d(68vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(37vw, -128vh, 0);
        transform: translate3d(37vw, -128vh, 0);
    }
}
.circle-container:nth-child(23) .circle {
    -webkit-animation-delay: 3342ms;
    animation-delay: 3342ms;
}
.circle-container:nth-child(24) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-24;
    animation-name: move-frames-24;
    -webkit-animation-duration: 10469ms;
    animation-duration: 10469ms;
    -webkit-animation-delay: 6779ms;
    animation-delay: 6779ms;
}
@-webkit-keyframes move-frames-24 {
    from {
        -webkit-transform: translate3d(8vw, 102vh, 0);
        transform: translate3d(8vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(7vw, -118vh, 0);
        transform: translate3d(7vw, -118vh, 0);
    }
}
@keyframes move-frames-24 {
    from {
        -webkit-transform: translate3d(8vw, 102vh, 0);
        transform: translate3d(8vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(7vw, -118vh, 0);
        transform: translate3d(7vw, -118vh, 0);
    }
}
.circle-container:nth-child(24) .circle {
    -webkit-animation-delay: 3406ms;
    animation-delay: 3406ms;
}
.circle-container:nth-child(25) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-25;
    animation-name: move-frames-25;
    -webkit-animation-duration: 7010ms;
    animation-duration: 7010ms;
    -webkit-animation-delay: 7524ms;
    animation-delay: 7524ms;
}
@-webkit-keyframes move-frames-25 {
    from {
        -webkit-transform: translate3d(10vw, 109vh, 0);
        transform: translate3d(10vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(57vw, -132vh, 0);
        transform: translate3d(57vw, -132vh, 0);
    }
}
@keyframes move-frames-25 {
    from {
        -webkit-transform: translate3d(10vw, 109vh, 0);
        transform: translate3d(10vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(57vw, -132vh, 0);
        transform: translate3d(57vw, -132vh, 0);
    }
}
.circle-container:nth-child(25) .circle {
    -webkit-animation-delay: 3430ms;
    animation-delay: 3430ms;
}
.circle-container:nth-child(26) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-26;
    animation-name: move-frames-26;
    -webkit-animation-duration: 10471ms;
    animation-duration: 10471ms;
    -webkit-animation-delay: 1648ms;
    animation-delay: 1648ms;
}
@-webkit-keyframes move-frames-26 {
    from {
        -webkit-transform: translate3d(38vw, 104vh, 0);
        transform: translate3d(38vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(9vw, -116vh, 0);
        transform: translate3d(9vw, -116vh, 0);
    }
}
@keyframes move-frames-26 {
    from {
        -webkit-transform: translate3d(38vw, 104vh, 0);
        transform: translate3d(38vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(9vw, -116vh, 0);
        transform: translate3d(9vw, -116vh, 0);
    }
}
.circle-container:nth-child(26) .circle {
    -webkit-animation-delay: 3602ms;
    animation-delay: 3602ms;
}
.circle-container:nth-child(27) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-27;
    animation-name: move-frames-27;
    -webkit-animation-duration: 7423ms;
    animation-duration: 7423ms;
    -webkit-animation-delay: 5797ms;
    animation-delay: 5797ms;
}
@-webkit-keyframes move-frames-27 {
    from {
        -webkit-transform: translate3d(24vw, 107vh, 0);
        transform: translate3d(24vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(78vw, -109vh, 0);
        transform: translate3d(78vw, -109vh, 0);
    }
}
@keyframes move-frames-27 {
    from {
        -webkit-transform: translate3d(24vw, 107vh, 0);
        transform: translate3d(24vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(78vw, -109vh, 0);
        transform: translate3d(78vw, -109vh, 0);
    }
}
.circle-container:nth-child(27) .circle {
    -webkit-animation-delay: 3981ms;
    animation-delay: 3981ms;
}
.circle-container:nth-child(28) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-28;
    animation-name: move-frames-28;
    -webkit-animation-duration: 10775ms;
    animation-duration: 10775ms;
    -webkit-animation-delay: 10637ms;
    animation-delay: 10637ms;
}
@-webkit-keyframes move-frames-28 {
    from {
        -webkit-transform: translate3d(91vw, 108vh, 0);
        transform: translate3d(91vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(85vw, -111vh, 0);
        transform: translate3d(85vw, -111vh, 0);
    }
}
@keyframes move-frames-28 {
    from {
        -webkit-transform: translate3d(91vw, 108vh, 0);
        transform: translate3d(91vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(85vw, -111vh, 0);
        transform: translate3d(85vw, -111vh, 0);
    }
}
.circle-container:nth-child(28) .circle {
    -webkit-animation-delay: 487ms;
    animation-delay: 487ms;
}
.circle-container:nth-child(29) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-29;
    animation-name: move-frames-29;
    -webkit-animation-duration: 10713ms;
    animation-duration: 10713ms;
    -webkit-animation-delay: 1330ms;
    animation-delay: 1330ms;
}
@-webkit-keyframes move-frames-29 {
    from {
        -webkit-transform: translate3d(68vw, 109vh, 0);
        transform: translate3d(68vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(87vw, -122vh, 0);
        transform: translate3d(87vw, -122vh, 0);
    }
}
@keyframes move-frames-29 {
    from {
        -webkit-transform: translate3d(68vw, 109vh, 0);
        transform: translate3d(68vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(87vw, -122vh, 0);
        transform: translate3d(87vw, -122vh, 0);
    }
}
.circle-container:nth-child(29) .circle {
    -webkit-animation-delay: 3338ms;
    animation-delay: 3338ms;
}
.circle-container:nth-child(30) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-30;
    animation-name: move-frames-30;
    -webkit-animation-duration: 8127ms;
    animation-duration: 8127ms;
    -webkit-animation-delay: 10773ms;
    animation-delay: 10773ms;
}
@-webkit-keyframes move-frames-30 {
    from {
        -webkit-transform: translate3d(66vw, 101vh, 0);
        transform: translate3d(66vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -113vh, 0);
        transform: translate3d(19vw, -113vh, 0);
    }
}
@keyframes move-frames-30 {
    from {
        -webkit-transform: translate3d(66vw, 101vh, 0);
        transform: translate3d(66vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -113vh, 0);
        transform: translate3d(19vw, -113vh, 0);
    }
}
.circle-container:nth-child(30) .circle {
    -webkit-animation-delay: 967ms;
    animation-delay: 967ms;
}
.circle-container:nth-child(31) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-31;
    animation-name: move-frames-31;
    -webkit-animation-duration: 10070ms;
    animation-duration: 10070ms;
    -webkit-animation-delay: 1791ms;
    animation-delay: 1791ms;
}
@-webkit-keyframes move-frames-31 {
    from {
        -webkit-transform: translate3d(13vw, 104vh, 0);
        transform: translate3d(13vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(42vw, -117vh, 0);
        transform: translate3d(42vw, -117vh, 0);
    }
}
@keyframes move-frames-31 {
    from {
        -webkit-transform: translate3d(13vw, 104vh, 0);
        transform: translate3d(13vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(42vw, -117vh, 0);
        transform: translate3d(42vw, -117vh, 0);
    }
}
.circle-container:nth-child(31) .circle {
    -webkit-animation-delay: 758ms;
    animation-delay: 758ms;
}
.circle-container:nth-child(32) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-32;
    animation-name: move-frames-32;
    -webkit-animation-duration: 8451ms;
    animation-duration: 8451ms;
    -webkit-animation-delay: 6828ms;
    animation-delay: 6828ms;
}
@-webkit-keyframes move-frames-32 {
    from {
        -webkit-transform: translate3d(27vw, 101vh, 0);
        transform: translate3d(27vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(54vw, -120vh, 0);
        transform: translate3d(54vw, -120vh, 0);
    }
}
@keyframes move-frames-32 {
    from {
        -webkit-transform: translate3d(27vw, 101vh, 0);
        transform: translate3d(27vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(54vw, -120vh, 0);
        transform: translate3d(54vw, -120vh, 0);
    }
}
.circle-container:nth-child(32) .circle {
    -webkit-animation-delay: 102ms;
    animation-delay: 102ms;
}
.circle-container:nth-child(33) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-33;
    animation-name: move-frames-33;
    -webkit-animation-duration: 8210ms;
    animation-duration: 8210ms;
    -webkit-animation-delay: 3585ms;
    animation-delay: 3585ms;
}
@-webkit-keyframes move-frames-33 {
    from {
        -webkit-transform: translate3d(26vw, 107vh, 0);
        transform: translate3d(26vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(94vw, -108vh, 0);
        transform: translate3d(94vw, -108vh, 0);
    }
}
@keyframes move-frames-33 {
    from {
        -webkit-transform: translate3d(26vw, 107vh, 0);
        transform: translate3d(26vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(94vw, -108vh, 0);
        transform: translate3d(94vw, -108vh, 0);
    }
}
.circle-container:nth-child(33) .circle {
    -webkit-animation-delay: 3895ms;
    animation-delay: 3895ms;
}
.circle-container:nth-child(34) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-34;
    animation-name: move-frames-34;
    -webkit-animation-duration: 10257ms;
    animation-duration: 10257ms;
    -webkit-animation-delay: 3610ms;
    animation-delay: 3610ms;
}
@-webkit-keyframes move-frames-34 {
    from {
        -webkit-transform: translate3d(87vw, 107vh, 0);
        transform: translate3d(87vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(90vw, -125vh, 0);
        transform: translate3d(90vw, -125vh, 0);
    }
}
@keyframes move-frames-34 {
    from {
        -webkit-transform: translate3d(87vw, 107vh, 0);
        transform: translate3d(87vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(90vw, -125vh, 0);
        transform: translate3d(90vw, -125vh, 0);
    }
}
.circle-container:nth-child(34) .circle {
    -webkit-animation-delay: 1663ms;
    animation-delay: 1663ms;
}
.circle-container:nth-child(35) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-35;
    animation-name: move-frames-35;
    -webkit-animation-duration: 9587ms;
    animation-duration: 9587ms;
    -webkit-animation-delay: 5481ms;
    animation-delay: 5481ms;
}
@-webkit-keyframes move-frames-35 {
    from {
        -webkit-transform: translate3d(10vw, 109vh, 0);
        transform: translate3d(10vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(11vw, -120vh, 0);
        transform: translate3d(11vw, -120vh, 0);
    }
}
@keyframes move-frames-35 {
    from {
        -webkit-transform: translate3d(10vw, 109vh, 0);
        transform: translate3d(10vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(11vw, -120vh, 0);
        transform: translate3d(11vw, -120vh, 0);
    }
}
.circle-container:nth-child(35) .circle {
    -webkit-animation-delay: 1846ms;
    animation-delay: 1846ms;
}
.circle-container:nth-child(36) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-36;
    animation-name: move-frames-36;
    -webkit-animation-duration: 9067ms;
    animation-duration: 9067ms;
    -webkit-animation-delay: 6362ms;
    animation-delay: 6362ms;
}
@-webkit-keyframes move-frames-36 {
    from {
        -webkit-transform: translate3d(76vw, 106vh, 0);
        transform: translate3d(76vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(8vw, -114vh, 0);
        transform: translate3d(8vw, -114vh, 0);
    }
}
@keyframes move-frames-36 {
    from {
        -webkit-transform: translate3d(76vw, 106vh, 0);
        transform: translate3d(76vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(8vw, -114vh, 0);
        transform: translate3d(8vw, -114vh, 0);
    }
}
.circle-container:nth-child(36) .circle {
    -webkit-animation-delay: 629ms;
    animation-delay: 629ms;
}
.circle-container:nth-child(37) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-37;
    animation-name: move-frames-37;
    -webkit-animation-duration: 10464ms;
    animation-duration: 10464ms;
    -webkit-animation-delay: 459ms;
    animation-delay: 459ms;
}
@-webkit-keyframes move-frames-37 {
    from {
        -webkit-transform: translate3d(87vw, 106vh, 0);
        transform: translate3d(87vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -111vh, 0);
        transform: translate3d(19vw, -111vh, 0);
    }
}
@keyframes move-frames-37 {
    from {
        -webkit-transform: translate3d(87vw, 106vh, 0);
        transform: translate3d(87vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -111vh, 0);
        transform: translate3d(19vw, -111vh, 0);
    }
}
.circle-container:nth-child(37) .circle {
    -webkit-animation-delay: 2923ms;
    animation-delay: 2923ms;
}
.circle-container:nth-child(38) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-38;
    animation-name: move-frames-38;
    -webkit-animation-duration: 7636ms;
    animation-duration: 7636ms;
    -webkit-animation-delay: 7001ms;
    animation-delay: 7001ms;
}
@-webkit-keyframes move-frames-38 {
    from {
        -webkit-transform: translate3d(5vw, 106vh, 0);
        transform: translate3d(5vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(6vw, -110vh, 0);
        transform: translate3d(6vw, -110vh, 0);
    }
}
@keyframes move-frames-38 {
    from {
        -webkit-transform: translate3d(5vw, 106vh, 0);
        transform: translate3d(5vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(6vw, -110vh, 0);
        transform: translate3d(6vw, -110vh, 0);
    }
}
.circle-container:nth-child(38) .circle {
    -webkit-animation-delay: 2952ms;
    animation-delay: 2952ms;
}
.circle-container:nth-child(39) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-39;
    animation-name: move-frames-39;
    -webkit-animation-duration: 7141ms;
    animation-duration: 7141ms;
    -webkit-animation-delay: 7364ms;
    animation-delay: 7364ms;
}
@-webkit-keyframes move-frames-39 {
    from {
        -webkit-transform: translate3d(40vw, 101vh, 0);
        transform: translate3d(40vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -114vh, 0);
        transform: translate3d(60vw, -114vh, 0);
    }
}
@keyframes move-frames-39 {
    from {
        -webkit-transform: translate3d(40vw, 101vh, 0);
        transform: translate3d(40vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -114vh, 0);
        transform: translate3d(60vw, -114vh, 0);
    }
}
.circle-container:nth-child(39) .circle {
    -webkit-animation-delay: 2547ms;
    animation-delay: 2547ms;
}
.circle-container:nth-child(40) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-40;
    animation-name: move-frames-40;
    -webkit-animation-duration: 8810ms;
    animation-duration: 8810ms;
    -webkit-animation-delay: 2995ms;
    animation-delay: 2995ms;
}
@-webkit-keyframes move-frames-40 {
    from {
        -webkit-transform: translate3d(97vw, 104vh, 0);
        transform: translate3d(97vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(67vw, -119vh, 0);
        transform: translate3d(67vw, -119vh, 0);
    }
}
@keyframes move-frames-40 {
    from {
        -webkit-transform: translate3d(97vw, 104vh, 0);
        transform: translate3d(97vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(67vw, -119vh, 0);
        transform: translate3d(67vw, -119vh, 0);
    }
}
.circle-container:nth-child(40) .circle {
    -webkit-animation-delay: 2456ms;
    animation-delay: 2456ms;
}
.circle-container:nth-child(41) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-41;
    animation-name: move-frames-41;
    -webkit-animation-duration: 9821ms;
    animation-duration: 9821ms;
    -webkit-animation-delay: 6398ms;
    animation-delay: 6398ms;
}
@-webkit-keyframes move-frames-41 {
    from {
        -webkit-transform: translate3d(21vw, 104vh, 0);
        transform: translate3d(21vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(71vw, -129vh, 0);
        transform: translate3d(71vw, -129vh, 0);
    }
}
@keyframes move-frames-41 {
    from {
        -webkit-transform: translate3d(21vw, 104vh, 0);
        transform: translate3d(21vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(71vw, -129vh, 0);
        transform: translate3d(71vw, -129vh, 0);
    }
}
.circle-container:nth-child(41) .circle {
    -webkit-animation-delay: 3442ms;
    animation-delay: 3442ms;
}
.circle-container:nth-child(42) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-42;
    animation-name: move-frames-42;
    -webkit-animation-duration: 8587ms;
    animation-duration: 8587ms;
    -webkit-animation-delay: 9325ms;
    animation-delay: 9325ms;
}
@-webkit-keyframes move-frames-42 {
    from {
        -webkit-transform: translate3d(56vw, 109vh, 0);
        transform: translate3d(56vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -110vh, 0);
        transform: translate3d(19vw, -110vh, 0);
    }
}
@keyframes move-frames-42 {
    from {
        -webkit-transform: translate3d(56vw, 109vh, 0);
        transform: translate3d(56vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -110vh, 0);
        transform: translate3d(19vw, -110vh, 0);
    }
}
.circle-container:nth-child(42) .circle {
    -webkit-animation-delay: 1786ms;
    animation-delay: 1786ms;
}
.circle-container:nth-child(43) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-43;
    animation-name: move-frames-43;
    -webkit-animation-duration: 9314ms;
    animation-duration: 9314ms;
    -webkit-animation-delay: 2538ms;
    animation-delay: 2538ms;
}
@-webkit-keyframes move-frames-43 {
    from {
        -webkit-transform: translate3d(77vw, 101vh, 0);
        transform: translate3d(77vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(21vw, -123vh, 0);
        transform: translate3d(21vw, -123vh, 0);
    }
}
@keyframes move-frames-43 {
    from {
        -webkit-transform: translate3d(77vw, 101vh, 0);
        transform: translate3d(77vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(21vw, -123vh, 0);
        transform: translate3d(21vw, -123vh, 0);
    }
}
.circle-container:nth-child(43) .circle {
    -webkit-animation-delay: 278ms;
    animation-delay: 278ms;
}
.circle-container:nth-child(44) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-44;
    animation-name: move-frames-44;
    -webkit-animation-duration: 10350ms;
    animation-duration: 10350ms;
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
}
@-webkit-keyframes move-frames-44 {
    from {
        -webkit-transform: translate3d(70vw, 108vh, 0);
        transform: translate3d(70vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(35vw, -128vh, 0);
        transform: translate3d(35vw, -128vh, 0);
    }
}
@keyframes move-frames-44 {
    from {
        -webkit-transform: translate3d(70vw, 108vh, 0);
        transform: translate3d(70vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(35vw, -128vh, 0);
        transform: translate3d(35vw, -128vh, 0);
    }
}
.circle-container:nth-child(44) .circle {
    -webkit-animation-delay: 1914ms;
    animation-delay: 1914ms;
}
.circle-container:nth-child(45) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-45;
    animation-name: move-frames-45;
    -webkit-animation-duration: 8763ms;
    animation-duration: 8763ms;
    -webkit-animation-delay: 9612ms;
    animation-delay: 9612ms;
}
@-webkit-keyframes move-frames-45 {
    from {
        -webkit-transform: translate3d(10vw, 105vh, 0);
        transform: translate3d(10vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(47vw, -122vh, 0);
        transform: translate3d(47vw, -122vh, 0);
    }
}
@keyframes move-frames-45 {
    from {
        -webkit-transform: translate3d(10vw, 105vh, 0);
        transform: translate3d(10vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(47vw, -122vh, 0);
        transform: translate3d(47vw, -122vh, 0);
    }
}
.circle-container:nth-child(45) .circle {
    -webkit-animation-delay: 489ms;
    animation-delay: 489ms;
}
.circle-container:nth-child(46) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-46;
    animation-name: move-frames-46;
    -webkit-animation-duration: 8664ms;
    animation-duration: 8664ms;
    -webkit-animation-delay: 2027ms;
    animation-delay: 2027ms;
}
@-webkit-keyframes move-frames-46 {
    from {
        -webkit-transform: translate3d(12vw, 107vh, 0);
        transform: translate3d(12vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(50vw, -129vh, 0);
        transform: translate3d(50vw, -129vh, 0);
    }
}
@keyframes move-frames-46 {
    from {
        -webkit-transform: translate3d(12vw, 107vh, 0);
        transform: translate3d(12vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(50vw, -129vh, 0);
        transform: translate3d(50vw, -129vh, 0);
    }
}
.circle-container:nth-child(46) .circle {
    -webkit-animation-delay: 3695ms;
    animation-delay: 3695ms;
}
.circle-container:nth-child(47) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-47;
    animation-name: move-frames-47;
    -webkit-animation-duration: 7560ms;
    animation-duration: 7560ms;
    -webkit-animation-delay: 1148ms;
    animation-delay: 1148ms;
}
@-webkit-keyframes move-frames-47 {
    from {
        -webkit-transform: translate3d(19vw, 109vh, 0);
        transform: translate3d(19vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(64vw, -132vh, 0);
        transform: translate3d(64vw, -132vh, 0);
    }
}
@keyframes move-frames-47 {
    from {
        -webkit-transform: translate3d(19vw, 109vh, 0);
        transform: translate3d(19vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(64vw, -132vh, 0);
        transform: translate3d(64vw, -132vh, 0);
    }
}
.circle-container:nth-child(47) .circle {
    -webkit-animation-delay: 2281ms;
    animation-delay: 2281ms;
}
.circle-container:nth-child(48) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-48;
    animation-name: move-frames-48;
    -webkit-animation-duration: 8113ms;
    animation-duration: 8113ms;
    -webkit-animation-delay: 10176ms;
    animation-delay: 10176ms;
}
@-webkit-keyframes move-frames-48 {
    from {
        -webkit-transform: translate3d(71vw, 102vh, 0);
        transform: translate3d(71vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(59vw, -130vh, 0);
        transform: translate3d(59vw, -130vh, 0);
    }
}
@keyframes move-frames-48 {
    from {
        -webkit-transform: translate3d(71vw, 102vh, 0);
        transform: translate3d(71vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(59vw, -130vh, 0);
        transform: translate3d(59vw, -130vh, 0);
    }
}
.circle-container:nth-child(48) .circle {
    -webkit-animation-delay: 2287ms;
    animation-delay: 2287ms;
}
.circle-container:nth-child(49) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-49;
    animation-name: move-frames-49;
    -webkit-animation-duration: 8320ms;
    animation-duration: 8320ms;
    -webkit-animation-delay: 6863ms;
    animation-delay: 6863ms;
}
@-webkit-keyframes move-frames-49 {
    from {
        -webkit-transform: translate3d(44vw, 106vh, 0);
        transform: translate3d(44vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(92vw, -110vh, 0);
        transform: translate3d(92vw, -110vh, 0);
    }
}
@keyframes move-frames-49 {
    from {
        -webkit-transform: translate3d(44vw, 106vh, 0);
        transform: translate3d(44vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(92vw, -110vh, 0);
        transform: translate3d(92vw, -110vh, 0);
    }
}
.circle-container:nth-child(49) .circle {
    -webkit-animation-delay: 2657ms;
    animation-delay: 2657ms;
}
.circle-container:nth-child(50) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-50;
    animation-name: move-frames-50;
    -webkit-animation-duration: 10040ms;
    animation-duration: 10040ms;
    -webkit-animation-delay: 5659ms;
    animation-delay: 5659ms;
}
@-webkit-keyframes move-frames-50 {
    from {
        -webkit-transform: translate3d(91vw, 106vh, 0);
        transform: translate3d(91vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(7vw, -127vh, 0);
        transform: translate3d(7vw, -127vh, 0);
    }
}
@keyframes move-frames-50 {
    from {
        -webkit-transform: translate3d(91vw, 106vh, 0);
        transform: translate3d(91vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(7vw, -127vh, 0);
        transform: translate3d(7vw, -127vh, 0);
    }
}
.circle-container:nth-child(50) .circle {
    -webkit-animation-delay: 305ms;
    animation-delay: 305ms;
}
.circle-container:nth-child(51) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-51;
    animation-name: move-frames-51;
    -webkit-animation-duration: 7733ms;
    animation-duration: 7733ms;
    -webkit-animation-delay: 3199ms;
    animation-delay: 3199ms;
}
@-webkit-keyframes move-frames-51 {
    from {
        -webkit-transform: translate3d(18vw, 101vh, 0);
        transform: translate3d(18vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(44vw, -118vh, 0);
        transform: translate3d(44vw, -118vh, 0);
    }
}
@keyframes move-frames-51 {
    from {
        -webkit-transform: translate3d(18vw, 101vh, 0);
        transform: translate3d(18vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(44vw, -118vh, 0);
        transform: translate3d(44vw, -118vh, 0);
    }
}
.circle-container:nth-child(51) .circle {
    -webkit-animation-delay: 2575ms;
    animation-delay: 2575ms;
}
.circle-container:nth-child(52) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-52;
    animation-name: move-frames-52;
    -webkit-animation-duration: 9205ms;
    animation-duration: 9205ms;
    -webkit-animation-delay: 3615ms;
    animation-delay: 3615ms;
}
@-webkit-keyframes move-frames-52 {
    from {
        -webkit-transform: translate3d(75vw, 108vh, 0);
        transform: translate3d(75vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(73vw, -126vh, 0);
        transform: translate3d(73vw, -126vh, 0);
    }
}
@keyframes move-frames-52 {
    from {
        -webkit-transform: translate3d(75vw, 108vh, 0);
        transform: translate3d(75vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(73vw, -126vh, 0);
        transform: translate3d(73vw, -126vh, 0);
    }
}
.circle-container:nth-child(52) .circle {
    -webkit-animation-delay: 3111ms;
    animation-delay: 3111ms;
}
.circle-container:nth-child(53) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-53;
    animation-name: move-frames-53;
    -webkit-animation-duration: 9986ms;
    animation-duration: 9986ms;
    -webkit-animation-delay: 591ms;
    animation-delay: 591ms;
}
@-webkit-keyframes move-frames-53 {
    from {
        -webkit-transform: translate3d(12vw, 107vh, 0);
        transform: translate3d(12vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -112vh, 0);
        transform: translate3d(60vw, -112vh, 0);
    }
}
@keyframes move-frames-53 {
    from {
        -webkit-transform: translate3d(12vw, 107vh, 0);
        transform: translate3d(12vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -112vh, 0);
        transform: translate3d(60vw, -112vh, 0);
    }
}
.circle-container:nth-child(53) .circle {
    -webkit-animation-delay: 3881ms;
    animation-delay: 3881ms;
}
.circle-container:nth-child(54) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-54;
    animation-name: move-frames-54;
    -webkit-animation-duration: 7951ms;
    animation-duration: 7951ms;
    -webkit-animation-delay: 4744ms;
    animation-delay: 4744ms;
}
@-webkit-keyframes move-frames-54 {
    from {
        -webkit-transform: translate3d(2vw, 110vh, 0);
        transform: translate3d(2vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(38vw, -124vh, 0);
        transform: translate3d(38vw, -124vh, 0);
    }
}
@keyframes move-frames-54 {
    from {
        -webkit-transform: translate3d(2vw, 110vh, 0);
        transform: translate3d(2vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(38vw, -124vh, 0);
        transform: translate3d(38vw, -124vh, 0);
    }
}
.circle-container:nth-child(54) .circle {
    -webkit-animation-delay: 2891ms;
    animation-delay: 2891ms;
}
.circle-container:nth-child(55) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-55;
    animation-name: move-frames-55;
    -webkit-animation-duration: 10203ms;
    animation-duration: 10203ms;
    -webkit-animation-delay: 6172ms;
    animation-delay: 6172ms;
}
@-webkit-keyframes move-frames-55 {
    from {
        -webkit-transform: translate3d(58vw, 103vh, 0);
        transform: translate3d(58vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(66vw, -115vh, 0);
        transform: translate3d(66vw, -115vh, 0);
    }
}
@keyframes move-frames-55 {
    from {
        -webkit-transform: translate3d(58vw, 103vh, 0);
        transform: translate3d(58vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(66vw, -115vh, 0);
        transform: translate3d(66vw, -115vh, 0);
    }
}
.circle-container:nth-child(55) .circle {
    -webkit-animation-delay: 271ms;
    animation-delay: 271ms;
}
.circle-container:nth-child(56) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-56;
    animation-name: move-frames-56;
    -webkit-animation-duration: 8809ms;
    animation-duration: 8809ms;
    -webkit-animation-delay: 1972ms;
    animation-delay: 1972ms;
}
@-webkit-keyframes move-frames-56 {
    from {
        -webkit-transform: translate3d(1vw, 101vh, 0);
        transform: translate3d(1vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(87vw, -102vh, 0);
        transform: translate3d(87vw, -102vh, 0);
    }
}
@keyframes move-frames-56 {
    from {
        -webkit-transform: translate3d(1vw, 101vh, 0);
        transform: translate3d(1vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(87vw, -102vh, 0);
        transform: translate3d(87vw, -102vh, 0);
    }
}
.circle-container:nth-child(56) .circle {
    -webkit-animation-delay: 3175ms;
    animation-delay: 3175ms;
}
.circle-container:nth-child(57) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-57;
    animation-name: move-frames-57;
    -webkit-animation-duration: 8823ms;
    animation-duration: 8823ms;
    -webkit-animation-delay: 9617ms;
    animation-delay: 9617ms;
}
@-webkit-keyframes move-frames-57 {
    from {
        -webkit-transform: translate3d(81vw, 107vh, 0);
        transform: translate3d(81vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(68vw, -115vh, 0);
        transform: translate3d(68vw, -115vh, 0);
    }
}
@keyframes move-frames-57 {
    from {
        -webkit-transform: translate3d(81vw, 107vh, 0);
        transform: translate3d(81vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(68vw, -115vh, 0);
        transform: translate3d(68vw, -115vh, 0);
    }
}
.circle-container:nth-child(57) .circle {
    -webkit-animation-delay: 3929ms;
    animation-delay: 3929ms;
}
.circle-container:nth-child(58) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-58;
    animation-name: move-frames-58;
    -webkit-animation-duration: 10905ms;
    animation-duration: 10905ms;
    -webkit-animation-delay: 7747ms;
    animation-delay: 7747ms;
}
@-webkit-keyframes move-frames-58 {
    from {
        -webkit-transform: translate3d(54vw, 109vh, 0);
        transform: translate3d(54vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(26vw, -135vh, 0);
        transform: translate3d(26vw, -135vh, 0);
    }
}
@keyframes move-frames-58 {
    from {
        -webkit-transform: translate3d(54vw, 109vh, 0);
        transform: translate3d(54vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(26vw, -135vh, 0);
        transform: translate3d(26vw, -135vh, 0);
    }
}
.circle-container:nth-child(58) .circle {
    -webkit-animation-delay: 268ms;
    animation-delay: 268ms;
}
.circle-container:nth-child(59) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-59;
    animation-name: move-frames-59;
    -webkit-animation-duration: 8679ms;
    animation-duration: 8679ms;
    -webkit-animation-delay: 6838ms;
    animation-delay: 6838ms;
}
@-webkit-keyframes move-frames-59 {
    from {
        -webkit-transform: translate3d(93vw, 110vh, 0);
        transform: translate3d(93vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(56vw, -138vh, 0);
        transform: translate3d(56vw, -138vh, 0);
    }
}
@keyframes move-frames-59 {
    from {
        -webkit-transform: translate3d(93vw, 110vh, 0);
        transform: translate3d(93vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(56vw, -138vh, 0);
        transform: translate3d(56vw, -138vh, 0);
    }
}
.circle-container:nth-child(59) .circle {
    -webkit-animation-delay: 933ms;
    animation-delay: 933ms;
}
.circle-container:nth-child(60) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-60;
    animation-name: move-frames-60;
    -webkit-animation-duration: 10727ms;
    animation-duration: 10727ms;
    -webkit-animation-delay: 6300ms;
    animation-delay: 6300ms;
}
@-webkit-keyframes move-frames-60 {
    from {
        -webkit-transform: translate3d(31vw, 102vh, 0);
        transform: translate3d(31vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(3vw, -126vh, 0);
        transform: translate3d(3vw, -126vh, 0);
    }
}
@keyframes move-frames-60 {
    from {
        -webkit-transform: translate3d(31vw, 102vh, 0);
        transform: translate3d(31vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(3vw, -126vh, 0);
        transform: translate3d(3vw, -126vh, 0);
    }
}
.circle-container:nth-child(60) .circle {
    -webkit-animation-delay: 1802ms;
    animation-delay: 1802ms;
}
.circle-container:nth-child(61) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-61;
    animation-name: move-frames-61;
    -webkit-animation-duration: 7874ms;
    animation-duration: 7874ms;
    -webkit-animation-delay: 2384ms;
    animation-delay: 2384ms;
}
@-webkit-keyframes move-frames-61 {
    from {
        -webkit-transform: translate3d(87vw, 104vh, 0);
        transform: translate3d(87vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(92vw, -134vh, 0);
        transform: translate3d(92vw, -134vh, 0);
    }
}
@keyframes move-frames-61 {
    from {
        -webkit-transform: translate3d(87vw, 104vh, 0);
        transform: translate3d(87vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(92vw, -134vh, 0);
        transform: translate3d(92vw, -134vh, 0);
    }
}
.circle-container:nth-child(61) .circle {
    -webkit-animation-delay: 2326ms;
    animation-delay: 2326ms;
}
.circle-container:nth-child(62) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-62;
    animation-name: move-frames-62;
    -webkit-animation-duration: 9350ms;
    animation-duration: 9350ms;
    -webkit-animation-delay: 8693ms;
    animation-delay: 8693ms;
}
@-webkit-keyframes move-frames-62 {
    from {
        -webkit-transform: translate3d(36vw, 108vh, 0);
        transform: translate3d(36vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(76vw, -138vh, 0);
        transform: translate3d(76vw, -138vh, 0);
    }
}
@keyframes move-frames-62 {
    from {
        -webkit-transform: translate3d(36vw, 108vh, 0);
        transform: translate3d(36vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(76vw, -138vh, 0);
        transform: translate3d(76vw, -138vh, 0);
    }
}
.circle-container:nth-child(62) .circle {
    -webkit-animation-delay: 2265ms;
    animation-delay: 2265ms;
}
.circle-container:nth-child(63) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-63;
    animation-name: move-frames-63;
    -webkit-animation-duration: 9490ms;
    animation-duration: 9490ms;
    -webkit-animation-delay: 8587ms;
    animation-delay: 8587ms;
}
@-webkit-keyframes move-frames-63 {
    from {
        -webkit-transform: translate3d(52vw, 102vh, 0);
        transform: translate3d(52vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(21vw, -113vh, 0);
        transform: translate3d(21vw, -113vh, 0);
    }
}
@keyframes move-frames-63 {
    from {
        -webkit-transform: translate3d(52vw, 102vh, 0);
        transform: translate3d(52vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(21vw, -113vh, 0);
        transform: translate3d(21vw, -113vh, 0);
    }
}
.circle-container:nth-child(63) .circle {
    -webkit-animation-delay: 3567ms;
    animation-delay: 3567ms;
}
.circle-container:nth-child(64) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-64;
    animation-name: move-frames-64;
    -webkit-animation-duration: 9062ms;
    animation-duration: 9062ms;
    -webkit-animation-delay: 859ms;
    animation-delay: 859ms;
}
@-webkit-keyframes move-frames-64 {
    from {
        -webkit-transform: translate3d(88vw, 105vh, 0);
        transform: translate3d(88vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(51vw, -125vh, 0);
        transform: translate3d(51vw, -125vh, 0);
    }
}
@keyframes move-frames-64 {
    from {
        -webkit-transform: translate3d(88vw, 105vh, 0);
        transform: translate3d(88vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(51vw, -125vh, 0);
        transform: translate3d(51vw, -125vh, 0);
    }
}
.circle-container:nth-child(64) .circle {
    -webkit-animation-delay: 1843ms;
    animation-delay: 1843ms;
}
.circle-container:nth-child(65) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-65;
    animation-name: move-frames-65;
    -webkit-animation-duration: 9967ms;
    animation-duration: 9967ms;
    -webkit-animation-delay: 2021ms;
    animation-delay: 2021ms;
}
@-webkit-keyframes move-frames-65 {
    from {
        -webkit-transform: translate3d(11vw, 110vh, 0);
        transform: translate3d(11vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(43vw, -116vh, 0);
        transform: translate3d(43vw, -116vh, 0);
    }
}
@keyframes move-frames-65 {
    from {
        -webkit-transform: translate3d(11vw, 110vh, 0);
        transform: translate3d(11vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(43vw, -116vh, 0);
        transform: translate3d(43vw, -116vh, 0);
    }
}
.circle-container:nth-child(65) .circle {
    -webkit-animation-delay: 258ms;
    animation-delay: 258ms;
}
.circle-container:nth-child(66) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-66;
    animation-name: move-frames-66;
    -webkit-animation-duration: 9722ms;
    animation-duration: 9722ms;
    -webkit-animation-delay: 1232ms;
    animation-delay: 1232ms;
}
@-webkit-keyframes move-frames-66 {
    from {
        -webkit-transform: translate3d(14vw, 104vh, 0);
        transform: translate3d(14vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(20vw, -124vh, 0);
        transform: translate3d(20vw, -124vh, 0);
    }
}
@keyframes move-frames-66 {
    from {
        -webkit-transform: translate3d(14vw, 104vh, 0);
        transform: translate3d(14vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(20vw, -124vh, 0);
        transform: translate3d(20vw, -124vh, 0);
    }
}
.circle-container:nth-child(66) .circle {
    -webkit-animation-delay: 1045ms;
    animation-delay: 1045ms;
}
.circle-container:nth-child(67) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-67;
    animation-name: move-frames-67;
    -webkit-animation-duration: 9866ms;
    animation-duration: 9866ms;
    -webkit-animation-delay: 2433ms;
    animation-delay: 2433ms;
}
@-webkit-keyframes move-frames-67 {
    from {
        -webkit-transform: translate3d(49vw, 105vh, 0);
        transform: translate3d(49vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(47vw, -117vh, 0);
        transform: translate3d(47vw, -117vh, 0);
    }
}
@keyframes move-frames-67 {
    from {
        -webkit-transform: translate3d(49vw, 105vh, 0);
        transform: translate3d(49vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(47vw, -117vh, 0);
        transform: translate3d(47vw, -117vh, 0);
    }
}
.circle-container:nth-child(67) .circle {
    -webkit-animation-delay: 2715ms;
    animation-delay: 2715ms;
}
.circle-container:nth-child(68) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-68;
    animation-name: move-frames-68;
    -webkit-animation-duration: 7814ms;
    animation-duration: 7814ms;
    -webkit-animation-delay: 8587ms;
    animation-delay: 8587ms;
}
@-webkit-keyframes move-frames-68 {
    from {
        -webkit-transform: translate3d(32vw, 103vh, 0);
        transform: translate3d(32vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(2vw, -116vh, 0);
        transform: translate3d(2vw, -116vh, 0);
    }
}
@keyframes move-frames-68 {
    from {
        -webkit-transform: translate3d(32vw, 103vh, 0);
        transform: translate3d(32vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(2vw, -116vh, 0);
        transform: translate3d(2vw, -116vh, 0);
    }
}
.circle-container:nth-child(68) .circle {
    -webkit-animation-delay: 1485ms;
    animation-delay: 1485ms;
}
.circle-container:nth-child(69) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-69;
    animation-name: move-frames-69;
    -webkit-animation-duration: 10708ms;
    animation-duration: 10708ms;
    -webkit-animation-delay: 2875ms;
    animation-delay: 2875ms;
}
@-webkit-keyframes move-frames-69 {
    from {
        -webkit-transform: translate3d(35vw, 104vh, 0);
        transform: translate3d(35vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(59vw, -132vh, 0);
        transform: translate3d(59vw, -132vh, 0);
    }
}
@keyframes move-frames-69 {
    from {
        -webkit-transform: translate3d(35vw, 104vh, 0);
        transform: translate3d(35vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(59vw, -132vh, 0);
        transform: translate3d(59vw, -132vh, 0);
    }
}
.circle-container:nth-child(69) .circle {
    -webkit-animation-delay: 418ms;
    animation-delay: 418ms;
}
.circle-container:nth-child(70) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-70;
    animation-name: move-frames-70;
    -webkit-animation-duration: 7155ms;
    animation-duration: 7155ms;
    -webkit-animation-delay: 7642ms;
    animation-delay: 7642ms;
}
@-webkit-keyframes move-frames-70 {
    from {
        -webkit-transform: translate3d(36vw, 109vh, 0);
        transform: translate3d(36vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(76vw, -111vh, 0);
        transform: translate3d(76vw, -111vh, 0);
    }
}
@keyframes move-frames-70 {
    from {
        -webkit-transform: translate3d(36vw, 109vh, 0);
        transform: translate3d(36vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(76vw, -111vh, 0);
        transform: translate3d(76vw, -111vh, 0);
    }
}
.circle-container:nth-child(70) .circle {
    -webkit-animation-delay: 3561ms;
    animation-delay: 3561ms;
}
.circle-container:nth-child(71) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-71;
    animation-name: move-frames-71;
    -webkit-animation-duration: 10435ms;
    animation-duration: 10435ms;
    -webkit-animation-delay: 4267ms;
    animation-delay: 4267ms;
}
@-webkit-keyframes move-frames-71 {
    from {
        -webkit-transform: translate3d(74vw, 105vh, 0);
        transform: translate3d(74vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(67vw, -128vh, 0);
        transform: translate3d(67vw, -128vh, 0);
    }
}
@keyframes move-frames-71 {
    from {
        -webkit-transform: translate3d(74vw, 105vh, 0);
        transform: translate3d(74vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(67vw, -128vh, 0);
        transform: translate3d(67vw, -128vh, 0);
    }
}
.circle-container:nth-child(71) .circle {
    -webkit-animation-delay: 2186ms;
    animation-delay: 2186ms;
}
.circle-container:nth-child(72) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-72;
    animation-name: move-frames-72;
    -webkit-animation-duration: 7478ms;
    animation-duration: 7478ms;
    -webkit-animation-delay: 5776ms;
    animation-delay: 5776ms;
}
@-webkit-keyframes move-frames-72 {
    from {
        -webkit-transform: translate3d(51vw, 110vh, 0);
        transform: translate3d(51vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(58vw, -116vh, 0);
        transform: translate3d(58vw, -116vh, 0);
    }
}
@keyframes move-frames-72 {
    from {
        -webkit-transform: translate3d(51vw, 110vh, 0);
        transform: translate3d(51vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(58vw, -116vh, 0);
        transform: translate3d(58vw, -116vh, 0);
    }
}
.circle-container:nth-child(72) .circle {
    -webkit-animation-delay: 1254ms;
    animation-delay: 1254ms;
}
.circle-container:nth-child(73) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-73;
    animation-name: move-frames-73;
    -webkit-animation-duration: 7309ms;
    animation-duration: 7309ms;
    -webkit-animation-delay: 10241ms;
    animation-delay: 10241ms;
}
@-webkit-keyframes move-frames-73 {
    from {
        -webkit-transform: translate3d(76vw, 105vh, 0);
        transform: translate3d(76vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -125vh, 0);
        transform: translate3d(65vw, -125vh, 0);
    }
}
@keyframes move-frames-73 {
    from {
        -webkit-transform: translate3d(76vw, 105vh, 0);
        transform: translate3d(76vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -125vh, 0);
        transform: translate3d(65vw, -125vh, 0);
    }
}
.circle-container:nth-child(73) .circle {
    -webkit-animation-delay: 2095ms;
    animation-delay: 2095ms;
}
.circle-container:nth-child(74) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-74;
    animation-name: move-frames-74;
    -webkit-animation-duration: 10996ms;
    animation-duration: 10996ms;
    -webkit-animation-delay: 3358ms;
    animation-delay: 3358ms;
}
@-webkit-keyframes move-frames-74 {
    from {
        -webkit-transform: translate3d(32vw, 110vh, 0);
        transform: translate3d(32vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(86vw, -133vh, 0);
        transform: translate3d(86vw, -133vh, 0);
    }
}
@keyframes move-frames-74 {
    from {
        -webkit-transform: translate3d(32vw, 110vh, 0);
        transform: translate3d(32vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(86vw, -133vh, 0);
        transform: translate3d(86vw, -133vh, 0);
    }
}
.circle-container:nth-child(74) .circle {
    -webkit-animation-delay: 2220ms;
    animation-delay: 2220ms;
}
.circle-container:nth-child(75) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-75;
    animation-name: move-frames-75;
    -webkit-animation-duration: 10472ms;
    animation-duration: 10472ms;
    -webkit-animation-delay: 7501ms;
    animation-delay: 7501ms;
}
@-webkit-keyframes move-frames-75 {
    from {
        -webkit-transform: translate3d(1vw, 108vh, 0);
        transform: translate3d(1vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(43vw, -134vh, 0);
        transform: translate3d(43vw, -134vh, 0);
    }
}
@keyframes move-frames-75 {
    from {
        -webkit-transform: translate3d(1vw, 108vh, 0);
        transform: translate3d(1vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(43vw, -134vh, 0);
        transform: translate3d(43vw, -134vh, 0);
    }
}
.circle-container:nth-child(75) .circle {
    -webkit-animation-delay: 516ms;
    animation-delay: 516ms;
}
.circle-container:nth-child(76) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-76;
    animation-name: move-frames-76;
    -webkit-animation-duration: 10365ms;
    animation-duration: 10365ms;
    -webkit-animation-delay: 10039ms;
    animation-delay: 10039ms;
}
@-webkit-keyframes move-frames-76 {
    from {
        -webkit-transform: translate3d(90vw, 108vh, 0);
        transform: translate3d(90vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(10vw, -110vh, 0);
        transform: translate3d(10vw, -110vh, 0);
    }
}
@keyframes move-frames-76 {
    from {
        -webkit-transform: translate3d(90vw, 108vh, 0);
        transform: translate3d(90vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(10vw, -110vh, 0);
        transform: translate3d(10vw, -110vh, 0);
    }
}
.circle-container:nth-child(76) .circle {
    -webkit-animation-delay: 2136ms;
    animation-delay: 2136ms;
}
.circle-container:nth-child(77) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-77;
    animation-name: move-frames-77;
    -webkit-animation-duration: 7324ms;
    animation-duration: 7324ms;
    -webkit-animation-delay: 5206ms;
    animation-delay: 5206ms;
}
@-webkit-keyframes move-frames-77 {
    from {
        -webkit-transform: translate3d(77vw, 108vh, 0);
        transform: translate3d(77vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(49vw, -133vh, 0);
        transform: translate3d(49vw, -133vh, 0);
    }
}
@keyframes move-frames-77 {
    from {
        -webkit-transform: translate3d(77vw, 108vh, 0);
        transform: translate3d(77vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(49vw, -133vh, 0);
        transform: translate3d(49vw, -133vh, 0);
    }
}
.circle-container:nth-child(77) .circle {
    -webkit-animation-delay: 2074ms;
    animation-delay: 2074ms;
}
.circle-container:nth-child(78) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-78;
    animation-name: move-frames-78;
    -webkit-animation-duration: 9891ms;
    animation-duration: 9891ms;
    -webkit-animation-delay: 2591ms;
    animation-delay: 2591ms;
}
@-webkit-keyframes move-frames-78 {
    from {
        -webkit-transform: translate3d(18vw, 108vh, 0);
        transform: translate3d(18vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(64vw, -128vh, 0);
        transform: translate3d(64vw, -128vh, 0);
    }
}
@keyframes move-frames-78 {
    from {
        -webkit-transform: translate3d(18vw, 108vh, 0);
        transform: translate3d(18vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(64vw, -128vh, 0);
        transform: translate3d(64vw, -128vh, 0);
    }
}
.circle-container:nth-child(78) .circle {
    -webkit-animation-delay: 1553ms;
    animation-delay: 1553ms;
}
.circle-container:nth-child(79) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-79;
    animation-name: move-frames-79;
    -webkit-animation-duration: 8874ms;
    animation-duration: 8874ms;
    -webkit-animation-delay: 248ms;
    animation-delay: 248ms;
}
@-webkit-keyframes move-frames-79 {
    from {
        -webkit-transform: translate3d(54vw, 106vh, 0);
        transform: translate3d(54vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -129vh, 0);
        transform: translate3d(60vw, -129vh, 0);
    }
}
@keyframes move-frames-79 {
    from {
        -webkit-transform: translate3d(54vw, 106vh, 0);
        transform: translate3d(54vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -129vh, 0);
        transform: translate3d(60vw, -129vh, 0);
    }
}
.circle-container:nth-child(79) .circle {
    -webkit-animation-delay: 3636ms;
    animation-delay: 3636ms;
}
.circle-container:nth-child(80) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-80;
    animation-name: move-frames-80;
    -webkit-animation-duration: 9729ms;
    animation-duration: 9729ms;
    -webkit-animation-delay: 2633ms;
    animation-delay: 2633ms;
}
@-webkit-keyframes move-frames-80 {
    from {
        -webkit-transform: translate3d(43vw, 109vh, 0);
        transform: translate3d(43vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(2vw, -118vh, 0);
        transform: translate3d(2vw, -118vh, 0);
    }
}
@keyframes move-frames-80 {
    from {
        -webkit-transform: translate3d(43vw, 109vh, 0);
        transform: translate3d(43vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(2vw, -118vh, 0);
        transform: translate3d(2vw, -118vh, 0);
    }
}
.circle-container:nth-child(80) .circle {
    -webkit-animation-delay: 714ms;
    animation-delay: 714ms;
}
.circle-container:nth-child(81) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-81;
    animation-name: move-frames-81;
    -webkit-animation-duration: 7842ms;
    animation-duration: 7842ms;
    -webkit-animation-delay: 546ms;
    animation-delay: 546ms;
}
@-webkit-keyframes move-frames-81 {
    from {
        -webkit-transform: translate3d(10vw, 104vh, 0);
        transform: translate3d(10vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(57vw, -111vh, 0);
        transform: translate3d(57vw, -111vh, 0);
    }
}
@keyframes move-frames-81 {
    from {
        -webkit-transform: translate3d(10vw, 104vh, 0);
        transform: translate3d(10vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(57vw, -111vh, 0);
        transform: translate3d(57vw, -111vh, 0);
    }
}
.circle-container:nth-child(81) .circle {
    -webkit-animation-delay: 1170ms;
    animation-delay: 1170ms;
}
.circle-container:nth-child(82) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-82;
    animation-name: move-frames-82;
    -webkit-animation-duration: 9802ms;
    animation-duration: 9802ms;
    -webkit-animation-delay: 1939ms;
    animation-delay: 1939ms;
}
@-webkit-keyframes move-frames-82 {
    from {
        -webkit-transform: translate3d(34vw, 110vh, 0);
        transform: translate3d(34vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(72vw, -140vh, 0);
        transform: translate3d(72vw, -140vh, 0);
    }
}
@keyframes move-frames-82 {
    from {
        -webkit-transform: translate3d(34vw, 110vh, 0);
        transform: translate3d(34vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(72vw, -140vh, 0);
        transform: translate3d(72vw, -140vh, 0);
    }
}
.circle-container:nth-child(82) .circle {
    -webkit-animation-delay: 1031ms;
    animation-delay: 1031ms;
}
.circle-container:nth-child(83) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-83;
    animation-name: move-frames-83;
    -webkit-animation-duration: 7859ms;
    animation-duration: 7859ms;
    -webkit-animation-delay: 446ms;
    animation-delay: 446ms;
}
@-webkit-keyframes move-frames-83 {
    from {
        -webkit-transform: translate3d(100vw, 107vh, 0);
        transform: translate3d(100vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(29vw, -110vh, 0);
        transform: translate3d(29vw, -110vh, 0);
    }
}
@keyframes move-frames-83 {
    from {
        -webkit-transform: translate3d(100vw, 107vh, 0);
        transform: translate3d(100vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(29vw, -110vh, 0);
        transform: translate3d(29vw, -110vh, 0);
    }
}
.circle-container:nth-child(83) .circle {
    -webkit-animation-delay: 1491ms;
    animation-delay: 1491ms;
}
.circle-container:nth-child(84) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-84;
    animation-name: move-frames-84;
    -webkit-animation-duration: 10792ms;
    animation-duration: 10792ms;
    -webkit-animation-delay: 6434ms;
    animation-delay: 6434ms;
}
@-webkit-keyframes move-frames-84 {
    from {
        -webkit-transform: translate3d(39vw, 107vh, 0);
        transform: translate3d(39vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(31vw, -124vh, 0);
        transform: translate3d(31vw, -124vh, 0);
    }
}
@keyframes move-frames-84 {
    from {
        -webkit-transform: translate3d(39vw, 107vh, 0);
        transform: translate3d(39vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(31vw, -124vh, 0);
        transform: translate3d(31vw, -124vh, 0);
    }
}
.circle-container:nth-child(84) .circle {
    -webkit-animation-delay: 2321ms;
    animation-delay: 2321ms;
}
.circle-container:nth-child(85) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-85;
    animation-name: move-frames-85;
    -webkit-animation-duration: 9683ms;
    animation-duration: 9683ms;
    -webkit-animation-delay: 6951ms;
    animation-delay: 6951ms;
}
@-webkit-keyframes move-frames-85 {
    from {
        -webkit-transform: translate3d(15vw, 104vh, 0);
        transform: translate3d(15vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(34vw, -129vh, 0);
        transform: translate3d(34vw, -129vh, 0);
    }
}
@keyframes move-frames-85 {
    from {
        -webkit-transform: translate3d(15vw, 104vh, 0);
        transform: translate3d(15vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(34vw, -129vh, 0);
        transform: translate3d(34vw, -129vh, 0);
    }
}
.circle-container:nth-child(85) .circle {
    -webkit-animation-delay: 983ms;
    animation-delay: 983ms;
}
.circle-container:nth-child(86) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-86;
    animation-name: move-frames-86;
    -webkit-animation-duration: 10918ms;
    animation-duration: 10918ms;
    -webkit-animation-delay: 4101ms;
    animation-delay: 4101ms;
}
@-webkit-keyframes move-frames-86 {
    from {
        -webkit-transform: translate3d(89vw, 102vh, 0);
        transform: translate3d(89vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(42vw, -104vh, 0);
        transform: translate3d(42vw, -104vh, 0);
    }
}
@keyframes move-frames-86 {
    from {
        -webkit-transform: translate3d(89vw, 102vh, 0);
        transform: translate3d(89vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(42vw, -104vh, 0);
        transform: translate3d(42vw, -104vh, 0);
    }
}
.circle-container:nth-child(86) .circle {
    -webkit-animation-delay: 3608ms;
    animation-delay: 3608ms;
}
.circle-container:nth-child(87) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-87;
    animation-name: move-frames-87;
    -webkit-animation-duration: 8780ms;
    animation-duration: 8780ms;
    -webkit-animation-delay: 10426ms;
    animation-delay: 10426ms;
}
@-webkit-keyframes move-frames-87 {
    from {
        -webkit-transform: translate3d(69vw, 110vh, 0);
        transform: translate3d(69vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(71vw, -140vh, 0);
        transform: translate3d(71vw, -140vh, 0);
    }
}
@keyframes move-frames-87 {
    from {
        -webkit-transform: translate3d(69vw, 110vh, 0);
        transform: translate3d(69vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(71vw, -140vh, 0);
        transform: translate3d(71vw, -140vh, 0);
    }
}
.circle-container:nth-child(87) .circle {
    -webkit-animation-delay: 2568ms;
    animation-delay: 2568ms;
}
.circle-container:nth-child(88) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-88;
    animation-name: move-frames-88;
    -webkit-animation-duration: 10452ms;
    animation-duration: 10452ms;
    -webkit-animation-delay: 9403ms;
    animation-delay: 9403ms;
}
@-webkit-keyframes move-frames-88 {
    from {
        -webkit-transform: translate3d(7vw, 107vh, 0);
        transform: translate3d(7vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(56vw, -119vh, 0);
        transform: translate3d(56vw, -119vh, 0);
    }
}
@keyframes move-frames-88 {
    from {
        -webkit-transform: translate3d(7vw, 107vh, 0);
        transform: translate3d(7vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(56vw, -119vh, 0);
        transform: translate3d(56vw, -119vh, 0);
    }
}
.circle-container:nth-child(88) .circle {
    -webkit-animation-delay: 1258ms;
    animation-delay: 1258ms;
}
.circle-container:nth-child(89) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-89;
    animation-name: move-frames-89;
    -webkit-animation-duration: 7294ms;
    animation-duration: 7294ms;
    -webkit-animation-delay: 3320ms;
    animation-delay: 3320ms;
}
@-webkit-keyframes move-frames-89 {
    from {
        -webkit-transform: translate3d(4vw, 107vh, 0);
        transform: translate3d(4vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(82vw, -121vh, 0);
        transform: translate3d(82vw, -121vh, 0);
    }
}
@keyframes move-frames-89 {
    from {
        -webkit-transform: translate3d(4vw, 107vh, 0);
        transform: translate3d(4vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(82vw, -121vh, 0);
        transform: translate3d(82vw, -121vh, 0);
    }
}
.circle-container:nth-child(89) .circle {
    -webkit-animation-delay: 2167ms;
    animation-delay: 2167ms;
}
.circle-container:nth-child(90) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-90;
    animation-name: move-frames-90;
    -webkit-animation-duration: 7597ms;
    animation-duration: 7597ms;
    -webkit-animation-delay: 6477ms;
    animation-delay: 6477ms;
}
@-webkit-keyframes move-frames-90 {
    from {
        -webkit-transform: translate3d(56vw, 106vh, 0);
        transform: translate3d(56vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(36vw, -114vh, 0);
        transform: translate3d(36vw, -114vh, 0);
    }
}
@keyframes move-frames-90 {
    from {
        -webkit-transform: translate3d(56vw, 106vh, 0);
        transform: translate3d(56vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(36vw, -114vh, 0);
        transform: translate3d(36vw, -114vh, 0);
    }
}
.circle-container:nth-child(90) .circle {
    -webkit-animation-delay: 1757ms;
    animation-delay: 1757ms;
}
.circle-container:nth-child(91) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-91;
    animation-name: move-frames-91;
    -webkit-animation-duration: 7882ms;
    animation-duration: 7882ms;
    -webkit-animation-delay: 1017ms;
    animation-delay: 1017ms;
}
@-webkit-keyframes move-frames-91 {
    from {
        -webkit-transform: translate3d(11vw, 109vh, 0);
        transform: translate3d(11vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(62vw, -136vh, 0);
        transform: translate3d(62vw, -136vh, 0);
    }
}
@keyframes move-frames-91 {
    from {
        -webkit-transform: translate3d(11vw, 109vh, 0);
        transform: translate3d(11vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(62vw, -136vh, 0);
        transform: translate3d(62vw, -136vh, 0);
    }
}
.circle-container:nth-child(91) .circle {
    -webkit-animation-delay: 1223ms;
    animation-delay: 1223ms;
}
.circle-container:nth-child(92) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-92;
    animation-name: move-frames-92;
    -webkit-animation-duration: 7522ms;
    animation-duration: 7522ms;
    -webkit-animation-delay: 4140ms;
    animation-delay: 4140ms;
}
@-webkit-keyframes move-frames-92 {
    from {
        -webkit-transform: translate3d(42vw, 105vh, 0);
        transform: translate3d(42vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(88vw, -112vh, 0);
        transform: translate3d(88vw, -112vh, 0);
    }
}
@keyframes move-frames-92 {
    from {
        -webkit-transform: translate3d(42vw, 105vh, 0);
        transform: translate3d(42vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(88vw, -112vh, 0);
        transform: translate3d(88vw, -112vh, 0);
    }
}
.circle-container:nth-child(92) .circle {
    -webkit-animation-delay: 3443ms;
    animation-delay: 3443ms;
}
.circle-container:nth-child(93) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-93;
    animation-name: move-frames-93;
    -webkit-animation-duration: 8902ms;
    animation-duration: 8902ms;
    -webkit-animation-delay: 10303ms;
    animation-delay: 10303ms;
}
@-webkit-keyframes move-frames-93 {
    from {
        -webkit-transform: translate3d(39vw, 101vh, 0);
        transform: translate3d(39vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -103vh, 0);
        transform: translate3d(19vw, -103vh, 0);
    }
}
@keyframes move-frames-93 {
    from {
        -webkit-transform: translate3d(39vw, 101vh, 0);
        transform: translate3d(39vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -103vh, 0);
        transform: translate3d(19vw, -103vh, 0);
    }
}
.circle-container:nth-child(93) .circle {
    -webkit-animation-delay: 2379ms;
    animation-delay: 2379ms;
}
.circle-container:nth-child(94) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-94;
    animation-name: move-frames-94;
    -webkit-animation-duration: 9244ms;
    animation-duration: 9244ms;
    -webkit-animation-delay: 9422ms;
    animation-delay: 9422ms;
}
@-webkit-keyframes move-frames-94 {
    from {
        -webkit-transform: translate3d(56vw, 109vh, 0);
        transform: translate3d(56vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -122vh, 0);
        transform: translate3d(97vw, -122vh, 0);
    }
}
@keyframes move-frames-94 {
    from {
        -webkit-transform: translate3d(56vw, 109vh, 0);
        transform: translate3d(56vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -122vh, 0);
        transform: translate3d(97vw, -122vh, 0);
    }
}
.circle-container:nth-child(94) .circle {
    -webkit-animation-delay: 2003ms;
    animation-delay: 2003ms;
}
.circle-container:nth-child(95) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-95;
    animation-name: move-frames-95;
    -webkit-animation-duration: 9826ms;
    animation-duration: 9826ms;
    -webkit-animation-delay: 10570ms;
    animation-delay: 10570ms;
}
@-webkit-keyframes move-frames-95 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(46vw, -103vh, 0);
        transform: translate3d(46vw, -103vh, 0);
    }
}
@keyframes move-frames-95 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(46vw, -103vh, 0);
        transform: translate3d(46vw, -103vh, 0);
    }
}
.circle-container:nth-child(95) .circle {
    -webkit-animation-delay: 362ms;
    animation-delay: 362ms;
}
.circle-container:nth-child(96) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-96;
    animation-name: move-frames-96;
    -webkit-animation-duration: 10054ms;
    animation-duration: 10054ms;
    -webkit-animation-delay: 1056ms;
    animation-delay: 1056ms;
}
@-webkit-keyframes move-frames-96 {
    from {
        -webkit-transform: translate3d(76vw, 107vh, 0);
        transform: translate3d(76vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(39vw, -121vh, 0);
        transform: translate3d(39vw, -121vh, 0);
    }
}
@keyframes move-frames-96 {
    from {
        -webkit-transform: translate3d(76vw, 107vh, 0);
        transform: translate3d(76vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(39vw, -121vh, 0);
        transform: translate3d(39vw, -121vh, 0);
    }
}
.circle-container:nth-child(96) .circle {
    -webkit-animation-delay: 2821ms;
    animation-delay: 2821ms;
}
.circle-container:nth-child(97) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-97;
    animation-name: move-frames-97;
    -webkit-animation-duration: 9045ms;
    animation-duration: 9045ms;
    -webkit-animation-delay: 7780ms;
    animation-delay: 7780ms;
}
@-webkit-keyframes move-frames-97 {
    from {
        -webkit-transform: translate3d(6vw, 109vh, 0);
        transform: translate3d(6vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(54vw, -132vh, 0);
        transform: translate3d(54vw, -132vh, 0);
    }
}
@keyframes move-frames-97 {
    from {
        -webkit-transform: translate3d(6vw, 109vh, 0);
        transform: translate3d(6vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(54vw, -132vh, 0);
        transform: translate3d(54vw, -132vh, 0);
    }
}
.circle-container:nth-child(97) .circle {
    -webkit-animation-delay: 105ms;
    animation-delay: 105ms;
}
.circle-container:nth-child(98) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-98;
    animation-name: move-frames-98;
    -webkit-animation-duration: 9139ms;
    animation-duration: 9139ms;
    -webkit-animation-delay: 5911ms;
    animation-delay: 5911ms;
}
@-webkit-keyframes move-frames-98 {
    from {
        -webkit-transform: translate3d(6vw, 108vh, 0);
        transform: translate3d(6vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(99vw, -113vh, 0);
        transform: translate3d(99vw, -113vh, 0);
    }
}
@keyframes move-frames-98 {
    from {
        -webkit-transform: translate3d(6vw, 108vh, 0);
        transform: translate3d(6vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(99vw, -113vh, 0);
        transform: translate3d(99vw, -113vh, 0);
    }
}
.circle-container:nth-child(98) .circle {
    -webkit-animation-delay: 3731ms;
    animation-delay: 3731ms;
}
.circle-container:nth-child(99) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-99;
    animation-name: move-frames-99;
    -webkit-animation-duration: 7596ms;
    animation-duration: 7596ms;
    -webkit-animation-delay: 8503ms;
    animation-delay: 8503ms;
}
@-webkit-keyframes move-frames-99 {
    from {
        -webkit-transform: translate3d(73vw, 110vh, 0);
        transform: translate3d(73vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(83vw, -119vh, 0);
        transform: translate3d(83vw, -119vh, 0);
    }
}
@keyframes move-frames-99 {
    from {
        -webkit-transform: translate3d(73vw, 110vh, 0);
        transform: translate3d(73vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(83vw, -119vh, 0);
        transform: translate3d(83vw, -119vh, 0);
    }
}
.circle-container:nth-child(99) .circle {
    -webkit-animation-delay: 2521ms;
    animation-delay: 2521ms;
}
.circle-container:nth-child(100) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-100;
    animation-name: move-frames-100;
    -webkit-animation-duration: 10293ms;
    animation-duration: 10293ms;
    -webkit-animation-delay: 8481ms;
    animation-delay: 8481ms;
}
@-webkit-keyframes move-frames-100 {
    from {
        -webkit-transform: translate3d(74vw, 103vh, 0);
        transform: translate3d(74vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(6vw, -109vh, 0);
        transform: translate3d(6vw, -109vh, 0);
    }
}
@keyframes move-frames-100 {
    from {
        -webkit-transform: translate3d(74vw, 103vh, 0);
        transform: translate3d(74vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(6vw, -109vh, 0);
        transform: translate3d(6vw, -109vh, 0);
    }
}
.circle-container:nth-child(100) .circle {
    -webkit-animation-delay: 962ms;
    animation-delay: 962ms;
}
.circle-container:nth-child(101) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-101;
    animation-name: move-frames-101;
    -webkit-animation-duration: 7016ms;
    animation-duration: 7016ms;
    -webkit-animation-delay: 1697ms;
    animation-delay: 1697ms;
}
@-webkit-keyframes move-frames-101 {
    from {
        -webkit-transform: translate3d(42vw, 105vh, 0);
        transform: translate3d(42vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(79vw, -132vh, 0);
        transform: translate3d(79vw, -132vh, 0);
    }
}
@keyframes move-frames-101 {
    from {
        -webkit-transform: translate3d(42vw, 105vh, 0);
        transform: translate3d(42vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(79vw, -132vh, 0);
        transform: translate3d(79vw, -132vh, 0);
    }
}
.circle-container:nth-child(101) .circle {
    -webkit-animation-delay: 922ms;
    animation-delay: 922ms;
}
.circle-container:nth-child(102) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-102;
    animation-name: move-frames-102;
    -webkit-animation-duration: 10652ms;
    animation-duration: 10652ms;
    -webkit-animation-delay: 9063ms;
    animation-delay: 9063ms;
}
@-webkit-keyframes move-frames-102 {
    from {
        -webkit-transform: translate3d(26vw, 102vh, 0);
        transform: translate3d(26vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(79vw, -112vh, 0);
        transform: translate3d(79vw, -112vh, 0);
    }
}
@keyframes move-frames-102 {
    from {
        -webkit-transform: translate3d(26vw, 102vh, 0);
        transform: translate3d(26vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(79vw, -112vh, 0);
        transform: translate3d(79vw, -112vh, 0);
    }
}
.circle-container:nth-child(102) .circle {
    -webkit-animation-delay: 3345ms;
    animation-delay: 3345ms;
}
.circle-container:nth-child(103) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-103;
    animation-name: move-frames-103;
    -webkit-animation-duration: 7234ms;
    animation-duration: 7234ms;
    -webkit-animation-delay: 6845ms;
    animation-delay: 6845ms;
}
@-webkit-keyframes move-frames-103 {
    from {
        -webkit-transform: translate3d(57vw, 106vh, 0);
        transform: translate3d(57vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -122vh, 0);
        transform: translate3d(65vw, -122vh, 0);
    }
}
@keyframes move-frames-103 {
    from {
        -webkit-transform: translate3d(57vw, 106vh, 0);
        transform: translate3d(57vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -122vh, 0);
        transform: translate3d(65vw, -122vh, 0);
    }
}
.circle-container:nth-child(103) .circle {
    -webkit-animation-delay: 258ms;
    animation-delay: 258ms;
}
.circle-container:nth-child(104) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-104;
    animation-name: move-frames-104;
    -webkit-animation-duration: 7793ms;
    animation-duration: 7793ms;
    -webkit-animation-delay: 6048ms;
    animation-delay: 6048ms;
}
@-webkit-keyframes move-frames-104 {
    from {
        -webkit-transform: translate3d(96vw, 102vh, 0);
        transform: translate3d(96vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(82vw, -111vh, 0);
        transform: translate3d(82vw, -111vh, 0);
    }
}
@keyframes move-frames-104 {
    from {
        -webkit-transform: translate3d(96vw, 102vh, 0);
        transform: translate3d(96vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(82vw, -111vh, 0);
        transform: translate3d(82vw, -111vh, 0);
    }
}
.circle-container:nth-child(104) .circle {
    -webkit-animation-delay: 3582ms;
    animation-delay: 3582ms;
}
.circle-container:nth-child(105) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-105;
    animation-name: move-frames-105;
    -webkit-animation-duration: 9140ms;
    animation-duration: 9140ms;
    -webkit-animation-delay: 8626ms;
    animation-delay: 8626ms;
}
@-webkit-keyframes move-frames-105 {
    from {
        -webkit-transform: translate3d(77vw, 108vh, 0);
        transform: translate3d(77vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(83vw, -134vh, 0);
        transform: translate3d(83vw, -134vh, 0);
    }
}
@keyframes move-frames-105 {
    from {
        -webkit-transform: translate3d(77vw, 108vh, 0);
        transform: translate3d(77vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(83vw, -134vh, 0);
        transform: translate3d(83vw, -134vh, 0);
    }
}
.circle-container:nth-child(105) .circle {
    -webkit-animation-delay: 2630ms;
    animation-delay: 2630ms;
}
.circle-container:nth-child(106) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-106;
    animation-name: move-frames-106;
    -webkit-animation-duration: 7381ms;
    animation-duration: 7381ms;
    -webkit-animation-delay: 5221ms;
    animation-delay: 5221ms;
}
@-webkit-keyframes move-frames-106 {
    from {
        -webkit-transform: translate3d(74vw, 106vh, 0);
        transform: translate3d(74vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(26vw, -128vh, 0);
        transform: translate3d(26vw, -128vh, 0);
    }
}
@keyframes move-frames-106 {
    from {
        -webkit-transform: translate3d(74vw, 106vh, 0);
        transform: translate3d(74vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(26vw, -128vh, 0);
        transform: translate3d(26vw, -128vh, 0);
    }
}
.circle-container:nth-child(106) .circle {
    -webkit-animation-delay: 2376ms;
    animation-delay: 2376ms;
}
.circle-container:nth-child(107) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-107;
    animation-name: move-frames-107;
    -webkit-animation-duration: 7716ms;
    animation-duration: 7716ms;
    -webkit-animation-delay: 3094ms;
    animation-delay: 3094ms;
}
@-webkit-keyframes move-frames-107 {
    from {
        -webkit-transform: translate3d(87vw, 105vh, 0);
        transform: translate3d(87vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -129vh, 0);
        transform: translate3d(65vw, -129vh, 0);
    }
}
@keyframes move-frames-107 {
    from {
        -webkit-transform: translate3d(87vw, 105vh, 0);
        transform: translate3d(87vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -129vh, 0);
        transform: translate3d(65vw, -129vh, 0);
    }
}
.circle-container:nth-child(107) .circle {
    -webkit-animation-delay: 3718ms;
    animation-delay: 3718ms;
}
.circle-container:nth-child(108) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-108;
    animation-name: move-frames-108;
    -webkit-animation-duration: 7870ms;
    animation-duration: 7870ms;
    -webkit-animation-delay: 4563ms;
    animation-delay: 4563ms;
}
@-webkit-keyframes move-frames-108 {
    from {
        -webkit-transform: translate3d(4vw, 103vh, 0);
        transform: translate3d(4vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(45vw, -130vh, 0);
        transform: translate3d(45vw, -130vh, 0);
    }
}
@keyframes move-frames-108 {
    from {
        -webkit-transform: translate3d(4vw, 103vh, 0);
        transform: translate3d(4vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(45vw, -130vh, 0);
        transform: translate3d(45vw, -130vh, 0);
    }
}
.circle-container:nth-child(108) .circle {
    -webkit-animation-delay: 2035ms;
    animation-delay: 2035ms;
}
.circle-container:nth-child(109) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-109;
    animation-name: move-frames-109;
    -webkit-animation-duration: 7879ms;
    animation-duration: 7879ms;
    -webkit-animation-delay: 10644ms;
    animation-delay: 10644ms;
}
@-webkit-keyframes move-frames-109 {
    from {
        -webkit-transform: translate3d(68vw, 107vh, 0);
        transform: translate3d(68vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -131vh, 0);
        transform: translate3d(97vw, -131vh, 0);
    }
}
@keyframes move-frames-109 {
    from {
        -webkit-transform: translate3d(68vw, 107vh, 0);
        transform: translate3d(68vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -131vh, 0);
        transform: translate3d(97vw, -131vh, 0);
    }
}
.circle-container:nth-child(109) .circle {
    -webkit-animation-delay: 2454ms;
    animation-delay: 2454ms;
}
.circle-container:nth-child(110) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-110;
    animation-name: move-frames-110;
    -webkit-animation-duration: 8829ms;
    animation-duration: 8829ms;
    -webkit-animation-delay: 9834ms;
    animation-delay: 9834ms;
}
@-webkit-keyframes move-frames-110 {
    from {
        -webkit-transform: translate3d(82vw, 110vh, 0);
        transform: translate3d(82vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -118vh, 0);
        transform: translate3d(60vw, -118vh, 0);
    }
}
@keyframes move-frames-110 {
    from {
        -webkit-transform: translate3d(82vw, 110vh, 0);
        transform: translate3d(82vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(60vw, -118vh, 0);
        transform: translate3d(60vw, -118vh, 0);
    }
}
.circle-container:nth-child(110) .circle {
    -webkit-animation-delay: 2585ms;
    animation-delay: 2585ms;
}
.circle-container:nth-child(111) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-111;
    animation-name: move-frames-111;
    -webkit-animation-duration: 10875ms;
    animation-duration: 10875ms;
    -webkit-animation-delay: 6403ms;
    animation-delay: 6403ms;
}
@-webkit-keyframes move-frames-111 {
    from {
        -webkit-transform: translate3d(45vw, 108vh, 0);
        transform: translate3d(45vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(76vw, -133vh, 0);
        transform: translate3d(76vw, -133vh, 0);
    }
}
@keyframes move-frames-111 {
    from {
        -webkit-transform: translate3d(45vw, 108vh, 0);
        transform: translate3d(45vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(76vw, -133vh, 0);
        transform: translate3d(76vw, -133vh, 0);
    }
}
.circle-container:nth-child(111) .circle {
    -webkit-animation-delay: 1117ms;
    animation-delay: 1117ms;
}
.circle-container:nth-child(112) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-112;
    animation-name: move-frames-112;
    -webkit-animation-duration: 9977ms;
    animation-duration: 9977ms;
    -webkit-animation-delay: 3062ms;
    animation-delay: 3062ms;
}
@-webkit-keyframes move-frames-112 {
    from {
        -webkit-transform: translate3d(84vw, 108vh, 0);
        transform: translate3d(84vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(100vw, -111vh, 0);
        transform: translate3d(100vw, -111vh, 0);
    }
}
@keyframes move-frames-112 {
    from {
        -webkit-transform: translate3d(84vw, 108vh, 0);
        transform: translate3d(84vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(100vw, -111vh, 0);
        transform: translate3d(100vw, -111vh, 0);
    }
}
.circle-container:nth-child(112) .circle {
    -webkit-animation-delay: 366ms;
    animation-delay: 366ms;
}
.circle-container:nth-child(113) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-113;
    animation-name: move-frames-113;
    -webkit-animation-duration: 9739ms;
    animation-duration: 9739ms;
    -webkit-animation-delay: 6453ms;
    animation-delay: 6453ms;
}
@-webkit-keyframes move-frames-113 {
    from {
        -webkit-transform: translate3d(92vw, 108vh, 0);
        transform: translate3d(92vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(86vw, -127vh, 0);
        transform: translate3d(86vw, -127vh, 0);
    }
}
@keyframes move-frames-113 {
    from {
        -webkit-transform: translate3d(92vw, 108vh, 0);
        transform: translate3d(92vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(86vw, -127vh, 0);
        transform: translate3d(86vw, -127vh, 0);
    }
}
.circle-container:nth-child(113) .circle {
    -webkit-animation-delay: 1186ms;
    animation-delay: 1186ms;
}
.circle-container:nth-child(114) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-114;
    animation-name: move-frames-114;
    -webkit-animation-duration: 10857ms;
    animation-duration: 10857ms;
    -webkit-animation-delay: 10467ms;
    animation-delay: 10467ms;
}
@-webkit-keyframes move-frames-114 {
    from {
        -webkit-transform: translate3d(82vw, 104vh, 0);
        transform: translate3d(82vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -108vh, 0);
        transform: translate3d(65vw, -108vh, 0);
    }
}
@keyframes move-frames-114 {
    from {
        -webkit-transform: translate3d(82vw, 104vh, 0);
        transform: translate3d(82vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -108vh, 0);
        transform: translate3d(65vw, -108vh, 0);
    }
}
.circle-container:nth-child(114) .circle {
    -webkit-animation-delay: 518ms;
    animation-delay: 518ms;
}
.circle-container:nth-child(115) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-115;
    animation-name: move-frames-115;
    -webkit-animation-duration: 9241ms;
    animation-duration: 9241ms;
    -webkit-animation-delay: 9990ms;
    animation-delay: 9990ms;
}
@-webkit-keyframes move-frames-115 {
    from {
        -webkit-transform: translate3d(33vw, 102vh, 0);
        transform: translate3d(33vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(54vw, -108vh, 0);
        transform: translate3d(54vw, -108vh, 0);
    }
}
@keyframes move-frames-115 {
    from {
        -webkit-transform: translate3d(33vw, 102vh, 0);
        transform: translate3d(33vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(54vw, -108vh, 0);
        transform: translate3d(54vw, -108vh, 0);
    }
}
.circle-container:nth-child(115) .circle {
    -webkit-animation-delay: 2148ms;
    animation-delay: 2148ms;
}
.circle-container:nth-child(116) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-116;
    animation-name: move-frames-116;
    -webkit-animation-duration: 10454ms;
    animation-duration: 10454ms;
    -webkit-animation-delay: 8526ms;
    animation-delay: 8526ms;
}
@-webkit-keyframes move-frames-116 {
    from {
        -webkit-transform: translate3d(34vw, 109vh, 0);
        transform: translate3d(34vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(7vw, -133vh, 0);
        transform: translate3d(7vw, -133vh, 0);
    }
}
@keyframes move-frames-116 {
    from {
        -webkit-transform: translate3d(34vw, 109vh, 0);
        transform: translate3d(34vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(7vw, -133vh, 0);
        transform: translate3d(7vw, -133vh, 0);
    }
}
.circle-container:nth-child(116) .circle {
    -webkit-animation-delay: 154ms;
    animation-delay: 154ms;
}
.circle-container:nth-child(117) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-117;
    animation-name: move-frames-117;
    -webkit-animation-duration: 9465ms;
    animation-duration: 9465ms;
    -webkit-animation-delay: 4586ms;
    animation-delay: 4586ms;
}
@-webkit-keyframes move-frames-117 {
    from {
        -webkit-transform: translate3d(29vw, 107vh, 0);
        transform: translate3d(29vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(67vw, -130vh, 0);
        transform: translate3d(67vw, -130vh, 0);
    }
}
@keyframes move-frames-117 {
    from {
        -webkit-transform: translate3d(29vw, 107vh, 0);
        transform: translate3d(29vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(67vw, -130vh, 0);
        transform: translate3d(67vw, -130vh, 0);
    }
}
.circle-container:nth-child(117) .circle {
    -webkit-animation-delay: 1871ms;
    animation-delay: 1871ms;
}
.circle-container:nth-child(118) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-118;
    animation-name: move-frames-118;
    -webkit-animation-duration: 9886ms;
    animation-duration: 9886ms;
    -webkit-animation-delay: 8293ms;
    animation-delay: 8293ms;
}
@-webkit-keyframes move-frames-118 {
    from {
        -webkit-transform: translate3d(40vw, 105vh, 0);
        transform: translate3d(40vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(1vw, -113vh, 0);
        transform: translate3d(1vw, -113vh, 0);
    }
}
@keyframes move-frames-118 {
    from {
        -webkit-transform: translate3d(40vw, 105vh, 0);
        transform: translate3d(40vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(1vw, -113vh, 0);
        transform: translate3d(1vw, -113vh, 0);
    }
}
.circle-container:nth-child(118) .circle {
    -webkit-animation-delay: 219ms;
    animation-delay: 219ms;
}
.circle-container:nth-child(119) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-119;
    animation-name: move-frames-119;
    -webkit-animation-duration: 10227ms;
    animation-duration: 10227ms;
    -webkit-animation-delay: 3018ms;
    animation-delay: 3018ms;
}
@-webkit-keyframes move-frames-119 {
    from {
        -webkit-transform: translate3d(80vw, 107vh, 0);
        transform: translate3d(80vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(50vw, -118vh, 0);
        transform: translate3d(50vw, -118vh, 0);
    }
}
@keyframes move-frames-119 {
    from {
        -webkit-transform: translate3d(80vw, 107vh, 0);
        transform: translate3d(80vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(50vw, -118vh, 0);
        transform: translate3d(50vw, -118vh, 0);
    }
}
.circle-container:nth-child(119) .circle {
    -webkit-animation-delay: 2611ms;
    animation-delay: 2611ms;
}
.circle-container:nth-child(120) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-120;
    animation-name: move-frames-120;
    -webkit-animation-duration: 9422ms;
    animation-duration: 9422ms;
    -webkit-animation-delay: 182ms;
    animation-delay: 182ms;
}
@-webkit-keyframes move-frames-120 {
    from {
        -webkit-transform: translate3d(37vw, 102vh, 0);
        transform: translate3d(37vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(51vw, -106vh, 0);
        transform: translate3d(51vw, -106vh, 0);
    }
}
@keyframes move-frames-120 {
    from {
        -webkit-transform: translate3d(37vw, 102vh, 0);
        transform: translate3d(37vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(51vw, -106vh, 0);
        transform: translate3d(51vw, -106vh, 0);
    }
}
.circle-container:nth-child(120) .circle {
    -webkit-animation-delay: 3320ms;
    animation-delay: 3320ms;
}
.circle-container:nth-child(121) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-121;
    animation-name: move-frames-121;
    -webkit-animation-duration: 10706ms;
    animation-duration: 10706ms;
    -webkit-animation-delay: 10552ms;
    animation-delay: 10552ms;
}
@-webkit-keyframes move-frames-121 {
    from {
        -webkit-transform: translate3d(60vw, 107vh, 0);
        transform: translate3d(60vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(48vw, -117vh, 0);
        transform: translate3d(48vw, -117vh, 0);
    }
}
@keyframes move-frames-121 {
    from {
        -webkit-transform: translate3d(60vw, 107vh, 0);
        transform: translate3d(60vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(48vw, -117vh, 0);
        transform: translate3d(48vw, -117vh, 0);
    }
}
.circle-container:nth-child(121) .circle {
    -webkit-animation-delay: 1511ms;
    animation-delay: 1511ms;
}
.circle-container:nth-child(122) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-122;
    animation-name: move-frames-122;
    -webkit-animation-duration: 7843ms;
    animation-duration: 7843ms;
    -webkit-animation-delay: 6047ms;
    animation-delay: 6047ms;
}
@-webkit-keyframes move-frames-122 {
    from {
        -webkit-transform: translate3d(75vw, 101vh, 0);
        transform: translate3d(75vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(89vw, -108vh, 0);
        transform: translate3d(89vw, -108vh, 0);
    }
}
@keyframes move-frames-122 {
    from {
        -webkit-transform: translate3d(75vw, 101vh, 0);
        transform: translate3d(75vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(89vw, -108vh, 0);
        transform: translate3d(89vw, -108vh, 0);
    }
}
.circle-container:nth-child(122) .circle {
    -webkit-animation-delay: 3722ms;
    animation-delay: 3722ms;
}
.circle-container:nth-child(123) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-123;
    animation-name: move-frames-123;
    -webkit-animation-duration: 7725ms;
    animation-duration: 7725ms;
    -webkit-animation-delay: 3323ms;
    animation-delay: 3323ms;
}
@-webkit-keyframes move-frames-123 {
    from {
        -webkit-transform: translate3d(15vw, 110vh, 0);
        transform: translate3d(15vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -126vh, 0);
        transform: translate3d(97vw, -126vh, 0);
    }
}
@keyframes move-frames-123 {
    from {
        -webkit-transform: translate3d(15vw, 110vh, 0);
        transform: translate3d(15vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -126vh, 0);
        transform: translate3d(97vw, -126vh, 0);
    }
}
.circle-container:nth-child(123) .circle {
    -webkit-animation-delay: 2141ms;
    animation-delay: 2141ms;
}
.circle-container:nth-child(124) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-124;
    animation-name: move-frames-124;
    -webkit-animation-duration: 10994ms;
    animation-duration: 10994ms;
    -webkit-animation-delay: 4420ms;
    animation-delay: 4420ms;
}
@-webkit-keyframes move-frames-124 {
    from {
        -webkit-transform: translate3d(97vw, 102vh, 0);
        transform: translate3d(97vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(55vw, -107vh, 0);
        transform: translate3d(55vw, -107vh, 0);
    }
}
@keyframes move-frames-124 {
    from {
        -webkit-transform: translate3d(97vw, 102vh, 0);
        transform: translate3d(97vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(55vw, -107vh, 0);
        transform: translate3d(55vw, -107vh, 0);
    }
}
.circle-container:nth-child(124) .circle {
    -webkit-animation-delay: 67ms;
    animation-delay: 67ms;
}
.circle-container:nth-child(125) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-125;
    animation-name: move-frames-125;
    -webkit-animation-duration: 10941ms;
    animation-duration: 10941ms;
    -webkit-animation-delay: 6333ms;
    animation-delay: 6333ms;
}
@-webkit-keyframes move-frames-125 {
    from {
        -webkit-transform: translate3d(43vw, 106vh, 0);
        transform: translate3d(43vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -127vh, 0);
        transform: translate3d(19vw, -127vh, 0);
    }
}
@keyframes move-frames-125 {
    from {
        -webkit-transform: translate3d(43vw, 106vh, 0);
        transform: translate3d(43vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(19vw, -127vh, 0);
        transform: translate3d(19vw, -127vh, 0);
    }
}
.circle-container:nth-child(125) .circle {
    -webkit-animation-delay: 3949ms;
    animation-delay: 3949ms;
}
.circle-container:nth-child(126) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-126;
    animation-name: move-frames-126;
    -webkit-animation-duration: 10844ms;
    animation-duration: 10844ms;
    -webkit-animation-delay: 4612ms;
    animation-delay: 4612ms;
}
@-webkit-keyframes move-frames-126 {
    from {
        -webkit-transform: translate3d(37vw, 103vh, 0);
        transform: translate3d(37vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(1vw, -123vh, 0);
        transform: translate3d(1vw, -123vh, 0);
    }
}
@keyframes move-frames-126 {
    from {
        -webkit-transform: translate3d(37vw, 103vh, 0);
        transform: translate3d(37vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(1vw, -123vh, 0);
        transform: translate3d(1vw, -123vh, 0);
    }
}
.circle-container:nth-child(126) .circle {
    -webkit-animation-delay: 2673ms;
    animation-delay: 2673ms;
}
.circle-container:nth-child(127) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-127;
    animation-name: move-frames-127;
    -webkit-animation-duration: 10377ms;
    animation-duration: 10377ms;
    -webkit-animation-delay: 7308ms;
    animation-delay: 7308ms;
}
@-webkit-keyframes move-frames-127 {
    from {
        -webkit-transform: translate3d(70vw, 101vh, 0);
        transform: translate3d(70vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(16vw, -114vh, 0);
        transform: translate3d(16vw, -114vh, 0);
    }
}
@keyframes move-frames-127 {
    from {
        -webkit-transform: translate3d(70vw, 101vh, 0);
        transform: translate3d(70vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(16vw, -114vh, 0);
        transform: translate3d(16vw, -114vh, 0);
    }
}
.circle-container:nth-child(127) .circle {
    -webkit-animation-delay: 1787ms;
    animation-delay: 1787ms;
}
.circle-container:nth-child(128) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-128;
    animation-name: move-frames-128;
    -webkit-animation-duration: 8543ms;
    animation-duration: 8543ms;
    -webkit-animation-delay: 7446ms;
    animation-delay: 7446ms;
}
@-webkit-keyframes move-frames-128 {
    from {
        -webkit-transform: translate3d(10vw, 102vh, 0);
        transform: translate3d(10vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(79vw, -105vh, 0);
        transform: translate3d(79vw, -105vh, 0);
    }
}
@keyframes move-frames-128 {
    from {
        -webkit-transform: translate3d(10vw, 102vh, 0);
        transform: translate3d(10vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(79vw, -105vh, 0);
        transform: translate3d(79vw, -105vh, 0);
    }
}
.circle-container:nth-child(128) .circle {
    -webkit-animation-delay: 3258ms;
    animation-delay: 3258ms;
}
.circle-container:nth-child(129) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-129;
    animation-name: move-frames-129;
    -webkit-animation-duration: 9468ms;
    animation-duration: 9468ms;
    -webkit-animation-delay: 2707ms;
    animation-delay: 2707ms;
}
@-webkit-keyframes move-frames-129 {
    from {
        -webkit-transform: translate3d(26vw, 104vh, 0);
        transform: translate3d(26vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(33vw, -132vh, 0);
        transform: translate3d(33vw, -132vh, 0);
    }
}
@keyframes move-frames-129 {
    from {
        -webkit-transform: translate3d(26vw, 104vh, 0);
        transform: translate3d(26vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(33vw, -132vh, 0);
        transform: translate3d(33vw, -132vh, 0);
    }
}
.circle-container:nth-child(129) .circle {
    -webkit-animation-delay: 3283ms;
    animation-delay: 3283ms;
}
.circle-container:nth-child(130) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-130;
    animation-name: move-frames-130;
    -webkit-animation-duration: 7489ms;
    animation-duration: 7489ms;
    -webkit-animation-delay: 9556ms;
    animation-delay: 9556ms;
}
@-webkit-keyframes move-frames-130 {
    from {
        -webkit-transform: translate3d(45vw, 103vh, 0);
        transform: translate3d(45vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(14vw, -129vh, 0);
        transform: translate3d(14vw, -129vh, 0);
    }
}
@keyframes move-frames-130 {
    from {
        -webkit-transform: translate3d(45vw, 103vh, 0);
        transform: translate3d(45vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(14vw, -129vh, 0);
        transform: translate3d(14vw, -129vh, 0);
    }
}
.circle-container:nth-child(130) .circle {
    -webkit-animation-delay: 1740ms;
    animation-delay: 1740ms;
}
.circle-container:nth-child(131) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-131;
    animation-name: move-frames-131;
    -webkit-animation-duration: 10221ms;
    animation-duration: 10221ms;
    -webkit-animation-delay: 9258ms;
    animation-delay: 9258ms;
}
@-webkit-keyframes move-frames-131 {
    from {
        -webkit-transform: translate3d(95vw, 105vh, 0);
        transform: translate3d(95vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(50vw, -117vh, 0);
        transform: translate3d(50vw, -117vh, 0);
    }
}
@keyframes move-frames-131 {
    from {
        -webkit-transform: translate3d(95vw, 105vh, 0);
        transform: translate3d(95vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(50vw, -117vh, 0);
        transform: translate3d(50vw, -117vh, 0);
    }
}
.circle-container:nth-child(131) .circle {
    -webkit-animation-delay: 2395ms;
    animation-delay: 2395ms;
}
.circle-container:nth-child(132) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-132;
    animation-name: move-frames-132;
    -webkit-animation-duration: 8634ms;
    animation-duration: 8634ms;
    -webkit-animation-delay: 1681ms;
    animation-delay: 1681ms;
}
@-webkit-keyframes move-frames-132 {
    from {
        -webkit-transform: translate3d(90vw, 110vh, 0);
        transform: translate3d(90vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -131vh, 0);
        transform: translate3d(97vw, -131vh, 0);
    }
}
@keyframes move-frames-132 {
    from {
        -webkit-transform: translate3d(90vw, 110vh, 0);
        transform: translate3d(90vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(97vw, -131vh, 0);
        transform: translate3d(97vw, -131vh, 0);
    }
}
.circle-container:nth-child(132) .circle {
    -webkit-animation-delay: 2701ms;
    animation-delay: 2701ms;
}
.circle-container:nth-child(133) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-133;
    animation-name: move-frames-133;
    -webkit-animation-duration: 7351ms;
    animation-duration: 7351ms;
    -webkit-animation-delay: 3449ms;
    animation-delay: 3449ms;
}
@-webkit-keyframes move-frames-133 {
    from {
        -webkit-transform: translate3d(55vw, 106vh, 0);
        transform: translate3d(55vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -129vh, 0);
        transform: translate3d(65vw, -129vh, 0);
    }
}
@keyframes move-frames-133 {
    from {
        -webkit-transform: translate3d(55vw, 106vh, 0);
        transform: translate3d(55vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -129vh, 0);
        transform: translate3d(65vw, -129vh, 0);
    }
}
.circle-container:nth-child(133) .circle {
    -webkit-animation-delay: 2587ms;
    animation-delay: 2587ms;
}
.circle-container:nth-child(134) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-134;
    animation-name: move-frames-134;
    -webkit-animation-duration: 10483ms;
    animation-duration: 10483ms;
    -webkit-animation-delay: 8838ms;
    animation-delay: 8838ms;
}
@-webkit-keyframes move-frames-134 {
    from {
        -webkit-transform: translate3d(84vw, 109vh, 0);
        transform: translate3d(84vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(98vw, -137vh, 0);
        transform: translate3d(98vw, -137vh, 0);
    }
}
@keyframes move-frames-134 {
    from {
        -webkit-transform: translate3d(84vw, 109vh, 0);
        transform: translate3d(84vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(98vw, -137vh, 0);
        transform: translate3d(98vw, -137vh, 0);
    }
}
.circle-container:nth-child(134) .circle {
    -webkit-animation-delay: 289ms;
    animation-delay: 289ms;
}
.circle-container:nth-child(135) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-135;
    animation-name: move-frames-135;
    -webkit-animation-duration: 9796ms;
    animation-duration: 9796ms;
    -webkit-animation-delay: 10852ms;
    animation-delay: 10852ms;
}
@-webkit-keyframes move-frames-135 {
    from {
        -webkit-transform: translate3d(71vw, 101vh, 0);
        transform: translate3d(71vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(93vw, -103vh, 0);
        transform: translate3d(93vw, -103vh, 0);
    }
}
@keyframes move-frames-135 {
    from {
        -webkit-transform: translate3d(71vw, 101vh, 0);
        transform: translate3d(71vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(93vw, -103vh, 0);
        transform: translate3d(93vw, -103vh, 0);
    }
}
.circle-container:nth-child(135) .circle {
    -webkit-animation-delay: 3803ms;
    animation-delay: 3803ms;
}
.circle-container:nth-child(136) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-136;
    animation-name: move-frames-136;
    -webkit-animation-duration: 9439ms;
    animation-duration: 9439ms;
    -webkit-animation-delay: 6657ms;
    animation-delay: 6657ms;
}
@-webkit-keyframes move-frames-136 {
    from {
        -webkit-transform: translate3d(52vw, 110vh, 0);
        transform: translate3d(52vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(31vw, -134vh, 0);
        transform: translate3d(31vw, -134vh, 0);
    }
}
@keyframes move-frames-136 {
    from {
        -webkit-transform: translate3d(52vw, 110vh, 0);
        transform: translate3d(52vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(31vw, -134vh, 0);
        transform: translate3d(31vw, -134vh, 0);
    }
}
.circle-container:nth-child(136) .circle {
    -webkit-animation-delay: 3454ms;
    animation-delay: 3454ms;
}
.circle-container:nth-child(137) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-137;
    animation-name: move-frames-137;
    -webkit-animation-duration: 10353ms;
    animation-duration: 10353ms;
    -webkit-animation-delay: 10189ms;
    animation-delay: 10189ms;
}
@-webkit-keyframes move-frames-137 {
    from {
        -webkit-transform: translate3d(28vw, 102vh, 0);
        transform: translate3d(28vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(14vw, -129vh, 0);
        transform: translate3d(14vw, -129vh, 0);
    }
}
@keyframes move-frames-137 {
    from {
        -webkit-transform: translate3d(28vw, 102vh, 0);
        transform: translate3d(28vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(14vw, -129vh, 0);
        transform: translate3d(14vw, -129vh, 0);
    }
}
.circle-container:nth-child(137) .circle {
    -webkit-animation-delay: 3086ms;
    animation-delay: 3086ms;
}
.circle-container:nth-child(138) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-138;
    animation-name: move-frames-138;
    -webkit-animation-duration: 10221ms;
    animation-duration: 10221ms;
    -webkit-animation-delay: 7210ms;
    animation-delay: 7210ms;
}
@-webkit-keyframes move-frames-138 {
    from {
        -webkit-transform: translate3d(44vw, 107vh, 0);
        transform: translate3d(44vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(20vw, -108vh, 0);
        transform: translate3d(20vw, -108vh, 0);
    }
}
@keyframes move-frames-138 {
    from {
        -webkit-transform: translate3d(44vw, 107vh, 0);
        transform: translate3d(44vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(20vw, -108vh, 0);
        transform: translate3d(20vw, -108vh, 0);
    }
}
.circle-container:nth-child(138) .circle {
    -webkit-animation-delay: 670ms;
    animation-delay: 670ms;
}
.circle-container:nth-child(139) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-139;
    animation-name: move-frames-139;
    -webkit-animation-duration: 8579ms;
    animation-duration: 8579ms;
    -webkit-animation-delay: 542ms;
    animation-delay: 542ms;
}
@-webkit-keyframes move-frames-139 {
    from {
        -webkit-transform: translate3d(50vw, 108vh, 0);
        transform: translate3d(50vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(5vw, -114vh, 0);
        transform: translate3d(5vw, -114vh, 0);
    }
}
@keyframes move-frames-139 {
    from {
        -webkit-transform: translate3d(50vw, 108vh, 0);
        transform: translate3d(50vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(5vw, -114vh, 0);
        transform: translate3d(5vw, -114vh, 0);
    }
}
.circle-container:nth-child(139) .circle {
    -webkit-animation-delay: 3404ms;
    animation-delay: 3404ms;
}
.circle-container:nth-child(140) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-140;
    animation-name: move-frames-140;
    -webkit-animation-duration: 8957ms;
    animation-duration: 8957ms;
    -webkit-animation-delay: 5236ms;
    animation-delay: 5236ms;
}
@-webkit-keyframes move-frames-140 {
    from {
        -webkit-transform: translate3d(63vw, 105vh, 0);
        transform: translate3d(63vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(22vw, -120vh, 0);
        transform: translate3d(22vw, -120vh, 0);
    }
}
@keyframes move-frames-140 {
    from {
        -webkit-transform: translate3d(63vw, 105vh, 0);
        transform: translate3d(63vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(22vw, -120vh, 0);
        transform: translate3d(22vw, -120vh, 0);
    }
}
.circle-container:nth-child(140) .circle {
    -webkit-animation-delay: 3372ms;
    animation-delay: 3372ms;
}
.circle-container:nth-child(141) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-141;
    animation-name: move-frames-141;
    -webkit-animation-duration: 7185ms;
    animation-duration: 7185ms;
    -webkit-animation-delay: 9467ms;
    animation-delay: 9467ms;
}
@-webkit-keyframes move-frames-141 {
    from {
        -webkit-transform: translate3d(15vw, 106vh, 0);
        transform: translate3d(15vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(23vw, -126vh, 0);
        transform: translate3d(23vw, -126vh, 0);
    }
}
@keyframes move-frames-141 {
    from {
        -webkit-transform: translate3d(15vw, 106vh, 0);
        transform: translate3d(15vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(23vw, -126vh, 0);
        transform: translate3d(23vw, -126vh, 0);
    }
}
.circle-container:nth-child(141) .circle {
    -webkit-animation-delay: 2444ms;
    animation-delay: 2444ms;
}
.circle-container:nth-child(142) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-142;
    animation-name: move-frames-142;
    -webkit-animation-duration: 7400ms;
    animation-duration: 7400ms;
    -webkit-animation-delay: 5527ms;
    animation-delay: 5527ms;
}
@-webkit-keyframes move-frames-142 {
    from {
        -webkit-transform: translate3d(55vw, 107vh, 0);
        transform: translate3d(55vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(45vw, -109vh, 0);
        transform: translate3d(45vw, -109vh, 0);
    }
}
@keyframes move-frames-142 {
    from {
        -webkit-transform: translate3d(55vw, 107vh, 0);
        transform: translate3d(55vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(45vw, -109vh, 0);
        transform: translate3d(45vw, -109vh, 0);
    }
}
.circle-container:nth-child(142) .circle {
    -webkit-animation-delay: 966ms;
    animation-delay: 966ms;
}
.circle-container:nth-child(143) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-143;
    animation-name: move-frames-143;
    -webkit-animation-duration: 7743ms;
    animation-duration: 7743ms;
    -webkit-animation-delay: 9193ms;
    animation-delay: 9193ms;
}
@-webkit-keyframes move-frames-143 {
    from {
        -webkit-transform: translate3d(73vw, 103vh, 0);
        transform: translate3d(73vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(44vw, -127vh, 0);
        transform: translate3d(44vw, -127vh, 0);
    }
}
@keyframes move-frames-143 {
    from {
        -webkit-transform: translate3d(73vw, 103vh, 0);
        transform: translate3d(73vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(44vw, -127vh, 0);
        transform: translate3d(44vw, -127vh, 0);
    }
}
.circle-container:nth-child(143) .circle {
    -webkit-animation-delay: 79ms;
    animation-delay: 79ms;
}
.circle-container:nth-child(144) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-144;
    animation-name: move-frames-144;
    -webkit-animation-duration: 10720ms;
    animation-duration: 10720ms;
    -webkit-animation-delay: 7913ms;
    animation-delay: 7913ms;
}
@-webkit-keyframes move-frames-144 {
    from {
        -webkit-transform: translate3d(38vw, 104vh, 0);
        transform: translate3d(38vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(43vw, -117vh, 0);
        transform: translate3d(43vw, -117vh, 0);
    }
}
@keyframes move-frames-144 {
    from {
        -webkit-transform: translate3d(38vw, 104vh, 0);
        transform: translate3d(38vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(43vw, -117vh, 0);
        transform: translate3d(43vw, -117vh, 0);
    }
}
.circle-container:nth-child(144) .circle {
    -webkit-animation-delay: 3592ms;
    animation-delay: 3592ms;
}
.circle-container:nth-child(145) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-145;
    animation-name: move-frames-145;
    -webkit-animation-duration: 9667ms;
    animation-duration: 9667ms;
    -webkit-animation-delay: 9881ms;
    animation-delay: 9881ms;
}
@-webkit-keyframes move-frames-145 {
    from {
        -webkit-transform: translate3d(7vw, 109vh, 0);
        transform: translate3d(7vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(70vw, -123vh, 0);
        transform: translate3d(70vw, -123vh, 0);
    }
}
@keyframes move-frames-145 {
    from {
        -webkit-transform: translate3d(7vw, 109vh, 0);
        transform: translate3d(7vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(70vw, -123vh, 0);
        transform: translate3d(70vw, -123vh, 0);
    }
}
.circle-container:nth-child(145) .circle {
    -webkit-animation-delay: 3827ms;
    animation-delay: 3827ms;
}
.circle-container:nth-child(146) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-146;
    animation-name: move-frames-146;
    -webkit-animation-duration: 10791ms;
    animation-duration: 10791ms;
    -webkit-animation-delay: 5691ms;
    animation-delay: 5691ms;
}
@-webkit-keyframes move-frames-146 {
    from {
        -webkit-transform: translate3d(40vw, 107vh, 0);
        transform: translate3d(40vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(17vw, -116vh, 0);
        transform: translate3d(17vw, -116vh, 0);
    }
}
@keyframes move-frames-146 {
    from {
        -webkit-transform: translate3d(40vw, 107vh, 0);
        transform: translate3d(40vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(17vw, -116vh, 0);
        transform: translate3d(17vw, -116vh, 0);
    }
}
.circle-container:nth-child(146) .circle {
    -webkit-animation-delay: 855ms;
    animation-delay: 855ms;
}
.circle-container:nth-child(147) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-147;
    animation-name: move-frames-147;
    -webkit-animation-duration: 8015ms;
    animation-duration: 8015ms;
    -webkit-animation-delay: 850ms;
    animation-delay: 850ms;
}
@-webkit-keyframes move-frames-147 {
    from {
        -webkit-transform: translate3d(87vw, 108vh, 0);
        transform: translate3d(87vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(18vw, -122vh, 0);
        transform: translate3d(18vw, -122vh, 0);
    }
}
@keyframes move-frames-147 {
    from {
        -webkit-transform: translate3d(87vw, 108vh, 0);
        transform: translate3d(87vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(18vw, -122vh, 0);
        transform: translate3d(18vw, -122vh, 0);
    }
}
.circle-container:nth-child(147) .circle {
    -webkit-animation-delay: 3790ms;
    animation-delay: 3790ms;
}
.circle-container:nth-child(148) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-148;
    animation-name: move-frames-148;
    -webkit-animation-duration: 8558ms;
    animation-duration: 8558ms;
    -webkit-animation-delay: 2807ms;
    animation-delay: 2807ms;
}
@-webkit-keyframes move-frames-148 {
    from {
        -webkit-transform: translate3d(34vw, 107vh, 0);
        transform: translate3d(34vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(69vw, -113vh, 0);
        transform: translate3d(69vw, -113vh, 0);
    }
}
@keyframes move-frames-148 {
    from {
        -webkit-transform: translate3d(34vw, 107vh, 0);
        transform: translate3d(34vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(69vw, -113vh, 0);
        transform: translate3d(69vw, -113vh, 0);
    }
}
.circle-container:nth-child(148) .circle {
    -webkit-animation-delay: 3621ms;
    animation-delay: 3621ms;
}
.circle-container:nth-child(149) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-149;
    animation-name: move-frames-149;
    -webkit-animation-duration: 7391ms;
    animation-duration: 7391ms;
    -webkit-animation-delay: 7884ms;
    animation-delay: 7884ms;
}
@-webkit-keyframes move-frames-149 {
    from {
        -webkit-transform: translate3d(69vw, 101vh, 0);
        transform: translate3d(69vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(44vw, -107vh, 0);
        transform: translate3d(44vw, -107vh, 0);
    }
}
@keyframes move-frames-149 {
    from {
        -webkit-transform: translate3d(69vw, 101vh, 0);
        transform: translate3d(69vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(44vw, -107vh, 0);
        transform: translate3d(44vw, -107vh, 0);
    }
}
.circle-container:nth-child(149) .circle {
    -webkit-animation-delay: 389ms;
    animation-delay: 389ms;
}
.circle-container:nth-child(150) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-150;
    animation-name: move-frames-150;
    -webkit-animation-duration: 8840ms;
    animation-duration: 8840ms;
    -webkit-animation-delay: 3781ms;
    animation-delay: 3781ms;
}
@-webkit-keyframes move-frames-150 {
    from {
        -webkit-transform: translate3d(23vw, 101vh, 0);
        transform: translate3d(23vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(53vw, -115vh, 0);
        transform: translate3d(53vw, -115vh, 0);
    }
}
@keyframes move-frames-150 {
    from {
        -webkit-transform: translate3d(23vw, 101vh, 0);
        transform: translate3d(23vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(53vw, -115vh, 0);
        transform: translate3d(53vw, -115vh, 0);
    }
}
.circle-container:nth-child(150) .circle {
    -webkit-animation-delay: 3727ms;
    animation-delay: 3727ms;
}
.circle-container:nth-child(151) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-151;
    animation-name: move-frames-151;
    -webkit-animation-duration: 9777ms;
    animation-duration: 9777ms;
    -webkit-animation-delay: 10110ms;
    animation-delay: 10110ms;
}
@-webkit-keyframes move-frames-151 {
    from {
        -webkit-transform: translate3d(8vw, 101vh, 0);
        transform: translate3d(8vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(55vw, -126vh, 0);
        transform: translate3d(55vw, -126vh, 0);
    }
}
@keyframes move-frames-151 {
    from {
        -webkit-transform: translate3d(8vw, 101vh, 0);
        transform: translate3d(8vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(55vw, -126vh, 0);
        transform: translate3d(55vw, -126vh, 0);
    }
}
.circle-container:nth-child(151) .circle {
    -webkit-animation-delay: 3406ms;
    animation-delay: 3406ms;
}
.circle-container:nth-child(152) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-152;
    animation-name: move-frames-152;
    -webkit-animation-duration: 7865ms;
    animation-duration: 7865ms;
    -webkit-animation-delay: 4573ms;
    animation-delay: 4573ms;
}
@-webkit-keyframes move-frames-152 {
    from {
        -webkit-transform: translate3d(49vw, 107vh, 0);
        transform: translate3d(49vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(85vw, -125vh, 0);
        transform: translate3d(85vw, -125vh, 0);
    }
}
@keyframes move-frames-152 {
    from {
        -webkit-transform: translate3d(49vw, 107vh, 0);
        transform: translate3d(49vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(85vw, -125vh, 0);
        transform: translate3d(85vw, -125vh, 0);
    }
}
.circle-container:nth-child(152) .circle {
    -webkit-animation-delay: 2418ms;
    animation-delay: 2418ms;
}
.circle-container:nth-child(153) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-153;
    animation-name: move-frames-153;
    -webkit-animation-duration: 8269ms;
    animation-duration: 8269ms;
    -webkit-animation-delay: 7324ms;
    animation-delay: 7324ms;
}
@-webkit-keyframes move-frames-153 {
    from {
        -webkit-transform: translate3d(88vw, 101vh, 0);
        transform: translate3d(88vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(20vw, -113vh, 0);
        transform: translate3d(20vw, -113vh, 0);
    }
}
@keyframes move-frames-153 {
    from {
        -webkit-transform: translate3d(88vw, 101vh, 0);
        transform: translate3d(88vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(20vw, -113vh, 0);
        transform: translate3d(20vw, -113vh, 0);
    }
}
.circle-container:nth-child(153) .circle {
    -webkit-animation-delay: 1809ms;
    animation-delay: 1809ms;
}
.circle-container:nth-child(154) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-154;
    animation-name: move-frames-154;
    -webkit-animation-duration: 7667ms;
    animation-duration: 7667ms;
    -webkit-animation-delay: 4874ms;
    animation-delay: 4874ms;
}
@-webkit-keyframes move-frames-154 {
    from {
        -webkit-transform: translate3d(27vw, 105vh, 0);
        transform: translate3d(27vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(22vw, -114vh, 0);
        transform: translate3d(22vw, -114vh, 0);
    }
}
@keyframes move-frames-154 {
    from {
        -webkit-transform: translate3d(27vw, 105vh, 0);
        transform: translate3d(27vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(22vw, -114vh, 0);
        transform: translate3d(22vw, -114vh, 0);
    }
}
.circle-container:nth-child(154) .circle {
    -webkit-animation-delay: 3688ms;
    animation-delay: 3688ms;
}
.circle-container:nth-child(155) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-155;
    animation-name: move-frames-155;
    -webkit-animation-duration: 10555ms;
    animation-duration: 10555ms;
    -webkit-animation-delay: 37ms;
    animation-delay: 37ms;
}
@-webkit-keyframes move-frames-155 {
    from {
        -webkit-transform: translate3d(27vw, 102vh, 0);
        transform: translate3d(27vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(7vw, -106vh, 0);
        transform: translate3d(7vw, -106vh, 0);
    }
}
@keyframes move-frames-155 {
    from {
        -webkit-transform: translate3d(27vw, 102vh, 0);
        transform: translate3d(27vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(7vw, -106vh, 0);
        transform: translate3d(7vw, -106vh, 0);
    }
}
.circle-container:nth-child(155) .circle {
    -webkit-animation-delay: 2894ms;
    animation-delay: 2894ms;
}
.circle-container:nth-child(156) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-156;
    animation-name: move-frames-156;
    -webkit-animation-duration: 10143ms;
    animation-duration: 10143ms;
    -webkit-animation-delay: 3296ms;
    animation-delay: 3296ms;
}
@-webkit-keyframes move-frames-156 {
    from {
        -webkit-transform: translate3d(20vw, 101vh, 0);
        transform: translate3d(20vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(18vw, -103vh, 0);
        transform: translate3d(18vw, -103vh, 0);
    }
}
@keyframes move-frames-156 {
    from {
        -webkit-transform: translate3d(20vw, 101vh, 0);
        transform: translate3d(20vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(18vw, -103vh, 0);
        transform: translate3d(18vw, -103vh, 0);
    }
}
.circle-container:nth-child(156) .circle {
    -webkit-animation-delay: 456ms;
    animation-delay: 456ms;
}
.circle-container:nth-child(157) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-157;
    animation-name: move-frames-157;
    -webkit-animation-duration: 10369ms;
    animation-duration: 10369ms;
    -webkit-animation-delay: 9790ms;
    animation-delay: 9790ms;
}
@-webkit-keyframes move-frames-157 {
    from {
        -webkit-transform: translate3d(18vw, 104vh, 0);
        transform: translate3d(18vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(93vw, -126vh, 0);
        transform: translate3d(93vw, -126vh, 0);
    }
}
@keyframes move-frames-157 {
    from {
        -webkit-transform: translate3d(18vw, 104vh, 0);
        transform: translate3d(18vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(93vw, -126vh, 0);
        transform: translate3d(93vw, -126vh, 0);
    }
}
.circle-container:nth-child(157) .circle {
    -webkit-animation-delay: 1530ms;
    animation-delay: 1530ms;
}
.circle-container:nth-child(158) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-158;
    animation-name: move-frames-158;
    -webkit-animation-duration: 7391ms;
    animation-duration: 7391ms;
    -webkit-animation-delay: 7592ms;
    animation-delay: 7592ms;
}
@-webkit-keyframes move-frames-158 {
    from {
        -webkit-transform: translate3d(74vw, 105vh, 0);
        transform: translate3d(74vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(15vw, -108vh, 0);
        transform: translate3d(15vw, -108vh, 0);
    }
}
@keyframes move-frames-158 {
    from {
        -webkit-transform: translate3d(74vw, 105vh, 0);
        transform: translate3d(74vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(15vw, -108vh, 0);
        transform: translate3d(15vw, -108vh, 0);
    }
}
.circle-container:nth-child(158) .circle {
    -webkit-animation-delay: 197ms;
    animation-delay: 197ms;
}
.circle-container:nth-child(159) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-159;
    animation-name: move-frames-159;
    -webkit-animation-duration: 7347ms;
    animation-duration: 7347ms;
    -webkit-animation-delay: 10820ms;
    animation-delay: 10820ms;
}
@-webkit-keyframes move-frames-159 {
    from {
        -webkit-transform: translate3d(22vw, 102vh, 0);
        transform: translate3d(22vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(5vw, -106vh, 0);
        transform: translate3d(5vw, -106vh, 0);
    }
}
@keyframes move-frames-159 {
    from {
        -webkit-transform: translate3d(22vw, 102vh, 0);
        transform: translate3d(22vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(5vw, -106vh, 0);
        transform: translate3d(5vw, -106vh, 0);
    }
}
.circle-container:nth-child(159) .circle {
    -webkit-animation-delay: 1253ms;
    animation-delay: 1253ms;
}
.circle-container:nth-child(160) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-160;
    animation-name: move-frames-160;
    -webkit-animation-duration: 7294ms;
    animation-duration: 7294ms;
    -webkit-animation-delay: 9595ms;
    animation-delay: 9595ms;
}
@-webkit-keyframes move-frames-160 {
    from {
        -webkit-transform: translate3d(88vw, 105vh, 0);
        transform: translate3d(88vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(70vw, -125vh, 0);
        transform: translate3d(70vw, -125vh, 0);
    }
}
@keyframes move-frames-160 {
    from {
        -webkit-transform: translate3d(88vw, 105vh, 0);
        transform: translate3d(88vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(70vw, -125vh, 0);
        transform: translate3d(70vw, -125vh, 0);
    }
}
.circle-container:nth-child(160) .circle {
    -webkit-animation-delay: 569ms;
    animation-delay: 569ms;
}
.circle-container:nth-child(161) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-161;
    animation-name: move-frames-161;
    -webkit-animation-duration: 7483ms;
    animation-duration: 7483ms;
    -webkit-animation-delay: 10982ms;
    animation-delay: 10982ms;
}
@-webkit-keyframes move-frames-161 {
    from {
        -webkit-transform: translate3d(30vw, 103vh, 0);
        transform: translate3d(30vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(69vw, -112vh, 0);
        transform: translate3d(69vw, -112vh, 0);
    }
}
@keyframes move-frames-161 {
    from {
        -webkit-transform: translate3d(30vw, 103vh, 0);
        transform: translate3d(30vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(69vw, -112vh, 0);
        transform: translate3d(69vw, -112vh, 0);
    }
}
.circle-container:nth-child(161) .circle {
    -webkit-animation-delay: 1801ms;
    animation-delay: 1801ms;
}
.circle-container:nth-child(162) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-162;
    animation-name: move-frames-162;
    -webkit-animation-duration: 7648ms;
    animation-duration: 7648ms;
    -webkit-animation-delay: 3841ms;
    animation-delay: 3841ms;
}
@-webkit-keyframes move-frames-162 {
    from {
        -webkit-transform: translate3d(84vw, 105vh, 0);
        transform: translate3d(84vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(41vw, -127vh, 0);
        transform: translate3d(41vw, -127vh, 0);
    }
}
@keyframes move-frames-162 {
    from {
        -webkit-transform: translate3d(84vw, 105vh, 0);
        transform: translate3d(84vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(41vw, -127vh, 0);
        transform: translate3d(41vw, -127vh, 0);
    }
}
.circle-container:nth-child(162) .circle {
    -webkit-animation-delay: 3266ms;
    animation-delay: 3266ms;
}
.circle-container:nth-child(163) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-163;
    animation-name: move-frames-163;
    -webkit-animation-duration: 7231ms;
    animation-duration: 7231ms;
    -webkit-animation-delay: 466ms;
    animation-delay: 466ms;
}
@-webkit-keyframes move-frames-163 {
    from {
        -webkit-transform: translate3d(12vw, 103vh, 0);
        transform: translate3d(12vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(53vw, -128vh, 0);
        transform: translate3d(53vw, -128vh, 0);
    }
}
@keyframes move-frames-163 {
    from {
        -webkit-transform: translate3d(12vw, 103vh, 0);
        transform: translate3d(12vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(53vw, -128vh, 0);
        transform: translate3d(53vw, -128vh, 0);
    }
}
.circle-container:nth-child(163) .circle {
    -webkit-animation-delay: 2178ms;
    animation-delay: 2178ms;
}
.circle-container:nth-child(164) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-164;
    animation-name: move-frames-164;
    -webkit-animation-duration: 8705ms;
    animation-duration: 8705ms;
    -webkit-animation-delay: 4573ms;
    animation-delay: 4573ms;
}
@-webkit-keyframes move-frames-164 {
    from {
        -webkit-transform: translate3d(8vw, 102vh, 0);
        transform: translate3d(8vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(14vw, -104vh, 0);
        transform: translate3d(14vw, -104vh, 0);
    }
}
@keyframes move-frames-164 {
    from {
        -webkit-transform: translate3d(8vw, 102vh, 0);
        transform: translate3d(8vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(14vw, -104vh, 0);
        transform: translate3d(14vw, -104vh, 0);
    }
}
.circle-container:nth-child(164) .circle {
    -webkit-animation-delay: 352ms;
    animation-delay: 352ms;
}
.circle-container:nth-child(165) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-165;
    animation-name: move-frames-165;
    -webkit-animation-duration: 8091ms;
    animation-duration: 8091ms;
    -webkit-animation-delay: 3901ms;
    animation-delay: 3901ms;
}
@-webkit-keyframes move-frames-165 {
    from {
        -webkit-transform: translate3d(84vw, 106vh, 0);
        transform: translate3d(84vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(52vw, -108vh, 0);
        transform: translate3d(52vw, -108vh, 0);
    }
}
@keyframes move-frames-165 {
    from {
        -webkit-transform: translate3d(84vw, 106vh, 0);
        transform: translate3d(84vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(52vw, -108vh, 0);
        transform: translate3d(52vw, -108vh, 0);
    }
}
.circle-container:nth-child(165) .circle {
    -webkit-animation-delay: 2333ms;
    animation-delay: 2333ms;
}
.circle-container:nth-child(166) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-166;
    animation-name: move-frames-166;
    -webkit-animation-duration: 9693ms;
    animation-duration: 9693ms;
    -webkit-animation-delay: 6099ms;
    animation-delay: 6099ms;
}
@-webkit-keyframes move-frames-166 {
    from {
        -webkit-transform: translate3d(78vw, 107vh, 0);
        transform: translate3d(78vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(38vw, -111vh, 0);
        transform: translate3d(38vw, -111vh, 0);
    }
}
@keyframes move-frames-166 {
    from {
        -webkit-transform: translate3d(78vw, 107vh, 0);
        transform: translate3d(78vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(38vw, -111vh, 0);
        transform: translate3d(38vw, -111vh, 0);
    }
}
.circle-container:nth-child(166) .circle {
    -webkit-animation-delay: 1118ms;
    animation-delay: 1118ms;
}
.circle-container:nth-child(167) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-167;
    animation-name: move-frames-167;
    -webkit-animation-duration: 9033ms;
    animation-duration: 9033ms;
    -webkit-animation-delay: 1903ms;
    animation-delay: 1903ms;
}
@-webkit-keyframes move-frames-167 {
    from {
        -webkit-transform: translate3d(93vw, 108vh, 0);
        transform: translate3d(93vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(33vw, -127vh, 0);
        transform: translate3d(33vw, -127vh, 0);
    }
}
@keyframes move-frames-167 {
    from {
        -webkit-transform: translate3d(93vw, 108vh, 0);
        transform: translate3d(93vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(33vw, -127vh, 0);
        transform: translate3d(33vw, -127vh, 0);
    }
}
.circle-container:nth-child(167) .circle {
    -webkit-animation-delay: 3229ms;
    animation-delay: 3229ms;
}
.circle-container:nth-child(168) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-168;
    animation-name: move-frames-168;
    -webkit-animation-duration: 8360ms;
    animation-duration: 8360ms;
    -webkit-animation-delay: 8244ms;
    animation-delay: 8244ms;
}
@-webkit-keyframes move-frames-168 {
    from {
        -webkit-transform: translate3d(7vw, 105vh, 0);
        transform: translate3d(7vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(79vw, -108vh, 0);
        transform: translate3d(79vw, -108vh, 0);
    }
}
@keyframes move-frames-168 {
    from {
        -webkit-transform: translate3d(7vw, 105vh, 0);
        transform: translate3d(7vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(79vw, -108vh, 0);
        transform: translate3d(79vw, -108vh, 0);
    }
}
.circle-container:nth-child(168) .circle {
    -webkit-animation-delay: 1552ms;
    animation-delay: 1552ms;
}
.circle-container:nth-child(169) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-169;
    animation-name: move-frames-169;
    -webkit-animation-duration: 8642ms;
    animation-duration: 8642ms;
    -webkit-animation-delay: 3989ms;
    animation-delay: 3989ms;
}
@-webkit-keyframes move-frames-169 {
    from {
        -webkit-transform: translate3d(33vw, 104vh, 0);
        transform: translate3d(33vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(6vw, -122vh, 0);
        transform: translate3d(6vw, -122vh, 0);
    }
}
@keyframes move-frames-169 {
    from {
        -webkit-transform: translate3d(33vw, 104vh, 0);
        transform: translate3d(33vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(6vw, -122vh, 0);
        transform: translate3d(6vw, -122vh, 0);
    }
}
.circle-container:nth-child(169) .circle {
    -webkit-animation-delay: 1116ms;
    animation-delay: 1116ms;
}
.circle-container:nth-child(170) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-170;
    animation-name: move-frames-170;
    -webkit-animation-duration: 9107ms;
    animation-duration: 9107ms;
    -webkit-animation-delay: 655ms;
    animation-delay: 655ms;
}
@-webkit-keyframes move-frames-170 {
    from {
        -webkit-transform: translate3d(85vw, 104vh, 0);
        transform: translate3d(85vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(6vw, -112vh, 0);
        transform: translate3d(6vw, -112vh, 0);
    }
}
@keyframes move-frames-170 {
    from {
        -webkit-transform: translate3d(85vw, 104vh, 0);
        transform: translate3d(85vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(6vw, -112vh, 0);
        transform: translate3d(6vw, -112vh, 0);
    }
}
.circle-container:nth-child(170) .circle {
    -webkit-animation-delay: 2983ms;
    animation-delay: 2983ms;
}
.circle-container:nth-child(171) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-171;
    animation-name: move-frames-171;
    -webkit-animation-duration: 10755ms;
    animation-duration: 10755ms;
    -webkit-animation-delay: 10396ms;
    animation-delay: 10396ms;
}
@-webkit-keyframes move-frames-171 {
    from {
        -webkit-transform: translate3d(83vw, 108vh, 0);
        transform: translate3d(83vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(64vw, -116vh, 0);
        transform: translate3d(64vw, -116vh, 0);
    }
}
@keyframes move-frames-171 {
    from {
        -webkit-transform: translate3d(83vw, 108vh, 0);
        transform: translate3d(83vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(64vw, -116vh, 0);
        transform: translate3d(64vw, -116vh, 0);
    }
}
.circle-container:nth-child(171) .circle {
    -webkit-animation-delay: 146ms;
    animation-delay: 146ms;
}
.circle-container:nth-child(172) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-172;
    animation-name: move-frames-172;
    -webkit-animation-duration: 9275ms;
    animation-duration: 9275ms;
    -webkit-animation-delay: 7768ms;
    animation-delay: 7768ms;
}
@-webkit-keyframes move-frames-172 {
    from {
        -webkit-transform: translate3d(75vw, 104vh, 0);
        transform: translate3d(75vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(14vw, -120vh, 0);
        transform: translate3d(14vw, -120vh, 0);
    }
}
@keyframes move-frames-172 {
    from {
        -webkit-transform: translate3d(75vw, 104vh, 0);
        transform: translate3d(75vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(14vw, -120vh, 0);
        transform: translate3d(14vw, -120vh, 0);
    }
}
.circle-container:nth-child(172) .circle {
    -webkit-animation-delay: 2976ms;
    animation-delay: 2976ms;
}
.circle-container:nth-child(173) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-173;
    animation-name: move-frames-173;
    -webkit-animation-duration: 8634ms;
    animation-duration: 8634ms;
    -webkit-animation-delay: 2179ms;
    animation-delay: 2179ms;
}
@-webkit-keyframes move-frames-173 {
    from {
        -webkit-transform: translate3d(78vw, 106vh, 0);
        transform: translate3d(78vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(44vw, -126vh, 0);
        transform: translate3d(44vw, -126vh, 0);
    }
}
@keyframes move-frames-173 {
    from {
        -webkit-transform: translate3d(78vw, 106vh, 0);
        transform: translate3d(78vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(44vw, -126vh, 0);
        transform: translate3d(44vw, -126vh, 0);
    }
}
.circle-container:nth-child(173) .circle {
    -webkit-animation-delay: 1807ms;
    animation-delay: 1807ms;
}
.circle-container:nth-child(174) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-174;
    animation-name: move-frames-174;
    -webkit-animation-duration: 7890ms;
    animation-duration: 7890ms;
    -webkit-animation-delay: 924ms;
    animation-delay: 924ms;
}
@-webkit-keyframes move-frames-174 {
    from {
        -webkit-transform: translate3d(32vw, 101vh, 0);
        transform: translate3d(32vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -126vh, 0);
        transform: translate3d(65vw, -126vh, 0);
    }
}
@keyframes move-frames-174 {
    from {
        -webkit-transform: translate3d(32vw, 101vh, 0);
        transform: translate3d(32vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(65vw, -126vh, 0);
        transform: translate3d(65vw, -126vh, 0);
    }
}
.circle-container:nth-child(174) .circle {
    -webkit-animation-delay: 2869ms;
    animation-delay: 2869ms;
}
.circle-container:nth-child(175) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-175;
    animation-name: move-frames-175;
    -webkit-animation-duration: 8573ms;
    animation-duration: 8573ms;
    -webkit-animation-delay: 829ms;
    animation-delay: 829ms;
}
@-webkit-keyframes move-frames-175 {
    from {
        -webkit-transform: translate3d(7vw, 110vh, 0);
        transform: translate3d(7vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(86vw, -118vh, 0);
        transform: translate3d(86vw, -118vh, 0);
    }
}
@keyframes move-frames-175 {
    from {
        -webkit-transform: translate3d(7vw, 110vh, 0);
        transform: translate3d(7vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(86vw, -118vh, 0);
        transform: translate3d(86vw, -118vh, 0);
    }
}
.circle-container:nth-child(175) .circle {
    -webkit-animation-delay: 1685ms;
    animation-delay: 1685ms;
}
.circle-container:nth-child(176) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-176;
    animation-name: move-frames-176;
    -webkit-animation-duration: 9613ms;
    animation-duration: 9613ms;
    -webkit-animation-delay: 1689ms;
    animation-delay: 1689ms;
}
@-webkit-keyframes move-frames-176 {
    from {
        -webkit-transform: translate3d(85vw, 101vh, 0);
        transform: translate3d(85vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(27vw, -127vh, 0);
        transform: translate3d(27vw, -127vh, 0);
    }
}
@keyframes move-frames-176 {
    from {
        -webkit-transform: translate3d(85vw, 101vh, 0);
        transform: translate3d(85vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(27vw, -127vh, 0);
        transform: translate3d(27vw, -127vh, 0);
    }
}
.circle-container:nth-child(176) .circle {
    -webkit-animation-delay: 3298ms;
    animation-delay: 3298ms;
}
.circle-container:nth-child(177) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-177;
    animation-name: move-frames-177;
    -webkit-animation-duration: 8876ms;
    animation-duration: 8876ms;
    -webkit-animation-delay: 3252ms;
    animation-delay: 3252ms;
}
@-webkit-keyframes move-frames-177 {
    from {
        -webkit-transform: translate3d(16vw, 106vh, 0);
        transform: translate3d(16vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(8vw, -117vh, 0);
        transform: translate3d(8vw, -117vh, 0);
    }
}
@keyframes move-frames-177 {
    from {
        -webkit-transform: translate3d(16vw, 106vh, 0);
        transform: translate3d(16vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(8vw, -117vh, 0);
        transform: translate3d(8vw, -117vh, 0);
    }
}
.circle-container:nth-child(177) .circle {
    -webkit-animation-delay: 3262ms;
    animation-delay: 3262ms;
}
.circle-container:nth-child(178) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-178;
    animation-name: move-frames-178;
    -webkit-animation-duration: 7741ms;
    animation-duration: 7741ms;
    -webkit-animation-delay: 1829ms;
    animation-delay: 1829ms;
}
@-webkit-keyframes move-frames-178 {
    from {
        -webkit-transform: translate3d(8vw, 102vh, 0);
        transform: translate3d(8vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(91vw, -123vh, 0);
        transform: translate3d(91vw, -123vh, 0);
    }
}
@keyframes move-frames-178 {
    from {
        -webkit-transform: translate3d(8vw, 102vh, 0);
        transform: translate3d(8vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(91vw, -123vh, 0);
        transform: translate3d(91vw, -123vh, 0);
    }
}
.circle-container:nth-child(178) .circle {
    -webkit-animation-delay: 628ms;
    animation-delay: 628ms;
}
.circle-container:nth-child(179) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-179;
    animation-name: move-frames-179;
    -webkit-animation-duration: 10722ms;
    animation-duration: 10722ms;
    -webkit-animation-delay: 4451ms;
    animation-delay: 4451ms;
}
@-webkit-keyframes move-frames-179 {
    from {
        -webkit-transform: translate3d(44vw, 101vh, 0);
        transform: translate3d(44vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(71vw, -117vh, 0);
        transform: translate3d(71vw, -117vh, 0);
    }
}
@keyframes move-frames-179 {
    from {
        -webkit-transform: translate3d(44vw, 101vh, 0);
        transform: translate3d(44vw, 101vh, 0);
    }
    to {
        -webkit-transform: translate3d(71vw, -117vh, 0);
        transform: translate3d(71vw, -117vh, 0);
    }
}
.circle-container:nth-child(179) .circle {
    -webkit-animation-delay: 2717ms;
    animation-delay: 2717ms;
}
.circle-container:nth-child(180) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-180;
    animation-name: move-frames-180;
    -webkit-animation-duration: 8662ms;
    animation-duration: 8662ms;
    -webkit-animation-delay: 10529ms;
    animation-delay: 10529ms;
}
@-webkit-keyframes move-frames-180 {
    from {
        -webkit-transform: translate3d(35vw, 105vh, 0);
        transform: translate3d(35vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(64vw, -107vh, 0);
        transform: translate3d(64vw, -107vh, 0);
    }
}
@keyframes move-frames-180 {
    from {
        -webkit-transform: translate3d(35vw, 105vh, 0);
        transform: translate3d(35vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(64vw, -107vh, 0);
        transform: translate3d(64vw, -107vh, 0);
    }
}
.circle-container:nth-child(180) .circle {
    -webkit-animation-delay: 2530ms;
    animation-delay: 2530ms;
}
.circle-container:nth-child(181) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-181;
    animation-name: move-frames-181;
    -webkit-animation-duration: 8549ms;
    animation-duration: 8549ms;
    -webkit-animation-delay: 6293ms;
    animation-delay: 6293ms;
}
@-webkit-keyframes move-frames-181 {
    from {
        -webkit-transform: translate3d(59vw, 105vh, 0);
        transform: translate3d(59vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(5vw, -113vh, 0);
        transform: translate3d(5vw, -113vh, 0);
    }
}
@keyframes move-frames-181 {
    from {
        -webkit-transform: translate3d(59vw, 105vh, 0);
        transform: translate3d(59vw, 105vh, 0);
    }
    to {
        -webkit-transform: translate3d(5vw, -113vh, 0);
        transform: translate3d(5vw, -113vh, 0);
    }
}
.circle-container:nth-child(181) .circle {
    -webkit-animation-delay: 3933ms;
    animation-delay: 3933ms;
}
.circle-container:nth-child(182) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-182;
    animation-name: move-frames-182;
    -webkit-animation-duration: 7961ms;
    animation-duration: 7961ms;
    -webkit-animation-delay: 3713ms;
    animation-delay: 3713ms;
}
@-webkit-keyframes move-frames-182 {
    from {
        -webkit-transform: translate3d(36vw, 109vh, 0);
        transform: translate3d(36vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(31vw, -129vh, 0);
        transform: translate3d(31vw, -129vh, 0);
    }
}
@keyframes move-frames-182 {
    from {
        -webkit-transform: translate3d(36vw, 109vh, 0);
        transform: translate3d(36vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(31vw, -129vh, 0);
        transform: translate3d(31vw, -129vh, 0);
    }
}
.circle-container:nth-child(182) .circle {
    -webkit-animation-delay: 3838ms;
    animation-delay: 3838ms;
}
.circle-container:nth-child(183) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-183;
    animation-name: move-frames-183;
    -webkit-animation-duration: 10258ms;
    animation-duration: 10258ms;
    -webkit-animation-delay: 1392ms;
    animation-delay: 1392ms;
}
@-webkit-keyframes move-frames-183 {
    from {
        -webkit-transform: translate3d(94vw, 104vh, 0);
        transform: translate3d(94vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(99vw, -131vh, 0);
        transform: translate3d(99vw, -131vh, 0);
    }
}
@keyframes move-frames-183 {
    from {
        -webkit-transform: translate3d(94vw, 104vh, 0);
        transform: translate3d(94vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(99vw, -131vh, 0);
        transform: translate3d(99vw, -131vh, 0);
    }
}
.circle-container:nth-child(183) .circle {
    -webkit-animation-delay: 2550ms;
    animation-delay: 2550ms;
}
.circle-container:nth-child(184) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-184;
    animation-name: move-frames-184;
    -webkit-animation-duration: 10981ms;
    animation-duration: 10981ms;
    -webkit-animation-delay: 4258ms;
    animation-delay: 4258ms;
}
@-webkit-keyframes move-frames-184 {
    from {
        -webkit-transform: translate3d(43vw, 109vh, 0);
        transform: translate3d(43vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(23vw, -116vh, 0);
        transform: translate3d(23vw, -116vh, 0);
    }
}
@keyframes move-frames-184 {
    from {
        -webkit-transform: translate3d(43vw, 109vh, 0);
        transform: translate3d(43vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(23vw, -116vh, 0);
        transform: translate3d(23vw, -116vh, 0);
    }
}
.circle-container:nth-child(184) .circle {
    -webkit-animation-delay: 1084ms;
    animation-delay: 1084ms;
}
.circle-container:nth-child(185) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-185;
    animation-name: move-frames-185;
    -webkit-animation-duration: 8555ms;
    animation-duration: 8555ms;
    -webkit-animation-delay: 4329ms;
    animation-delay: 4329ms;
}
@-webkit-keyframes move-frames-185 {
    from {
        -webkit-transform: translate3d(90vw, 110vh, 0);
        transform: translate3d(90vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(43vw, -131vh, 0);
        transform: translate3d(43vw, -131vh, 0);
    }
}
@keyframes move-frames-185 {
    from {
        -webkit-transform: translate3d(90vw, 110vh, 0);
        transform: translate3d(90vw, 110vh, 0);
    }
    to {
        -webkit-transform: translate3d(43vw, -131vh, 0);
        transform: translate3d(43vw, -131vh, 0);
    }
}
.circle-container:nth-child(185) .circle {
    -webkit-animation-delay: 901ms;
    animation-delay: 901ms;
}
.circle-container:nth-child(186) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-186;
    animation-name: move-frames-186;
    -webkit-animation-duration: 7768ms;
    animation-duration: 7768ms;
    -webkit-animation-delay: 2323ms;
    animation-delay: 2323ms;
}
@-webkit-keyframes move-frames-186 {
    from {
        -webkit-transform: translate3d(1vw, 102vh, 0);
        transform: translate3d(1vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(67vw, -130vh, 0);
        transform: translate3d(67vw, -130vh, 0);
    }
}
@keyframes move-frames-186 {
    from {
        -webkit-transform: translate3d(1vw, 102vh, 0);
        transform: translate3d(1vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(67vw, -130vh, 0);
        transform: translate3d(67vw, -130vh, 0);
    }
}
.circle-container:nth-child(186) .circle {
    -webkit-animation-delay: 3982ms;
    animation-delay: 3982ms;
}
.circle-container:nth-child(187) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-187;
    animation-name: move-frames-187;
    -webkit-animation-duration: 9542ms;
    animation-duration: 9542ms;
    -webkit-animation-delay: 6076ms;
    animation-delay: 6076ms;
}
@-webkit-keyframes move-frames-187 {
    from {
        -webkit-transform: translate3d(56vw, 104vh, 0);
        transform: translate3d(56vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(1vw, -127vh, 0);
        transform: translate3d(1vw, -127vh, 0);
    }
}
@keyframes move-frames-187 {
    from {
        -webkit-transform: translate3d(56vw, 104vh, 0);
        transform: translate3d(56vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(1vw, -127vh, 0);
        transform: translate3d(1vw, -127vh, 0);
    }
}
.circle-container:nth-child(187) .circle {
    -webkit-animation-delay: 1928ms;
    animation-delay: 1928ms;
}
.circle-container:nth-child(188) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-188;
    animation-name: move-frames-188;
    -webkit-animation-duration: 7878ms;
    animation-duration: 7878ms;
    -webkit-animation-delay: 2740ms;
    animation-delay: 2740ms;
}
@-webkit-keyframes move-frames-188 {
    from {
        -webkit-transform: translate3d(19vw, 104vh, 0);
        transform: translate3d(19vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(26vw, -127vh, 0);
        transform: translate3d(26vw, -127vh, 0);
    }
}
@keyframes move-frames-188 {
    from {
        -webkit-transform: translate3d(19vw, 104vh, 0);
        transform: translate3d(19vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(26vw, -127vh, 0);
        transform: translate3d(26vw, -127vh, 0);
    }
}
.circle-container:nth-child(188) .circle {
    -webkit-animation-delay: 2532ms;
    animation-delay: 2532ms;
}
.circle-container:nth-child(189) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-189;
    animation-name: move-frames-189;
    -webkit-animation-duration: 8011ms;
    animation-duration: 8011ms;
    -webkit-animation-delay: 4310ms;
    animation-delay: 4310ms;
}
@-webkit-keyframes move-frames-189 {
    from {
        -webkit-transform: translate3d(55vw, 108vh, 0);
        transform: translate3d(55vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(96vw, -130vh, 0);
        transform: translate3d(96vw, -130vh, 0);
    }
}
@keyframes move-frames-189 {
    from {
        -webkit-transform: translate3d(55vw, 108vh, 0);
        transform: translate3d(55vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(96vw, -130vh, 0);
        transform: translate3d(96vw, -130vh, 0);
    }
}
.circle-container:nth-child(189) .circle {
    -webkit-animation-delay: 2308ms;
    animation-delay: 2308ms;
}
.circle-container:nth-child(190) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-190;
    animation-name: move-frames-190;
    -webkit-animation-duration: 9477ms;
    animation-duration: 9477ms;
    -webkit-animation-delay: 9959ms;
    animation-delay: 9959ms;
}
@-webkit-keyframes move-frames-190 {
    from {
        -webkit-transform: translate3d(62vw, 104vh, 0);
        transform: translate3d(62vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(48vw, -124vh, 0);
        transform: translate3d(48vw, -124vh, 0);
    }
}
@keyframes move-frames-190 {
    from {
        -webkit-transform: translate3d(62vw, 104vh, 0);
        transform: translate3d(62vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(48vw, -124vh, 0);
        transform: translate3d(48vw, -124vh, 0);
    }
}
.circle-container:nth-child(190) .circle {
    -webkit-animation-delay: 924ms;
    animation-delay: 924ms;
}
.circle-container:nth-child(191) {
    width:1px;
    height:1px;
    -webkit-animation-name: move-frames-191;
    animation-name: move-frames-191;
    -webkit-animation-duration: 10558ms;
    animation-duration: 10558ms;
    -webkit-animation-delay: 7673ms;
    animation-delay: 7673ms;
}
@-webkit-keyframes move-frames-191 {
    from {
        -webkit-transform: translate3d(40vw, 103vh, 0);
        transform: translate3d(40vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(20vw, -115vh, 0);
        transform: translate3d(20vw, -115vh, 0);
    }
}
@keyframes move-frames-191 {
    from {
        -webkit-transform: translate3d(40vw, 103vh, 0);
        transform: translate3d(40vw, 103vh, 0);
    }
    to {
        -webkit-transform: translate3d(20vw, -115vh, 0);
        transform: translate3d(20vw, -115vh, 0);
    }
}
.circle-container:nth-child(191) .circle {
    -webkit-animation-delay: 1128ms;
    animation-delay: 1128ms;
}
.circle-container:nth-child(192) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-192;
    animation-name: move-frames-192;
    -webkit-animation-duration: 8417ms;
    animation-duration: 8417ms;
    -webkit-animation-delay: 5306ms;
    animation-delay: 5306ms;
}
@-webkit-keyframes move-frames-192 {
    from {
        -webkit-transform: translate3d(81vw, 107vh, 0);
        transform: translate3d(81vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(37vw, -135vh, 0);
        transform: translate3d(37vw, -135vh, 0);
    }
}
@keyframes move-frames-192 {
    from {
        -webkit-transform: translate3d(81vw, 107vh, 0);
        transform: translate3d(81vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(37vw, -135vh, 0);
        transform: translate3d(37vw, -135vh, 0);
    }
}
.circle-container:nth-child(192) .circle {
    -webkit-animation-delay: 1992ms;
    animation-delay: 1992ms;
}
.circle-container:nth-child(193) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-193;
    animation-name: move-frames-193;
    -webkit-animation-duration: 7324ms;
    animation-duration: 7324ms;
    -webkit-animation-delay: 10694ms;
    animation-delay: 10694ms;
}
@-webkit-keyframes move-frames-193 {
    from {
        -webkit-transform: translate3d(49vw, 108vh, 0);
        transform: translate3d(49vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(45vw, -127vh, 0);
        transform: translate3d(45vw, -127vh, 0);
    }
}
@keyframes move-frames-193 {
    from {
        -webkit-transform: translate3d(49vw, 108vh, 0);
        transform: translate3d(49vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(45vw, -127vh, 0);
        transform: translate3d(45vw, -127vh, 0);
    }
}
.circle-container:nth-child(193) .circle {
    -webkit-animation-delay: 2593ms;
    animation-delay: 2593ms;
}
.circle-container:nth-child(194) {
    width:1px;
    height: 3px;
    -webkit-animation-name: move-frames-194;
    animation-name: move-frames-194;
    -webkit-animation-duration: 9691ms;
    animation-duration: 9691ms;
    -webkit-animation-delay: 3282ms;
    animation-delay: 3282ms;
}
@-webkit-keyframes move-frames-194 {
    from {
        -webkit-transform: translate3d(7vw, 104vh, 0);
        transform: translate3d(7vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(84vw, -117vh, 0);
        transform: translate3d(84vw, -117vh, 0);
    }
}
@keyframes move-frames-194 {
    from {
        -webkit-transform: translate3d(7vw, 104vh, 0);
        transform: translate3d(7vw, 104vh, 0);
    }
    to {
        -webkit-transform: translate3d(84vw, -117vh, 0);
        transform: translate3d(84vw, -117vh, 0);
    }
}
.circle-container:nth-child(194) .circle {
    -webkit-animation-delay: 3266ms;
    animation-delay: 3266ms;
}
.circle-container:nth-child(195) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-195;
    animation-name: move-frames-195;
    -webkit-animation-duration: 7167ms;
    animation-duration: 7167ms;
    -webkit-animation-delay: 5525ms;
    animation-delay: 5525ms;
}
@-webkit-keyframes move-frames-195 {
    from {
        -webkit-transform: translate3d(92vw, 108vh, 0);
        transform: translate3d(92vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(56vw, -121vh, 0);
        transform: translate3d(56vw, -121vh, 0);
    }
}
@keyframes move-frames-195 {
    from {
        -webkit-transform: translate3d(92vw, 108vh, 0);
        transform: translate3d(92vw, 108vh, 0);
    }
    to {
        -webkit-transform: translate3d(56vw, -121vh, 0);
        transform: translate3d(56vw, -121vh, 0);
    }
}
.circle-container:nth-child(195) .circle {
    -webkit-animation-delay: 3998ms;
    animation-delay: 3998ms;
}
.circle-container:nth-child(196) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-196;
    animation-name: move-frames-196;
    -webkit-animation-duration: 10998ms;
    animation-duration: 10998ms;
    -webkit-animation-delay: 7318ms;
    animation-delay: 7318ms;
}
@-webkit-keyframes move-frames-196 {
    from {
        -webkit-transform: translate3d(25vw, 102vh, 0);
        transform: translate3d(25vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(81vw, -108vh, 0);
        transform: translate3d(81vw, -108vh, 0);
    }
}
@keyframes move-frames-196 {
    from {
        -webkit-transform: translate3d(25vw, 102vh, 0);
        transform: translate3d(25vw, 102vh, 0);
    }
    to {
        -webkit-transform: translate3d(81vw, -108vh, 0);
        transform: translate3d(81vw, -108vh, 0);
    }
}
.circle-container:nth-child(196) .circle {
    -webkit-animation-delay: 689ms;
    animation-delay: 689ms;
}
.circle-container:nth-child(197) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-197;
    animation-name: move-frames-197;
    -webkit-animation-duration: 9896ms;
    animation-duration: 9896ms;
    -webkit-animation-delay: 4624ms;
    animation-delay: 4624ms;
}
@-webkit-keyframes move-frames-197 {
    from {
        -webkit-transform: translate3d(23vw, 107vh, 0);
        transform: translate3d(23vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(94vw, -118vh, 0);
        transform: translate3d(94vw, -118vh, 0);
    }
}
@keyframes move-frames-197 {
    from {
        -webkit-transform: translate3d(23vw, 107vh, 0);
        transform: translate3d(23vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(94vw, -118vh, 0);
        transform: translate3d(94vw, -118vh, 0);
    }
}
.circle-container:nth-child(197) .circle {
    -webkit-animation-delay: 2005ms;
    animation-delay: 2005ms;
}
.circle-container:nth-child(198) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-198;
    animation-name: move-frames-198;
    -webkit-animation-duration: 8483ms;
    animation-duration: 8483ms;
    -webkit-animation-delay: 859ms;
    animation-delay: 859ms;
}
@-webkit-keyframes move-frames-198 {
    from {
        -webkit-transform: translate3d(34vw, 107vh, 0);
        transform: translate3d(34vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(78vw, -128vh, 0);
        transform: translate3d(78vw, -128vh, 0);
    }
}
@keyframes move-frames-198 {
    from {
        -webkit-transform: translate3d(34vw, 107vh, 0);
        transform: translate3d(34vw, 107vh, 0);
    }
    to {
        -webkit-transform: translate3d(78vw, -128vh, 0);
        transform: translate3d(78vw, -128vh, 0);
    }
}
.circle-container:nth-child(198) .circle {
    -webkit-animation-delay: 3332ms;
    animation-delay: 3332ms;
}
.circle-container:nth-child(199) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-199;
    animation-name: move-frames-199;
    -webkit-animation-duration: 7072ms;
    animation-duration: 7072ms;
    -webkit-animation-delay: 10235ms;
    animation-delay: 10235ms;
}
@-webkit-keyframes move-frames-199 {
    from {
        -webkit-transform: translate3d(79vw, 106vh, 0);
        transform: translate3d(79vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(9vw, -117vh, 0);
        transform: translate3d(9vw, -117vh, 0);
    }
}
@keyframes move-frames-199 {
    from {
        -webkit-transform: translate3d(79vw, 106vh, 0);
        transform: translate3d(79vw, 106vh, 0);
    }
    to {
        -webkit-transform: translate3d(9vw, -117vh, 0);
        transform: translate3d(9vw, -117vh, 0);
    }
}
.circle-container:nth-child(199) .circle {
    -webkit-animation-delay: 2626ms;
    animation-delay: 2626ms;
}
.circle-container:nth-child(200) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-200;
    animation-name: move-frames-200;
    -webkit-animation-duration: 10965ms;
    animation-duration: 10965ms;
    -webkit-animation-delay: 6645ms;
    animation-delay: 6645ms;
}
@-webkit-keyframes move-frames-200 {
    from {
        -webkit-transform: translate3d(53vw, 109vh, 0);
        transform: translate3d(53vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(24vw, -115vh, 0);
        transform: translate3d(24vw, -115vh, 0);
    }
}
@keyframes move-frames-200 {
    from {
        -webkit-transform: translate3d(53vw, 109vh, 0);
        transform: translate3d(53vw, 109vh, 0);
    }
    to {
        -webkit-transform: translate3d(24vw, -115vh, 0);
        transform: translate3d(24vw, -115vh, 0);
    }
}
.circle-container:nth-child(200) .circle {
    -webkit-animation-delay: 2269ms;
    animation-delay: 2269ms;
}


.Confirm {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 100%;
    max-height: 100%;
    height: 28rem;
    background-color: white;
    border-radius: 1rem;
    box-shadow: 0px 10px 5px -3px rgba(0, 0, 0, 0.2);
    z-index: 2000;
    border-radius: 20px;
}
.Confirm-Header {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 4rem;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    background:#02B09B ;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.Confirm-Header-Button {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1rem;
    flex: 0 0 auto;
    transition: background-color 0.3s;
}
.Confirm-Header-Button:not(:last-of-type) {
    margin-right: 1rem;
}
.Confirm-Header-Button_Close {
    background-color: #a43;
}
.Confirm-Header-Button_Close:hover {
    background-color: #c85a48;
}
.Confirm-Header-Button_Maximize {
    background-color: #cb3;
}
.Confirm-Header-Button_Maximize:hover {
    background-color: #d6c95c;
}
.Confirm-Header-Button_Minimize {
    background-color: #6a4;
}
.Confirm-Header-Button_Minimize:hover {
    background-color: #81c061;
}
.Confirm-Header-Title {
    margin: 0;
    padding: 0;
    transform: translateX(50%);
    margin-right: 50%;
    margin-left: auto;
    color: white;
    font-size: 20px;
}
.Confirm-Body {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    margin: 1rem 2rem;
}
.Confirm-Body-Title {
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}
.Confirm-Body-Button, .Confirm-Body-Button:link, .Confirm-Body-Button:visited {
    color: #fff;
    border-radius: 1rem;
    text-decoration: none;
    padding: 1rem 2rem;
    margin-bottom: 1rem;
    min-width: 10rem;
    text-align: center;
    transition: background-color 0.3s;
}
.Confirm-Body-Button_Delete {
    background-color: #a43;
}
.Confirm-Body-Button_Delete:hover {
    background-color: #c85a48;
}
.Confirm-Body-Button_Cancel {
    background-color: #6a4;
}
.Confirm-Body-Button_Cancel:hover {
    background-color: #81c061;
}

.Boi {
    --happiness: 0.9;
    --derp: 1;
    --px: 0.5;
    --py: 0.5;
    width: 22rem;
    max-width: 100%;
    height: 22rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: radial-gradient(#f7e0b2, #eb5);
    border-radius: 100%;
    overflow: hidden;
    margin: 0;
    align-self: center;
    flex: 0 0 auto;
    border: solid 2px #ecb23e;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.Boi, .Boi * {
    position: absolute;
}
.Boi::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #5a8, rgba(85, 170, 136, 0));
    opacity: calc(1 - var(--happiness));
}
.Boi-Blush {
    width: 20%;
    height: 10%;
    background-color: rgba(255, 100, 100, 0.3);
    border: 3px solid rgba(255, 100, 100, 0.3);
    top: calc(45% + var(--py) * 10%);
    border-radius: 100%;
    opacity: calc(var(--happiness) * var(--happiness) * 0.9 + 0.1);
}
.Boi-Blush_L {
    left: calc(7% + var(--px) * 2%);
}
.Boi-Blush_R {
    right: calc(9% - var(--px) * 2%);
}
.Boi-Eye {
    width: calc(26% - var(--happiness) * 2%);
    height: calc(26% - var(--happiness) * 2%);
    background-color: #f6f6f6;
    border-radius: 100%;
    top: calc(25% + var(--py) * 10%);
    overflow: hidden;
}
.Boi-Eye_L {
    left: calc(18% + var(--px) * 4%);
}
.Boi-Eye_L::after {
    transform: translate(calc((var(--px) + var(--derp) * 0.5) * 100%), calc((var(--py) + var(--derp) * 0.5) * 100%));
}
.Boi-Eye_R {
    right: calc(22% - var(--px) * 4%);
}
.Boi-Eye_R::after {
    transform: translate(calc((var(--px) + var(--derp) * -0.3) * 100%), calc((var(--py) + var(--derp) * -0.3) * 100%));
}
.Boi-Eye::after {
    content: '';
    display: block;
    background-color: #421;
    width: calc(55% - var(--happiness) * 10%);
    height: calc(55% - var(--happiness) * 10%);
    border-radius: 100%;
}
.Boi-Mouth {
    width: calc(51% - var(--happiness) * 2%);
    height: calc(26% - var(--happiness) * 2%);
    background-color: #a33;
    border-radius: calc((1 - var(--happiness)) * 10em) calc((1 - var(--happiness)) * 10em) calc(var(--happiness) * 16em) calc(var(--happiness) * 16em);
    top: calc(57.5% + var(--py) * 5%);
    left: calc(47.5% + var(--px) * 5%);
    transform: translateX(-50%);
    overflow: hidden;
    border: 3px solid #962d2d;
    /* fix safari overflow breach */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.Boi-Mouth::before {
    content: '';
    display: block;
    position: absolute;
    width: 20%;
    height: 20%;
    top: 0;
    left: 50%;
    background-color: white;
    border-radius: 0 0 0.5rem 0.5rem;
}
.Boi-Mouth::after {
    content: '';
    display: block;
    position: absolute;
    width: 60%;
    height: 50%;
    left: 10%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 20rem 20rem 0 0;
}
.zzc{
    position:fixed;left:0px;top:0px;
    background:rgba(0, 0, 0, 0.4);
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:100%;
    z-Index:800;
}
.axuanfu{
    width: 205px;height: 40px;
    display: inline-block;
    position: fixed;
    bottom: -70px;
    left:20%;
    z-index: 2000;
    border-radius: 15px;
    /*border: 1px white solid;*/
    background: white;
    color: black;
    text-align: center;
    line-height: 40px;
    letter-spacing:5px;
    font-weight: 600;
}
.axuanfu :hover{
    color: white;
}
.xfguanbi{
    width: 40px;
    height: 40px;
    display: inline-block;
    position: fixed;
    top: -2%;
    right: -3%;
    z-index: 2000;
    background: #02B09B;
    border-radius: 100%;
    cursor: pointer;
}
.theweixin{
    width: 100%;
    max-width: 100%;
    height: 23rem;
    /*top: -2%;*/
    /*left: 0%;*/
    overflow: hidden;
    margin: 0;
    z-index: 100;
    /*position: absolute;*/
}
.p_span{
    width: 80px;
    height: 22px;
    text-align: center;
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 21px;
    border-radius: 10px;
    border: 1px #02B09B solid;
    cursor: pointer;
}