/* animation */

@-webkit-keyframes slide {
    from{
        background-position: 0px;
    }
    to{
        background-position: -118px;
    }
}

@keyframes slide {
    from{
        background-position: 0px;
    }
    to{
        background-position: -118px;
    }
}


@media (min-width: 1024px) {

    /* content fade in on scroll */
    .animate, .loadin {
        opacity: 0;
        -webkit-transform: translateY(75px);
        -ms-transform: translateY(75px);
        transform: translateY(75px);
        will-change: opacity, transform;
    }

    .animate.in, #page.load .loadin {
        -webkit-transition: opacity 1.2s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
        transition: opacity 1.2s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
        -o-transition: opacity 1.2s cubic-bezier(0.2, 1, 0.3, 1), transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
        transition: opacity 1.2s cubic-bezier(0.2, 1, 0.3, 1), transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
        transition: opacity 1.2s cubic-bezier(0.2, 1, 0.3, 1), transform 1.2s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1.2s cubic-bezier(0, 0, .25, 1);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    .animate .subanimate {
        opacity: 0;
        position: relative;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    .animate.in .subanimate {
        -webkit-transition: -webkit-transform .9s cubic-bezier(0, 0, .25, 1);
        transition: -webkit-transform .9s cubic-bezier(0, 0, .25, 1);
        -o-transition: transform .9s cubic-bezier(0, 0, .25, 1);
        transition: transform .9s cubic-bezier(0, 0, .25, 1);
        transition: transform .9s cubic-bezier(0, 0, .25, 1), -webkit-transform .9s cubic-bezier(0, 0, .25, 1);
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    .animate.delay {
        opacity: 0;
        transition-delay: .3s;
    }

    .animate.delay.in {
        opacity: 1 !important;
    }

}

@media (max-width: 720px){

    .aos-init.in{opacity: 1; transform: translateZ(0);}

}