/* Start:/local/templates/openyard/assets/css/page-mediakit.css?174772690029253*/
.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: clamp(820px, 66.1111111111vw, 1190px)
}

@media screen and (max-width: 1600px) {
    .block-caption__title {
        max-width: clamp(780px, 58.8888888889vw, 1060px)
    }
}

@media screen and (max-width: 1180px) {
    .block-caption__title {
        max-width: 680px
    }
}

.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)
}

@media screen and (max-width: 1600px) {
    .block-caption__title h1, .block-caption__title h2 {
        font-size: clamp(32px, 3.6111111111vw, 65px)
    }
}

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

.block-caption__subtitle.is-indented {
    padding: 0 clamp(70px, 7.2222222222vw, 130px)
}

@media (max-width: 1260px) {
    .block-caption__subtitle.is-indented {
        grid-column-gap: 20px
    }
}

@media (max-width: 991px) {
    .block-caption__subtitle.is-indented {
        padding: 0
    }
}

.block-caption__subtitle p {
    grid-column: 2/3;
    color: var(--black);
    font-size: 18px;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width: 1600px) {
    .block-caption__subtitle p {
        font-size: 13px
    }
}

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

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

@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
    }
}

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

.block-service__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: clamp(240px, 17.7777777778vw, 320px);
    margin-bottom: -1px;
    padding: clamp(20px, 2.2222222222vw, 40px);
    border-radius: clamp(15px, 1.1111111111vw, 20px);
    border: 1px solid var(--black);
    background: var(--bg);
    z-index: 2
}

.block-service__item:nth-child(2n) {
    margin-left: -1px
}

.block-service__item .item-icon {
    position: absolute;
    left: clamp(20px, 2.2222222222vw, 40px);
    bottom: clamp(20px, 2.2222222222vw, 40px);
    width: clamp(75px, 5.5555555556vw, 100px);
    height: clamp(75px, 5.5555555556vw, 100px)
}

@media screen and (max-width: 1024px) {
    .block-service__item .item-icon {
        width: clamp(80px, 5.5555555556vw, 100px);
        height: clamp(80px, 5.5555555556vw, 100px)
    }
}

.block-service__item .item-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.block-service__item .item-title .num {
    position: absolute;
    top: clamp(20px, 2.7777777778vw, 50px);
    left: clamp(20px, 2.7777777778vw, 50px)
}

.block-service__item .item-title .num, .block-service__item .item-title h4 {
    margin: 0;
    color: var(--black);
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

@media screen and (max-width: 1600px) {
    .block-service__item .item-title .num, .block-service__item .item-title h4 {
        font-size: 19px
    }
}

@media screen and (max-width: 1024px) {
    .block-service__item .item-title .num, .block-service__item .item-title h4 {
        font-size: 18px
    }
}

.block-service__item .item-subtitle {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    max-width: clamp(320px, 23.3333333333vw, 420px)
}

.block-service__item .item-subtitle p {
    color: var(--gray);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width: 1600px) {
    .block-service__item .item-subtitle p {
        font-size: 13px
    }
}

@media screen and (max-width: 1024px) {
    .block-service__item .item-subtitle p {
        font-size: 15px
    }
}

.block-service__item .item-subtitle a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: clamp(20px, 2.2222222222vw, 40px);
    color: var(--violet);
    font-size: var(--font-size-6);
    font-weight: 500;
    line-height: 130%
}

.block-service__item .item-subtitle a::after {
    content: "";
    display: block;
    width: 7px;
    height: 17px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuNUw1LjMyNjU0IDYuNTQ3NjNDNi4yODk1MSA3LjY3MTEgNi4yODk1MSA5LjMyODkgNS4zMjY1NCAxMC40NTI0TDEgMTUuNSIgc3Ryb2tlPSIjQUIyMEVEIiBzdHJva2Utd2lkdGg9IjEuNiIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 991px) {
    .block-service__item .item-icon {
        top: 20px;
        right: 20px;
        left: unset;
        bottom: unset
    }

    .block-service__item .item-title {
        max-width: 65%;
        min-height: 80px;
        margin-bottom: 10px
    }

    .block-service__item .item-subtitle {
        align-self: flex-start;
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 767px) {
    .block-service__list {
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 365px) {
    .block-service__item .item-title {
        min-height: auto
    }

    .block-service__item .item-title h4 {
        word-break: break-word
    }
}

.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%
}

main {
    position: relative
}

main::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30%;
    max-width: 505px;
    height: auto;
    aspect-ratio: 505/653;
    background: url(/local/templates/openyard/assets/css/../img/page-mediakit/mediakit-top.png) right no-repeat;
    background-size: contain
}

@media screen and (max-width: 1600px) {
    main::before {
        max-width: 377px;
        aspect-ratio: 377/488
    }
}

@media screen and (max-width: 1024px) {
    main::before {
        display: none
    }
}

.mediakit__title {
    width: 56.54%;
    max-width: 1063px;
    font-family: Gilroy;
    font-weight: 500;
    font-size: 70px;
    line-height: 1;
    color: var(--black);
    text-indent: 145px;
    margin: 80px 0 180px
}

@media screen and (max-width: 1600px) {
    .mediakit__title {
        width: 57%;
        max-width: 767px;
        margin: 60px 0 130px;
        font-size: 52px;
        text-indent: 108.75px
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__title {
        width: 56%;
        margin: 60px 0 100px;
        font-size: 42px;
        text-indent: 75.75px
    }
}

@media screen and (max-width: 860px) {
    .mediakit__title {
        text-indent: 0
    }
}

@media screen and (max-width: 580px) {
    .mediakit__title {
        width: 100%;
        margin: 60px 0 80px;
        font-size: 28px;
        line-height: 1.1;
        text-indent: 0
    }
}

.mediakit__wrapper {
    width: 100%;
    position: relative
}

.mediakit__block {
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-top: 1px solid var(--black);
    position: relative;
    z-index: 100;
    margin-bottom: 120px
}

@media screen and (max-width: 1600px) {
    .mediakit__block {
        gap: 22px;
        margin-bottom: 90px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__block {
        gap: 15px;
        margin-bottom: 60px
    }
}

.mediakit__block:last-child {
    margin-bottom: 180px
}

@media screen and (max-width: 1600px) {
    .mediakit__block:last-child {
        margin-bottom: 150px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__block:last-child {
        margin-bottom: 60px
    }
}

.mediakit__block-title {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.2;
    color: var(--black)
}

@media screen and (max-width: 1600px) {
    .mediakit__block-title {
        font-size: 24px
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__block-title {
        font-size: 17px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__block-title {
        width: 100%;
        font-size: 18px
    }
}

.mediakit__block-description {
    width: 100%;
    padding: 5px 0;
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media screen and (max-width: 1600px) {
    .mediakit__block-description {
        padding: 3px 0;
        gap: 22px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__block-description {
        width: 100%;
        gap: 25px;
        padding: 0 0 15px
    }
}

.mediakit__block-description > p {
    width: 73.707%;
    font-family: Gilroy;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--black)
}

@media screen and (max-width: 1600px) {
    .mediakit__block-description > p {
        font-size: 13px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__block-description > p {
        width: 100%;
        font-size: 15px
    }
}

.mediakit__block-top {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    padding: 30px 0
}

.mediakit__block-top.icons {
    padding: 30px 0 0
}

@media screen and (max-width: 1600px) {
    .mediakit__block-top {
        padding: 22px 0
    }

    .mediakit__block-top.icons {
        padding: 30px 0 0
    }
}

@media screen and (max-width: 580px) {
    .mediakit__block-top {
        padding: 15px 0 0;
        grid-template-columns:repeat(1, 1fr);
        gap: 25px
    }
}

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

.mediakit__block-bottom.one-column {
    grid-template-columns:repeat(1, 1fr)
}

@media screen and (max-width: 1023px) {
    .mediakit__block-bottom.adaptive {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media screen and (max-width: 580px) {
    .mediakit__block-bottom {
        grid-template-columns:repeat(1, 1fr)
    }
}

.mediakit__logos {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 2px
}

@media screen and (max-width: 1600px) {
    .mediakit__logos {
        gap: 1.5px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__logos {
        flex-wrap: wrap;
        gap: 1px
    }
}

.mediakit__logos.black {
    gap: 1px
}

@media screen and (max-width: 1600px) {
    .mediakit__logos.black {
        gap: .75px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__logos.black {
        gap: 1px
    }
}

.mediakit__logo {
    width: calc(37.2% - 3px);
    height: 258px;
    padding: 100px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
    background-color: var(--white);
    gap: 55px;
    cursor: pointer
}

@media screen and (max-width: 1600px) {
    .mediakit__logo {
        width: calc(37.2% - 1.75px);
        height: 194px;
        padding: 75px 0 22.5px;
        gap: 41.25px;
        border-radius: 15px
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__logo {
        width: calc(73.92% - 1px);
        height: 137.96px;
        padding: 53.33px 0 16px;
        gap: 29.33px;
        border-radius: 10.67px
    }
}

@media screen and (max-width: 768px) {
    .mediakit__logo .mediakit__download-block {
        opacity: 1
    }
}

@media screen and (max-width: 580px) {
    .mediakit__logo {
        width: calc(73.92% - 1px);
        height: 196px;
        padding: 76px 0 22px;
        gap: 40px;
        border-radius: 15px
    }
}

.mediakit__logo:hover .mediakit__download-block {
    opacity: 1
}

@media (hover: none) {
    .mediakit__logo .mediakit__download-block {
        opacity: 1
    }
}

.mediakit__logo.black {
    width: calc(37.2% - 1.5px);
    background-color: var(--black)
}

@media screen and (max-width: 1600px) {
    .mediakit__logo.black {
        width: calc(37.2% - 1.25px)
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__logo.black {
        width: calc(73.92% - 1px);
        height: 137.96px;
        padding: 53.33px 0 16px;
        gap: 29.33px;
        border-radius: 10.67px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__logo.black {
        width: calc(73.92% - 1px);
        height: 196px;
        padding: 76px 0 22px;
        gap: 40px;
        border-radius: 15px
    }
}

.mediakit__logo.black.small {
    width: 12.8%
}

@media screen and (max-width: 1200px) {
    .mediakit__logo.black.small {
        width: 26.08%
    }
}

.mediakit__logo.small {
    width: 12.8%
}

@media screen and (max-width: 1200px) {
    .mediakit__logo.small {
        width: 26.08%
    }
}

.mediakit__logo-image {
    width: 100%;
    max-width: 250px;
    height: auto;
    aspect-ratio: 5/1;
    margin: 0 auto
}

@media screen and (max-width: 1600px) {
    .mediakit__logo-image {
        max-width: 190px
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__logo-image {
        max-width: 135.11px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__logo-image {
        max-width: 190px;
        height: 38px
    }
}

.mediakit__logo-image.small {
    width: 100%;
    max-width: 50px;
    aspect-ratio: 1/1
}

@media screen and (max-width: 1600px) {
    .mediakit__logo-image.small {
        max-width: 38px
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__logo-image.small {
        max-width: 27.02px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__logo-image.small {
        max-width: 38px
    }
}

.mediakit__download-block {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    gap: 10px
}

@media screen and (max-width: 1600px) {
    .mediakit__download-block {
        gap: 7.5px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__download-block {
        gap: 7.6px
    }
}

.mediakit__download-text {
    font-family: Gilroy;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--black)
}

@media screen and (max-width: 1600px) {
    .mediakit__download-text {
        font-size: 13px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__download-text {
        font-size: 15px
    }
}

.mediakit__download-text.white {
    color: var(--bg)
}

.mediakit__download-image {
    width: 12.5px;
    height: 11px
}

@media screen and (max-width: 1600px) {
    .mediakit__download-image {
        width: 10px;
        height: 9px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__download-image {
        width: 10px;
        height: 8.8px
    }
}

.mediakit__colors {
    display: flex;
    justify-content: space-between;
    gap: 1px;
    align-items: stretch
}

@media screen and (max-width: 1023px) {
    .mediakit__colors {
        flex-wrap: wrap
    }
}

.mediakit__color {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px;
    border-radius: 20px;
    height: 258px;
    cursor: pointer
}

@media screen and (max-width: 1600px) {
    .mediakit__color {
        border-radius: 15px;
        padding: 15px;
        gap: 4px;
        height: 195px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__color {
        padding: 20px;
        border-width: 1px;
        height: 196px;
        gap: 5px
    }
}

.mediakit__color.light-gray {
    width: 100%;
    border: 1px solid var(--black);
    background-color: var(--bg)
}

.mediakit__color.gray {
    width: calc((100% - 2px) / 2);
    background-color: var(--light);
    border: 1px solid var(--light)
}

@media screen and (max-width: 1023px) {
    .mediakit__color.gray {
        width: 100%
    }
}

.mediakit__color.black {
    width: calc((100% - 2px) / 4 * 1.5);
    background-color: var(--black);
    border: 1px solid var(--black)
}

@media screen and (max-width: 1023px) {
    .mediakit__color.black {
        width: calc(73.92% - 1px)
    }
}

.mediakit__color.purple {
    width: 12.9%;
    background-color: var(--purple);
    border: 1px solid var(--purple)
}

@media screen and (max-width: 1023px) {
    .mediakit__color.purple {
        width: 26.08%
    }
}

.mediakit__color-copy {
    min-width: 16px;
    min-height: 17px;
    max-width: 16px;
    max-height: 17px;
    position: relative;
    top: -2px;
    opacity: 0
}

@media screen and (max-width: 1600px) {
    .mediakit__color-copy {
        min-width: 12px;
        min-height: 13px;
        max-width: 12px;
        max-height: 13px
    }
}

@media screen and (max-width: 1024px) {
    .mediakit__color-copy {
        top: 0
    }
}

@media screen and (max-width: 768px) {
    .mediakit__color-copy {
        opacity: 1
    }
}

@media screen and (max-width: 580px) {
    .mediakit__color-copy {
        min-width: 16px;
        min-height: 17px;
        max-width: 16px;
        max-height: 17px
    }
}

.mediakit__color:hover .mediakit__color-copy {
    opacity: 1
}

@media (hover: none) {
    .mediakit__color .mediakit__color-copy {
        opacity: 1
    }
}

.mediakit__color-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

@media screen and (max-width: 1600px) {
    .mediakit__color-wrapper {
        gap: 10px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__color-wrapper {
        height: 100%;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start
    }
}

.mediakit__color-text {
    font-family: Gilroy;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--black)
}

@media screen and (max-width: 1600px) {
    .mediakit__color-text {
        font-size: 13px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__color-text {
        font-size: 15px
    }
}

.mediakit__color-text.white {
    color: var(--white)
}

.mediakit__color-name {
    font-family: Gilroy;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: var(--black)
}

@media screen and (max-width: 1600px) {
    .mediakit__color-name {
        font-size: 10px;
        line-height: 1.5
    }
}

@media screen and (max-width: 580px) {
    .mediakit__color-name {
        font-size: 12px
    }
}

.mediakit__color-name.white {
    color: var(--white)
}

.mediakit__download-button, .mediakit__download-button-mobile {
    width: fit-content;
    padding: 0 25px;
    border: 1px solid var(--black);
    height: 43px;
    border-radius: 22px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    transition: .4s ease
}

.mediakit__download-button:hover, .mediakit__download-button-mobile:hover {
    background: var(--black);
    transition: .5s ease;
    color: var(--white)
}

.mediakit__download-button:hover > p, .mediakit__download-button-mobile:hover > p {
    color: var(--white)
}

@media screen and (max-width: 1600px) {
    .mediakit__download-button, .mediakit__download-button-mobile {
        height: 33px;
        padding: 0 18px;
        gap: 8px;
        border-radius: 60px
    }
}

.mediakit__download-button-mobile, .mediakit__download-button.more, .mediakit__download-button-mobile-mobile, .mediakit__download-button-mobile.more {
    display: none
}

@media screen and (max-width: 580px) {
    .mediakit__download-button-mobile, .mediakit__download-button.more, .mediakit__download-button-mobile-mobile, .mediakit__download-button-mobile.more {
        width: 100%;
        height: 29px;
        display: flex;
        justify-content: center;
        gap: 10px;
        border-top-width: 1px;
        margin-top: -1px
    }
}

.mediakit__download-button > p, .mediakit__download-button-mobile > p {
    line-height: 43px;
    font-family: Gilroy;
    font-weight: 400;
    font-size: 18px;
    color: var(--black)
}

@media screen and (max-width: 1600px) {
    .mediakit__download-button > p, .mediakit__download-button-mobile > p {
        font-size: 13px;
        line-height: 33px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__download-button > p, .mediakit__download-button-mobile > p {
        font-size: 15px;
        line-height: 29px
    }
}

.mediakit__download-button > img, .mediakit__download-button svg, .mediakit__download-button-mobile > img, .mediakit__download-button-mobile svg {
    width: 12.5px;
    height: 11px
}

@media screen and (max-width: 1600px) {
    .mediakit__download-button > img, .mediakit__download-button svg, .mediakit__download-button-mobile > img, .mediakit__download-button-mobile svg {
        width: 10px;
        height: 9px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__download-button > img, .mediakit__download-button svg, .mediakit__download-button-mobile > img, .mediakit__download-button-mobile svg {
        width: 10px;
        height: 8.8px
    }
}

.mediakit__download-button {
    cursor: pointer
}

@media screen and (max-width: 580px) {
    .mediakit__download-button {
        display: none
    }
}

.mediakit__download-button.hide {
    display: none
}

.mediakit__icons {
    width: 100%;
    padding: 80px 110px;
    border-radius: 20px;
    border: 1px solid var(--black);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 90px 160px
}

@media screen and (max-width: 1600px) {
    .mediakit__icons {
        padding: 60px 79px;
        border-radius: 15px;
        gap: 50px 120px
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__icons {
        padding: 55px 30px;
        gap: 40px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__icons {
        padding: 50px 55px;
        border-radius: 15px;
        border-width: 1px;
        gap: 70px 75px
    }
}

.mediakit__icon {
    width: calc((100% - 960px) / 7);
    display: flex;
    flex-direction: column;
    cursor: pointer;
    gap: 50px
}

@media screen and (max-width: 1600px) {
    .mediakit__icon {
        width: calc((100% - 720px) / 7);
        max-width: 75px;
        gap: 30px
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__icon {
        width: calc((100% - 240px) / 7);
        gap: 40px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__icon {
        width: calc((100% - 75px) / 2);
        max-width: 80px;
        gap: 30px
    }

    .mediakit__icon:nth-child(n+7) {
        display: none
    }

    .mediakit__icon.visible {
        display: flex
    }
}

.mediakit__icon .mediakit__icon-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1
}

.mediakit__icon  .mediakit__icon-download {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

@media screen and (max-width: 1600px) {
    .mediakit__icon .mediakit__icon-download {
        gap: 6px
    }
}

.mediakit__icon-download > p {
    font-family: Gilroy;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--black);
    display: none;
    transition: .3s
}

@media screen and (max-width: 1600px) {
    .mediakit__icon-download > p {
        font-size: 13px
    }
}

@media screen and (max-width: 1200px) {
    .mediakit__icon-download > p {
        font-size: 12px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__icon-download > p {
        font-size: 13px
    }
}

.mediakit__icon-download > img {
    width: 12.5px;
    height: 11px
}

@media screen and (max-width: 1600px) {
    .mediakit__icon-download > img {
        width: 10px;
        height: 19px
    }
}

.mediakit__icon:hover .mediakit__icon-download > p {
    display: block;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .mediakit__icon:hover .mediakit__icon-download > p {
        display: none
    }
}

.mediakit__brandbook {
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    background: var(--purple)
}

@media screen and (max-width: 1600px) {
    .mediakit__brandbook {
        padding: 15px;
        border-radius: 15px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__brandbook {
        padding: 15px 15px 5px
    }
}

.mediakit__brandbook::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    height: 100%;
    aspect-ratio: 124/54;
    background: url(/local/templates/openyard/assets/css/../img/page-mediakit/mediakit-bottom.png) right no-repeat;
    background-size: contain;
    border-radius: 0 20px 20px 0
}

@media screen and (max-width: 1600px) {
    .mediakit__brandbook::before {
        border-radius: 0 15px 15px 0;
        aspect-ratio: 930/405
    }
}

@media screen and (max-width: 1344px) {
    .mediakit__brandbook::before {
        height: 100%;
        background: url(/local/templates/openyard/assets/css/../img/page-mediakit/mediakit-bottom.png) right no-repeat;
        background-size: contain
    }
}

@media screen and (max-width: 1023px) {
    .mediakit__brandbook::before {
        width: 85%;
        max-width: 286px;
        height: 100%;
        aspect-ratio: auto;
        background: url(/local/templates/openyard/assets/css/../img/page-mediakit/mediakit-bottom-mobile.png) right no-repeat;
        background-size: cover
    }
}

.mediakit__brandbook-title {
    width: 80%;
    max-width: 1442px;
    font-family: Gilroy;
    font-weight: 500;
    font-size: 60px;
    line-height: 1.1;
    color: var(--white);
    margin: 0 0 194px
}

@media screen and (max-width: 1600px) {
    .mediakit__brandbook-title {
        border-radius: 0 15px 15px 0;
        max-width: 1080px;
        margin: 0 0 144px;
        font-size: 45px
    }
}

@media screen and (max-width: 1023px) {
    .mediakit__brandbook-title {
        width: 100%;
        font-size: 34px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__brandbook-title {
        width: 100%;
        font-size: 24px;
        line-height: 1.2;
        margin: 0 0 208px
    }
}

.mediakit__brandbook-link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px;
    border: 1px solid var(--bg);
    border-radius: 20px;
    background: none;
    cursor: pointer;
    position: relative;
    z-index: 100;
    transition: .5s ease
}

@media screen and (max-width: 1600px) {
    .mediakit__brandbook-link {
        padding: 22px 30px;
        border-radius: 15px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__brandbook-link {
        width: calc(100% + 20px);
        left: -10px;
        padding: 20px;
        border-width: 1px
    }
}

.mediakit__brandbook-link > p {
    width: 90px;
    font-family: Gilroy;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: var(--bg)
}

@media screen and (max-width: 1600px) {
    .mediakit__brandbook-link > p {
        width: 68px;
        font-size: 15px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__brandbook-link > p {
        width: 68px;
        font-size: 15px
    }
}

.mediakit__brandbook-link > svg {
    width: 12.5px;
    height: 11px
}

@media screen and (max-width: 1600px) {
    .mediakit__brandbook-link > svg {
        width: 9.38px;
        height: 8.25px
    }
}

@media screen and (max-width: 580px) {
    .mediakit__brandbook-link > svg {
        width: 12.5px;
        height: 11px
    }
}

.mediakit__brandbook-link:hover {
    transition: .5s ease;
    background-color: var(--bg)
}

.mediakit__brandbook-link:hover > p {
    color: var(--black)
}

.mediakit__brandbook-link:hover > svg > path {
    stroke: var(--black)
}

/*# sourceMappingURL=page-mediakit.css.map */

/* End */
/* /local/templates/openyard/assets/css/page-mediakit.css?174772690029253 */