/*bounce_block - css 5 */

.netbee_bounce_image>div {
    -webkit-animation-name: jump;
    -moz-animation-name: jump;
    animation-name: jump;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
}

.netbee_bounce_image {
    overflow: visible;
    position: relative;
    margin-bottom: 50px;
}

.netbee_bounce_image.netbee_with_shadow::before {
    content: '';
    position: absolute;
    height: 5px;
    border-radius: 50%/5px;
    bottom: 20px;
    box-shadow: 0px 35px 30px 0 #000;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes jump {
    0% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(-0);
    }
    50% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(-30px);
    }
    100% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}