/** Keyframes Start**/

@keyframes rotation_1 {
    from {
        transform: rotate(-360deg);
    }
    to {
        transform: rotate(0);
    }
}

@keyframes rotation_2 {
    from {
        transform: rotate(-360deg);
    }
    to {
        transform: rotate(0);
    }
}

@keyframes rotation_3 {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0);
    }
}

@keyframes wiggle {
    0%,
    100%,
    40%,
    7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-5deg);
    }
    30% {
        transform: rotateZ(3deg);
    }
    35% {
        transform: rotateZ(-1deg);
    }
}

@keyframes mymove {
    0%,
    100% {
        transform: rotate(0) scale(1);
    }
    50% {
        transform: rotate(-10deg) scale(1);
    }
}

@keyframes smokeL {
    0% {
        transform: scale(.2) translate(0, 0);
    }
    10% {
        opacity: 1;
        transform: scale(.2) translate(0, -5px);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(-20px, -130px);
    }
}

@keyframes smokeR {
    0% {
        transform: scale(.2) translate(0, 0);
    }
    10% {
        opacity: 1;
        transform: scale(.2) translate(0, -5px);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(20px, -130px);
    }
}

@keyframes movescooter {
    0% {
        transform: translateX(1500px);
    }
    30% {
        transform: translateX(-200px);
    }
    40% {
        transform: translateX(350px);
    }
    80% {
        transform: translateX(200px);
    }
    100% {
        transform: translateX(1200px);
    }
}

@keyframes rotatewheels {
    0% {
        transform: rotate(360deg);
    }
}

@keyframes dash_one {
    to {
        stroke-dashoffset: 2600;
    }
}

@keyframes deliverboymove {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(600px);
    }
    100% {
        transform: translateX(1000px);
    }
}

@keyframes dash {
    to {
        background-position: 100% 0, 0 100%, 0 0, 100% 100%
    }
}

@keyframes pulsing {
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

@keyframes anim-btn {
    0%,
    100% {
        background-position: 0 31%
    }
    50% {
        background-position: 100% 70%
    }
}

@keyframes lovegirl {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(250px);
    }
    100% {
        transform: translateX(580px);
    }
}

@keyframes loveboy {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-250px);
    }
    100% {
        transform: translateX(-580px);
    }
}

@keyframes tabApear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(-360deg);
    }
    to {
        -webkit-transform: rotate(0);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(-360deg);
    }
    to {
        -moz-transform: rotate(0);
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(-360deg);
    }
    to {
        -ms-transform: rotate(0);
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(-360deg);
    }
    to {
        -o-transform: rotate(0);
    }
}

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

@keyframes movescootercourier {
    0% {
        transform: translateX(0px);
    }
    30% {
        transform: translateX(-200px);
    }
    40% {
        transform: translateX(0px);
    }
    80% {
        transform: translateX(200px);
    }
    100% {
        transform: translateX(1000px);
    }
}

/** Keyframes End**/