/*Flatsome animation ===============*/
@media (prefers-reduced-motion: no-preference) {

    .my-fade-in-down {
        opacity: 0;
        transform: translateY(-50px);
        transition: all 0.8s ease;
    }

    .my-fade-in-down.active {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    .my-fade-in-up {
        opacity: 0;
        transform: translateY(-50px);
        transition: all 0.8s ease;
    }

    .my-fade-in-up.active {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }


    .my-fade-in-left {
        opacity: 0;
        transform: translateX(-50px);
        transition: all 0.8s ease;
    }

    .my-fade-in-left.active {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    .my-fade-zoomIn {
        opacity: 0;
        transform: scale(0.3);
        transition: opacity 1.3s ease, transform 1.3s ease;
    }

    .my-fade-zoomIn.active {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }


    /*time delay*/
    .time1s {
        transition-delay: 1s;
    }

    .time05s {
        transition-delay: 0.5s;
    }

    .time2s {
        transition-delay: 2s;
    }
}

/*Flatsome animation ===============*/