.background-scroller {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    background-position: 0 0;

    animation-timing-function: linear;
    animation-delay: 0s;

    animation-iteration-count: infinite;

    animation-direction: normal;

    animation-play-state: running;
}

@keyframes animatedRightToLeft {
	0%   {
    	background-position: 0 0;
    }
    50%  {
    	background-position: 100% 0;
    }
    100%  {
    	background-position: 0 0;
    }
}

@keyframes animatedLeftToRight {
	0%   {
    	background-position: 100% 0;
    }
    50%  {
    	background-position: 0 0;
    }
    100%  {
    	background-position: 100% 0;
    }
}

@keyframes animatedBottomToTop {
	0%   {
    	background-position: 0 100%;
    }
    50%  {
    	background-position: 0 0;
    }
    100%  {
    	background-position: 0 100%;
    }
}

@keyframes animatedTopToBottom {
	0%   {
		background-position: 0 0;
    }
    50%  {
    	background-position: 0 100%;
    }
    100%  {
    	background-position: 0 0;
    }
}

@keyframes animatedD {
    0%   {
        background-position: 100% 0;
    }
    50%  {
        background-position: 0 100%;
    }
    100%  {
        background-position: 100% 0;
    }
}

@keyframes animatedD2 {
    0%   {
        background-position: 100% 100%;
    }
    50%  {
        background-position: 0 0;
    }
    100%  {
        background-position: 100% 100%;
    }
}

@keyframes animatedDr {
    0%   {
        background-position: 0 100%;
    }
    50%  {
        background-position: 100% 0;
    }
    100%  {
        background-position: 0 100%;
    }
}

@keyframes animatedD2r {
    0%   {
        background-position: -100% -100%;
    }
    50%  {
        background-position: 0 0;
    }
    100%  {
        background-position: -100% -100%;
    }
}