.logo{
	font-size:2em;
}
.square {
    background: none repeat scroll 0 0 #ec7568;
    color: #fff;
    font-size: 2em;
    padding: 10px;
    width: 50px;
	transition:all 0.3s ease;
}
.square:hover{
	background:#333;
	 border-radius: 50%;
}
.img-responsive:hover{
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.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;
    }