@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform : scale3d(1.05, 1.05, 1.05);
        transform         : scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform : scale3d(1.05, 1.05, 1.05);
        transform         : scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name : pulse;
    animation-name         : pulse;
}


@-webkit-keyframes swing {
    20% {
        -webkit-transform : rotate3d(0, 0, 1, 15deg);
        transform         : rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform : rotate3d(0, 0, 1, -10deg);
        transform         : rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform : rotate3d(0, 0, 1, 5deg);
        transform         : rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform : rotate3d(0, 0, 1, -5deg);
        transform         : rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform : rotate3d(0, 0, 1, 0deg);
        transform         : rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform : rotate3d(0, 0, 1, 15deg);
        transform         : rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform : rotate3d(0, 0, 1, -10deg);
        transform         : rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform : rotate3d(0, 0, 1, 5deg);
        transform         : rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform : rotate3d(0, 0, 1, -5deg);
        transform         : rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform : rotate3d(0, 0, 1, 0deg);
        transform         : rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin : top center;
    transform-origin         : top center;
    -webkit-animation-name   : swing;
    animation-name           : swing;
}


@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function         : cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity           : 0;
        -webkit-transform : scale3d(0.3, 0.3, 0.3);
        transform         : scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform : scale3d(1.1, 1.1, 1.1);
        transform         : scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform : scale3d(0.9, 0.9, 0.9);
        transform         : scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity           : 1;
        -webkit-transform : scale3d(1.03, 1.03, 1.03);
        transform         : scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform : scale3d(0.97, 0.97, 0.97);
        transform         : scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity           : 1;
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function         : cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity           : 0;
        -webkit-transform : scale3d(0.3, 0.3, 0.3);
        transform         : scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform : scale3d(1.1, 1.1, 1.1);
        transform         : scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform : scale3d(0.9, 0.9, 0.9);
        transform         : scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity           : 1;
        -webkit-transform : scale3d(1.03, 1.03, 1.03);
        transform         : scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform : scale3d(0.97, 0.97, 0.97);
        transform         : scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity           : 1;
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration : 0.75s;
    animation-duration         : 0.75s;
    -webkit-animation-name     : bounceIn;
    animation-name             : bounceIn;
}


@-webkit-keyframes fadeIn {
    from {
        opacity : 0;
    }

    to {
        opacity : 1;
    }
}

@keyframes fadeIn {
    from {
        opacity : 0;
    }

    to {
        opacity : 1;
    }
}

.fadeIn {
    -webkit-animation-name : fadeIn;
    animation-name         : fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name : fadeInDown;
    animation-name         : fadeInDown;
}


@-webkit-keyframes fadeInLeft {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name : fadeInLeft;
    animation-name         : fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name : fadeInLeftBig;
    animation-name         : fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name : fadeInRight;
    animation-name         : fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name : fadeInRightBig;
    animation-name         : fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name : fadeInUp;
    animation-name         : fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0);
    }

    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name : fadeInUpBig;
    animation-name         : fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity : 1;
    }

    to {
        opacity : 0;
    }
}

@keyframes fadeOut {
    from {
        opacity : 1;
    }

    to {
        opacity : 0;
    }
}

.fadeOut {
    -webkit-animation-name : fadeOut;
    animation-name         : fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name : fadeOutDown;
    animation-name         : fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name : fadeOutDownBig;
    animation-name         : fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name : fadeOutLeft;
    animation-name         : fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name : fadeOutLeftBig;
    animation-name         : fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name : fadeOutRight;
    animation-name         : fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name : fadeOutRightBig;
    animation-name         : fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name : fadeOutUp;
    animation-name         : fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -2000px, 0);
        transform         : translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity : 1;
    }

    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -2000px, 0);
        transform         : translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name : fadeOutUpBig;
    animation-name         : fadeOutUpBig;
}


.zoomIn {
    -webkit-animation-name : zoomIn;
    animation-name         : zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform                         : scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function         : cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform                         : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function : cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function         : cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform                         : scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function         : cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform                         : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function : cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function         : cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name : zoomInDown;
    animation-name         : zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform                         : scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function         : cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform                         : scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function         : cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform                         : scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function         : cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform                         : scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function         : cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name : zoomInLeft;
    animation-name         : zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform                         : scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function         : cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform                         : scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function         : cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform                         : scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function         : cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform                         : scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function         : cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-webkit-keyframes slideUp {
    0% {
        transform : translateY(0);
    }

    100% {
        transform : translateY(-100%);
    }
}

@keyframes slideUp {
    0% {
        transform : translateY(0);
    }

    100% {
        transform : translateY(-100%);
    }
}

.slideUp {
    -webkit-animation-name : slideUp;
    animation-name         : slideUp;
}

@-webkit-keyframes slideDown {
    0% {
        transform : translateY(-100%);
    }

    100% {
        transform : translateY(0);
    }
}

@keyframes slideDown {
    0% {
        transform : translateY(-100%);
    }

    100% {
        transform : translateY(0);
    }
}

.slideDown {
    -webkit-animation-name : slideDown;
    animation-name         : slideDown;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
        visibility        : visible;
    }

    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
        visibility        : visible;
    }

    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name : slideInDown;
    animation-name         : slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
        visibility        : visible;
    }

    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
        visibility        : visible;
    }

    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name : slideInLeft;
    animation-name         : slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
        visibility        : visible;
    }

    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
        visibility        : visible;
    }

    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name : slideInRight;
    animation-name         : slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
        visibility        : visible;
    }

    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
        visibility        : visible;
    }

    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name : slideInUp;
    animation-name         : slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }

    to {
        visibility        : hidden;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }

    to {
        visibility        : hidden;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name : slideOutDown;
    animation-name         : slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }

    to {
        visibility        : hidden;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }

    to {
        visibility        : hidden;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name : slideOutLeft;
    animation-name         : slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }

    to {
        visibility        : hidden;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }

    to {
        visibility        : hidden;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name : slideOutRight;
    animation-name         : slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }

    to {
        visibility        : hidden;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }

    to {
        visibility        : hidden;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name : slideOutUp;
    animation-name         : slideOutUp;
}

.animated {
    -webkit-animation-duration  : 1s;
    animation-duration          : 1s;
    -webkit-animation-fill-mode : both;
    animation-fill-mode         : both;
}

.animated.infinite {
    -webkit-animation-iteration-count : infinite;
    animation-iteration-count         : infinite;
}

.animated.delay-1s {
    -webkit-animation-delay : 1s;
    animation-delay         : 1s;
}

.animated.delay-2s {
    -webkit-animation-delay : 2s;
    animation-delay         : 2s;
}

.animated.delay-3s {
    -webkit-animation-delay : 3s;
    animation-delay         : 3s;
}

.animated.delay-4s {
    -webkit-animation-delay : 4s;
    animation-delay         : 4s;
}

.animated.delay-5s {
    -webkit-animation-delay : 5s;
    animation-delay         : 5s;
}

.animated.fast {
    -webkit-animation-duration : 800ms;
    animation-duration         : 800ms;
}

.animated.faster {
    -webkit-animation-duration : 500ms;
    animation-duration         : 500ms;
}

.animated.slow {
    -webkit-animation-duration : 2s;
    animation-duration         : 2s;
}

.animated.slower {
    -webkit-animation-duration : 3s;
    animation-duration         : 3s;
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation  : unset !important;
        animation          : unset !important;
        -webkit-transition : none !important;
        transition         : none !important;
    }
}
