/* HOME */
.intro__inner {
    height: 650px;
}

.intro__image,
.image__block {
    width: 600px;
    height: 450px;
    z-index: -1;
}

.intro__title {
    left: 40px;
    top: 40px;
}

.intro__desc {
    bottom: 230px;
    left: auto;
    right: -560px;
}

.slider {
    margin-bottom: 170px;
}

.slider.slider--arrowless {
    margin-bottom: 0;
}

.slider__inner .title__block {
    margin-bottom: 40px;
}

.slider__scene {
    position: relative;
    height: 425px;
}

.slider__scene .button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.slider__scene .image__block {
    position: absolute;
    top: 45px;
    right: 0;
    width: 638px;
    height: 340px;
}

.slider__scene .image__block .image__bg {
    width: 370px;
    height: 300px;
    right: 0;
    bottom: 0;
    top: auto;
    left: auto;
}

.slider__scene .image {
    width: 595px;
    height: 300px;
}

.slider__scene .scene__desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 375px;
}

.slick-arrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120px;
    margin: 0 auto;
}

.slick-list {
    overflow: visible;
}

.slick-slide:not(.slick-current.slick-active) {
    pointer-events: none;
}

.slick__prev {
    transform: translateX(-60px);
}

.slick__next {
    transform: translateX(60px);
}

.prefooter {
    margin-top: 50px;
    margin-bottom: 0;
}

.prefooter__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
}

/* Scenes */
.scenes {
    margin-bottom: 0;
}

.scenes .title__block {
    margin-bottom: 30px;
}

.scene__description {
    position: relative;
    height: auto;
    margin-bottom: 35px;
    padding-bottom: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.scenes .scene__description:last-child {
    margin-bottom: 0;
}

.buttons__block {
    display: flex;
    gap: 45px;
    height: min-content;
    align-items: center;
    justify-content: flex-start;
}

.buttons__block .title__block {
    margin-bottom: 0;
}

.scene__description .buttons__block {
    position: absolute;
    bottom: 0;
    left: 435px;
}

.scene__description .image__block {
    width: 350px;
    height: 300px;
}

.scene__description .image__block .image__bg {
    height: 300px;
    left: 40px;
    top: 40px;
}

.scene__description .image {
    width: 300px;
    height: 300px;
}

.scene__description .scene__desc {
    width: 625px;
    margin-bottom: 80px;
}

/* Scene */
.detail {
    margin-bottom: 0;
}

.detail .main__desc {
    width: 595px;
    margin: 80px 43px 40px auto;
}

.detail .main__desc .description--pattern_block {
    width: 370px;
    height: 100%;
    right: -40px;
    left: auto;
}

.detail .title__block {
    margin-bottom: 40px;
    margin-right: 190px;
}

.detail__scene {
    height: 425px;
    margin-bottom: 40px;
}

.detail__youtube {
    width: 730px;
    height: 410px;
    border-radius: 15px;
}

.image__youtube {
    width: 730px;
    height: 410px;
    z-index: auto;
    margin: 80px auto 40px;
}

.image__youtube--sceneless {
    margin-top: 120px;
}

.image__youtube .image__bg.image__bg--1 {
    width: 550px;
    height: 220px;
    top: -40px;
    left: -40px;
}

.image__youtube .image__bg.image__bg--2 {
    width: 220px;
    height: 220px;
    top: auto;
    left: auto;
    bottom: -40px;
    right: -40px;
}

.detail__youtube_button {
    margin-left: 120px;
}

.detail__image {
    margin-bottom: 40px;
    height: 440px;
}

.detail__image .image__block,
.detail__image .image,
.detail__image .image__bg {
    width: 650px !important;
    height: 400px !important;
    top: 0;
}

.detail__image .image {
    right: 40px;
    top: 40px;
    position: absolute;
}

.detail__image .scene__desc {
    width: 323px;
    top: 80px;
}

.detail__image.detail__image--reversed {
    height: 480px !important;
}

.detail__image.detail__image--reversed .image__block {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
}

.detail__image.detail__image--reversed .image {
    left: 40px;
    top: 40px;
    right: auto;
    bottom: auto;
    position: absolute;
}

.detail__image.detail__image--reversed .image__bg {
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    height: 480px !important;
}

.detail__image.detail__image--reversed .scene__desc {
    width: 323px;
    right: 0;
    left: auto;
}

/* Documentation */
.documentation {
    margin-bottom: 0;
}

.documentation__list {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
    width: 100%;
}

.documentation__item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 15px 45px;
    background: var(--descrition-gradient);
    border-radius: 30px;
    border-right: var(--descrition-border);
    text-decoration: none;

    transition: opacity .2s ease;
}

.documentation__item:hover {
    opacity: .7;
}

.documentation__item img {
    width: 115px;
    height: 100px;
}

.documentation__item span {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
}

.documentation .footer__text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 40px;
}

.documentation .footer__text a {
    background-color: var(--color-white);
    color: var(--color-gradient-block-end);
    border-radius: 15px;
    font-size: 30px;
    vertical-align: middle;
    text-decoration: none;
    padding: 5px 10px;
    max-width: 263px;
    line-height: normal;

    transition: opacity .2s ease;
}

.documentation .footer__text a[href]:hover {
    opacity: .7;
}

.documentation .footer__text span {
    text-align: right;
    width: 700px;
}

.documentation .not_for_white_button span {
    text-align: center !important;
    width: 100%;
}

.mini-section-reestr {
    display: flex;
    margin: 80px auto;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    gap: 40px;
}

.mini-section-reestr img {
    height: 100px;
}

.mini-section-reestr > p > a > span {
    font-family: "Golos Text", sans-serif, serif;
    font-weight: 600;
    font-size: 30px;
}

.mini-section-reestr > p > a {
    transition: all .3s;
    text-decoration: none;
}

.mini-section-reestr > p > a:hover {
    color: rgb(122 137 184);
}