/* themesflat animation

-------------------------------------------------------------- */

.tf-animated-twocolumn .item-animated.first {

    transform: translateX(-15px);

}

.tf-animated-twocolumn .item-animated.last {

    transform: translateX(15px);

}

.wrap-team-post .item,

.wrap-services-post .item,

.tf-animated-fadeup .elementor-widget-container,

.wrap-blog-article.blog-list .item article,

.wrap-blog-article.blog-gird .item,

.tf-posts .item,

.tf-portfolios .item,

.tf-animated .item-animated,

section .item-animated,

.tf-animated-column-elementor .elementor-column,

.wrap-tf-button .wrap-tf-button2 {

    opacity: 0;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0);

}

.tf-animated-fadeup .elementor-widget-container,

.wrap-blog-article.blog-list .item article.tfanimated,

.wrap-blog-article.blog-gird .item.tfanimated,

.tf-posts .item.tfanimated,

.wrap-team-post .item.tfanimated,

.wrap-services-post .item.tfanimated,

.tf-portfolios .item.tfanimated,

.tf-animated .item-animated.tfanimated,

section .item-animated.tfanimated,

.tf-animated-column-elementor .elementor-column.tfanimated,

.tf-animated-twocolumn .item-animated.tfanimated.first,

.tf-animated-twocolumn .item-animated.tfanimated.last,

.wrap-tf-button .wrap-tf-button2.tfanimated {

    -webkit-transform: none !important;

    -ms-transform: none !important;

    transform: none !important;

    opacity: 1 !important;

    -webkit-transition: opacity 0.8s linear, -webkit-transform 0.8s ease-in-out;

    transition: opacity 0.8s linear, -webkit-transform 0.8s ease-in-out;

    transition: transform 0.8s ease-in-out, opacity 0.8s linear;

    transition: transform 0.8s ease-in-out, opacity 0.8s linear,

        -webkit-transform 0.8s ease-in-out;

}



/* hover top */

.tf-animated-hover-top {

    transition: all 0.5s;

    transform: translateY(0);

}

.tf-animated-hover-top:hover {

    transform: translateY(-20px);

}

.tf-animated-hover-top-s2 {

    transition: all 0.5s;

    transform: translateY(0);

}

.tf-animated-hover-top-s2:hover {

    transform: translateY(-5px);

}



.tf-animated-fadeleft .elementor-widget-container {

    opacity: 0;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0);

}



.tf-animated-fadeleft .elementor-widget-container.tfanimated {

    -webkit-transform: none !important;

    -ms-transform: none !important;

    transform: none !important;

    opacity: 1 !important;

    -webkit-transition: opacity 0.8s linear, -webkit-transform 0.8s ease-in-out;

    transition: opacity 0.8s linear, -webkit-transform 0.8s ease-in-out;

    transition: transform 0.8s ease-in-out, opacity 0.8s linear;

    transition: transform 0.8s ease-in-out, opacity 0.8s linear,

        -webkit-transform 0.8s ease-in-out;

}



.tf-animated-faderight .elementor-widget-container {

    opacity: 0;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0);

}



.tf-animated-faderight .elementor-widget-container.tfanimated {

    -webkit-transform: none !important;

    -ms-transform: none !important;

    transform: none !important;

    opacity: 1 !important;

    -webkit-transition: opacity 0.8s linear, -webkit-transform 0.8s ease-in-out;

    transition: opacity 0.8s linear, -webkit-transform 0.8s ease-in-out;

    transition: transform 0.8s ease-in-out, opacity 0.8s linear;

    transition: transform 0.8s ease-in-out, opacity 0.8s linear,

        -webkit-transform 0.8s ease-in-out;

}



.tf-animated-fadedown .elementor-widget-container {

    opacity: 0;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

}



.tf-animated-fadedown .elementor-widget-container.tfanimated {

    -webkit-transform: none !important;

    -ms-transform: none !important;

    transform: none !important;

    opacity: 1 !important;

    -webkit-transition: opacity 0.8s linear, -webkit-transform 0.8s ease-in-out;

    transition: opacity 0.8s linear, -webkit-transform 0.8s ease-in-out;

    transition: transform 0.8s ease-in-out, opacity 0.8s linear;

    transition: transform 0.8s ease-in-out, opacity 0.8s linear,

        -webkit-transform 0.8s ease-in-out;

}