.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



@-webkit-keyframes fadeIn {

    0% {

        opacity:0

    }

    to {

        opacity:1

    }

}

@keyframes fadeIn {

    0% {

        opacity:0

    }

    to {

        opacity:1

    }

}





@-webkit-keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    to {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    to {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}

@-webkit-keyframes fadeInUpBig {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 2000px, 0);

        transform:translate3d(0, 2000px, 0)

    }

    to {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUpBig {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 2000px, 0);

        transform:translate3d(0, 2000px, 0)

    }

    to {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig

}

@-webkit-keyframes fadeOut {

    0% {

        opacity:1

    }

    to {

        opacity:0

    }

}

@keyframes fadeOut {

    0% {

        opacity:1

    }

    to {

        opacity:0

    }

}

.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut

}

@-webkit-keyframes fadeOutDown {

    0% {

        opacity:1

    }

    to {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

}

@keyframes fadeOutDown {

    0% {

        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 {

    0% {

        opacity:1

    }

    to {

        opacity:0;

        -webkit-transform:translate3d(0, 2000px, 0);

        transform:translate3d(0, 2000px, 0)

    }

}

@keyframes fadeOutDownBig {

    0% {

        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 {

    0% {

        opacity:1

    }

    to {

        opacity:0;

        -webkit-transform:translate3d(-100%, 0, 0);

        transform:translate3d(-100%, 0, 0)

    }

}

@keyframes fadeOutLeft {

    0% {

        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 {

    0% {

        opacity:1

    }

    to {

        opacity:0;

        -webkit-transform:translate3d(-2000px, 0, 0);

        transform:translate3d(-2000px, 0, 0)

    }

}

@keyframes fadeOutLeftBig {

    0% {

        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 {

    0% {

        opacity:1

    }

    to {

        opacity:0;

        -webkit-transform:translate3d(100%, 0, 0);

        transform:translate3d(100%, 0, 0)

    }

}

@keyframes fadeOutRight {

    0% {

        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 {

    0% {

        opacity:1

    }

    to {

        opacity:0;

        -webkit-transform:translate3d(2000px, 0, 0);

        transform:translate3d(2000px, 0, 0)

    }

}

@keyframes fadeOutRightBig {

    0% {

        opacity:1

    }

    to {

        opacity:0;

        -webkit-transform:translate3d(2000px, 0, 0);

        transform:translate3d(2000px, 0, 0)

    }

}