@font-face {
  font-family: digital;
  src: url(digitalcd.ttf);
}

.scroll_msg {
	position:absolute;
	height: 50px;  
	overflow: hidden;
	color: #fff;
	display:inline-block;
	top:10px;
	float:left;
	z-index:1;
	width:calc(100% - 202px);
	margin-left:200px;
	border:0px solid #ccc;
	font-family: 'digital';
	overflow-x: hidden;
 }
.scroll_msg h3 {
	overflow-x: hidden;
	font-family: 'digital';
	letter-spacing: 2px;
	white-space: nowrap;
	font-size: 18px;
	color: fff;
	position: absolute;
	width: 110%;
	height: 100%;
	margin: 0;
	line-height: 15px;
	text-align: left;

	/* Starting position */
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
	
	/* Apply animation to this element */  
	-moz-animation: scroll_msg 50s linear infinite;
	-webkit-animation: scroll_msg 50s linear infinite;
	animation: scroll_msg 50s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes scroll_msg {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll_msg {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll_msg {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);       
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}