/*------------------------------ ajax slider default animation ------------------*/


.sr-pages {
    position: relative;
    overflow-x: clip;
    padding: 0px 15px;
    height: inherit;
}

.sr-page {
    padding: 30px 0px;
}

.sr-page.next-slide {
    position: absolute;
    top: 0;
    transform: translateX(150%);
    opacity: 0;
}

.sr-page.anime_out {
    transform: translateX(-150%);
}

.sr-page.anime_in {
    transform: translateX(0%) translateY(-100%);
}

.sr-page {
    transition: transform 500ms ease, opacity 500ms ease;
    ;
}