/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	width: 100%;
    margin: 0;
    padding:10px 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #d88100;
    
}
/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask { 
	position: relative;
	width: 100%;
	overflow: hidden;
    
    height: 80px;
}
ul.newsticker { /* that's your list */
position: relative;
list-style-type: none;
margin: 0;
padding: 0;

}
/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {
	float: left; 
	margin: 3px;
	padding: 0; 
}
ul.newsticker li a{font-weight:bold;font-size: 50px;
text-decoration: none;
color: #fff;
display: flex;
align-items: center;}
ul.newsticker li a span{
    background: #ffffff;
    height: 6px;
    display: block;
    width: 40px;
    margin: 0 20px;
}