.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.forwardBack {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px; 
}
.forwardBack:hover {
    background-color: #ddd;
    color: black;
}
.previous {
  background-color: #ddd; /*#1F618D; */
  color: white;
}

.next {
  background-color: #ddd; /*#1F618D; */
  color: white;
}
.round {
  border-radius: 50%;
}
.PromoRow
    {
        display: table;
        width: 100%; /*Optional*/
        table-layout: fixed; /*Optional*/
        /*border-spacing: 10px; */ /*Optional*/
    }
.PromoColumn
    {
        display: table-cell;
        /*background-color:gray;
        opacity:0.5;*/
        text-align:center;
        vertical-align:middle
    }