/* Effects */
/* Slide In Right */
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@-moz-keyframes slideInRight {
    0% {
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        -moz-transform: none;
        transform: none;
    }
}
@-ms-keyframes slideInRight {
    0% {
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        -ms-transform: none;
        transform: none;
    }
}
@-o-keyframes slideInRight {
    0% {
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        -o-transform: none;
        transform: none;
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.slide-in-right {
    -webkit-animation: slideInRight .3s both;
    -moz-animation: slideInRight .3s both;
    -ms-animation: slideInRight .3s both;
    -o-animation: slideInRight .3s both;
    animation: slideInRight .3s both;
}

/* Slide Out Right */
@-webkit-keyframes slideOutRight {
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    0% {
    }
}
@-moz-keyframes slideOutRight {
    100% {
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    0% {
    }
}
@-ms-keyframes slideOutRight {
    100% {
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    0% {
    }
}
@-o-keyframes slideOutRight {
    100% {
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    0% {
    }
}
@keyframes slideOutRight {
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    0% {
    }
}

.slide-out-right {
    -webkit-animation: slideOutRight .3s both;
    -moz-animation: slideOutRight .3s both;
    -ms-animation: slideOutRight .3s both;
    -o-animation: slideOutRight .3s both;
    animation: slideOutRight .3s both;
}

/* Slide In Left */
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@-moz-keyframes slideInLeft {
    0% {
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        -moz-transform: none;
        transform: none;
    }
}
@-ms-keyframes slideInLeft {
    0% {
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        -ms-transform: none;
        transform: none;
    }
}
@-o-keyframes slideInLeft {
    0% {
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        -o-transform: none;
        transform: none;
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.slide-in-left {
    -webkit-animation: slideInLeft .3s both;
    -moz-animation: slideInLeft .3s both;
    -ms-animation: slideInLeft .3s both;
    -o-animation: slideInLeft .3s both;
    animation: slideInLeft .3s both;
}

/* Slide Out Left */
@-webkit-keyframes slideOutLeft {
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    0% {
    }
}
@-moz-keyframes slideOutLeft {
    100% {
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    0% {
    }
}
@-ms-keyframes slideOutLeft {
    100% {
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    0% {
    }
}
@-o-keyframes slideOutLeft {
    100% {
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    0% {
    }
}
@keyframes slideOutLeft {
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    0% {
    }
}

.slide-out-left {
    -webkit-animation: slideOutLeft .3s both;
    -moz-animation: slideOutLeft .3s both;
    -ms-animation: slideOutLeft .3s both;
    -o-animation: slideOutLeft .3s both;
    animation: slideOutLeft .3s both;
}