/*
	Анимация элементов
	.body_load
*/

.text-fade-in {
    display: inline-block;
    overflow:hidden;
}
.text-fade-in span{
    display: inline-block;
    transform: translateY(100%);
    opacity: 0;
}

.body_load .text-fade-in span{
    transform: translateY(0%);
    transition: all .7s cubic-bezier(.215,.61,.355,1);
    opacity: 1;
}
.body_load .text-fade-in:nth-child(1) span{
    transition-delay : 1.6s;
}
.body_load .text-fade-in:nth-child(2) span{
    transition-delay : 1.7s;
}
.body_load .text-fade-in:nth-child(3) span{
    transition-delay : 1.8s;
}
.body_load .text-fade-in:nth-child(4) span{
    transition-delay : 1.9s;
}
.body_load .text-fade-in:nth-child(5) span{
    transition-delay : 2s;
}


#hero p,
#hero ul,
#hero .button {
    transform: translateY(1rem);
    opacity: 0;
}
.body_load #hero p,
.body_load #hero ul,
.body_load #hero .button {
    transform: translateY(0%);
    transition: all .7s cubic-bezier(.215,.61,.355,1);
    opacity: 1;
    transition-delay : .5s;
}
.body_load #hero .button {
    transform: translateY(0%);
    transition: all .7s cubic-bezier(.215,.61,.355,1);
    opacity: 1;
    transition-delay : .7s;
}


#sec-1.bullets{
    opacity:0;
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.modules_load #sec-1.bullets{
    opacity:1;
}


.bullets.anim .item {
    opacity:0;
    transform: translateY(1.5rem);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.bullets.anim-init .item {
    opacity:1;
    transform: translateY(0%);
}
.bullets.anim-init .col:nth-child(1) .item {
    transition-delay : 0.2s;
}
.bullets.anim-init .col:nth-child(2) .item {
    transition-delay : 0.4s;
}
.bullets.anim-init .col:nth-child(3) .item {
    transition-delay : 0.6s;
}
.bullets.anim-init .col:nth-child(4) .item {
    transition-delay : 0.8s;
}
.bullets.anim-init .col:nth-child(5) .item {
    transition-delay : 1.0s;
}
.bullets.anim-init .col:nth-child(6) .item {
    transition-delay : 1.2s;
}
.bullets.anim-init .col:nth-child(7) .item {
    transition-delay : 1.4s;
}
.bullets.anim-init .col:nth-child(8) .item {
    transition-delay : 1.6s;
}
.bullets.anim-init .col:nth-child(9) .item {
    transition-delay : 1.8s;
}


.bullets.anim .item .head,
.bullets.anim .item .desc {
    opacity:0;
    transform: translateY(1rem);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.bullets.anim-init .item .head,
.bullets.anim-init .item .desc {
    opacity:1;
    transform: translateY(0%);
}
.bullets.anim-init .item .head{
    transition-delay : 0.2s;
}
.bullets.anim-init .item .desc {
    transition-delay : 0.4s;
}



.bullets-steps.anim .item {
    transform: translateX(1.5rem);
}
.bullets-steps.anim-init .item {
    transform: translateX(0%);
}
.bullets-steps.anim .item .head,
.bullets-steps.anim .item .desc {
    transform: translateX(1rem);
}
.bullets-steps.anim-init .item .head,
.bullets-steps.anim-init .item .desc {
    transform: translateX(0%);
}

.bullets-steps.anim #check {
    opacity:0;
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.bullets-steps.anim-init #check{
    opacity:1;
    transition-delay : 1.5s;
}



.content.anim .image {
    opacity:0;
    transform: translateY(-1rem);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.content.anim-init .image {
    opacity:1;
    transform: translateY(0rem);
    transition-delay : 0.2s;
}


.spoiler-head.anim {
    opacity:0;
    transform: translateY(-1rem);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.spoiler-head.anim-init {
    opacity:1;
    transform: translateY(0rem);
}



.boss.anim .image::before {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: var(--light);
    transition: all .8s cubic-bezier(.215,.61,.355,1) 0.2s;
    z-index: 2;
}
.boss.anim .blockquote,
.boss.anim .blockquote .quote,
.boss.anim .blockquote .text,
.boss.anim .blockquote .name-block {
    opacity:0;
    transform: translateY(40px);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.boss.anim-init .image::before {
    top: 100%;
}
.boss.anim-init .blockquote,
.boss.anim-init .blockquote .quote,
.boss.anim-init .blockquote .text,
.boss.anim-init .blockquote .name-block {
    transform: translateY(0px);
    opacity:1;
}
.boss.anim-init .blockquote {
    transition-delay : 0.5s;
}
.boss.anim-init .blockquote .quote {
    transition-delay : 0.8s;
}
.boss.anim-init .blockquote .text {
    transition-delay : 1s;
}
.boss.anim-init .blockquote .name-block {
    transition-delay : 1.2s;
}