/*aside-block-animation*/
.animation-aside {
        -webkit-animation: animation-aside 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: animation-aside 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes animation-aside {
        0% {
                opacity: 0;
        }

        100% {
                opacity: 1;
        }
}

@keyframes animation-aside {
        0% {
                opacity: 0;
        }

        100% {
                opacity: 1;
        }
}

/*************************************/

/*home-left-block-animation*/
.animation-home-block {
        -webkit-animation: animation-home-block 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: animation-home-block 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes animation-home-block {
        0% {
                -webkit-transform: scale(0);
                transform: scale(0);
                opacity: 1;
        }

        100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
        }
}

@keyframes animation-home-block {
        0% {
                -webkit-transform: scale(0);
                transform: scale(0);
                opacity: 1;
        }

        100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
        }
}

/*************************************/


/*progress-bar-animation*/
.animation-progressbar {
        -webkit-animation: animation-progressbar 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: animation-progressbar 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes animation-progressbar {
        0% {
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
        }

        100% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
}

@keyframes animation-progressbar {
        0% {
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
        }

        100% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
}

/*************************************/


/*image-animation*/
.animation-image-show {
        -webkit-animation: animation-image-show 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: animation-image-show 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes animation-image-show {
        0% {
                opacity: 0;
        }

        100% {

                opacity: 1;
        }
}

@keyframes animation-image-show {
        0% {
                opacity: 0;
        }

        100% {
                opacity: 1;
        }
}

/*************************************/


/*title-animation*/
.title-animation {
        -webkit-animation: title-animation 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
        animation: title-animation 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes title-animation {
        0% {
                letter-spacing: -0.5em;
                -webkit-transform: translateZ(-700px);
                transform: translateZ(-700px);
                opacity: 0;
        }

        40% {
                opacity: 0.6;
        }

        100% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                opacity: 1;
        }
}

@keyframes title-animation {
        0% {
                letter-spacing: -0.5em;
                -webkit-transform: translateZ(-700px);
                transform: translateZ(-700px);
                opacity: 0;
        }

        40% {
                opacity: 0.6;
        }

        100% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                opacity: 1;
        }
}

/*************************************/


/*exit-animation*/
.exit-animation {
        -webkit-animation: exit-animation 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        animation: exit-animation 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes exit-animation {
        0% {
                opacity: 1;
        }

        100% {
                opacity: 0;
        }
}

@keyframes exit-animation {
        0% {
                opacity: 1;
        }

        100% {
                opacity: 0;
        }
}

/*************************************/


/*block-animation*/
.top-block-animation {
        -webkit-animation: block-animation 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: block-animation 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.bottom-block-animation {
        -webkit-animation: block-animation 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
        animation: block-animation 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
}

.bottom-bottom-block-animation {
        -webkit-animation: block-animation 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
        animation: block-animation 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
}

@-webkit-keyframes block-animation {
        0% {
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
        }

        100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}

@keyframes block-animation {
        0% {
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
                opacity: 0;
        }

        100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
        }
}

/*************************************/

/*items-animation*/
.animation-items {
        -webkit-animation: animation-items 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: animation-items 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes animation-items {
        0% {
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
                opacity: 0;
        }

        100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
        }
}

@keyframes animation-items {
        0% {
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
                opacity: 0;
        }

        100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
        }
}

/*************************************/

/*calculate-animation*/
.calculate-animation-1 {
        -webkit-animation: calculate-animation 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
        animation: calculate-animation 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
}

.calculate-animation-2 {
        -webkit-animation: calculate-animation 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.125s infinite both;
        animation: calculate-animation 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.125s infinite both;
}

.calculate-animation-3 {
        -webkit-animation: calculate-animation 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.25s infinite both;
        animation: calculate-animation 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.25s infinite both;
}

.calculate-animation-4 {
        -webkit-animation: calculate-animation 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.375s infinite both;
        animation: calculate-animation 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.375s infinite both;
}

@-webkit-keyframes calculate-animation {
        0% {
                opacity: 0;
        }

        50% {
                opacity: 1;
        }

        100% {
                opacity: 0;
        }
}

@keyframes calculate-animation {
        0% {
                opacity: 0;
        }

        50% {
                opacity: 1;
        }

        100% {
                opacity: 0;
        }
}

/*************************************/

.text-wrapper {
        overflow: hidden;
        display: block;
}

.text {
        animation: slideUp 1s forwards;
        display: inline-block;
        transform: translateY(150%);
}

@keyframes slideUp {
        0% {
                transform: translateY(150%);
        }

        100% {
                transform: translateY(0%);
        }
}

.text-quick {
        animation: slideUpp 0.1s forwards;
        display: inline-block;
        transform: translateY(100%);
}

@keyframes slideUpp {
        0% {
                transform: translateY(100%);
        }

        100% {
                transform: translateY(0%);
        }
}

.home__left-content:hover .left__block,
.home__right-content:hover .right__block {
    -webkit-animation: flip-in-hor-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: flip-in-hor-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes flip-in-hor-bottom {
    0% {
        -webkit-transform: rotateX(80deg);
        transform: rotateX(80deg);
        opacity: 0%;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 100%;
    }
}

@keyframes flip-in-hor-bottom {
    0% {
        -webkit-transform: rotateX(80deg);
        transform: rotateX(80deg);
        opacity: 0%;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 100%;
    }
}