.gd-chr {
    position: absolute;
    top: 0px;
    left: 0px;
}

.gd-chr.gd-ani {
    animation-timing-function: steps(1, jump-start);
    animation-iteration-count: infinite;
}

.gd-chr.gd-rbsword {
    width: 84px;
    height: 84px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../images/rb-character/Full\ Spritesheet350.png);
    z-index: 10;
    display: none;
}



@keyframes gd-keyframe-rbsword-5 {
    0% { background-position-x: -0px; }
    20% { background-position-x: -84px; }
    40% { background-position-x: -168px; }
    60% { background-position-x: -252px; }
    80% { background-position-x: -336px; }
    100% { background-position-x: 0px; }
}




.gd-ani.gd-rbsword.gd-attack {
    animation-duration:0.4s;
    animation-name: gd-keyframe-rbsword-5;
}

.gd-rbsword.gd-attack.gd-angle-0 {
    background-position-y: -756px;
    z-index: 5;
}

.gd-rbsword.gd-attack.gd-angle-90 {
    background-position-y: -840px;
}

.gd-rbsword.gd-attack.gd-angle-180 {
    background-position-y: -672px;
}

.gd-rbsword.gd-attack.gd-angle-270 {
    background-position-y: -924px;
}

.gd-rbsword.gd-attack.gd-angle-45 {
    background-position-y: -756px;
}

.gd-rbsword.gd-attack.gd-angle-135 {
    background-position-y: -840px;
}

.gd-rbsword.gd-attack.gd-angle-225 {
    background-position-y: -924px;
}

.gd-rbsword.gd-attack.gd-angle-315 {
    background-position-y: -756px;
}