html, body {margin:0; padding: 0; width: 100%;}
.promo-notifications{
	background: #;
	font-size: 18px;
  width: 100%;
  font-family: 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}

.promo-notifications ul{
	width: 100%;
	height: 35px;
	position: relative;
	overflow: hidden;
}

.promo-notifications li{
	width: 980px;
	line-height: 35px;
  height: 35px;
	position: absolute;
	top: 0;
	left: 100%;
	text-align: center;
	list-style: none;
}
.running {
  width: 100%;
  height: 64px;
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  overflow: hidden;
}

.marquee {
  position: absolute;
  animation: scroll 10s linear infinite
}



.cont{
  width: 100%;
  overflow: hidden;
  background: #FAD00C;
  font-size: 20px;
  
}

.scorri{
  position:relative;
  display: flex;
  width: 100%;
  animation-name: marquee;
  animation-duration: 13s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  justify-content: space-between;
  background: #FAD00C;
  font-weight:bold; 
  color:#000000;
  text-align: center;
}

.tithome{
  display: contents;
}

.tithome li{
  width: fit-content;
  display: inline-block;
  list-style: none;
  padding-right: 50px;
  font-size: 18px;
  
}

@keyframes marquee {
  0% { left: 0; }
  100% {left: -88.79%;}
}