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

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

@keyframes eyeball_moveleft {
    0% {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    48% {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -ms-transform: translate(4px, 4px);
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }
    98% {
        -ms-transform: translate(4px, 4px);
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }
    100% {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hand_raising {
    0% {
        transform: rotate(-87deg) translate(0, 0);
    }
    48% {
        transform: rotate(0deg) translate(-2px, -10px);
    }
    50% {
        transform: rotate(-87deg) translate(0, 0);
    }
    98% {
        transform: rotate(-87deg);
    }
    100% {
        transform: rotate(-87deg);
    }
}

@keyframes ring_line_up {
    0% {
        bottom: 71px;
    }
    24% {
        bottom: 40px;
    }
    100% {
        bottom: 260%;
    }
}

@keyframes ring_up {
    0% {
        bottom: 50px;
    }
    24% {
        bottom: 19px;
    }
    100% {
        bottom: 250%;
    }
}

@keyframes ring_line_up_1024 {
    0% {
        bottom: 91px;
    }
    24% {
        bottom: 60px;
    }
    100% {
        bottom: 260%;
    }
}

@keyframes ring_up_768 {
    0% {
        bottom: 70px;
    }
    24% {
        bottom: 39px;
    }
    100% {
        bottom: 350%;
    }
}

@keyframes ring_line_up_768 {
    0% {
        bottom: 91px;
    }
    24% {
        bottom: 60px;
    }
    100% {
        bottom: 360%;
    }
}

@keyframes ring_up_1024 {
    0% {
        bottom: 70px;
    }
    24% {
        bottom: 39px;
    }
    100% {
        bottom: 250%;
    }
}

@keyframes ring_line_down {
    0% {
        bottom: 160%;
    }
    100% {
        bottom: 90px;
    }
}

@keyframes ring_down {
    0% {
        top: -60%;
    }
    100% {
        bottom: 69px;
    }
}

@keyframes ring_line_down_1024 {
    0% {
        bottom: 160%;
    }
    100% {
        bottom: 110px;
    }
}

@keyframes ring_down_1024 {
    0% {
        top: -60%;
    }
    100% {
        bottom: 89px;
    }
}

@keyframes ring_line_down_768 {
    0% {
        bottom: 260%;
    }
    100% {
        bottom: 85px;
    }
}

@keyframes ring_down_768 {
    0% {
        top: -160%;
    }
    100% {
        bottom: 64px;
    }
}

@keyframes scaleShowUp {
    0% {
        transform: scale(0);
    }
    70% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes scaleHide {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes bottomShowUp {
    0% {
        margin-top: 0;
    }
    70% {
        margin-top: -140px;
    }
    100% {
        margin-top: -130px;
    }
}

@keyframes bottomHide {
    0% {
        margin-top: -130px;
    }
    30% {
        margin-top: -140px;
    }
    100% {
        margin-top: 0;
    }
}

@keyframes orbit {
    from {
        transform: rotate(0deg) translateX(3px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateX(3px) rotate(-360deg);
    }
}

@keyframes crumbFall {
    from {
        top: 0;
    }
    to {
        top: 100px;
    }
}

@keyframes lineLeftShake {
    0% {
        transform: rotate(0deg)
    }
    15% {
        transform: rotate(-30deg)
    }
    50% {
        transform: rotate(0deg)
    }
    65% {
        transform: rotate(-10deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

@keyframes lineRightShake {
    0% {
        transform: rotate(0deg)
    }
    15% {
        transform: rotate(30deg)
    }
    50% {
        transform: rotate(0deg)
    }
    65% {
        transform: rotate(10deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

@keyframes ItemNextToActive {
    0% {
        left: 700px;
    }
    100% {
        left: 50%;
    }
}

@keyframes ItemPreToActive {
    0% {
        left: 100px;
    }
    100% {
        left: 50%;
    }
}

@keyframes ItemActiveToPre {
    0% {
        left: 50%;
    }
    100% {
        left: 100px;
    }
}

@keyframes ItemActiveToNext {
    0% {
        left: 50%;
    }
    100% {
        left: 700px;
    }
}

@keyframes ItemNextBgToActive {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes ItemActiveBgToPre {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}

@keyframes ItemHide {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes ItemShow {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes btnShrink {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes btnShadowShrink {
    0% {
        transform: translate(0, 0);
    }
    20% {
        transform: translate(-3px, -3px);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes wasajohnShow {
    0% {
        transform: translate(0, 0);
    }
    80% {
        transform: translate(0, -73px);
    }
    100% {
        transform: translate(0, -70px);
    }
}

@keyframes dotShrinking {
    0% {
        transform: scale(0.4);
    }
    3% {
        transform: scale(0.7);
    }
    6% {
        transform: scale(0.4);
    }
    24% {
        transform: scale(0.4);
    }
    27% {
        transform: scale(0.7);
    }
    30% {
        transform: scale(0.4);
    }
    48% {
        transform: scale(0.4);
    }
    51% {
        transform: scale(0.7);
    }
    54% {
        transform: scale(0.4);
    }
    57% {
        transform: scale(0.7);
    }
    60% {
        transform: scale(0.4);
    }
    63% {
        transform: scale(0.7);
    }
    66% {
        transform: scale(0.4);
    }
    100% {
        transform: scale(0.4);
    }
}

@keyframes serviceBgInner {
    0% {
        width: 800px;
        margin-left: -400px;
        margin-top: 20px;
    }
    30% {
        width: 600px;
        margin-left: -300px;
        margin-top: -5px;
    }
    100% {
        width: 700px;
        margin-left: -350px;
        margin-top: 0px;
    }
}

@media (max-width: 1023px) {
    @keyframes serviceBgInner {
        0% {
            width: 800px;
            margin-left: -400px;
            margin-top: 20px;
        }
        100% {
            width: 140%;
            margin-left: -68%;
            margin-top: -130px;
        }
    }
}