:root{
    --sec_op: .42s;
    --sec_tr: .4s;
    --sec_del: .5s;
    --sec_del2: .6s;
    --sec_del3: .7s;
    --sec_del4: .8s;
    --sec_del5: .9s;
    --sec_del6: 1s;
    --sec_del7: 1.1s;
    --sec_del8: 1.2s;
}
.animate,
footer .animate .col1_3,
footer .animate .col2_3,
footer .animate .col3_3{
	-webkit-transition: opacity var(--sec_op) ease-out .02s, transform var(--sec_tr) cubic-bezier(.4, 0, 1, 1) .02s;
    -moz-transition: opacity var(--sec_op) ease-out .02s, transform var(--sec_tr) cubic-bezier(.4, 0, 1, 1) .02s;
    -ms-transition: opacity var(--sec_op) ease-out .02s, transform var(--sec_tr) cubic-bezier(.4, 0, 1, 1) .02s;
    -o-transition: opacity var(--sec_op) ease-out .02s, transform var(--sec_tr) cubic-bezier(.4, 0, 1, 1) .02s;
    transition: opacity var(--sec_op) ease-out .02s, transform var(--sec_tr) cubic-bezier(.4, 0, 1, 1) .02s;
}
.animate:not(.start){
	opacity: 0;
}
.animate.start{
	opacity: 1;
}

#header.animate:not(.start),
.i_section3 .i_line.yellow:not(.start){
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
}

.tt1 .animate{
    display: block;
    width: max-content;
    max-width: 100%;
}
.tt1 .animate:nth-child(4n+1),
.i_section2 .bkg_color1 .i_line4.animate{
    -webkit-transition-delay: var(--sec_del);
    -moz-transition-delay: var(--sec_del);
    -ms-transition-delay: var(--sec_del);
    transition-delay: var(--sec_del);
}
.tt1 .animate:nth-child(4n+2),
.i_section2 .bkg_color1 .i_line.yellow,
.i_section2 .i_bkg.animate{
    -webkit-transition-delay: var(--sec_del2);
    -moz-transition-delay: var(--sec_del2);
    -ms-transition-delay: var(--sec_del2);
    transition-delay: var(--sec_del2);
}
.tt1 .animate:nth-child(4n+3){
    -webkit-transition-delay: var(--sec_del3);
    -moz-transition-delay: var(--sec_del3);
    -ms-transition-delay: var(--sec_del3);
    transition-delay: var(--sec_del3);
}
.tt1 .animate:nth-child(4n){
    -webkit-transition-delay: var(--sec_del4);
    -moz-transition-delay: var(--sec_del4);
    -ms-transition-delay: var(--sec_del4);
    transition-delay: var(--sec_del4);
}
.i_section2 .i_tx.animate,
.i_section2 .bkg_color1 .i_line2.animate{
    -webkit-transition-delay: var(--sec_del5);
    -moz-transition-delay: var(--sec_del5);
    -ms-transition-delay: var(--sec_del5);
    transition-delay: var(--sec_del5);
}
.tt1 .animate:not(.start),
.tt1.animate:not(.start){
    -webkit-transform: translateX(-2rem);
    -moz-transform: translateX(-2rem);
    -ms-transform: translateX(-2rem);
    transform: translateX(-2rem);
}

.i_section2 .bkg_color1 .i_line1.animate{
    -webkit-transition-delay: var(--sec_del6);
    -moz-transition-delay: var(--sec_del6);
    -ms-transition-delay: var(--sec_del6);
    transition-delay: var(--sec_del6);
}
.i_section2 .i_tx.animate:not(.start){
    -webkit-transform: translateX(2rem);
    -moz-transform: translateX(2rem);
    -ms-transform: translateX(2rem);
    transform: translateX(2rem);
}
.i_section2 .bkg_color1 .i_line.yellow:not(.start),
.i_section2 .bkg_color2 .i_line.yellow:not(.start){
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
}

.i_section2 .bkg_color1 .i_line2.animate:not(.start),
.i_section2 .bkg_color1 .i_line3.animate:not(.start){
    -webkit-transform: translateX(-2rem);
    -moz-transform: translateX(-2rem);
    -ms-transform: translateX(-2rem);
    transform: translateX(-2rem);
}
.i_section2 .bkg_color1 .i_line1.animate:not(.start),
.i_section2 .bkg_color2 .i_line.vertical.animate:not(.start),
.i_post.animate:not(.start){
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
}
.i_section2 .bkg_color1 .i_line4.animate:not(.start),
.i_section2 .bkg_color2 .vertical + .i_line.white.animate:not(.start),
.i_section2 .i_menu a.animate:not(.start){
    -webkit-transform: translateX(2rem);
    -moz-transform: translateX(2rem);
    -ms-transform: translateX(2rem);
    transform: translateX(2rem);
}

@media(min-width: 993px){
    .i_section2 .i_menu > li:nth-child(4n+1) .vertical + .i_line.animate,
    .i_section2 .i_menu > li:nth-child(4n+1) a.animate{
        -webkit-transition-delay: var(--sec_del);
        -moz-transition-delay: var(--sec_del);
        -ms-transition-delay: var(--sec_del);
        transition-delay: var(--sec_del);
    }
    .i_section2 .i_menu > li:nth-child(4n+2) .vertical + .i_line.animate,  
    .i_section2 .i_menu > li:nth-child(4n+2) a.animate{
        -webkit-transition-delay: var(--sec_del2);
        -moz-transition-delay: var(--sec_del2);
        -ms-transition-delay: var(--sec_del2);
        transition-delay: var(--sec_del2);
    }
    .i_section2 .i_menu > li:nth-child(4n+3) .vertical + .i_line.animate, 
    .i_section2 .i_menu > li:nth-child(4n+3) a.animate{
        -webkit-transition-delay: var(--sec_del3);
        -moz-transition-delay: var(--sec_del3);
        -ms-transition-delay: var(--sec_del3);
        transition-delay: var(--sec_del3);
    }
    .i_section2 .i_menu > li:nth-child(4n+4) .vertical + .i_line.animate, 
    .i_section2 .i_menu > li:nth-child(4n+4) a.animate{
        -webkit-transition-delay: var(--sec_del4);
        -moz-transition-delay: var(--sec_del4);
        -ms-transition-delay: var(--sec_del4);
        transition-delay: var(--sec_del4);
    }

    .l_blocks .i_block.animate:nth-child(3n+1),
    .i_post.animate:nth-child(3n+1){
        -webkit-transition-delay: var(--sec_del);
        -moz-transition-delay: var(--sec_del);
        -ms-transition-delay: var(--sec_del);
        transition-delay: var(--sec_del);
    }
    .l_blocks .i_block.animate:nth-child(3n+2),
    .i_post.animate:nth-child(3n+2){
        -webkit-transition-delay: var(--sec_del2);
        -moz-transition-delay: var(--sec_del2);
        -ms-transition-delay: var(--sec_del2);
        transition-delay: var(--sec_del2);
    }
    .l_blocks .i_block.animate:nth-child(3n),
    .i_post.animate:nth-child(3n+3){
        -webkit-transition-delay: var(--sec_del3);
        -moz-transition-delay: var(--sec_del3);
        -ms-transition-delay: var(--sec_del3);
        transition-delay: var(--sec_del3);
    }
}

@media(max-width: 992px){
    .l_blocks .i_block.animate:nth-child(2n+1),
    .i_post.animate:nth-child(2n+1){
        -webkit-transition-delay: var(--sec_del);
        -moz-transition-delay: var(--sec_del);
        -ms-transition-delay: var(--sec_del);
        transition-delay: var(--sec_del);
    }
    .l_blocks .i_block.animate:nth-child(2n),
    .i_post.animate:nth-child(2n){
        -webkit-transition-delay: var(--sec_del2);
        -moz-transition-delay: var(--sec_del2);
        -ms-transition-delay: var(--sec_del2);
        transition-delay: var(--sec_del2);
    }
}

@media(min-width: 651px) and (max-width: 992px){
    .i_section2 .i_menu > li:nth-child(3n+1) .vertical + .i_line.animate,
    .i_section2 .i_menu > li:nth-child(3n+1) a.animate{
        -webkit-transition-delay: var(--sec_del);
        -moz-transition-delay: var(--sec_del);
        -ms-transition-delay: var(--sec_del);
        transition-delay: var(--sec_del);
    }
    .i_section2 .i_menu > li:nth-child(3n+2) .vertical + .i_line.animate,  
    .i_section2 .i_menu > li:nth-child(3n+2) a.animate{
        -webkit-transition-delay: var(--sec_del2);
        -moz-transition-delay: var(--sec_del2);
        -ms-transition-delay: var(--sec_del2);
        transition-delay: var(--sec_del2);
    }
    .i_section2 .i_menu > li:nth-child(3n+3) .vertical + .i_line.animate, 
    .i_section2 .i_menu > li:nth-child(3n+3) a.animate{
        -webkit-transition-delay: var(--sec_del3);
        -moz-transition-delay: var(--sec_del3);
        -ms-transition-delay: var(--sec_del3);
        transition-delay: var(--sec_del3);
    }
}

@media(min-width: 651px){
    .i_section1 .i_bkg.animate:not(.start){
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .4;
    }

    .i_section2 .bkg_color1 .i_decor.animate:not(.start){
        -webkit-transform: translateY(-10vh);
        -moz-transform: translateY(-10vh);
        -ms-transform: translateY(-10vh);
        transform: translateY(-10vh);
    }
    .i_section2 .bkg_color2 .i_decor.animate:not(.start){
        -webkit-transform: translateY(10vh);
        -moz-transform: translateY(10vh);
        -ms-transform: translateY(10vh);
        transform: translateY(10vh);
    }

    .i_section2 .i_bkg.animate:not(.start){
        -webkit-transform: translateX(3rem);
        -moz-transform: translateX(3rem);
        -ms-transform: translateX(3rem);
        transform: translateX(3rem);
    }

    .l_blocks .i_block.animate:not(.start),
    .i_section4 .i_tx.animate:not(.start),
    .i_section4 .i_link.animate:not(.start),
    .i_section5 .i_link.animate:not(.start),
    .i_section6 .i_tx.animate:not(.start),
    .i_section6 .i_link.animate:not(.start){
        -webkit-transform: translateX(2rem);
        -moz-transform: translateX(2rem);
        -ms-transform: translateX(2rem);
        transform: translateX(2rem);
    }

    .i_section4 .i_line.yellow.animate,
    .i_section4 .tt1.animate,
    .i_section5 .i_link.animate:not(.start),
    .i_section6 .vertical + .i_line.yellow.animate,
    .i_section6 .tt1.animate{
        -webkit-transition-delay: var(--sec_del);
        -moz-transition-delay: var(--sec_del);
        -ms-transition-delay: var(--sec_del);
        transition-delay: var(--sec_del);
    }
    .i_section4 .i_tx.animate,
    .i_section6 .i_tx.animate{
        -webkit-transition-delay: var(--sec_del3);
        -moz-transition-delay: var(--sec_del3);
        -ms-transition-delay: var(--sec_del3);
        transition-delay: var(--sec_del3);
    }
    .i_section4 .i_link.animate,
    .i_section6 .i_link.animate{
        -webkit-transition-delay: var(--sec_del4);
        -moz-transition-delay: var(--sec_del4);
        -ms-transition-delay: var(--sec_del4);
        transition-delay: var(--sec_del4);
    }
    .i_section6 .i_line.yellow.vertical.animate{
        -webkit-transition-delay: var(--sec_del2);
        -moz-transition-delay: var(--sec_del2);
        -ms-transition-delay: var(--sec_del2);
        transition-delay: var(--sec_del2);
    }
    .i_section4 .i_bkg.animate:not(.start),
    .i_section6 .i_bkg.animate:not(.start){
        -webkit-transform: translateX(-2rem);
        -moz-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
        transform: translateX(-2rem);
    }
    .i_section4 .i_line.yellow.animate:not(.start),
    .i_section6 .vertical + .i_line.yellow.animate:not(.start){
        -webkit-transform: translateX(-2rem);
        -moz-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
        transform: translateX(-2rem);
    }
    .i_section6 .i_line.yellow.vertical.animate:not(.start){
        -webkit-transform: translateY(-2rem);
        -moz-transform: translateY(-2rem);
        -ms-transform: translateY(-2rem);
        transform: translateY(-2rem);
    }

    footer .i_block1.animate .col2_3{
        -webkit-transition-delay: var(--sec_del1);
        -moz-transition-delay: var(--sec_del1);
        -ms-transition-delay: var(--sec_del1);
        transition-delay: var(--sec_del2);
    }
    footer .i_block1.animate .col3_3,
    footer .i_block2.animate .col3_3{
        -webkit-transition-delay: var(--sec_del4);
        -moz-transition-delay: var(--sec_del4);
        -ms-transition-delay: var(--sec_del4);
        transition-delay: var(--sec_del4);
    }
    footer .animate:not(.start) .col1_3,
    footer .animate:not(.start) .col2_3,
    footer .animate:not(.start) .col3_3{
        opacity: 0;
        -webkit-transform: translateX(-2rem);
        -moz-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
        transform: translateX(-2rem);
    }

}

@media(max-width: 650px){
    .i_section1 .i_bkg.animate:not(.start){
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .4;
    }

    .i_section2 .bkg_color2 .i_decor.animate:not(.start){
        -webkit-transform: translateY(5vh);
        -moz-transform: translateY(5vh);
        -ms-transform: translateY(5vh);
        transform: translateY(5vh);
    }    
    .i_section2 .i_bkg.animate:not(.start){
        -webkit-transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        transform: translateY(2rem);
    }

    .l_blocks .i_block.animate:not(.start),
    .i_section4 .i_tx.animate:not(.start),
    .i_section4 .i_link.animate:not(.start),
    .i_section5 .i_link.animate:not(.start),
    .i_section6 .i_tx.animate:not(.start),
    .i_section6 .i_link.animate:not(.start){
        -webkit-transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        transform: translateY(2rem);
    }

    .i_section3 .i_bkg.animate:not(.start),
    .i_section4 .i_bkg.animate:not(.start),
    .i_section6 .i_bkg.animate:not(.start){
        -webkit-transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        transform: translateY(2rem);
    }

    .i_section4 .tt1.animate,
    .i_section6 .tt1.animate{
        -webkit-transition-delay: var(--sec_del);
        -moz-transition-delay: var(--sec_del);
        -ms-transition-delay: var(--sec_del);
        transition-delay: var(--sec_del);
    }
    .i_section4 .i_tx.animate,
    .i_section6 .i_tx.animate{
        -webkit-transition-delay: var(--sec_del2);
        -moz-transition-delay: var(--sec_del2);
        -ms-transition-delay: var(--sec_del2);
        transition-delay: var(--sec_del2);
    }

    footer .i_block1.animate .col3_3,
    footer .i_block2.animate .col3_3{
        -webkit-transition-delay: var(--sec_del1);
        -moz-transition-delay: var(--sec_del1);
        -ms-transition-delay: var(--sec_del1);
        transition-delay: var(--sec_del2);
    }
    footer .i_block1.animate .col2_3{
        -webkit-transition-delay: var(--sec_del4);
        -moz-transition-delay: var(--sec_del4);
        -ms-transition-delay: var(--sec_del4);
        transition-delay: var(--sec_del4);
    }
    footer .animate:not(.start) .col1_3,
    footer .animate:not(.start) .col2_3,
    footer .animate:not(.start) .col3_3{
        opacity: 0;
        -webkit-transform: translateX(-2rem);
        -moz-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
        transform: translateX(-2rem);
    }
}

@media (max-width: 450px){
    .tt1 .animate{
    width: 100%;
}
}