.circle-1 {
    position: absolute;
    width:1090px;
    width:1090px;
    top:0;
    left: 50%;
    margin-left:-545px;
    animation: fadeIn 0.4s 0.5s both;
    -webkit-animation: fadeIn 0.4s 0.5s both;
}

.circle-1-rotate {
    animation: rotate 3s 2s ease-in both;
    -webkit-animation: rotate 3s 2s ease-in both;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateX(360deg) rotateY(360deg);
        transform: rotateX(360deg) rotateY(360deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateX(360deg) rotateY(360deg);
        transform: rotateX(360deg) rotateY(360deg);
    }
}
@keyframes topShow {
    0% {
        top:10rem;
        left: 14rem;
        opacity: 0;
    }
    100% {
        top: 7rem;
        left: 14rem;
        opacity: 1;
    }
}
@-webkit-keyframes topShow {
    0% {
        top:1rem;
        left: 14rem;
        opacity: 0;
    }
    100% {
        top: 7rem;
        left: 14rem;
        opacity: 1;
    }
}
@keyframes topShow1 {
    0% {
        top:19rem;
        left: 8.6rem;
        opacity: 0;
    }
    100% {
        top: 16.5rem;
        left: 8.6rem;
        opacity: 1;
    }
}
@-webkit-keyframes topShow1 {
    0% {
        top:19rem;
        left: 8.6rem;
        opacity: 0;
    }
    100% {
        top: 16.5rem;
        left: 8.6rem;
        opacity: 1;
    }
}
@keyframes topShow2 {
    0% {
        top:17rem;
        left: 11rem;
        opacity: 0;
    }
    100% {
        top: 13.5rem;
        left: 11rem;
        opacity: 1;
    }
}
@-webkit-keyframes topShow2 {
    0% {
        top:17rem;
        left: 11rem;
        opacity: 0;
    }
    100% {
        top: 13.5rem;
        left: 11rem;
        opacity: 1;
    }
}
@keyframes topShow3 {
    0% {
        top: 16rem;
        left: 17rem;
        opacity: 0;
    }
    100% {
        top: 11.5rem;
        left: 17rem;
        opacity: 1;
    }
}
@-webkit-keyframes topShow3 {
    0% {
        top: 16rem;
        left: 17rem;
        opacity: 0;
    }
    100% {
        top: 11.5rem;
        left: 17rem;
        opacity: 1;
    }
}
@keyframes topShow4 {
    0% {
        top: 22rem;
        left: 22rem;
        opacity: 0;
    }
    100% {
        top: 17.5rem;
        left: 22rem;
        opacity: 1;
    }
}
@-webkit-keyframes topShow4 {
    0% {
        top: 22rem;
        left: 22rem;
        opacity: 0;
    }
    100% {
        top: 17.5rem;
        left: 22rem;
        opacity: 1;
    }
}
@keyframes topShow5 {
    0% {
        top: 17rem;
        left: 19rem;
        opacity: 0;
    }
    100% {
        top: 11.5rem;
        left: 19rem;
        opacity: 1;
    }
}
@-webkit-keyframes topShow5 {
    0% {
        top: 17rem;
        opacity: 0;
    }
    100% {
        top: 11.5rem;
        opacity: 1;
    }
}
@keyframes rotate-back {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotate-back {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes rotate-come {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate-come {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes goUp2 {
    0%{
        opacity: 0;
        top: -8.7rem;
    }
    100%{
        opacity: 1;
        top: -14.78rem;
    }
}
@-webkit-keyframes goUp2 {
    0%{
        opacity: 0;
        top: -8.7rem;
    }
    100%{
        opacity: 1;
        top: -13.7rem;
    }
}
@keyframes gear {
    0% {
        opacity: 0;
        transform: scale(1.5,1.5);
        -webkit-transform:scale(1.5,1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1,1);
        -webkit-transform:scale(1,1);
    }
}
@-webkit-keyframes gear {
    0% {
        opacity: 0;
        transform: scale(1.5,1.5);
        -webkit-transform:scale(1.5,1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1,1);
        -webkit-transform:scale(1,1);
    }
}
@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(1.5, 1.5) rotate(0deg);
        -webkit-transform: scale(1.5, 1.5) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.5, 1.5) rotate(180deg);
        -webkit-transform: scale(1.5, 1.5) rotate(180deg);
    }
    100% {
        transform: scale(1, 1) rotate(360deg);
        -webkit-transform: scale(1, 1) rotate(360deg);
    }
}
@-webkit-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(1.5, 1.5) rotate(0deg);
        -webkit-transform: scale(1.5, 1.5) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.5, 1.5) rotate(180deg);
        -webkit-transform: scale(1.5, 1.5) rotate(180deg);
    }
    100% {
        transform: scale(1, 1) rotate(360deg);
        -webkit-transform: scale(1, 1) rotate(360deg);
    }
}
@keyframes rotate {
    0%, 50% {
        transform: rotate(0deg);
    }
    80% {
        transform: rotate(94deg);
    }
    85% {
        transform: rotate(94deg);
    }
    90% {
        transform: rotate(88deg);
    }
    95% {
        transform: rotate(88deg);
    }
    100% {
        transform: rotate(90deg);
    }
}
@-webkit-keyframes rotate {
    0%, 50% {
        transform: rotate(0deg);
    }
    80% {
        transform: rotate(94deg);
    }
    85% {
        transform: rotate(94deg);
    }
    90% {
        transform: rotate(88deg);
    }
    95% {
        transform: rotate(88deg);
    }
    100% {
        transform: rotate(90deg);
    }
}
@keyframes rotate1 {
    0%, 50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate1 {
    0%, 50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes goUp {
    from {
        opacity: 1;
        bottom: 1.3rem;
    }
    0% {
        opacity: 0;
        bottom: 3rem;
    }
    10% {
        opacity: 1;
        bottom: 3rem;
    }
    100% {
        opacity: 1;
        bottom: 3rem;
    }
}
@-webkit-keyframes goUp {
    from {
        opacity: 1;
        bottom: 1.3rem;
    }
    0% {
        opacity: 0;
        bottom: 3rem;
    }
    10% {
        opacity: 1;
        bottom: 3rem;
    }
    100% {
        opacity: 1;
        bottom: 3rem;
    }
}
@keyframes goUp1 {
    from {
        opacity: 1;
        bottom: 1.3rem;
    }
    0% {
        opacity: 0;
        bottom: 2rem;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        bottom: 3rem;
    }
}
@-webkit-keyframes goUp1 {
    from {
        opacity: 1;
        bottom: 1.3rem;
    }
    0% {
        opacity: 0;
        bottom: 2rem;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        bottom: 3rem;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
        -webkit-transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
        -webkit-transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomIn2 {
    from {
        opacity: 0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }

    100% {
        opacity: 1;
        transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
    }
}
@-webkit-keyframes zoomIn2 {
    from {
        opacity: 0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }

    100% {
        opacity: 1;
        transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
    }
}
@keyframes zoomIn21 {
    0% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1.1);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }

    10% {
        opacity: 1;
    }

    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomIn21 {
    0% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1.1);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }

    10% {
        opacity: 1;
    }

    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomIn3 {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1);
        -webkit-transform: scale3d(.1, .1, .1);
    }

    50% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }
}
@-webkit-keyframes zoomIn3 {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1);
        -webkit-transform: scale3d(.1, .1, .1);
    }

    50% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }
}
@keyframes zoomIn4 {
    0% {
        opacity: 0;
        transform: scale3d(0.6, 0.6, 0.6);
        -webkit-transform: scale3d(0.6, 0.6, 0.6);
    }
    10% {
        opacity: 1;
    }

    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomIn4 {
    0% {
        opacity: 0;
        transform: scale3d(0.6, 0.6, 0.6);
        -webkit-transform: scale3d(0.6, 0.6, 0.6);
    }
    10% {
        opacity: 1;
    }

    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomOut {
    from {
        opacity: 0;
        transform: scale3d(1.5, 1.5, 1.5);
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 0;
        transform: scale3d(1.5, 1.5, 1.5);
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomOutIn {
    0%, 50% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    60% {
        transform: scale3d(1.07, 1.07, 1.07);
        -webkit-transform: scale3d(1.07, 1.07, 1.07);
    }
    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomOutIn {
    0%, 50% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    60% {
        transform: scale3d(1.07, 1.07, 1.07);
        -webkit-transform: scale3d(1.07, 1.07, 1.07);
    }
    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomInOut {
    0%, 50% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    60% {
        transform: scale3d(1.1, 1.1, 1.1);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomInOut {
    0%, 50% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    60% {
        transform: scale3d(1.1, 1.1, 1.1);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        right: 16rem;
        opacity: 0;
    }
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        right: 16rem;
        opacity: 0;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        left: 13rem;
        opacity: 0;
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        left: 13rem;
        opacity: 0;
    }
}
@keyframes zoomIn-star-1 {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
        -webkit-transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomIn-star-1 {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
        -webkit-transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomIn-star-2 {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
        -webkit-transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomIn-star-2 {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
        -webkit-transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}
.module-bottom {
    position: absolute;
    width: 23.55rem;
    height: 7.65rem;
    bottom: 0;
    left: 50%;
    margin-left: -11.77rem;
    text-align: center;
}