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

.marquee2 {
  width: 100%;
  background: #CBFF00;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}

.marquee2 div {
  padding-left: 100%;
	color: #FFF;
  display: inline-block;
  animation: animate 30s linear infinite;
}

.marquee3 {
  width: 100%;
  background: #ED1C24;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}

.marquee3 div {
  padding-left: 100%;
	color: #FFF;
  display: inline-block;
  animation: animate 30s linear infinite;
}


@keyframes animate {
  100% {
    transform: translate(-100%, 0);
  }
}

.marquee2:hover div{
  animation-play-state: paused;
}

.marquee2 div a{
	color: #FFF;
	transition:color 0.3s;
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
}

.marquee2 div a:hover{
	color:#000;
	text-decoration:none;
}

.marquee3:hover div{
  animation-play-state: paused;
}

.marquee3 div a{
	color:#FFF;
	transition:color 0.3s;
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
}

.marquee3 div a:hover{
	color:#000;
	text-decoration:none;
}