.swiper-button-next,.swiper-button-prev,.swiper-pagination {
    position: static;
    margin-top: 0
}

.swiper-button-next,.swiper-button-prev {
    color: #fff;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    height: 1.5rem
}

.swiper-button-next:after,.swiper-button-prev:after {
    content: none
}

.swiper-pagination-divider,.swiper-pagination-total {
    opacity: .5
}

.swiper-controls {
    position: absolute;
    right: 0;
    bottom: 90px;
    width: 100%;
    z-index: 1
}

.swiper-controls__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.swiper-controls__inner {
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,.17);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 28px;
    font-size: var(--text-t6_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .12px;
    text-transform: uppercase;
    padding: .75em 1.25em
}

.swiper-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.swiper-button_big:not(.swiper-button-lock) {
    border-style: solid;
    border-width: 1px;
    border-radius: 3.125rem;
    display: block;
    padding: 1.5rem 4.625rem;
    width: auto;
    height: auto;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.swiper-button_big:not(.swiper-button-lock) svg {
    width: 2rem;
    height: 2rem;
    vertical-align: top
}

.swiper-button_big:not(.swiper-button-lock) span {
    font-size: inherit
}

.swiper-button_black {
    border-color: rgba(51,51,51,.2);
    color: #333
}

.swiper-button_white {
    border-color: rgba(255,255,255,.2);
    color: #fff
}

.equipment-item {
    background-color: #f2f2f2;
    border-radius: .75rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3.125rem 1.5rem 1.25rem;
    position: relative
}

.equipment-item__amount {
    font-size: var(--text-t2_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.equipment-item__img {
    position: relative;
    padding-bottom: 95.1807228916%;
    margin: 0 0 2.125rem;
    width: 100%;
    height: 0
}

.equipment-item__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    mix-blend-mode: darken;
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s,-webkit-transform .2s ease 0s
}

.equipment-item__video {
    position: relative;
    padding-bottom: 95.1807228916%;
    margin: 0 0 2.125rem;
    width: 100%;
    height: 0
}

.equipment-item__video video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -o-object-fit: contain;
    object-fit: contain
}

.equipment-item__name {
    font-size: var(--text-t2_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: auto 0 0;
    text-transform: lowercase
}

.person-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.person-info__avatar {
    border-radius: 50%;
    width: 9.125rem;
    height: 9.125rem;
    overflow: hidden
}

.person-info__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top
}

.person-info__name {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: var(--text-t1_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .26px
}

.person-info__position {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: var(--text-t3_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: .75rem 0 0;
    opacity: .6
}
section.suggest-section.section {
    background: #fff;
    border-radius: 0 0 0 0;
}
.section__img {
    margin: 3.125rem 0 0;
}
.hero-section {
    background-color: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -.9375rem;
    padding-bottom: 4.375rem;
    height: 100vh;
    height: calc(var(--vh,1vh) * 100);
    min-height: 550px;
    position: relative;
    top: 0!important;
    overflow: hidden
}

.hero-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hero-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    position: relative
}

.hero-section__breadcrumbs {
    margin-bottom: 1.25rem
}

.hero-section__head {
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.hero-section__head_horizontal {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: auto
}

.hero-section__head_horizontal .hero-section__title {
    -ms-flex-preferred-size: 31.887755102%;
    flex-basis: 31.887755102%
}

.hero-section__head_vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}


.hero-section__title_small {
    font-size: 3.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: .9;
    letter-spacing: .62px
}

.hero-section__title_big {
    font-size: var(--heading-h1_font-size);
    font-weight: 400;
    line-height: .9;
    letter-spacing: .9px
}

.hero-section__desc {
    font-size: var(--text-t2_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    opacity: .6
}

.hero-section__img {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 75%;
    height: 90%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.hero-section__img img,.hero-section__img video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.hero-section__model {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 75%;
    height: 130%;
    -webkit-transform: translate(-50%,7%);
    -ms-transform: translate(-50%,7%);
    transform: translate(-50%,7%);
    min-width: 800px
}

.hero-section__running-line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.hero-section__running-line p {
    opacity: 1
}

.hero-section__etc {
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: absolute;
    top: 0;
    right: 0
}

.hero-section__stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-preferred-size: 13.3928571429%;
    flex-basis: 13.3928571429%;
    gap: 10px
}

.hero-section__stat-value {
    font-style: normal;
    font-weight: 400;
    line-height: .9
}

.hero-section__stat-unit {
    font-size: var(--text-t5_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    line-height: 1.2;
    text-transform: uppercase
}

.hero-section__button {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.375rem;
    height: 5.375rem
}

.hero-section__button .icon-play {
    font-size: 1.125rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hero-section {
    background-image: url(../images/about/about-hero.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}


.hero-section__head {
    color: #fff;
    max-width: 776px
}

.hero-section__desc {
    max-width: 384px;
    opacity: .8
}

.hero-section__button {
    border: 1px solid #fff;
    position: absolute;
    right: 0;
    bottom: 0
}

.hero-section:before {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1.23%,rgba(0,0,0,.2)),color-stop(25.31%,rgba(0,0,0,0)));
    background: linear-gradient(0deg,rgba(0,0,0,.2) 1.23%,rgba(0,0,0,0) 25.31%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section_one {
    background-color: #fff;
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.suggest-section__body .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 150px
}

.suggest-section__desc {
    font-size: var(--text-t2_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 1.3636363636em;
    opacity: .6
}

.suggest-section__advantages-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 49.4897959184%;
    flex-basis: 49.4897959184%;
    gap: 1rem
}

.suggest-section__advantage-item {
    background-color: #f2f2f2;
    border-radius: 12px;
    -ms-flex-preferred-size: calc(50% - .5rem);
    flex-basis: calc(50% - .5rem);
    padding: 1.5rem 1.5rem 1.1875rem
}

.suggest-section__advantage-item .icon {
    display: block
}

.suggest-section__advantage-item .icon_small {
    margin-bottom: 29.8192771084%;
    width: 3rem;
    height: 3rem
}

.suggest-section__advantage-item .icon_big {
    margin-bottom: 27.4096385542%;
    width: 4rem;
    height: 4rem;
    -webkit-transform: translate(-.5rem,0);
    -ms-transform: translate(-.5rem,0);
    transform: translate(-.5rem,0)
}

.suggest-section__advantage-item h4 {
    font-size: var(--text-t5_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    line-height: 1.2;
    width: 72%;
    text-transform: uppercase
}

.suggest-section__advantage-item:first-child,.suggest-section__advantage-item:last-child {
    padding-top: 1rem
}

.timeline-section {
    background-color: #333;
    color: #fff;
    overflow: hidden
}

.timeline-section__header {
    border-color: rgba(255,255,255,.25)
}

.timeline-section__header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.timeline-section__title {
    width: 70%;
    max-width: 810px
}

.timeline-section__body .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 70px
}

.timeline-section__img-slider {
    position: relative;
    width: 46.1096938776%;
    z-index: 2
}

.timeline-section__img {
    border-radius: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 46.1096938776%;
    overflow: hidden;
    z-index: 2
}

.timeline-section__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.timeline-section .swiper-scrollbar {
    background-color: rgba(255,255,255,.15);
    position: static;
    margin-top: 28.8659793814%;
    max-width: 974px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.timeline-section .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #fff
}

.img-slider .swiper {
    height: 100%
}

.img-slider .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.img-slider .swiper-slider {
    height: auto
}

.img-slider__slide {
    border-radius: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.img-slider__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.timeline-slider {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.timeline-slider .swiper {
    margin: 0;
    max-width: 345px;
    overflow: visible
}

.timeline-slider .swiper-swipe {
    color: #333
}

.timeline-slider .swiper-wrapper {
    cursor: pointer
}

.timeline-slider .swiper-slide-active .timeline__desc,.timeline-slider .swiper-slide-active .timeline__year {
    opacity: 1;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.timeline-slider .swiper-slide-active .timeline__desc {
    opacity: .6
}

.timeline__year {
    display: inline-block;
    font-size: var(--number-n1_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: .9;
    position: relative;
    opacity: .4;
    -webkit-transition: opacity .2s ease 0s;
    transition: opacity .2s ease 0s
}

.timeline__year:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -2.4375rem;
    left: calc(50% - .4375rem);
    width: .875rem;
    height: .875rem
}

.timeline__desc {
    font-size: var(--text-t2_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 2.8125rem;
    opacity: 0;
    -webkit-transition: opacity .2s ease 0s;
    transition: opacity .2s ease 0s
}

.pin-spacer {
    max-width: 100%
}

.equipment-section {
    background-color: #fff
}

.equipment-section__header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 30px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.equipment-section__info {
    display: block;
    -ms-flex-preferred-size: 22.3880597015%;
    flex-basis: 22.3880597015%;
    max-width: 360px
}

.equipment-section__shops {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.equipment-section__shops-item {
    background-color: #fff;
    border: 1px solid rgba(51,51,51,.2);
    border-radius: 50%;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 5rem;
    height: 5rem;
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
    z-index: 1
}

.equipment-section__shops-item:not(:last-child) {
    margin-right: -.75rem
}

.equipment-section__shops-item svg {
    width: 47.5%;
    height: 47.5%
}

.equipment-section__shops-item_vkus svg {
    width: auto
}

.equipment-section .section__desc {
    margin: 1.1em 0 0
}

.equipment-section .section__link {
    display: inline-block;
    margin: 2.14em 0 0
}

.equipment-section .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.equipment-section .swiper-slide .equipment-item {
    width: 100%
}

.equipment-section {
    margin-bottom: 0
}

.banner-section {
    position: relative
}

.banner-section__slide {
    padding: 0
}

.banner-section__slide p {
    -ms-flex-preferred-size: 42.2885572139%;
    flex-basis: 42.2885572139%;
    font-size: var(--text-t2_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.banner-section__slide-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.banner-section__slide-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 9%;
    -moz-column-gap: 9%;
    column-gap: 9%;
    row-gap: 20px
}

.banner-section .swiper-controls__container {
    gap: 12px
}

.banner-section .swiper-controls__container {
    padding-left: 0;
    padding-right: 0
}

.banner-section .swiper-controls__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase
}

.banner-section .swiper-controls__link>div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.banner-slider__slide {
    padding: 0
}

.banner-slider_outer .banner-slider__slide {
    height: 50.625rem;
    max-height: 100vh;
    max-height: calc(var(--vh,1vh) * 100)
}

.banner-slider_outer {
    cursor: none
}

.banner-slider_outer .swiper-slide {
    cursor: none
}

.banner-slider_inner {
    border-top: 1px dashed rgba(255,255,255,.25);
    padding-top: 2rem;
    padding-bottom: 2.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.banner-slider_inner>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 30px
}

.banner-slider_inner .swiper {
    -ms-flex-preferred-size: 66.5422885572%;
    flex-basis: 66.5422885572%;
    margin: 0;
    min-width: 0
}

.banner-slider_inner .swiper-slide {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.banner-slider_inner .swiper-controls {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.banner-slider_inner .banner-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 1rem;
    -webkit-column-gap: 12%;
    -moz-column-gap: 12%;
    column-gap: 12%;
    height: auto
}

.banner-slider_inner .swiper-controls {
    position: static;
    width: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.banner-slide__img {
    background-color: #d0cdcb;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner-slide__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner-slide__img:after {
    background: linear-gradient(283deg,rgba(0,0,0,.4) 7.74%,rgba(0,0,0,0) 13.48%),linear-gradient(288deg,rgba(0,0,0,.2) 15.26%,rgba(0,0,0,0) 22.02%),linear-gradient(80deg,rgba(0,0,0,.55) 10.23%,rgba(0,0,0,.04) 41.58%),linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.09) 32.44%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-slide__text {
    font-size: var(--text-t2_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.banner-slide__logo svg {
    vertical-align: top
}

.banner-slide__btn {
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.certificates-section__title {
    max-width: 675px
}

.certificates-section .swiper-wrapper {
    cursor: pointer
}

.certificates-section .swiper-slide {
    width: 314px;
    height: 446px
}

.certificates-section .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.certificates-section .swiper-scrollbar {
    background-color: rgba(51,51,51,.15);
    position: static;
    margin: 4rem auto 0;
    max-width: 974px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.certificates-section .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #333
}

@media (min-width:576px) {
    .banner-section .swiper-controls__link {
        padding-left: 2.8125rem;
        padding-right: 2.8125rem
    }
}

@media (min-width:768px) {
    .equipment-item__name {
        max-width: 246px
    }

    .section_one .section__title {
        width: 57.5949367089%
    }

    .suggest-section .section__title {
        width: 74.0506329114%
    }
}

@media screen and (min-width:1680px) {
    .equipment-item__name {
        width: 75%;
        max-width: none
    }

    .hero-section {
        min-height: 650px
    }

    .hero-section__button .icon-play {
        font-size: calc(18px + 18 * var(--screen-diff))
    }

    .hero-section__head {
        width: 50%;
        max-width: none
    }

    .hero-section__desc {
        width: 70%;
        max-width: none
    }

    .timeline-section__title {
        max-width: none;
        width: 51.6581632653%
    }

    .timeline-slider .swiper {
        max-width: 45%
    }

    .equipment-section__info {
        width: 22.9591836735%;
        max-width: none
    }

    .equipment-section__shops-item:not(:last-child) {
        margin-right: calc(-13px - 13 * var(--screen-diff))
    }

    .equipment-section__shops-item svg {
        width: 2.375rem;
        height: 2.375rem
    }

    .banner-slide__logo svg {
        width: 15.75rem;
        height: auto
    }

    .certificates-section__title {
        width: 43.112244898%;
        max-width: none
    }
}

@media (max-width:992px) {
    .person-info__avatar {
        width: 120px;
        height: 120px
    }

    .hero-section {
        padding-top: 125px
    }

    .suggest-section__body .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .suggest-section__advantage-item h4 {
        width: 100%;
        max-width: 205px
    }

    .banner-section__slide-content .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .banner-slider_inner .banner-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .banner-slider_inner .swiper-controls__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (max-width:768px) {
    .swiper-button-next,.swiper-button-prev {
        display: none
    }

    .swiper-controls__inner {
        font-size: 18px
    }

    .swiper-buttons {
        display: none
    }

    .person-info {
        gap: 24px
    }

    .person-info__avatar {
        width: 90px;
        height: 90px
    }

    .hero-section__model {
        width: 90%;
        min-width: 580px
    }

    .hero-section__stat {
        display: none
    }

    .hero-section__head {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .timeline-section__body .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .timeline-section__title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .timeline-section__img,.timeline-section__img-slider {
        width: 100%
    }

    .timeline-slider .swiper {
        max-width: none
    }

    .timeline-slider .swiper-scrollbar {
        margin-top: 70px
    }

    .timeline__desc {
        margin-top: 1.25rem
    }

    .equipment-section__header .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .equipment-section p {
        font-size: var(--text-t3_font-size);
        font-style: normal;
        font-weight: 400;
        line-height: 1.2
    }

    .banner-section .swiper-controls {
        margin-left: 20px
    }

    .banner-section .swiper-controls .swiper-controls__link .button__text-wrapper {
        height: 1.625rem
    }

    .banner-section .swiper-controls .swiper-controls__link .button__text {
        font-size: 18px;
        height: 1.625rem
    }

    .banner-slider_inner>.container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 30px;
        padding-left: 0;
        padding-right: 0
    }

    .banner-slider_inner .swiper {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .banner-slider_inner .banner-slider__slide {
        gap: 12px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width:576px) {
    section.hero-section {
        background-position-x: -355px;
    }
    .swiper-controls {
        bottom: 40px;
        right: 50%;
        -webkit-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
        transform: translate(50%,0)
    }

    .swiper-controls__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .person-info__name {
        font-size: 20px
    }

    .person-info__position {
        font-size: 16px
    }

    .hero-section__title_small {
        font-size: 2.6rem
    }

    .hero-section {
        padding-top: 90px;
        padding-bottom: 45px
    }

    .hero-section__button {
        margin: 0 auto;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 66px;
        height: 66px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .hero-section__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .hero-section__button {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .suggest-section__body .container {
        gap: 40px
    }

    .suggest-section__advantage-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .timeline-section__title {
        width: auto
    }

    .timeline-section__img-slider {
        height: 450px
    }

    .timeline-slider .swiper {
        max-width: none
    }

    .timeline__year {
        font-size: 64px
    }

    .timeline {
        text-align: center
    }

    .equipment-section__shops-item {
        width: 4.5rem;
        height: 4.5rem
    }

    .banner-section .swiper-controls .swiper-controls__link .button__text {
        font-size: 1rem
    }

    .banner-slider_inner {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .banner-slide_inner>.container {
        gap: 1.5rem
    }

    .banner-slide__logo svg {
        width: 220px;
        height: auto
    }

    .banner-slide__text {
        font-size: 1rem
    }

    .banner-slide__btn {
        width: 120px;
        height: 120px
    }
}

@media only screen and (max-width:390px) {
    .hero-section__title_small {
        font-size: 2.1rem
    }
}

@media (min-width:768px) and (max-width:1680px) {
    .swiper-button_big:not(.swiper-button-lock) {
        padding-left: calc(37px + 37 * (100vw - 768px)/ 912);
        padding-right: calc(37px + 37 * (100vw - 768px)/ 912);
        padding-top: calc(12px + 12 * (100vw - 768px)/ 912);
        padding-bottom: calc(12px + 12 * (100vw - 768px)/ 912)
    }
}

@media (min-width:576px) and (max-width:1608px) {
    .hero-section__title_small {
        font-size: calc(48px + 14 * (100vw - 576px)/ 1032)
    }

    .suggest-section__body .container {
        gap: calc(40px + 110 * (100vw - 576px)/ 1032)
    }

    .timeline__year {
        font-size: calc(64px + 64 * (100vw - 576px)/ 1032)
    }
}

@media screen and (any-hover:hover) {
    .swiper-button_black:hover {
        background-color: #f2f2f2;
        border-color: #f2f2f2
    }

    .swiper-button_white:hover {
        background-color: #fff;
        color: #333
    }

    .equipment-item:hover .equipment-item__img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .hero-section__button:hover .icon-play {
        border-top-color: #333
    }

    .hero-section__button:hover {
        background-color: #fff;
        color: #333
    }
}
@supports (-webkit-appearance:none){
.hero-section{background-image:url(../images/about/about-hero.webp)}
}

 @media (min-width:576px){

@supports (-webkit-appearance:none){

}

}

 @media (min-width:768px){

@supports (-webkit-appearance:none){

}

}

 @media screen and (min-width:1680px){

@supports (-webkit-appearance:none){

}

}

 @media (max-width:992px){

@supports (-webkit-appearance:none){

}

}

 @media (max-width:768px){

@supports (-webkit-appearance:none){

}

}

 @media (max-width:576px){

     .page {
         padding-top: 0 !important;
     }


     @supports (-webkit-appearance:none){

}

}

 @media only screen and (max-width:390px){

@supports (-webkit-appearance:none){

}

}

 @media (min-width:768px) and (max-width:1680px){

@supports (-webkit-appearance:none){

}

}

 @media (min-width:576px) and (max-width:1608px){

@supports (-webkit-appearance:none){

}

}

 @media screen and (any-hover:hover){

@supports (-webkit-appearance:none){

}

}