.home header,
.home footer{
    opacity:0;
    transition: all 0.5s ease;
}

.home.open-page header,
.home.open-page footer{
    opacity:1;
}

body:before{
    opacity:0;
    z-index:-1;
    transform: translateY(-150px);
    transition:all 1s ease 0.5s;
}

body.open-page:before{
    opacity:1;
    transform: translateY(0);
}

.home .first-screen .text-block{
    opacity:0;
    transform: translateY(150px);
    transition:all 1s ease 0.5s;
}

.home.open-page .first-screen .text-block{
    transform: translateY(0);
    opacity:1;
}

.home .first-screen .img-block{
    opacity:0;
    z-index:-1;
    transform: translateY(-150px);
    transition:all 1s ease 0.5s;
}

.home.open-page .first-screen .img-block{
    opacity:1;
    transform: translateY(0);
}

.advantage:first-child > *{
    transition:all 1s ease 0.8s;
}

.advantage:nth-child(2) > *{
    transition:all 1s ease 1.2s;
}

.advantage:last-child > *{
    transition:all 1s ease 1.6s;
}

.step__home:first-child > *,
.step__home:first-child:before,
.list__card:first-child{
    transition:all 1s ease 0.4s;
}

.step__home:nth-child(2) > *,
.step__home:nth-child(2):before,
.list__card:nth-child(2){
    transition:all 1s ease 0.8s;
}

.step__home:last-child > *,
.step__home:last-child:before,
.list__card:last-child{
    transition:all 1s ease 1.2s;
}

.advantages__home .image__advantage,
.step__home .img-block{
    transform: scale(0.1);
    opacity:0;
}

.advantages__home.active .image__advantage,
section.active .step__home .img-block{
    transform: scale(1);
    opacity:1;
} 
.advantages__home .title__advantage,
.advantages__home .description__advantage,
.description__step,
.step__home:before,
.name__step,
.list__card,
.cat__block{
    transform: translateY(50px);
    opacity:0;
}

.advantages__home.active .title__advantage,
.advantages__home.active .description__advantage,
section.active .description__step,
section.active .step__home:before,
section.active .name__step,
section.active .list__card,
section.active .cat__block{
    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);
}

/*categorys*/

.cat__block:first-child{
    transition: all 1s ease 1s;
}

.cat__block:last-child{
    transition: all 1s ease 1.3s;
}

/*items*/

.item__description{
    transform: translate(-150px);
    opacity: 0;
    transition: all 1s ease;
}

div.content-block.active .item__description{
    opacity:1;
    transform: translateY(0);
}

.fnc--products--listitem__image {
    transform: scale(0.8);
    opacity: 0.1;
    transition: all 1s ease;
}

div.content-block.active  .fnc--products--listitem__image{
    transform: scale(1);
    opacity: 1;
}

/*contacts*/

.contacts-bl{
    transform: translateY(50px);
    opacity:0;
    transition:all 1s ease;
}

section.active .contacts-bl{
    opacity:1;
    transform: translateY(0);
}

.map-block{
    transform: translateX(-150px);
    opacity:0;
    transition:all 1s ease;
}

section.active .map-block{
    opacity:1;
    transform: translateY(0);
}

/*steps__home*/

.steps ul li {
    transform: translate(-110px);
    opacity: 0;
}

.steps ul li:nth-child(1){
    transition:all 1s ease;
}

.steps ul li:nth-child(2){
    transition:all 1s ease 0.2s;
}

.steps ul li:nth-child(3){
    transition:all 1s ease 0.4s;
}

.steps ul li:nth-child(4){
    transition:all 1s ease 0.6s;
}

.steps ul li:nth-child(5){
    transition:all 1s ease 0.8s;
}

section.active .steps ul li {
    transform: translate(0);
    opacity: 1;
}

/*form__home*/

.form__home:before{
    transform: translate(-300px);
    opacity: 0;
    transition:all 1.5s ease;
}

.form__home.active:before {
    transform: translate(0);
    opacity: 1;
}

.form__home .fnc--feedback{
    transform: translateY(150px);
    opacity:0;
    transition:all 1s ease;
}

.form__home.active .fnc--feedback{
    transform: translateY(0);
    opacity:1;
}

@media (max-width: 1300px){

    


}