@-webkit-keyframes playMain {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes playMain {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes play {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes play {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes arrowMove {
    0% {
        top: 50%
    }
    50% {
        top: 150%
    }
    50.1% {
        top: -50%;
        opacity: 0
    }
    100% {
        top: 50%
    }
}

@keyframes arrowMove {
    0% {
        top: 50%
    }
    50% {
        top: 150%
    }
    50.1% {
        top: -50%;
        opacity: 0
    }
    100% {
        top: 50%
    }
}

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

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

@-webkit-keyframes rotate1 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(20deg);
        transform: translate(-50%, -50%) rotate(20deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(200deg);
        transform: translate(-50%, -50%) rotate(200deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(380deg);
        transform: translate(-50%, -50%) rotate(380deg)
    }
}

@keyframes rotate1 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(20deg);
        transform: translate(-50%, -50%) rotate(20deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(200deg);
        transform: translate(-50%, -50%) rotate(200deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(380deg);
        transform: translate(-50%, -50%) rotate(380deg)
    }
}

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(-20deg);
        transform: translate(-50%, -50%) rotate(-20deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(160deg);
        transform: translate(-50%, -50%) rotate(160deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(340deg);
        transform: translate(-50%, -50%) rotate(340deg)
    }
}

@keyframes rotate2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(-20deg);
        transform: translate(-50%, -50%) rotate(-20deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(160deg);
        transform: translate(-50%, -50%) rotate(160deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(340deg);
        transform: translate(-50%, -50%) rotate(340deg)
    }
}