/* CSS Document */

@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
	
}


@keyframes infinity-scroll-right {
from {
  transform: translateX(-100%);
}
  to {
  transform: translateX(0);
}
	
}

.scroll-infinity__wrap {
	display: flex;
	overflow: hidden;
}
.scroll-infinity__list {
	display: flex;
	list-style: none;
	padding: 0 0 20px;
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}

.scroll-infinity__list--right{
  animation: infinity-scroll-right 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
	width: 25vw;
	padding: 0 10px;
	min-width: 250px;
}
.scroll-infinity__item>img {
  width: 100%;
}

/*
.scroll-infinity__wrap:hover .scroll-infinity__list--left{
  animation-play-state: paused;
}
*/


@media(max-width:800px){
	.scroll-infinity__list {
		padding: 0;
	}
	
	.scroll-infinity__item {
		padding: 10px;
	}
	
	.scroll-infinity__list--left {
	  animation: infinity-scroll-left 60s infinite linear 0.5s both;
	}
	
	.scroll-infinity__list--right {
	  animation: infinity-scroll-right 60s infinite linear 0.5s both;
	}
}
