.loader_box .pong-loader {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    height: 40px;
    width: 6px;
    background-color: transparent;
    animation: paddles 0.75s ease-out infinite;body {
}
.loader_box .pong-loader {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    height: 40px;
    width: 6px;
    background-color: transparent;
    animation: paddles 0.75s ease-out infinite;
    transform: translate3d(0, 0, 0);
}
.loader_box .pong-loader:before {
    content: "";
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    width: 10px;
    height: 10px;
    background-color: #A5CE3A;
    border-radius: 50%;
    animation: ballbounce 0.6s ease-out infinite;
}
@keyframes paddles {
    0% {
        box-shadow: -25px -10px 0px #036C91, 25px 10px 0px #49ABCB;
   }
    50% {
        box-shadow: -25px 8px 0px #036C91, 25px -10px 0px #49ABCB;
   }
    100% {
        box-shadow: -25px -10px 0px #036C91, 25px 10px 0px #49ABCB;
   }
}
@keyframes ballbounce {
    0% {
        transform: translateX(-20px) scale(1, 1.2);
   }
    25% {
        transform: scale(1.2, 1);
   }
    50% {
        transform: translateX(15px) scale(1, 1.2);
   }
    75% {
        transform: scale(1.2, 1);
   }
    100% {
        transform: translateX(-20px);
   }
}

    transform: translate3d(0, 0, 0);
}
.pong-loader:before {
    content: "";
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    width: 10px;
    height: 10px;
    background-color: #A5CE3A;
    border-radius: 50%;
    animation: ballbounce 0.6s ease-out infinite;
}
@keyframes paddles {
    0% {
        box-shadow: -25px -10px 0px #036C91, 25px 10px 0px #49ABCB;
    }
    50% {
        box-shadow: -25px 8px 0px #036C91, 25px -10px 0px #49ABCB;
    }
    100% {
        box-shadow: -25px -10px 0px #036C91, 25px 10px 0px #49ABCB;
    }
}
@keyframes ballbounce {
    0% {
        transform: translateX(-20px) scale(1, 1.2);
    }
    25% {
        transform: scale(1.2, 1);
    }
    50% {
        transform: translateX(15px) scale(1, 1.2);
    }
    75% {
        transform: scale(1.2, 1);
    }
    100% {
        transform: translateX(-20px);
    }
}