.banner {
}
 .banner-info {
     padding: 5px 15px;
     background: #dddddd !important;
     color: #434343 !important;
     font-weight: 500;
     box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.06);
     overflow: hidden;
     white-space: nowrap;
}
 .banner-info span {
     display: inline-block;
     padding-left: 100%;
     -webkit-animation: scroll 20s infinite linear;
     -moz-animation: scroll 20s infinite linear;
     animation: scroll 20s infinite linear;
}
 .banner-info2 {
     padding: 5px 15px;
     background: #dddddd !important;
     color: #434343 !important;
     font-weight: 500;
     box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.06);
     overflow: hidden;
     text-overflow: eclipse;
     white-space: nowrap;
}
 .banner-info2 span {
     display: inline-block;
}

@-webkit-keyframes scroll {
     0% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
     100% {
         -webkit-transform: translate(-100%, 0);
         transform: translate(-100%, 0) 
    }
}
 @-moz-keyframes scroll {
     0% {
         -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    }
     100% {
         -moz-transform: translate(-100%, 0);
         transform: translate(-100%, 0) 
    }
}
 @keyframes scroll {
     0% {
         transform: translate(0, 0);
    }
     100% {
         transform: translate(-100%, 0) 
    }
}