#scroll_down_img_container {
    width: 36px;
    height: 36px;
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -18px;
    text-align: center;
    z-index: 20;

    cursor: pointer;

    -webkit-animation: scroll-down-anim ease-in-out 1s infinite;
    -moz-animation: scroll-down-anim ease-in-out 1s infinite;
    -o-animation: scroll-down-anim ease-in-out 1s infinite;
    animation: scroll-down-anim ease-in-out 1s infinite;
}

#scroll_down_img {
    background: #00d1b240;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: block;
    line-height: 48px;
}

@-webkit-keyframes scroll-down-anim {
    0%,100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes scroll-down-anim {
    0%,100% {
        -moz-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes scroll-down-anim {
    0%,100% {
        -o-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes scroll-down-anim {
    0%,100% {
        transform: translateY(-8px);
    }

    50% {
        transform: translateY(0);
    }
}