@-webkit-keyframes circle-small {
    0% {
        -webkit-transform: rotate(0deg) translate(-25px) rotate(0deg);
        transform: rotate(0deg) translate(-25px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-25px) rotate(-360deg);
        transform: rotate(360deg) translate(-25px) rotate(-360deg);
    }
}

@keyframes circle-small {
    0% {
        -webkit-transform: rotate(0deg) translate(-25px) rotate(0deg);
        transform: rotate(0deg) translate(-25px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-25px) rotate(-360deg);
        transform: rotate(360deg) translate(-25px) rotate(-360deg);
    }
}

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

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

@-webkit-keyframes circle-large {
    0% {
        -webkit-transform: rotate(0deg) translate(-150px) rotate(0deg);
        transform: rotate(0deg) translate(-150px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-150px) rotate(-360deg);
        transform: rotate(360deg) translate(-150px) rotate(-360deg);
    }
}

@keyframes circle-large {
    0% {
        -webkit-transform: rotate(0deg) translate(-150px) rotate(0deg);
        transform: rotate(0deg) translate(-150px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-150px) rotate(-360deg);
        transform: rotate(360deg) translate(-150px) rotate(-360deg);
    }
}

@-webkit-keyframes sm-y-move {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    100% {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
    }
}

@keyframes sm-y-move {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    100% {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
    }
}

@-webkit-keyframes md-y-move {
    0% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
}

@keyframes md-y-move {
    0% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
}

@-webkit-keyframes lg-y-move {
    0% {
        -webkit-transform: translate(0, -150%);
        transform: translate(0, -150%);
    }
    100% {
        -webkit-transform: translate(0, 150%);
        transform: translate(0, 150%);
    }
}

@keyframes lg-y-move {
    0% {
        -webkit-transform: translate(0, -150%);
        transform: translate(0, -150%);
    }
    100% {
        -webkit-transform: translate(0, 150%);
        transform: translate(0, 150%);
    }
}

@-webkit-keyframes sm-x-move {
    0% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    100% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}

@keyframes sm-x-move {
    0% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    100% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}

@-webkit-keyframes md-x-move {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}

@keyframes md-x-move {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}

@-webkit-keyframes lg-x-move {
    0% {
        -webkit-transform: translate(-150%, 0);
        transform: translate(-150%, 0);
    }
    100% {
        -webkit-transform: translate(150%, 0);
        transform: translate(150%, 0);
    }
}

@keyframes lg-x-move {
    0% {
        -webkit-transform: translate(-150%, 0);
        transform: translate(-150%, 0);
    }
    100% {
        -webkit-transform: translate(150%, 0);
        transform: translate(150%, 0);
    }
}

@-webkit-keyframes sm-xy-move {
    0% {
        -webkit-transform: translate(-10%, -10%);
        transform: translate(-10%, -10%);
    }
    100% {
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%);
    }
}

@keyframes sm-xy-move {
    0% {
        -webkit-transform: translate(-10%, -10%);
        transform: translate(-10%, -10%);
    }
    100% {
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%);
    }
}

@-webkit-keyframes md-xy-move {
    0% {
        -webkit-transform: translate(-25%, -25%);
        transform: translate(-25%, -25%);
    }
    100% {
        -webkit-transform: translate(25%, 25%);
        transform: translate(25%, 25%);
    }
}

@keyframes md-xy-move {
    0% {
        -webkit-transform: translate(-25%, -25%);
        transform: translate(-25%, -25%);
    }
    100% {
        -webkit-transform: translate(25%, 25%);
        transform: translate(25%, 25%);
    }
}

@-webkit-keyframes lg-xy-move {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    100% {
        -webkit-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
    }
}

@keyframes lg-xy-move {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    100% {
        -webkit-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
    }
}

@-webkit-keyframes sm-yx-move {
    0% {
        -webkit-transform: translate(10%, -10%);
        transform: translate(10%, -10%);
    }
    100% {
        -webkit-transform: translate(-10%, 10%);
        transform: translate(-10%, 10%);
    }
}

@keyframes sm-yx-move {
    0% {
        -webkit-transform: translate(10%, -10%);
        transform: translate(10%, -10%);
    }
    100% {
        -webkit-transform: translate(-10%, 10%);
        transform: translate(-10%, 10%);
    }
}

@-webkit-keyframes md-yx-move {
    0% {
        -webkit-transform: translate(25%, -25%);
        transform: translate(25%, -25%);
    }
    100% {
        -webkit-transform: translate(-25%, 25%);
        transform: translate(-25%, 25%);
    }
}

@keyframes md-yx-move {
    0% {
        -webkit-transform: translate(25%, -25%);
        transform: translate(25%, -25%);
    }
    100% {
        -webkit-transform: translate(-25%, 25%);
        transform: translate(-25%, 25%);
    }
}

@-webkit-keyframes lg-yx-move {
    0% {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
    100% {
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }
}

@keyframes lg-yx-move {
    0% {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
    100% {
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }
}

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

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

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

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

@-webkit-keyframes zoom-in-out {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@-webkit-keyframes fade-in-out {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes fade-in-out {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}