[role="slots-providers-demo"]>div {
    border: solid #CEAD6E;
    border-width: 0 1em 0 1em;
}


[role="slots-providers-demo"] li {
 	border: solid 2px #444444;
    width: 10em;
    height: 8em;
    cursor: pointer;
    background-color: black;
 }

[role="slots-providers-demo"] li:hover, [role="slots-providers-demo"] li.active{
	border-color: #FFDF9C;
}


[role="lives-providers-demo"] li {
	width: 50%;
	/*height: 10em;*/
	background-color: black;
}
[role="lives-providers-demo"] li img {
	width: 100%;
}

[role="lotto-provider-demo"] li {
	width: 24%;
	margin-left: 3px;
	margin-right: 3px;
	background-color: #E1E1E1;
}
[role="lotto-provider-demo"] li:hover {
	background-color: #FFDF9C;
}

[role="lotto-provider-demo"] img {
	width: 100%;
}

[role="banner"] {
	position: relative;
}
div[role="banner"] > img {
    width: 100%;
}

[role="banner"] > div {
	 position: absolute;
    bottom: 0;
    height: 3em;
    left: 0;
    right: 0;
    line-height: 3em;
    background-color: rgba(0,0,0,.3);
}
[role="banner"] [role="content"] img{
	float: left;
	height: 100%;
}
[role="banner"] [role="content"] p{
	overflow: hidden;
    white-space: nowrap;
    line-height: 3em;
    font-size: 1em;

   	animation-name: marquee;
    /*animation-duration: 80s;*/
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
[role="banner"] [role="content"] p:hover{
	animation-play-state: paused;
}