@-webkit-keyframes scrollRtL {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
@keyframes scrollRtL {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
@-webkit-keyframes scrollLtR {
    0% { transform: translate(-100%, 0); }
    100% { transform: translate(0, 0); }
}
@keyframes scrollLtR {
    0% { transform: translate(-100%, 0); }
    100% { transform: translate(0, 0); }
}

.rtl {
    -webkit-animation: scrollRtL 8s linear infinite;
    animation: scrollRtL 8s linear infinite;
}
.ltr {
    -webkit-animation: scrollLtR 7s linear infinite;
    animation: scrollLtR 7s linear infinite;
}

.rtl2 {
    -webkit-animation: scrollRtL 6s linear infinite;
    animation: scrollRtL 6s linear infinite;
}

.rowContainer {
    height: 150px;
}
.brandRow {
    white-space: nowrap;
    font-size: 0;
}

.cell {
    display: inline-block;
    width: 125px;
    color: white;
    margin: 5px;
}

.photobanner {
    height: 150px;
    width: 100vw;
    overflow: hidden;
    margin-bottom: 20px;
    max-width: 100vw;
}


.brand-slider-thumb {
    width: 80px;
    height: 80px;
    margin-bottom: 8px;
    position: relative;
}

.brand-slider-description {
    text-align: center;
    height: 25px;
    max-width: 80px;
    font-size: 10px;
    margin: 0 8px 8px 8px;
    overflow: hidden;
}

/*keyframe animations*/
.first {
    -webkit-animation: bannermove 150s linear infinite;
    -moz-animation: bannermove 150s linear infinite;
    -ms-animation: bannermove 150s linear infinite;
    -o-animation: bannermove 150s linear infinite;
    animation: bannermove 150s linear infinite;
}

@keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -21250px;
    }

}

@-moz-keyframes bannermove {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -21250px;
    }

}

@-webkit-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -21250px;
    }

}

@-ms-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -21250px;
    }

}

@-o-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -21250px;
    }

}

.photocontainer {
    width: 100%;
    overflow: hidden;
}

.photobannerrtl {
    height: 150px;
    width: 100vw;
    overflow: hidden;
    margin-bottom: 20px;
    max-width: 100vw;
}


.firstrtl {
    -webkit-animation: bannermovertl 145s linear infinite;
    -moz-animation: bannermovertl 145s linear infinite;
    -ms-animation: bannermovertl 145s linear infinite;
    -o-animation: bannermovertl 145s linear infinite;
    animation: bannermovertl 145s linear infinite;
}

@keyframes "bannermovertl" {
    100% {
        margin-left: 0px;
    }
    0% {
        margin-left: -15000px;
    }

}

@-moz-keyframes bannermovertl {
    100% {
        margin-left: 0px;
    }
    0% {
        margin-left: -15000px;
    }

}

@-webkit-keyframes "bannermovertl" {
    100% {
        margin-left: 0px;
    }
    0% {
        margin-left: -15000px;
    }

}

@-ms-keyframes "bannermovertl" {
    100% {
        margin-left: 0px;
    }
    0% {
        margin-left: -15000px;
    }

}

@-o-keyframes "bannermovertl" {
    100% {
        margin-left: 0px;
    }
    0% {
        margin-left: -15000px;
    }

}