body {
    overflow-x: hidden;
}

.hide-item-right {
    animation: hideItemRight 1s 0s 1 forwards;
}

.arrow-next, .arrow-prev, .arrow-btn {
    cursor: pointer !important;
}

@keyframes hideItemRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(200%);
        display: none;
    }
}

@-moz-keyframes hideItemRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(200%);
        display: none;
    }
}

@-webkit-keyframes hideItemRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(200%);
        display: none;
    }
}

@-o-keyframes hideItemRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(200%);
        display: none;
    }
}

.hide-item-left {
    animation: hideItemLeft 1s 0s 1 forwards;
}

@keyframes hideItemLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-200%);
        display: none;
    }
}

@-moz-keyframes hideItemLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-200%);
        display: none;
    }
}

@-webkit-keyframes hideItemLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-200%);
        display: none;
    }
}

@-o-keyframes hideItemLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-200%);
        display: none;
    }
}


.item {
    cursor: grab;
    position: absolute;
    width: 100%
}