/* CSS Document */


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

.scroll-infinity {
    width: 100%;
/*    overflow: hidden;*/
    display: flex;
    justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
}


.scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
}

.scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0;
}

.scroll-infinity__list--left {
    animation: infinity-scroll-left 60s infinite linear;
}


.scroll-infinity__list--right{
    animation: infinity-scroll-right 60s infinite linear;
}


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


.scroll-infinity__item {
    width: 100vw; 
	display: flex;
    flex-direction: column;
	justify-content: flex-end;
}

.scroll-infinity__item>img {
    width: 100%;
}


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

@media(max-width:600px){
	
	.scroll-infinity__list--left {
		animation: infinity-scroll-left 24s infinite linear;
	}


	.scroll-infinity__list--right{
		animation: infinity-scroll-right 24s infinite linear;
	}

	
}