/* 
The horizontal auto scroll images template
*/

.dlt_auto_scroll_ct {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	height: 100%;
	padding: 2rem 0;
}
.dlt_auto_scroll_ct > * {
    overflow: hidden;
}
.auto_scroll_box {
    position: relative;
}
.auto_scroll_box .slider {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.auto_scroll_box .slider.slider_abs {
    position: absolute;
    top: 0;
    right: 0;
}
.auto_scroll_box .slider .track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(270px * 12);
    -webkit-animation: slide 28s linear infinite;
            animation: slide 28s linear infinite;
    min-height: 450px;
	max-height: 450px;
    position: relative;
}
.auto_scroll_box .slider.slider_abs .track {
    -webkit-animation: slide2 28s linear infinite;
            animation: slide2 28s linear infinite;
    -webkit-animation-delay: 14s;
            animation-delay: 14s;
    -webkit-transition: opacity 5s;
    -o-transition: opacity 5s;
    transition: opacity 5s;
    opacity: 0;
}
.auto_scroll_box .slider .element_box {
    width: 260px;
    margin: 0 15px 0 15px;
}
.auto_scroll_box .slider .element {
    max-width: 240px;
   	max-height: 350px;
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: cover;
}
@-webkit-keyframes slide {
    from {
        -webkit-transform: translateX(-110%);
                transform: translateX(-110%);
    } to {
        -webkit-transform: translateX(90%);
                transform: translateX(90%);
    }
}
@keyframes slide {
    from {
        -webkit-transform: translateX(-110%);
                transform: translateX(-110%);
    } to {
        -webkit-transform: translateX(90%);
                transform: translateX(90%);
    }
}
@-webkit-keyframes slide2 {
    from {
        -webkit-transform: translateX(-110%);
                transform: translateX(-110%);
        opacity: 1;
    } to {
        opacity: 1;
        -webkit-transform: translateX(90%);
                transform: translateX(90%);
    }
}
@keyframes slide2 {
    from {
        -webkit-transform: translateX(-110%);
                transform: translateX(-110%);
        opacity: 1;
    } to {
        opacity: 1;
        -webkit-transform: translateX(90%);
                transform: translateX(90%);
    }
}
/* RESPONSIVE */
@media all and (min-width: 1300px) {
    .auto_scroll_box .slider .track {
        width: calc(330px* 12);
        min-height: 550px;
        max-height: 550px;
    }
    .auto_scroll_box .slider .element_box {
        width: 320px;
        margin: 0 20px 0 20px;
    }
    .auto_scroll_box .slider .element {
        max-width: 300px;
        max-height: 420px;
    }
}
@media all and (max-width: 950px) {
    .auto_scroll_box .slider .track {
        width: calc(250px* 12);
        height: 380px;
    }
    .auto_scroll_box .slider .element_box {
        width: 240px;
        margin: 0 10px 0 10px;
    }
    .auto_scroll_box .slider .element {
        max-width: 220px;
        max-height: 310px;
    }
}
@media all and (max-width: 650px) {
	.dlt_auto_scroll_ct {
		padding: 1rem 0;
	}
}