@charset "utf-8";
/* CSS Document */

#news-bar {
	padding: 6px 12px;
	line-height: 16px;
	height: 32px;
	background-color: #146bad;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

#news-bar #news-content {
	overflow: hidden;
	position: relative;
	height: 20px;
}

.marquee > div {
	display: inline-block;
	animation: marquee 60s linear infinite;
}

#news-bar #news-content .new-title, #news-bar #news-content .new-content {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	line-height: 20px;
	font-size: 20px;
}

#news-bar #news-content .new-title {
	color: #ddd;
}

@keyframes marquee {
  0% { transform: translateX(100vw); }
  100% { transform: translateX(-100%); }
}

@-webkit-keyframes marquee {
  0% { transform: translateX(100vw); }
  100% { transform: translateX(-100%); }
}