/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

<style>
.marquee-outer {
 overflow: hidden!important;
 position: relative;
 width:100%;
}
.marquee-inner {
 position: absolute;
 width: 100%;
 height: auto;
 margin: 0;
 /*line-height: 50px;*/
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(0%);
 -webkit-transform:translateX(0%);	
 transform:translateX(0%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 300s linear infinite;
 -webkit-animation: scroll-left 300s linear infinite;
 animation: scroll-left 300s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(0%); }
 100% { -moz-transform: translateX(-7200px); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(0%); }
 100% { -webkit-transform: translateX(-7200px); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(0%); /* Browser bug fix */
 -webkit-transform: translateX(0%); /* Browser bug fix */
 transform: translateX(0%); 		
 }
 100% { 
 -moz-transform: translateX(-7200px); /* Browser bug fix */
 -webkit-transform: translateX(-7200px); /* Browser bug fix */
 transform: translateX(-7200px); 
 }
}
.marquee-inner-2 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 /*line-height: 50px;*/
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(0%);
 -webkit-transform:translateX(0%);	
 transform:translateX(0%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 300s linear infinite;
 -webkit-animation: scroll-left 300s linear infinite;
 animation: scroll-left 300s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(0%); }
 100% { -moz-transform: translateX(-4898px); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(0%); }
 100% { -webkit-transform: translateX(-4898px); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(0%); /* Browser bug fix */
 -webkit-transform: translateX(0%); /* Browser bug fix */
 transform: translateX(0%); 		
 }
 100% { 
 -moz-transform: translateX(-4898px); /* Browser bug fix */
 -webkit-transform: translateX(-4898px); /* Browser bug fix */
 transform: translateX(-4898px); 
 }
}
.marquee-inner-3 {
 z-index:0;
 position: absolute;
 width: 100%;
 margin: 0;
 /*line-height: 50px;*/
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(0%);
 -webkit-transform:translateX(0%);	
 transform:translateX(0%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 300s linear infinite;
 -webkit-animation: scroll-left 300s linear infinite;
 animation: scroll-left 300s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(0%); }
 100% { -moz-transform: translateX(-3212px); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(0%); }
 100% { -webkit-transform: translateX(-3212px); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(0%); /* Browser bug fix */
 -webkit-transform: translateX(0%); /* Browser bug fix */
 transform: translateX(0%); 		
 }
 100% { 
 -moz-transform: translateX(-3212px); /* Browser bug fix */
 -webkit-transform: translateX(-3212px); /* Browser bug fix */
 transform: translateX(-3212px); 
 }
}
</style>