/**
 * animation styles
 */

.sb-animate{
    position: relative;
    opacity: 0;
}
.sb-animate:not(.sb-animated){
    animation: none;
}
.sb-animated{
    animation-fill-mode: both;
}

.bottom-to-top{
    animation-name:sb_btt;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275);

}

@keyframes sb_btt{
    from{
        opacity: 0;
        transform: translate(0,40px);
    }
    to{
        opacity: 1;
        transform: translate(0,0);
    }
}

.slideInLeft{
    animation-name:sb_ltr;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
@keyframes sb_ltr{
    from{
        opacity: 0;
        transform: translate(-40px,0);
    }
    to{
        opacity: 1;
        transform: translate(0,0);
    }
}

.slideInRight{
    animation-name:sb_rtl;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
@keyframes sb_rtl{
    from{
        opacity: 0;
        transform: translate(40px,0);
    }
    to{
        opacity: 1;
        transform: translate(0,0);
    }
}