.home header,
.home footer{
    opacity:0;
    transition: all 0.3s ease;
}

.home.open-page header,
.home.open-page footer{
    opacity:1;
}

.home .fnc--slider--inner__text .text-block{
    opacity:0;
    transform: translateY(150px);
    transition:all 1s ease 0.3s;
}

.home.open-page .fnc--slider--inner__text .text-block{
    transform: translateY(0);
    opacity:1;
}

.home .fnc--slider--inner__text .img-block{
    opacity:0;
    transform: translateX(150px);
    transition:all 1s ease 0.3s;
}

.home.open-page .fnc--slider--inner__text .img-block{
    opacity:1;
    transform: translateX(0);
}

.advantage:first-child,
.type-tent:first-child,
.consult,
.faq-answer:first-child,
.materials ul li:first-child,
.repair .repair-list > div:first-child,
.expert-answer:first-child{
    transition:all 0.8s ease 0s;
}

.advantage:nth-child(2),
.type-tent:nth-child(2),
.faq-answer:nth-child(2),
.materials ul li:nth-child(2),
.repair .repair-list > div:nth-child(2),
.expert-answer:nth-child(2){
    transition:all 0.8s ease 0.2s;
}

.advantage:nth-child(3),
.type-tent:nth-child(3),
.faq-answer:nth-child(3),
.materials ul li:nth-child(3),
.repair .repair-list > div:nth-child(3),
.expert-answer:nth-child(3){
    transition:all 0.8s ease 0.4s;
}

.advantage:last-child,
.type-tent:nth-child(4),
.faq-answer:nth-child(4),
.materials ul li:last-child,
.repair .repair-list > div:last-child,
.expert-answer:last-child{
    transition:all 0.8s ease 0.6s;
}

.type-tent:nth-child(5),
.faq-answer:nth-child(5){
    transition:all 0.8s ease 0.8s;
}

.type-tent:nth-child(6),
.faq-answer:nth-child(6){
    transition:all 0.8s ease 1s;
}

.faq .button-block{
    transition:all 0.8s ease 1.4s;
}


.consult .title-consult,
.consult .button-block,
.swiper-cases{
    transition:all 0.8s ease 0.6s;
}
.consult,
.consult .title-consult,
.consult .button-block,
.swiper-cases,
.faq .button-block{
    opacity:0;
}

.consult.active,
.consult.active .title-consult,
.consult.active .button-block,
section.active .swiper-cases,
.faq.active .button-block{
    opacity:1;
}

section .advantage,
.type-tent,
.faq-answer,
.materials ul li{
    transform: translateX(150px);
    opacity:0;
}

.repair .repair-list > div{
    transform: translateX(-150px);
    opacity:0;
}

.expert2009 ul li{
    transform: translateY(150px);
    opacity:0;
}

section.active .advantage,
section.active .type-tent,
.faq.active .faq-answer,
.materials.active ul li,
.repair.active .repair-list > div,
.expert2009.active ul li{
    transform: translateX(0);
    opacity:1;
} 

.home .description__advantage,
.description__step,
.step__home:before,
.name__step,
.list__card{
    transform: translateY(50px);
    opacity:0;
}

.home.open-page .description__advantage,
section.active .description__step,
section.active .step__home:before,
section.active .name__step,
section.active .list__card{
    transform: translateY(0);
    opacity:1;
} 

/*sections*/

section .content-block > h2, 
section .content-block > h3{
    transition:all 1s ease;
}

.content-block > h3 + .after-h, 
.content-block > h2 + .after-h{
    transition:all 1s ease 0.4s;
}

section .content-block > h2, 
section .content-block > h3,
.content-block > h3 + .after-h, 
.content-block > h2 + .after-h{
    transform: translateY(50px);
    opacity:0;

}

section.active .content-block > h2,
section.active .content-block > h3,
section.active .content-block > h3 + .after-h, 
section.active .content-block > h2 + .after-h{
    opacity:1;
    transform: translateY(0);
}

/*repair*/

.repair .form-block,
.order .slider-block{
    transform: translateY(50px);
    opacity:0;
    transition:all 0.8s ease 0.8s;
}

.repair.active .form-block,
.order.active .slider-block{
    opacity:1;
    transform: translateY(0);
}

/*materials*/

.materials .flex-block > .img-block{
    transform: translateX(-150px);
    opacity:0;
    transition:all 1s ease 0.8s;
}

.materials.active .flex-block > .img-block{
    opacity:1;
    transform: translateX(0);
}

/*expert2009*/

.expert2009 .bg-img{
    transition:all 1s ease 0.4s;
    opacity:0;
    transform: scale(0);
}

.expert2009.active .bg-img{
    opacity:1;
    transform: scale(1);
}

/*order*/

.order ol li:first-child{
    transition:all 0.8s ease 0.3s;
}

.order ol li:nth-child(2){
    transition:all 0.8s ease 0.6s;
}

.order ol li:nth-child(3){
    transition:all 0.8s ease 0.9s;
}

.order .text-block .button-block{
    transition:all 0.8s ease 1.2s;
}


.order ol li,
.order .text-block .button-block{
    transform: translateX(-150px);
    opacity:0;
}

.order.active ol li,
.order.active .text-block .button-block{
    opacity:1;
    transform: translateX(0);
}



/*contacts*/

.contacts .text-block{
    transform: translateX(-150px);
    opacity:0;
    transition:all 1s ease 0.4s;
}

.contacts.active .text-block{
    opacity:1;
    transform: translateX(0);
}


.fancybox-content .repair *,
.fancybox-content .repair-list > div{
    transform: translate(0) !important;
    opacity:1 !important;
}


@media (max-width: 1300px){

    .home .fnc--slider--inner__text .img-block {
        transform: translate(0, 150px);
        transition: all 1s ease 0.6s;
    }
    
    section .advantage, .type-tent, .faq-answer, .materials ul li {
        transform: translate(0, 150px);
    }

    .home.open-page .fnc--slider--inner__text .img-block,
    section.active .advantage, 
    section.active .type-tent, 
    section.active .faq-answer, 
    .materials.active ul li {
        transform: translate(0, 0);
    }

}