@keyframes marqueeX {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes marqueeX_r {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes blk {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    31% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@keyframes sway {

    0%,
    100% {
        transform: rotate(-3deg);
    }

    50% {
        transform: rotate(3deg);
    }
}

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

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

@keyframes scale_opa {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

.scop {
    animation: scale_opa infinite 2s;
}

.spin {
    animation: spin 10s infinite linear;
}

.spin2 {
    animation: spin2 10s infinite linear;
}


.sway {
    animation: sway 1s infinite ease-in-out;
}


.sway_top {
    animation: sway 2s infinite ease-in-out;
    transform-origin: top;
}

.sway_bot {
    animation: sway 2s infinite ease-in-out;
    transform-origin: bottom;
}

.sway_left_top {
    animation: sway 2s infinite ease-in-out;
    transform-origin: top left;
}

.sway_right_top {
    animation: sway 2s infinite ease-in-out;
    transform-origin: right top;
}

.sway_left_bot {
    animation: sway 2s infinite ease-in-out;
    transform-origin: left bottom;
}

.sway_right_bot {
    animation: sway 2s infinite ease-in-out;
    transform-origin: right bottom
}

.animate-blk {
    animation: blk 1s infinite ease-in-out;
}

.image_sd_wrap {
    overflow: hidden;
}

.image_sd .absol {
    left: 100%;
}

.image_sd_r .absol {
    right: 100%;
}

.image_sd {
    animation: marqueeX 20s infinite linear;
}

.image_sd_r {
    animation: marqueeX_r 20s infinite linear;
}