

/* Start:/local/templates/grand2023/css/mainpage-animation.css?16905429202226*/
@media (min-width: 1220px) {
    .mp-wide-container.wide {
        width: 100%;
    }
    .wide .mp-about__img-main {
        height: auto;
        aspect-ratio: 1.946;
        max-height: min(740px, 100vh);
    }

    .mp-about__img-subcontainer .mp-about__img-right {
        right: -100px;
        opacity: 0;
    }
    .mp-about__img-subcontainer .mp-about__img-right.wide {
        right: 0;
        opacity: 1;
    }

    .mp-about__img-subcontainer .mp-about__img-left {
        left: -50px;
        opacity: 0;
    }
    .mp-about__img-subcontainer .mp-about__img-left.wide {
        left: -204px;
        opacity: 1;
    }

    .js-desc-animation {
        position: relative;
        top: 50px;
        opacity: 0.4;
    }
    .js-desc-animation.top {
        top: 0;
        opacity: 1;
    }

    .wide .mp-staff__img-main {
        height: auto;
        aspect-ratio: 2.185;
        max-height: min(740px, 100vh);
        background-position: 50% 70%;
    }

    .mp-food__img-container .mp-food__img--left,
    .mp-food__img-container .mp-food__img--right,
    .mp-service__img-block .mp-service__img-item--left,
    .mp-service__img-block .mp-service__img-item--right {
        transition: transform 0.5s linear;
        will-change: transform;
    }

    .mp-food__img-container .mp-food__img--right {
        top: 100px;
    }

    .mp-service__img-block .mp-service__img-item--left {
        top: -200px;
    }
    .mp-service__img-block .mp-service__img-item--right {
        top: 120px;
    }
}

@media (prefers-reduced-motion: no-preference) and (min-width: 1220px) {
    .mp-wide-container {
        transition: all 1s ease;
    }
    .mp-about__img-right {
        transition: opacity 0.25s ease 0.7s, right 1s ease 0.7s;
    }
    .mp-about__img-left {
        transition: opacity 0.25s ease 0.7s, left 1s ease 0.8s;
    }

    .js-desc-animation {
        transition: all 0.7s ease;
    }

    .js-desc-animation {
        transition: all 0.25s ease;
    }

    .js-titles-animation {
        transition: 0.8s ease;
        opacity: 1;
    }
    .js-titles-animation.transparent {
        opacity: 0;
    }
}

/* End */


/* Start:/local/templates/grand2023/components/bitrix/menu/top/style.css?17525800081800*/
.navigation {width: 719px; height: 80px; padding-top: 17px; padding-bottom: 17px; margin-right: auto; margin-left: auto; border-bottom: 1px solid #CFCFCF;}
.page-header--transparent .navigation {border-bottom-color: rgba(255, 255, 255, 0.50);}
.navigation__list.swiper-wrapper {display: flex; align-items: center; justify-content: space-between; gap: 25px; list-style-type: none; padding: 0; margin: 0;}
.navigation__item.swiper-slide {display: flex; align-items: center; justify-content: center; width: max-content; padding: 0; margin: 0;}
.navigation__link {font-weight: 500; text-decoration: none; color: var(--header-color); white-space: nowrap; padding: 10px 0;}
.page-header--transparent .navigation__link {color: var(--white)}
.navigation__item--logo .navigation__link {display: flex; align-items: center; justify-content: center; padding: 0;}
.navigation__item--logo .navigation__link .img {width: 110px; aspect-ratio: 110 / 46; background: url(/local/templates/grand2023/img/logo-ge-purple.svg) 50% 50% / contain no-repeat;}
.twenty .navigation__item--logo .navigation__link .img {width: 140px; aspect-ratio: 140 / 34;}
.page-header--transparent .navigation__item--logo .navigation__link .img {background-image: url(/local/templates/grand2023/img/logo-ge-white.svg);}
.twenty .page-header--transparent .navigation__item--logo .navigation__link .img {background-image: url(/local/templates/grand2023/img/logo-20.svg);}

@media (max-width: 1220px) {
	.navigation.swiper {overflow: visible;}
	.navigation__item--logo .navigation__link .img {width: 80px;}
}

@media (max-width: 749px) {
	.navigation {width: 100%; margin: 0;}
	.navigation__list.swiper-wrapper {justify-content: flex-start; gap: 0;}
	.navigation__item--logo {order: -1;}
	.navigation__link {padding: 0;}
}

/* End */
/* /local/templates/grand2023/css/mainpage-animation.css?16905429202226 */
/* /local/templates/grand2023/components/bitrix/menu/top/style.css?17525800081800 */
