

/* Start:/local/components/ampm/system.empty/templates/contacts/style.css?17936982212080*/
.contact-blocks {
    display: flex;
    gap: 24px;
    margin-bottom: 56px;

    & * {
        box-sizing: border-box;
    }
}

.contact-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border: 1px solid rgba(228, 231, 234, 1);
    border-radius: 16px;
    padding: 40px;
}

.contact-block__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
}

.contact-block__sub-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    margin-top: 8px;
}

.contact-block__phone {
    & a {
        font-weight: 400;
        font-size: 28px;
        line-height: 130%;
        text-decoration: none;
        color: rgba(20, 20, 25, 1);
    }
}

.contact-block__work {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    color: rgba(158, 163, 175, 1);
}

.contact-block__soc {
    display: flex;
    gap: 8px;
}

.contact-block__soc-link {
    display: flex;
    text-decoration: none;
}

.contact-block__link {
    display: flex;
    gap: 4px;
    align-items: center;

    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-decoration: underline;
    text-decoration-style: solid;

    & svg {

    }
}

/**/
.showrooms-page__title {
    font-weight: 400;
    font-size: 28px;
    line-height: 150%;
    margin-bottom: 32px;
}


.type-page .info .showrooms-page .item {
    border: 0;
    padding: 0;
    gap: 32px;
    margin-bottom: 0;

    & + .item {
        margin-top: 32px;
    }
}

@media (max-width: 1199px) {
    .contact-blocks {
        flex-wrap: wrap;
        gap: 32px;
        margin-bottom: 24px;
    }

    .contact-block__title {
        font-size: 18px;
        line-height: 130%;
    }

    .contact-block__sub-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
    }

    .showrooms-page__title {
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
    }

    .type-page .info .showrooms-page .item .info {
        padding: 0;
    }

    #contacts_map_msk > * {
        width: 100%;
    }
}
/* End */
/* /local/components/ampm/system.empty/templates/contacts/style.css?17936982212080 */
