.circle, .fadeInUp {
    -webkit-animation-fill-mode: both
}

.fadeInUp {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
    -webkit-animation-duration: .66s;
    animation-duration: .66s;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.fadeInUp.show {
    -webkit-animation-name: mixpadFadeInUp;
    animation-name: mixpadFadeInUp
}

.fadeInUp.delay1 {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.fadeInUp.delay2 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.fadeInUp.delay3 {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.fadeInUp.delay4 {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.fadeInUp.delay5 {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.fadeInUp.delay6 {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.fadeInUp.delay7 {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.fadeInUp.delay8 {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

.circle {
    position: absolute;
    left: 50%;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    animation-fill-mode: both;
    cursor: default
}

.animate-circle {
    -webkit-animation-duration: .66s;
    animation-duration: .66s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.animate-circle.show .circle {
    -webkit-animation-name: circleScale;
    animation-name: circleScale
}

@-webkit-keyframes circleScale {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 50%
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 50% 50%
    }
}

@keyframes circleScale {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 50%
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 50% 50%
    }
}

@-webkit-keyframes mixpadFadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 30%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes mixpadFadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 30%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}