div.calmarquee {
    width: 700px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    display: inline-block;
}

.calmarquee span {
    display: inline-block;
    padding-left: 0%;
    -webkit-animation: calmarquee 15s linear infinite;
    animation: calmarquee 15s linear infinite;
 }
.calmarquee span span { animation: none;
 -webkit-animation: none; }

.calmarquee span:hover {
    -webkit-animation-play-state: paused
    animation-play-state: paused
}

/* Make it move */
@-webkit-keyframes calmarquee {
     0%   { -webkit-transform: translateY(100%); }
     100% { -webkit-transform: translateY(-100%); }
}
@keyframes calmarquee {
     0%   { transform: translateY(100%); }
     100% { transform: translateY(-100%); }
}