@-webkit-keyframes loop {
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-66.6%);-moz-transform:translateX(-66.6%);-o-transform:translateX(-66.6%);transform:translateX(-66.6%)}
}
@-moz-keyframes loop {
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-66.6%);-moz-transform:translateX(-66.6%);-o-transform:translateX(-66.6%);transform:translateX(-66.6%)}
}
@-o-keyframes loop {
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-66.6%);-moz-transform:translateX(-66.6%);-o-transform:translateX(-66.6%);transform:translateX(-66.6%)}
}
@-ms-keyframes loop {
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-66.6%);-moz-transform:translateX(-66.6%);-o-transform:translateX(-66.6%);transform:translateX(-66.6%)}
}
@keyframes loop {
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-66.6%);-moz-transform:translateX(-66.6%);-o-transform:translateX(-66.6%);transform:translateX(-66.6%)}
}
.marquee{position:relative;width:100%;overflow:hidden;background:#fff}
.marquee > ul{list-style:none;position:relative;z-index:1;top:0;left:0;width:1500%!important;height:201px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:loop 100s linear infinite;-moz-animation:loop 100s linear infinite;-o-animation:loop 100s linear infinite;animation:loop 100s linear infinite}
.marquee > ul > li{position:relative;text-align:justify;text-justify:distribute-all-lines;line-height:0;letter-spacing:-.31em;float:left;width:20.333333%;height:201px;overflow:hidden}
.marquee > ul > li:before{content:'';position:relative;height:100%;width:0}
.marquee > ul > li:before,.marquee > ul > li > *{vertical-align:middle;display:inline-block}
.marquee > ul > li:after{content:'.';display:inline-block;height:0!important;width:100%;overflow:hidden!important;visibility:hidden;font-size:0;word-spacing:100%}
.marquee > ul > li > *{display:inline-block;vertical-align:middle;text-align:left;line-height:1;letter-spacing:0}
.marquee > ul > li img:last-child{margin-right:65px}
.marquee > ul > li img{margin:10px 0}
@media screen and (max-width: 767px) {
.marquee > ul{width:1350%!important}
.marquee > ul > li img{margin:10px 0;max-width:75px;width:auto;max-width:135px}
.marquee > ul > li img:last-child{margin-right:25px}
}
@media screen and (max-width: 650px) {
.marquee > ul{width:1700%!important;-webkit-animation:loop 85s linear infinite;-moz-animation:loop 85s linear infinite;-o-animation:loop 85s linear infinite;animation:loop 85s linear infinite}
.marquee > ul > li img{margin:0;width:auto;max-width:135px}
}
@media screen and (max-width: 550px) {
.marquee > ul{width:2450%!important}
.marquee > ul > li img{margin:10px 0;max-width:75px;width:auto;max-width:135px}
.marquee > ul > li img:last-child{margin-right:45px}
}
@media screen and (max-width: 400px) {
.marquee > ul{width:3200%!important}
.marquee > ul > li img{margin:10px 0;max-width:75px;width:auto;max-width:135px}
.marquee > ul > li img:last-child{margin-right:25px}
}