.animated {
    opacity: 0;
    
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
         -o-animation-duration: 1s;
            animation-duration: 1s;
    
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
    
    }
    
    .animated.hinge {
    -webkit-animation-duration: 5s;
       -moz-animation-duration: 5s;
         -o-animation-duration: 5s;
            animation-duration: 5s;
    }
    
    
    
    /*===================================================================================*/
    /*  pulse                                                                            */
    /*===================================================================================*/
    
        @-webkit-keyframes pulse {
            0%   {-webkit-transform: scale(1);}
            50%  {-webkit-transform: scale(1.1);}
            100% {-webkit-transform: scale(1);}
        }
        @-moz-keyframes pulse {
            0%   {-moz-transform: scale(1);}
            50%  {-moz-transform: scale(1.1);}
            100% {-moz-transform: scale(1);}
        }
        @-o-keyframes pulse {
            0%   {-o-transform: scale(1);}
            50%  {-o-transform: scale(1.1);}
            100% {-o-transform: scale(1);}
        }
        @keyframes pulse {
            0%   { transform: scale(1);}
            50%  { transform: scale(1.1);}
            100% { transform: scale(1);}
        }
    
        .animated.pulse {
            opacity: 1;
    
            -webkit-animation-name: pulse;
               -moz-animation-name: pulse;
                 -o-animation-name: pulse;
                    animation-name: pulse;
        }
    
    
    
    /*===================================================================================*/
    /*  flipInX                                                                          */
    /*===================================================================================*/
    
        @-webkit-keyframes flipInX {
            0% {
                -webkit-transform: perspective(400px) rotateX(90deg);
                opacity: 0;
            }
    
            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg);
            }
    
            70% {
                -webkit-transform: perspective(400px) rotateX(10deg);
            }
    
            100% {
                -webkit-transform: perspective(400px) rotateX(0deg);
                opacity: 1;
            }
        }
        @-moz-keyframes flipInX {
            0% {
                -moz-transform: perspective(400px) rotateX(90deg);
                opacity: 0;
            }
    
            40% {
                -moz-transform: perspective(400px) rotateX(-10deg);
            }
    
            70% {
                -moz-transform: perspective(400px) rotateX(10deg);
            }
    
            100% {
                -moz-transform: perspective(400px) rotateX(0deg);
                opacity: 1;
            }
        }
        @-o-keyframes flipInX {
            0% {
                -o-transform: perspective(400px) rotateX(90deg);
                opacity: 0;
            }
    
            40% {
                -o-transform: perspective(400px) rotateX(-10deg);
            }
    
            70% {
                -o-transform: perspective(400px) rotateX(10deg);
            }
    
            100% {
                -o-transform: perspective(400px) rotateX(0deg);
                opacity: 1;
            }
        }
        @keyframes flipInX {
            0% {
                transform: perspective(400px) rotateX(90deg);
                opacity: 0;
            }
    
            40% {
                transform: perspective(400px) rotateX(-10deg);
            }
    
            70% {
                transform: perspective(400px) rotateX(10deg);
            }
    
            100% {
                transform: perspective(400px) rotateX(0deg);
                opacity: 1;
            }
        }
    
        .animated.flipInX {
            opacity: 1;
    
            -webkit-backface-visibility: visible !important;
               -moz-backface-visibility: visible !important;
                 -o-backface-visibility: visible !important;
                    backface-visibility: visible !important;
    
            -webkit-animation-name: flipInX;
               -moz-animation-name: flipInX;
                 -o-animation-name: flipInX;
                    animation-name: flipInX;
        }
    
    
    
    /*===================================================================================*/
    /*  fadeIn                                                                           */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
        }
    
        @-moz-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
        }
    
        @-o-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
        }
    
        @keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
        }
    
        .animated.fadeIn {
            opacity: 1;
    
            -webkit-animation-name: fadeIn;
               -moz-animation-name: fadeIn;
                 -o-animation-name: fadeIn;
                    animation-name: fadeIn;
        }
    
    
    
    /*===================================================================================*/
    /*  fadeInUp                                                                         */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
            }
    
            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
            }
        }
    
        @-moz-keyframes fadeInUp {
            0% {
                opacity: 0;
                -moz-transform: translateY(20px);
            }
    
            100% {
                opacity: 1;
                -moz-transform: translateY(0);
            }
        }
    
        @-o-keyframes fadeInUp {
            0% {
                opacity: 0;
                -o-transform: translateY(20px);
            }
    
            100% {
                opacity: 1;
                -o-transform: translateY(0);
            }
        }
    
        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }
    
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
    
        .animated.fadeInUp {
            opacity: 1;
    
            -webkit-animation-name: fadeInUp;
               -moz-animation-name: fadeInUp;
                 -o-animation-name: fadeInUp;
                    animation-name: fadeInUp;
        }
    
    
    
    /*===================================================================================*/
    /* fadeInDown                                                                        */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
            }
    
            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
            }
        }
    
        @-moz-keyframes fadeInDown {
            0% {
                opacity: 0;
                -moz-transform: translateY(-20px);
            }
    
            100% {
                opacity: 1;
                -moz-transform: translateY(0);
            }
        }
    
        @-o-keyframes fadeInDown {
            0% {
                opacity: 0;
                -o-transform: translateY(-20px);
            }
    
            100% {
                opacity: 1;
                -o-transform: translateY(0);
            }
        }
    
        @keyframes fadeInDown {
            0% {
                opacity: 0;
                transform: translateY(-20px);
            }
    
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
    
        .animated.fadeInDown {
            opacity: 1;
    
            -webkit-animation-name: fadeInDown;
               -moz-animation-name: fadeInDown;
                 -o-animation-name: fadeInDown;
                    animation-name: fadeInDown;
        }
    
    
    
    /*===================================================================================*/
    /*  fadeInLeft                                                                       */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-100px);
            }
    
            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
            }
        }
    
        @-moz-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -moz-transform: translateX(-100px);
            }
    
            100% {
                opacity: 1;
                -moz-transform: translateX(0);
            }
        }
    
        @-o-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -o-transform: translateX(-100px);
            }
    
            100% {
                opacity: 1;
                -o-transform: translateX(0);
            }
        }
    
        @keyframes fadeInLeft {
            0% {
                opacity: 0;
                transform: translateX(-100px);
            }
    
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }
    
        .animated.fadeInLeft {
            opacity: 1;
    
            -webkit-animation-name: fadeInLeft;
               -moz-animation-name: fadeInLeft;
                 -o-animation-name: fadeInLeft;
                    animation-name: fadeInLeft;
        }
    
    
    
    /*===================================================================================*/
    /*  fadeInRight                                                                      */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(100px);
            }
    
            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
            }
        }
    
        @-moz-keyframes fadeInRight {
            0% {
                opacity: 0;
                -moz-transform: translateX(100px);
            }
    
            100% {
                opacity: 1;
                -moz-transform: translateX(0);
            }
        }
    
        @-o-keyframes fadeInRight {
            0% {
                opacity: 0;
                -o-transform: translateX(100px);
            }
    
            100% {
                opacity: 1;
                -o-transform: translateX(0);
            }
        }
    
        @keyframes fadeInRight {
            0% {
                opacity: 0;
                transform: translateX(100px);
            }
    
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }
    
        .animated.fadeInRight {
            opacity: 1;
    
            -webkit-animation-name: fadeInRight;
               -moz-animation-name: fadeInRight;
                 -o-animation-name: fadeInRight;
                    animation-name: fadeInRight;
        }
    
    
    
    /*===================================================================================*/
    /*  fadeInUpBig                                                                      */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
            }
    
            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
            }
        }
    
        @-moz-keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -moz-transform: translateY(2000px);
            }
    
            100% {
                opacity: 1;
                -moz-transform: translateY(0);
            }
        }
    
        @-o-keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -o-transform: translateY(2000px);
            }
    
            100% {
                opacity: 1;
                -o-transform: translateY(0);
            }
        }
    
        @keyframes fadeInUpBig {
            0% {
                opacity: 0;
                transform: translateY(2000px);
            }
    
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
    
        .animated.fadeInUpBig {
            opacity: 1;
    
            -webkit-animation-name: fadeInUpBig;
               -moz-animation-name: fadeInUpBig;
                 -o-animation-name: fadeInUpBig;
                    animation-name: fadeInUpBig;
        }
    
    
    
    /*===================================================================================*/
    /*  fadeInDownBig                                                                    */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
            }
    
            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
            }
        }
    
        @-moz-keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -moz-transform: translateY(-2000px);
            }
    
            100% {
                opacity: 1;
                -moz-transform: translateY(0);
            }
        }
    
        @-o-keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -o-transform: translateY(-2000px);
            }
    
            100% {
                opacity: 1;
                -o-transform: translateY(0);
            }
        }
    
        @keyframes fadeInDownBig {
            0% {
                opacity: 0;
                transform: translateY(-2000px);
            }
    
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
    
        .animated.fadeInDownBig {
            opacity: 1;
    
            -webkit-animation-name: fadeInDownBig;
               -moz-animation-name: fadeInDownBig;
                 -o-animation-name: fadeInDownBig;
                    animation-name: fadeInDownBig;
        }
    
    
    
    /*===================================================================================*/
    /*  fadeInLeftBig                                                                    */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
            }
    
            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
            }
        }
        @-moz-keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -moz-transform: translateX(-2000px);
            }
    
            100% {
                opacity: 1;
                -moz-transform: translateX(0);
            }
        }
        @-o-keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -o-transform: translateX(-2000px);
            }
    
            100% {
                opacity: 1;
                -o-transform: translateX(0);
            }
        }
        @keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                transform: translateX(-2000px);
            }
    
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }
    
        .animated.fadeInLeftBig {
            opacity: 1;
    
            -webkit-animation-name: fadeInLeftBig;
               -moz-animation-name: fadeInLeftBig;
                 -o-animation-name: fadeInLeftBig;
                    animation-name: fadeInLeftBig;
        }
    
    
    
    /*===================================================================================*/
    /*  fadeInRightBig                                                                   */
    /*===================================================================================*/
    
        @-webkit-keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
            }
    
            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
            }
        }
    
        @-moz-keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -moz-transform: translateX(2000px);
            }
    
            100% {
                opacity: 1;
                -moz-transform: translateX(0);
            }
        }
    
        @-o-keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -o-transform: translateX(2000px);
            }
    
            100% {
                opacity: 1;
                -o-transform: translateX(0);
            }
        }
    
        @keyframes fadeInRightBig {
            0% {
                opacity: 0;
                transform: translateX(2000px);
            }
    
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }
    
        .animated.fadeInRightBig {
            opacity: 1;
    
            -webkit-animation-name: fadeInRightBig;
               -moz-animation-name: fadeInRightBig;
                 -o-animation-name: fadeInRightBig;
                    animation-name: fadeInRightBig;
        }
    
    
    
    /*===================================================================================*/
    /*  bounceIn                                                                         */  
    /*===================================================================================*/
    
        @-webkit-keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
            }
    
            50% {
                opacity: 1;
                -webkit-transform: scale(1.05);
            }
    
            70% {
                -webkit-transform: scale(.9);
            }
    
            100% {
                -webkit-transform: scale(1);
            }
        }
    
        @-moz-keyframes bounceIn {
            0% {
                opacity: 0;
                -moz-transform: scale(.3);
            }
    
            50% {
                opacity: 1;
                -moz-transform: scale(1.05);
            }
    
            70% {
                -moz-transform: scale(.9);
            }
    
            100% {
                -moz-transform: scale(1);
            }
        }
    
        @-o-keyframes bounceIn {
            0% {
                opacity: 0;
                -o-transform: scale(.3);
            }
    
            50% {
                opacity: 1;
                -o-transform: scale(1.05);
            }
    
            70% {
                -o-transform: scale(.9);
            }
    
            100% {
                -o-transform: scale(1);
            }
        }
    
        @keyframes bounceIn {
            0% {
                opacity: 0;
                transform: scale(.3);
            }
    
            50% {
                opacity: 1;
                transform: scale(1.05);
            }
    
            70% {
                transform: scale(.9);
            }
    
            100% {
                transform: scale(1);
            }
        }
    
        .animated.bounceIn {
            opacity: 1;
    
            -webkit-animation-name: bounceIn;
               -moz-animation-name: bounceIn;
                 -o-animation-name: bounceIn;
                    animation-name: bounceIn;
        }
    
    
    
    /*===================================================================================*/
    /*  bounceInUp                                                                       */
    /*===================================================================================*/
    
        @-webkit-keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
            }
    
            60% {
                opacity: 1;
                -webkit-transform: translateY(-30px);
            }
    
            80% {
                -webkit-transform: translateY(10px);
            }
    
            100% {
                -webkit-transform: translateY(0);
            }
        }
        @-moz-keyframes bounceInUp {
            0% {
                opacity: 0;
                -moz-transform: translateY(2000px);
            }
    
            60% {
                opacity: 1;
                -moz-transform: translateY(-30px);
            }
    
            80% {
                -moz-transform: translateY(10px);
            }
    
            100% {
                -moz-transform: translateY(0);
            }
        }
    
        @-o-keyframes bounceInUp {
            0% {
                opacity: 0;
                -o-transform: translateY(2000px);
            }
    
            60% {
                opacity: 1;
                -o-transform: translateY(-30px);
            }
    
            80% {
                -o-transform: translateY(10px);
            }
    
            100% {
                -o-transform: translateY(0);
            }
        }
    
        @-ms-keyframes bounceInUp {
            0% {
                opacity: 0;
                -ms-transform: translateY(2000px);
            }
    
            60% {
                opacity: 1;
                -ms-transform: translateY(-30px);
            }
    
            80% {
                -ms-transform: translateY(10px);
            }
    
            100% {
                -ms-transform: translateY(0);
            }
        }
    
        @keyframes bounceInUp {
            0% {
                opacity: 0;
                transform: translateY(2000px);
            }
    
            60% {
                opacity: 1;
                transform: translateY(-30px);
            }
    
            80% {
                transform: translateY(10px);
            }
    
            100% {
                transform: translateY(0);
            }
        }
    
        .animated.bounceInUp {
            opacity: 1;
    
            -webkit-animation-name: bounceInUp;
               -moz-animation-name: bounceInUp;
                 -o-animation-name: bounceInUp;
                    animation-name: bounceInUp;
        }
    
    
    
    /*===================================================================================*/
    /*  bounceInDown                                                                     */
    /*===================================================================================*/
    
        @-webkit-keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
            }
    
            60% {
                opacity: 1;
                -webkit-transform: translateY(30px);
            }
    
            80% {
                -webkit-transform: translateY(-10px);
            }
    
            100% {
                -webkit-transform: translateY(0);
            }
        }
    
        @-moz-keyframes bounceInDown {
            0% {
                opacity: 0;
                -moz-transform: translateY(-2000px);
            }
    
            60% {
                opacity: 1;
                -moz-transform: translateY(30px);
            }
    
            80% {
                -moz-transform: translateY(-10px);
            }
    
            100% {
                -moz-transform: translateY(0);
            }
        }
    
        @-o-keyframes bounceInDown {
            0% {
                opacity: 0;
                -o-transform: translateY(-2000px);
            }
    
            60% {
                opacity: 1;
                -o-transform: translateY(30px);
            }
    
            80% {
                -o-transform: translateY(-10px);
            }
    
            100% {
                -o-transform: translateY(0);
            }
        }
    
        @keyframes bounceInDown {
            0% {
                opacity: 0;
                transform: translateY(-2000px);
            }
    
            60% {
                opacity: 1;
                transform: translateY(30px);
            }
    
            80% {
                transform: translateY(-10px);
            }
    
            100% {
                transform: translateY(0);
            }
        }
    
        .animated.bounceInDown {
            opacity: 1;
    
            -webkit-animation-name: bounceInDown;
               -moz-animation-name: bounceInDown;
                 -o-animation-name: bounceInDown;
                    animation-name: bounceInDown;
        }
    
    
    
    /*===================================================================================*/
    /*  bounceInLeft                                                                     */
    /*===================================================================================*/
    
        @-webkit-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
            }
    
            60% {
                opacity: 1;
                -webkit-transform: translateX(30px);
            }
    
            80% {
                -webkit-transform: translateX(-10px);
            }
    
            100% {
                -webkit-transform: translateX(0);
            }
        }
    
        @-moz-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -moz-transform: translateX(-2000px);
            }
    
            60% {
                opacity: 1;
                -moz-transform: translateX(30px);
            }
    
            80% {
                -moz-transform: translateX(-10px);
            }
    
            100% {
                -moz-transform: translateX(0);
            }
        }
    
        @-o-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -o-transform: translateX(-2000px);
            }
    
            60% {
                opacity: 1;
                -o-transform: translateX(30px);
            }
    
            80% {
                -o-transform: translateX(-10px);
            }
    
            100% {
                -o-transform: translateX(0);
            }
        }
    
        @keyframes bounceInLeft {
            0% {
                opacity: 0;
                transform: translateX(-2000px);
            }
    
            60% {
                opacity: 1;
                transform: translateX(30px);
            }
    
            80% {
                transform: translateX(-10px);
            }
    
            100% {
                transform: translateX(0);
            }
        }
    
        .animated.bounceInLeft {
            opacity: 1;
    
            -webkit-animation-name: bounceInLeft;
               -moz-animation-name: bounceInLeft;
                 -o-animation-name: bounceInLeft;
                    animation-name: bounceInLeft;
        }
    
    
    
    /*===================================================================================*/
    /*  bounceInRight                                                                    */
    /*===================================================================================*/
    
        @-webkit-keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
            }
    
            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
            }
    
            80% {
                -webkit-transform: translateX(10px);
            }
    
            100% {
                -webkit-transform: translateX(0);
            }
        }
    
        @-moz-keyframes bounceInRight {
            0% {
                opacity: 0;
                -moz-transform: translateX(2000px);
            }
    
            60% {
                opacity: 1;
                -moz-transform: translateX(-30px);
            }
    
            80% {
                -moz-transform: translateX(10px);
            }
    
            100% {
                -moz-transform: translateX(0);
            }
        }
    
        @-o-keyframes bounceInRight {
            0% {
                opacity: 0;
                -o-transform: translateX(2000px);
            }
    
            60% {
                opacity: 1;
                -o-transform: translateX(-30px);
            }
    
            80% {
                -o-transform: translateX(10px);
            }
    
            100% {
                -o-transform: translateX(0);
            }
        }
    
        @keyframes bounceInRight {
            0% {
                opacity: 0;
                transform: translateX(2000px);
            }
    
            60% {
                opacity: 1;
                transform: translateX(-30px);
            }
    
            80% {
                transform: translateX(10px);
            }
    
            100% {
                transform: translateX(0);
            }
        }
    
        .animated.bounceInRight {
            opacity: 1;
    
            -webkit-animation-name: bounceInRight;
               -moz-animation-name: bounceInRight;
                 -o-animation-name: bounceInRight;
                    animation-name: bounceInRight;
        }
    
    
    
    /*===================================================================================*/
    /* rotateInUpLeft                                                                    */
    /*===================================================================================*/
    
        @-webkit-keyframes rotateInUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(90deg);
                opacity: 0;
            }
    
            100% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @-moz-keyframes rotateInUpLeft {
            0% {
                -moz-transform-origin: left bottom;
                -moz-transform: rotate(90deg);
                opacity: 0;
            }
    
            100% {
                -moz-transform-origin: left bottom;
                -moz-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @-o-keyframes rotateInUpLeft {
            0% {
                -o-transform-origin: left bottom;
                -o-transform: rotate(90deg);
                opacity: 0;
            }
    
            100% {
                -o-transform-origin: left bottom;
                -o-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @keyframes rotateInUpLeft {
            0% {
                transform-origin: left bottom;
                transform: rotate(90deg);
                opacity: 0;
            }
    
            100% {
                transform-origin: left bottom;
                transform: rotate(0);
                opacity: 1;
            }
        }
    
        .animated.rotateInUpLeft {
            opacity: 1;
    
            -webkit-animation-name: rotateInUpLeft;
               -moz-animation-name: rotateInUpLeft;
                 -o-animation-name: rotateInUpLeft;
                    animation-name: rotateInUpLeft;
        }
    
    
    
    /*===================================================================================*/
    /*  otateInDownLeft                                                                  */
    /*===================================================================================*/
    
        @-webkit-keyframes rotateInDownLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(-90deg);
                opacity: 0;
            }
    
            100% {
                -webkit-transform-origin: left bottom;
                -webkit-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @-moz-keyframes rotateInDownLeft {
            0% {
                -moz-transform-origin: left bottom;
                -moz-transform: rotate(-90deg);
                opacity: 0;
            }
    
            100% {
                -moz-transform-origin: left bottom;
                -moz-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @-o-keyframes rotateInDownLeft {
            0% {
                -o-transform-origin: left bottom;
                -o-transform: rotate(-90deg);
                opacity: 0;
            }
    
            100% {
                -o-transform-origin: left bottom;
                -o-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @keyframes rotateInDownLeft {
            0% {
                transform-origin: left bottom;
                transform: rotate(-90deg);
                opacity: 0;
            }
    
            100% {
                transform-origin: left bottom;
                transform: rotate(0);
                opacity: 1;
            }
        }
    
        .animated.rotateInDownLeft {
            opacity: 1;
    
            -webkit-animation-name: rotateInDownLeft;
               -moz-animation-name: rotateInDownLeft;
                 -o-animation-name: rotateInDownLeft;
                    animation-name: rotateInDownLeft;
        }
    
    
    
    /*===================================================================================*/
    /*  rotateInUpRight                                                                  */  
    /*===================================================================================*/
    
        @-webkit-keyframes rotateInUpRight {
            0% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(-90deg);
                opacity: 0;
            }
    
            100% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @-moz-keyframes rotateInUpRight {
            0% {
                -moz-transform-origin: right bottom;
                -moz-transform: rotate(-90deg);
                opacity: 0;
            }
    
            100% {
                -moz-transform-origin: right bottom;
                -moz-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @-o-keyframes rotateInUpRight {
            0% {
                -o-transform-origin: right bottom;
                -o-transform: rotate(-90deg);
                opacity: 0;
            }
    
            100% {
                -o-transform-origin: right bottom;
                -o-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @keyframes rotateInUpRight {
            0% {
                transform-origin: right bottom;
                transform: rotate(-90deg);
                opacity: 0;
            }
    
            100% {
                transform-origin: right bottom;
                transform: rotate(0);
                opacity: 1;
            }
        }
    
        .animated.rotateInUpRight {
            opacity: 1;
    
            -webkit-animation-name: rotateInUpRight;
               -moz-animation-name: rotateInUpRight;
                 -o-animation-name: rotateInUpRight;
                    animation-name: rotateInUpRight;
        }
    
    
    
    /*===================================================================================*/
    /*  rotateInDownRight                                                                */
    /*===================================================================================*/
    
        @-webkit-keyframes rotateInDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(90deg);
                opacity: 0;
            }
    
            100% {
                -webkit-transform-origin: right bottom;
                -webkit-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @-moz-keyframes rotateInDownRight {
            0% {
                -moz-transform-origin: right bottom;
                -moz-transform: rotate(90deg);
                opacity: 0;
            }
    
            100% {
                -moz-transform-origin: right bottom;
                -moz-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @-o-keyframes rotateInDownRight {
            0% {
                -o-transform-origin: right bottom;
                -o-transform: rotate(90deg);
                opacity: 0;
            }
    
            100% {
                -o-transform-origin: right bottom;
                -o-transform: rotate(0);
                opacity: 1;
            }
        }
    
        @keyframes rotateInDownRight {
            0% {
                transform-origin: right bottom;
                transform: rotate(90deg);
                opacity: 0;
            }
    
            100% {
                transform-origin: right bottom;
                transform: rotate(0);
                opacity: 1;
            }
        }
    
        .animated.rotateInDownRight {
            opacity: 1;
    
            -webkit-animation-name: rotateInDownRight;
               -moz-animation-name: rotateInDownRight;
                 -o-animation-name: rotateInDownRight;
                    animation-name: rotateInDownRight;
        }
    
    
    
    /*===================================================================================*/
    /*  lightSpeedRight                                                                  */
    /*===================================================================================*/
    
        @-webkit-keyframes lightSpeedRight {
            0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
            60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
            80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
            100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
        }
    
        @-moz-keyframes lightSpeedRight {
            0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
            60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
            80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
            100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
        }
    
        @-o-keyframes lightSpeedRight {
            0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
            60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
            80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
            100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
        }
    
        @keyframes lightSpeedRight {
            0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
            60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
            80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
            100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
        }
    
        .animated.lightSpeedRight {
            opacity: 1;
    
            -webkit-animation-name: lightSpeedRight;
               -moz-animation-name: lightSpeedRight;
                 -o-animation-name: lightSpeedRight;
                    animation-name: lightSpeedRight;
    
            -webkit-animation-timing-function: ease-out;
               -moz-animation-timing-function: ease-out;
                 -o-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
        }
    
        .animated.lightSpeedRight {
            opacity: 1;
    
            -webkit-animation-duration: 0.5s;
               -moz-animation-duration: 0.5s;
                 -o-animation-duration: 0.5s;
                    animation-duration: 0.5s;
        }
    
    
    
    /*===================================================================================*/
    /*  lightSpeedLeft                                                                  */
    /*===================================================================================*/
    
        @-webkit-keyframes lightSpeedLeft {
            0% { -webkit-transform: translateX(-100%) skewX(-30deg); opacity: 0; }
            60% { -webkit-transform: translateX(20%) skewX(30deg); opacity: 1; }
            80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
            100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
        }
    
        @-moz-keyframes lightSpeedLeft {
            0% { -moz-transform: translateX(-100%) skewX(-30deg); opacity: 0; }
            60% { -moz-transform: translateX(20%) skewX(30deg); opacity: 1; }
            80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
            100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
        }
    
        @-o-keyframes lightSpeedLeft {
            0% { -o-transform: translateX(-100%) skewX(-30deg); opacity: 0; }
            60% { -o-transform: translateX(20%) skewX(30deg); opacity: 1; }
            80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
            100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
        }
    
        @keyframes lightSpeedLeft {
            0% { transform: translateX(-100%) skewX(-30deg); opacity: 0; }
            60% { transform: translateX(20%) skewX(30deg); opacity: 1; }
            80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
            100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
        }
    
        .animated.lightSpeedLeft {
            opacity: 1;
    
            -webkit-animation-name: lightSpeedLeft;
               -moz-animation-name: lightSpeedLeft;
                 -o-animation-name: lightSpeedLeft;
                    animation-name: lightSpeedLeft;
    
            -webkit-animation-timing-function: ease-out;
               -moz-animation-timing-function: ease-out;
                 -o-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
        }
    
        .animated.lightSpeedLeft {
            opacity: 1;
    
            -webkit-animation-duration: 0.5s;
               -moz-animation-duration: 0.5s;
                 -o-animation-duration: 0.5s;
                    animation-duration: 0.5s;
        }
    
    
    
    /*===================================================================================*/
    /*  rollin                                                                          */
    /*===================================================================================*/
    
        /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    
        @-webkit-keyframes rollIn {
            0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
            100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
        }
    
        @-moz-keyframes rollIn {
            0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
            100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
        }
    
        @-o-keyframes rollIn {
            0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
            100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
        }
    
        @keyframes rollIn {
            0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
            100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
        }
    
        .animated.rollIn {
            opacity: 1;
    
            -webkit-animation-name: rollIn;
               -moz-animation-name: rollIn;
                 -o-animation-name: rollIn;
                    animation-name: rollIn;
        }