.ds-carousel-section {
overflow: hidden;
}
.ds-carousel-logo {
width: 20%;
float: left;
}
.ds-image-carousel {
float: left;
position: absolute;
padding: 0;
opacity: 0;
z-index: 0;
}
.ds-image-carousel-first {
position: relative;
z-index: 1;
-webkit-animation: first 15s 1 linear forwards;
animation: first 15s 1 linear forwards;
}
.ds-image-carousel-second,
.ds-image-carousel-third {
-webkit-animation: rest 30s infinite linear;
animation: rest 30s infinite linear;
}
.ds-image-carousel-third {
-webkit-animation-delay: 15s;
animation-delay: 15;
}
@keyframes first {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
z-index: 1;
}
99.99% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1;
z-index: 1;
}
100% {
opacity: 0;
z-index: 0;
}
}
@keyframes rest {
0.01% {
opacity: 0;
z-index: 0;
}
0.011% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 1;
z-index: 1;
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1;
}
}
.ds-carousel-section:hover .ds-image-carousel {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}
}
.et-fixed-header { display:none; }