@keyframes slidein-left {
    from {
        margin-left: 100%;
        width: 100%; 
        -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }

    to {
        margin-left: 0%;
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }
}

@keyframes slidein-right {
    from {
        margin-left: -100%;
        width: 100%; 
        -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }

    to {
        margin-left: 0%;
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }
}

@keyframes slideout-left {
    from {
        margin-left: 0;
        width: 100%; 
        -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }

    to {
        margin-left: -100%;
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }
}

@keyframes slideout-right {
    from {
        margin-left: 0;
        width: 100%; 
        -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }

    to {
        margin-left: 100%;
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }
}