/*-- Custom Animations --*/

/* -- animation fade in from small down start --*/

@-webkit-keyframes fadeInSmallDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes fadeInSmallDown {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes fadeInSmallDown {
    0% {
        opacity: 0;
        -o-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    100% {
        opacity: 1;
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes fadeInSmallDown {
    0% {
        opacity: 0;
        -ms-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    100% {
        opacity: 1;
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInSmallDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -25px, 0);
        -moz-transform: translate3d(0, -25px, 0);
        -o-transform: translate3d(0, -25px, 0);
        -ms-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInSmallDown {
    -webkit-animation-name: fadeInSmallDown;
    -moz-animation-name: fadeInSmallDown;
    -o-animation-name: fadeInSmallDown;
    -ms-animation-name: fadeInSmallDown;
    animation-name: fadeInSmallDown;
}

/* -- animation fade in from small down end --*/

/* -- animation fade in from small left start --*/

@-webkit-keyframes fadeInSmallLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInSmallLeft {
    0% {
        opacity: 0;
        -moz-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInSmallLeft {
    0% {
        opacity: 0;
        -o-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    100% {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@-ms-keyframes fadeInSmallLeft {
    0% {
        opacity: 0;
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    100% {
        opacity: 1;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes fadeInSmallLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-25px, 0, 0);
        -moz-transform: translate3d(-25px, 0, 0);
        -o-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInSmallLeft {
    -webkit-animation-name: fadeInSmallLeft;
    -moz-animation-name: fadeInSmallLeft;
    -o-animation-name: fadeInSmallLeft;
    -ms-animation-name: fadeInSmallLeft;
    animation-name: fadeInSmallLeft;
}

/* -- animation fade in from small left end --*/

/*-- animation fade in from small right start --*/

@-webkit-keyframes fadeInSmallRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInSmallRight {
    0% {
        opacity: 0;
        -moz-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInSmallRight {
    0% {
        opacity: 0;
        -o-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    100% {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@-ms-keyframes fadeInSmallRight {
    0% {
        opacity: 0;
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    100% {
        opacity: 1;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes fadeInSmallRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(25px, 0, 0);
        -moz-transform: translate3d(25px, 0, 0);
        -o-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInSmallRight {
    -webkit-animation-name: fadeInSmallRight;
    -moz-animation-name: fadeInSmallRight;
    -o-animation-name: fadeInSmallRight;
    -ms-animation-name: fadeInSmallRight;
    animation-name: fadeInSmallRight;
}

/* -- animation fade in from small right end --*/

/* -- animation fade in from small up start --*/

@-webkit-keyframes fadeInSmallUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInSmallUp {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInSmallUp {
    0% {
        opacity: 0;
        -o-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    100% {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@-ms-keyframes fadeInSmallUp {
    0% {
        opacity: 0;
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    100% {
        opacity: 1;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes fadeInSmallUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        -moz-transform: translate3d(0, 25px, 0);
        -o-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInSmallUp {
    -webkit-animation-name: fadeInSmallUp;
    -moz-animation-name: fadeInSmallUp;
    -o-animation-name: fadeInSmallUp;
    -ms-animation-name: fadeInSmallUp;
    animation-name: fadeInSmallUp;
}

/* -- animation fade in from small up end --*/