.uc_marquee {
display: flex;
align-items: center;
overflow: hidden;
position: relative;
}
.uc_marquee > div {
position:relative;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
width: auto;
overflow: hidden;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.uc_marquee_left .uc_marquee > div{
animation-name: marquee-to-left;
}
.uc_marquee_right .uc_marquee > div{
animation-name: marquee-to-right;
}
.uc_marquee_up .uc_marquee > div{
animation-name: marquee-to-up;
}
.uc_marquee_down .uc_marquee > div{
animation-name: marquee-to-down;
}
.uc_marquee_up .uc_marquee > div,
.uc_marquee_down .uc_marquee > div{
flex-direction: column;
width: 100%;
}
.ue_marquee_title  {
position:absolute;
bottom:0px;
width:100%;
}
.uc_logo_marquee_holder{
position:relative;
text-align:center;
overflow:hidden;
}
.uc_marquee_up .uc_logo_marquee_holder,
.uc_marquee_down .uc_logo_marquee_holder{
width: 100%;
}
.uc_logo_marquee_holder a{
height:100%;
width: 100%;
display:flex;
align-items: center;
justify-content:center;
}
.ue-item-equalize-height{
align-self: stretch;
}
@keyframes marquee-to-left {
from {transform: translate(0,0)}
to {transform: translate(-50%,0)}
}
@keyframes marquee-to-right {
from {transform: translate(-50%,0)}
to {transform: translate(0,0)}
}
@keyframes marquee-to-up {
from {transform: translate(0, 25%)}
to {transform: translate(0, -25%)}
}
@keyframes marquee-to-down {
from {transform: translate(0, -25%)}
to {transform: translate(0, 25%)}
}