/* Start:/local/templates/openyard/assets/css/page-about.css?176061507719394*/
.block-start {
    margin-top: clamp(40px, 4.4444444444vw, 80px)
}

.block-start__wrap {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: clamp(40px, 8.3333333333vw, 150px)
}

.block-start__wrap .content-buttons {
    display: flex;
    max-width: 940px;
    background-color: var(--black);
    border-radius: 20px;
    background: var(--black);
    overflow: hidden
}

.block-start__image {
    position: relative;
    width: 100%;
    height: clamp(325px, 41.6666666667vw, 750px)
}

.block-start__image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    border-radius: clamp(15px, 1.1111111111vw, 20px);
    object-fit: contain
}

.block-start__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.block-start__content .content-caption {
    display: flex;
    flex-direction: column;
    grid-gap: clamp(30px, 2.7777777778vw, 50px)
}

.block-start__content .content-caption h1 {
    color: var(--black);
    font-size: var(--font-size-1);
    font-weight: 500;
    line-height: 100%
}

.block-start__content .content-caption p {
    color: var(--black);
    font-size: clamp(15px, 1.4444444444vw, 26px);
    line-height: 130%;
    letter-spacing: .52px
}

.block-start__content .content-desc {
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: 20px 0;
    margin-top: 30px;
    padding: clamp(20px, 2.7777777778vw, 50px);
    border-radius: clamp(15px, 1.1111111111vw, 20px);
    border: 1px solid var(--black);
    background: var(--bg)
}

.block-start__content .content-desc::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 605px;
    height: 276px;
    background: url(/local/templates/openyard/assets/css/../img/block-home_desc_img.svg) center no-repeat;
    background-size: cover
}

.block-start__content .content-desc h4 {
    position: relative;
    margin: 0;
    color: var(--black);
    font-size: var(--font-size-5);
    font-weight: 500;
    line-height: 130%
}

.block-start__content .content-desc p {
    position: relative;
    max-width: 402px;
    color: var(--gray);
    font-size: var(--font-size-6);
    font-weight: 400;
    line-height: 130%
}

@media(max-width: 1920px) {
    .block-start__content .content-desc::before {
        width: calc(420px + (605 - 420) * ((100vw - 991px) / (1920 - 991)));
        height: calc(192px + (276 - 192) * ((100vw - 991px) / (1920 - 991)))
    }
}

@media(max-width: 991px) {
    .block-start__wrap {
        display: flex;
        flex-direction: column;
        height: auto
    }

    .block-start__wrap .content-buttons {
        order: 3
    }

    .block-start__image {
        order: 2;
        overflow: hidden
    }

    .block-start__image img {
        width: 100%;
        object-fit: cover
    }

    .block-start__content {
        height: 100%;
        margin-bottom: 40px;
        order: 1
    }

    .block-start__content .content-desc::before {
        display: none
    }
}

@media(max-width: 480px) {
    .block-start__wrap .content-buttons {
        display: flex;
        flex-direction: column;
        background: rgba(0, 0, 0, 0)
    }
}

.block-caption__wrap {
    position: relative
}

.block-caption__bread {
    position: absolute;
    top: clamp(20px, 1.7777777778vw, 32px);
    left: 0;
    display: flex;
    align-items: center;
    grid-gap: clamp(8px, 0.8333333333vw, 15px)
}

.block-caption__bread span {
    color: var(--black);
    font-size: var(--font-size-4);
    font-weight: 500;
    line-height: 100%
}

.block-caption__title {
    max-width: 1300px
}

.block-caption__title h1,
.block-caption__title h2 {
    margin: 0;
    color: var(--black);
    font-size: clamp(32px, 3.8888888889vw, 70px);
    font-weight: 500;
    line-height: 100%;
    text-indent: clamp(70px, 7.7777777778vw, 140px)
}

.block-caption__subtitle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: clamp(20px, 2.2222222222vw, 40px)
}

.block-caption__subtitle p {
    grid-column: 2/3;
    color: var(--black);
    font-size: clamp(15px, 1.4444444444vw, 26px);
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .52px
}

@media(max-width: 1920px) {
    .block-caption__title {
        max-width: calc(850px + (1300 - 850) * ((100vw - 991px) / (1920 - 991)))
    }
}

@media(max-width: 1199px) {
    .block-caption__bread span {
        max-width: 120px
    }
}

@media(max-width: 991px) {
    .block-caption__subtitle p {
        grid-column: 1/3
    }
}

@media(max-width: 767px) {
    .block-caption__bread {
        position: relative;
        top: unset;
        left: unset;
        display: none;
        margin-bottom: 15px
    }

    .block-caption__bread span {
        max-width: 100%
    }

    .block-caption__title h1,
    .block-caption__title h2 {
        text-indent: 0
    }
}

@media(max-width: 365px) {

    .block-caption__title h1,
    .block-caption__title h2 {
        word-break: break-word
    }
}

.support-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: clamp(550px, 43.3333333333vw, 780px);
    padding: clamp(20px, 2.7777777778vw, 50px);
    border-radius: 20px;
    background: url(/local/templates/openyard/assets/css/../img/page-service/support-bg.svg) center no-repeat;
    background-size: cover;
    mix-blend-mode: darken
}

.support-wrap::before {
    content: "";
    position: absolute;
    top: -13.9%;
    left: 0;
    display: block;
    width: 100%;
    height: 122%;
    background: url(/local/templates/openyard/assets/css/../img/page-service/support-bg-line.svg) center no-repeat;
    background-size: cover
}

.support .block-caption__bread span {
    color: var(--white)
}

.support .block-caption__title h2 {
    color: var(--white)
}

.support-content {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.support-content__text {
    grid-column: 2/3;
    display: flex;
    flex-direction: column;
    grid-gap: clamp(15px, 2.2222222222vw, 40px)
}

.support-content__text p {
    color: var(--white);
    font-size: clamp(15px, 1.4444444444vw, 26px);
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .52px
}

.support-content__text .link {
    color: var(--white);
    font-size: clamp(30px, 4.4444444444vw, 80px);
    font-weight: 400;
    line-height: 100%
}

.support-content__text .link.phone {
    font-size: clamp(20px, 3.3333333333vw, 60px)
}

@media(min-width: 1925px) {
    .support-wrap::before {
        top: -20%;
        height: 155%
    }
}

@media(max-width: 580px) {
    .support-wrap {
        overflow: hidden
    }

    .support-wrap::before {
        top: 23%;
        left: 0;
        height: 100%;
        background-position-x: 78%;
        background-position-y: 100%
    }

    .support-content__text {
        grid-column: 1/3
    }
}

.production-content {
    margin-top: clamp(10px, 5.5555555556vw, 100px)
}

.production-content__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.production-content__image {
    margin-right: 20px;
    border-radius: clamp(15px, 1.1111111111vw, 20px);
    overflow: hidden
}

.production-content__image img {
    height: 100%;
    object-fit: cover
}

.production-content__list {
    display: flex;
    flex-direction: column
}

.production-content__list .list-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 10px;
    flex: 1 1 auto;
    min-height: clamp(164px, 14.1666666667vw, 255px);
    margin-top: -1px;
    padding: clamp(20px, 2.7777777778vw, 50px);
    border-radius: clamp(15px, 1.1111111111vw, 20px);
    border: 1px solid var(--black)
}

.production-content__list .list-item h2 {
    height: min-content;
    margin: 0;
    color: var(--black);
    font-size: clamp(18px, 1.4444444444vw, 26px);
    font-weight: 500;
    line-height: 130%
}

.production-content__list .list-item p {
    display: flex;
    align-self: flex-end;
    color: var(--gray);
    font-size: clamp(15px, 1vw, 18px);
    font-weight: 400;
    line-height: 130%
}

@media(max-width: 991px) {
    .production-content__wrap {
        display: flex;
        flex-direction: column;
        grid-gap: 20px 0
    }

    .production-content__image {
        margin-right: 0
    }
}

@media(max-width: 580px) {
    .production-content__wrap {
        display: flex;
        flex-direction: column;
        grid-gap: 20px 0
    }

    .production-content__image {
        margin-right: 0
    }

    .production-content__list .list-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .production-content__list .list-item h2 {
        max-width: 250px
    }

    .production-content__list .list-item h2>br {
        display: none
    }

    .production-content__list .list-item p {
        align-self: flex-start
    }
}

.buttons {
    flex: 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(20px, 1.6666666667vw, 30px) clamp(20px, 2.2222222222vw, 40px);
    font-size: clamp(15px, 1.1111111111vw, 20px);
    font-weight: 500;
    line-height: 120%;
    text-align: start;
    border-radius: 20px;
    border: 1.6px solid var(--black);
    cursor: pointer;
    transition: .5s ease
}

.buttons_bg_black {
    color: var(--white);
    background-color: var(--black)
}

.buttons_bg_black .icon path {
    stroke: var(--light);
    transition: .5s ease
}

.buttons_bg_black:hover {
    background-color: #313539;
    transition: .5s ease
}

.buttons_bg_black:hover .icon path {
    transition: .5s ease
}

.buttons_bg_white {
    color: var(--black);
    background-color: var(--bg)
}

.buttons_bg_white:hover {
    background-color: #e4e4e4
}

.buttons_bg_white .icon path {
    stroke: var(--black)
}

.buttons.is-full-width {
    width: 100%
}

.about-mission {
    position: relative;
    height: clamp(700px, 55.5555555556vw, 1000px)
}

.about-mission-border {
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black)
}

.about-mission-fill {
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0
}

.about-mission-curve {
    position: absolute;
    top: calc(-95px + (135 - -95) * ((100vw - 375px) / (1920 - 375)));
    left: calc(-135px + (-60 - -135) * ((100vw - 375px) / (1920 - 375)));
    width: calc(985px + (2276 - 985) * ((100vw - 375px) / (1920 - 375)));
    height: calc(364px + (841 - 364) * ((100vw - 375px) / (1920 - 375)));
    background: url(/local/templates/openyard/assets/css/../img/about-bg.svg) center no-repeat;
    background-size: cover
}

.about-mission__text {
    background-image: url(/local/templates/openyard/assets/css/../img/about-mask-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 15px;
    padding-top: clamp(10px, 2.2222222222vw, 40px);
    -webkit-mask-image: url(/local/templates/openyard/assets/css/../img/about-mask-2.svg);
    mask-image: url(/local/templates/openyard/assets/css/../img/about-mask-2.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    height: clamp(86px, 21vw, 378px)
}

.about-mission__text svg {
    width: 100%;
    height: 100%
}

.about-mission__card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    margin-top: 74px
}

.about-mission__card .card-item {
    position: relative;
    display: flex
}

.about-mission__card .card-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1;
    justify-content: flex-end
}

.about-mission__card .card-item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2;
    justify-content: flex-start
}

.about-mission__card .card-content {
    display: flex;
    flex-direction: column;
    grid-gap: 40px 0;
    width: 470px;
    min-height: clamp(212px, 15.5555555556vw, 280px);
    padding: clamp(20px, 2.2222222222vw, 40px);
    border-radius: clamp(15px, 1.1111111111vw, 20px);
    border: 1px solid var(--gray);
    background: var(--bg)
}

.about-mission__card .card-content .title {
    display: flex;
    grid-gap: 0 4px
}

.about-mission__card .card-content .title h3 {
    display: flex;
    margin: 0;
    color: var(--black);
    font-size: var(--font-size-2);
    font-weight: 500;
    line-height: 120%
}

.about-mission__card .card-content .title h3>span {
    color: var(--black-40)
}

.about-mission__card .card-content .title h3>p {
    display: block;
    margin-left: clamp(15px, 1.1111111111vw, 20px);
    color: var(--bray);
    font-size: var(--font-size-6);
    font-weight: 400;
    line-height: 130%
}

.about-mission__card .card-content .subtitle p {
    color: var(--gray);
    font-size: var(--font-size-6);
    font-weight: 400;
    line-height: 130%
}

.about-history__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.about-history__caption {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(20px, 2.2222222222vw, 40px);
    border-radius: clamp(15px, 1.1111111111vw, 20px);
    border: 1px solid var(--black)
}

.about-history__caption h2 {
    max-width: 412px;
    margin: 0;
    color: var(--black);
    font-size: clamp(26px, 2.2222222222vw, 40px);
    font-weight: 500;
    line-height: 120%
}

.about-history__caption p {
    max-width: 752px;
    color: var(--black);
    font-size: clamp(15px, 1.4444444444vw, 26px);
    font-weight: 400;
    line-height: 130%
}

.about-history__content {
    display: flex;
    flex-direction: column;
    grid-gap: clamp(40px, 8.3333333333vw, 150px) 0;
    margin-left: -1px;
    padding: clamp(20px, 2.2222222222vw, 40px);
    border-radius: clamp(15px, 1.1111111111vw, 20px);
    border: 1px solid var(--black);
    position: relative
}

.about-history__content::after {
    content: "";
    background-image: url(/local/templates/openyard/assets/css/../img/about-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: clamp(250px, 31.3888888889vw, 565px);
    height: clamp(250px, 29.7777777778vw, 536px);
    position: absolute;
    bottom: calc(-1*clamp(0px, 8.2222222222vw, 148px));
    left: calc(-1*clamp(80px, 7.6111111111vw, 137px))
}

.about-history__content .item {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 clamp(97px, 8.7222222222vw, 157px);
    justify-items: end
}

.about-history__content .item::before {
    content: "";
    position: absolute;
    top: 18px;
    left: calc(-28px + (-46 - -28) * ((100vw - 1000px) / (1920 - 1000)));
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMTQ0OTIgMC44MzkwOTlMNC4xNDYzMiAwLjgzNzY2OUM0LjY1NzY4IDAuMzA3OTA4IDUuMzI0NTMgMC4wMjc2OTMzIDYgMEM2LjY3NTQ3IDAuMDI3NjkzMyA3LjM0MjMyIDAuMzA3OTA4IDcuODUzNjggMC44Mzc2NjlMNy44NTUzMyAwLjgzOTM1M0M5LjAyMDc3IDIuMDMxODEgMTAuMTg2MiAzLjIyNDI2IDExLjM1MTcgNC40MDMwMUMxMi4yMDk0IDUuMjgwNjQgMTIuMjIyOCA2LjcwNjc4IDExLjM1MTcgNy41ODQ0QzEwLjE4NTcgOC43Nzc0MiA5LjAwNjI3IDkuOTcwNDQgNy44NDAyOCAxMS4xNjM1QzcuMzI4ODcgMTEuNjg2NyA2LjY2ODczIDExLjk2NjUgNiAxMkM1LjMzMTI3IDExLjk2NjUgNC42NzExMyAxMS42ODY3IDQuMTU5NzIgMTEuMTYzNUMyLjk5MzczIDkuOTcwNDQgMS44MTQzNCA4Ljc3NzQyIDAuNjQ4MzQxIDcuNTg0NEMtMC4yMjI4MDIgNi43MDY3OCAtMC4yMDk0IDUuMjgwNjQgMC42NDgzNDEgNC40MDMwMUMxLjgxMzg3IDMuMjI0MTggMi45NzkzOSAyLjAzMTY0IDQuMTQ0OTIgMC44MzkwOTlaIiBmaWxsPSIjMjcyQjMyIi8+Cjwvc3ZnPgo=);
    background-size: contain
}

.about-history__content .item:last-child .title h2 {
    flex: 0 0 clamp(47px, 8.6111111111vw, 155px);
    max-width: clamp(47px, 8.6111111111vw, 155px);
    text-align: right
}

.about-history__content .item .title {
    display: flex;
    height: 130px
}

.about-history__content .item .title h2,
.about-history__content .item .title span,
.about-history__content .item .title #js-counter {
    display: block;
    margin: 0;
    color: var(--black);
    font-size: clamp(32px, 7.2222222222vw, 130px);
    font-weight: 500;
    line-height: 100%
}

.about-history__content .item .title span {
    display: none
}

.about-history__content .item .title span.js-year-move {
    display: block
}

.about-history__content .item .title .counter {
    display: flex
}

.about-history__content .item .content {
    display: flex;
    flex-direction: column;
    grid-gap: clamp(15px, 1.1111111111vw, 20px) 0;
    min-width: clamp(260px, 23.8888888889vw, 430px)
}

.about-history__content .item .content h4 {
    margin: 0;
    color: var(--gray);
    font-size: clamp(15px, 1vw, 18px);
    font-weight: 500;
    line-height: 130%
}

.about-history__content .item .content p {
    color: var(--gray);
    font-size: clamp(15px, 1vw, 18px);
    font-weight: 400;
    line-height: 130%
}

.about-history__content .item .content ul {
    margin-top: clamp(10px, 1.1111111111vw, 20px)
}

.about-history__content .item .content ul li {
    display: flex;
    grid-gap: 0 30px;
    padding: clamp(8px, 0.8333333333vw, 15px) 0;
    border-top: 1px solid var(--black)
}

.about-history__content .item .content ul li h3 {
    min-width: clamp(60px, 5vw, 90px);
    margin: 0;
    color: var(--black);
    font-size: clamp(15px, 1.1111111111vw, 20px);
    font-weight: 500;
    line-height: 100%
}

.about-history__content .item .content ul li p {
    color: var(--gray);
    font-size: clamp(15px, 1vw, 18px);
    font-weight: 400;
    line-height: 130%
}

@media(max-width: 991px) {
    .about-mission {
        height: auto
    }

    .about-mission-fill {
        width: 100%
    }

    .about-mission__card {
        display: flex;
        flex-direction: column
    }

    .about-mission__card .card-item:nth-child(1) {
        justify-content: flex-start
    }

    .about-mission__card .card-item:nth-child(2) {
        justify-content: flex-end;
        margin-top: -1px
    }

    .about-mission__card .card-content .title h3 {
        align-items: flex-end
    }

    .about-history__wrap {
        display: flex;
        flex-direction: column
    }

    .about-history__caption {
        margin-bottom: 40px;
        padding: 0;
        border: none
    }

    .about-history__caption h2 {
        margin-bottom: 20px
    }

    .about-history__content .item {
        display: flex;
        flex-direction: column
    }

    .about-history__content .item::before {
        left: calc(-26px + (-28 - -26) * ((100vw - 370px) / (991 - 370)))
    }

    .about-history__content .item:last-child .title h2 {
        flex: 0 0 auto;
        max-width: auto
    }

    .about-history__content .item .title {
        height: auto;
        margin-bottom: 47px
    }

    .about-history__content .item .title span {
        display: block
    }

    .about-history__content .item .content {
        max-width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--black)
    }

    .about-history__content .item:last-child .content {
        padding-bottom: 0;
        border: none
    }
}

@media(max-width: 580px) {
    .about-mission__card {
        margin-top: 130px
    }

    .about-mission__text {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
}

/*# sourceMappingURL=page-about.css.map */
/* End */
/* /local/templates/openyard/assets/css/page-about.css?176061507719394 */