.logo {
    font-size : 2em;
}

.square {
    background : none repeat scroll 0 0 #ec7568;
    color      : #ffffff;
    font-size  : 2em;
    padding    : 10px;
    width      : 50px;
    transition : all 0.3s ease;
}

.square:hover {
    background    : #333333;
    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;
}