/* Start:/local/templates/dk/components/bitrix/news/services/bitrix/news.detail/.default/style.css?179006781111589*/
.dk-news-detail{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px;
    padding: 16px;
}

/* =========================================================
   DK NEWS DETAIL — СТИЛИ ТЕКСТОВОЙ СТРАНИЦЫ
   Основной контейнер: .dk-news-detail
   ========================================================= */

.dk-news-detail {
    font-size: 17px;
    line-height: 1.75;
    color: #333;
    max-width: 100%;
}


/* =========================================================
   ОСНОВНОЙ ТЕКСТ
   ========================================================= */

.dk-news-detail p {
    margin: 0 0 20px;
}

.dk-news-detail p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   H1
   ========================================================= */

.dk-news-detail h1 {
    margin: 0 0 30px;
    padding: 0;

    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;

    color: #222;
    letter-spacing: -0.5px;
}


/* =========================================================
   H2
   ========================================================= */

.dk-news-detail h2 {
    position: relative;

    margin: 48px 0 22px;
    padding: 0 0 12px;

    font-size: 29px;
    line-height: 1.3;
    font-weight: 700;

    color: #222;

    border-bottom: 1px solid #e5e5e5;
}

/* Красная линия под H2 */
.dk-news-detail h2::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -1px;

    width: 55px;
    height: 3px;

    background: #e30613;
}


/* =========================================================
   H3
   ========================================================= */

.dk-news-detail h3 {
    margin: 35px 0 16px;
    padding: 0;

    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;

    color: #292929;
}


/* =========================================================
   H4
   ========================================================= */

.dk-news-detail h4 {
    margin: 28px 0 12px;
    padding: 0;

    font-size: 19px;
    line-height: 1.45;
    font-weight: 600;

    color: #333;
}


/* =========================================================
   ССЫЛКИ
   ========================================================= */

.dk-news-detail a {
    color: #e30613;
    text-decoration: none;

    transition:
            color 0.2s ease,
            opacity 0.2s ease;
}

.dk-news-detail a:hover {
    color: #b8000b;
    text-decoration: underline;
}


/* =========================================================
   ЖИРНЫЙ ТЕКСТ
   ========================================================= */

.dk-news-detail strong,
.dk-news-detail b {
    font-weight: 700;
    color: #222;
}


/* =========================================================
   КУРСИВ
   ========================================================= */

.dk-news-detail em,
.dk-news-detail i {
    font-style: italic;
}


/* =========================================================
   МАРКИРОВАННЫЕ СПИСКИ
   ========================================================= */

.dk-news-detail ul {
    margin: 0 0 25px;
    padding-left: 28px;
}

.dk-news-detail ul li {
    margin: 0 0 9px;
    padding-left: 4px;
}

.dk-news-detail ul li::marker {
    color: #e30613;
    font-size: 1.1em;
}


/* =========================================================
   НУМЕРОВАННЫЕ СПИСКИ
   ========================================================= */

.dk-news-detail ol {
    margin: 0 0 25px;
    padding-left: 28px;
}

.dk-news-detail ol li {
    margin: 0 0 9px;
    padding-left: 4px;
}

.dk-news-detail ol li::marker {
    color: #e30613;
    font-weight: 700;
}


/* =========================================================
   ВЛОЖЕННЫЕ СПИСКИ
   ========================================================= */

.dk-news-detail ul ul,
.dk-news-detail ol ol,
.dk-news-detail ul ol,
.dk-news-detail ol ul {
    margin-top: 8px;
    margin-bottom: 8px;
}


/* =========================================================
   ТАБЛИЦЫ
   ========================================================= */

.dk-news-detail table {
    width: 100%;
    margin: 30px 0;

    border-collapse: collapse;
    border-spacing: 0;

    font-size: 16px;

    background: #fff;
}

.dk-news-detail th {
    padding: 14px 16px;

    text-align: left;
    vertical-align: middle;

    font-weight: 700;
    color: #fff;

    background: #333;

    border: 1px solid #ddd;
}

.dk-news-detail td {
    padding: 13px 16px;

    text-align: left;
    vertical-align: top;

    border: 1px solid #ddd;
}

.dk-news-detail tbody tr:nth-child(even) td {
    background: #f7f7f7;
}

.dk-news-detail tbody tr:hover td {
    background: #f1f1f1;
}


/* =========================================================
   ЦИТАТЫ
   ========================================================= */

.dk-news-detail blockquote {
    margin: 30px 0;
    padding: 20px 25px;

    border-left: 4px solid #e30613;

    background: #f7f7f7;

    color: #444;

    font-size: 17px;
    line-height: 1.7;
}

.dk-news-detail blockquote p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   ИЗОБРАЖЕНИЯ
   ========================================================= */

.dk-news-detail img {
    max-width: 100%;
    height: auto;
}

.dk-news-detail figure {
    margin: 30px 0;
}

.dk-news-detail figure img {
    display: block;
    max-width: 100%;
    height: auto;
}

.dk-news-detail figcaption {
    margin-top: 8px;

    font-size: 14px;
    line-height: 1.5;

    color: #777;
    text-align: center;
}


/* =========================================================
   РАЗДЕЛИТЕЛЬ
   ========================================================= */

.dk-news-detail hr {
    margin: 40px 0;

    border: 0;
    border-top: 1px solid #e5e5e5;
}


/* =========================================================
   CODE
   ========================================================= */

.dk-news-detail code {
    padding: 2px 6px;

    border-radius: 3px;

    background: #f3f3f3;

    font-size: 0.9em;
}

.dk-news-detail pre {
    overflow-x: auto;

    margin: 25px 0;
    padding: 20px;

    border-radius: 5px;

    background: #222;
    color: #fff;

    font-size: 14px;
    line-height: 1.6;
}

.dk-news-detail pre code {
    padding: 0;
    background: transparent;
    color: inherit;
}


/* =========================================================
   ВЫДЕЛЕННЫЙ БЛОК
   Можно использовать:
   <div class="service-list">
   ========================================================= */

.dk-news-detail .service-list {
    margin: 25px 0 35px;
    padding: 22px 25px;

    background: #f7f7f7;

    border-left: 4px solid #e30613;
    border-radius: 4px;
}

.dk-news-detail .service-list-title {
    margin: 0 0 12px;

    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;

    color: #222;
}

.dk-news-detail .service-list p:last-child {
    margin-bottom: 0;
}

.dk-news-detail .service-list ul,
.dk-news-detail .service-list ol {
    margin-bottom: 0;
}


/* =========================================================
   CTA — ЗАКАЗ УСЛУГИ
   ========================================================= */

.dk-news-detail .service-order {
    margin: 45px 0 20px;
    padding: 30px;

    background: #f5f5f5;

    border-radius: 6px;

    text-align: center;
}

.dk-news-detail .service-order h2 {
    margin: 0 0 15px;
    padding: 0;

    border: 0;

    font-size: 28px;
}

.dk-news-detail .service-order h2::after {
    display: none;
}

.dk-news-detail .service-order p {
    max-width: 750px;
    margin: 0 auto 20px;
}


/* =========================================================
   КНОПКА
   ========================================================= */

.dk-news-detail .service-button {
    display: inline-block;

    padding: 13px 28px;

    border: 0;
    border-radius: 4px;

    background: #e30613;
    color: #fff;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;

    text-decoration: none;

    cursor: pointer;

    transition:
            background 0.2s ease,
            transform 0.2s ease;
}

.dk-news-detail .service-button:hover {
    background: #c80510;
    color: #fff;

    text-decoration: none;

    transform: translateY(-1px);
}


/* =========================================================
   АКЦЕНТНАЯ СТРОКА
   ========================================================= */

.dk-news-detail .accent {
    color: #e30613;
    font-weight: 700;
}


/* =========================================================
   НЕБОЛЬШОЙ ИНФОРМАЦИОННЫЙ БЛОК
   ========================================================= */

.dk-news-detail .info-box {
    margin: 25px 0;
    padding: 20px 25px;

    background: #f7f7f7;

    border-radius: 4px;
}


/* =========================================================
   АДАПТИВ — ПЛАНШЕТ
   ========================================================= */

@media (max-width: 991px) {

    .dk-news-detail {
        font-size: 16px;
    }

    .dk-news-detail h1 {
        font-size: 34px;
    }

    .dk-news-detail h2 {
        font-size: 27px;
    }
}


/* =========================================================
   АДАПТИВ — МОБИЛЬНЫЕ
   ========================================================= */

@media (max-width: 767px) {

    .dk-news-detail {
        font-size: 16px;
        line-height: 1.65;
    }

    .dk-news-detail p {
        margin-bottom: 17px;
    }

    .dk-news-detail h1 {
        margin-bottom: 22px;

        font-size: 29px;
        line-height: 1.25;

        letter-spacing: -0.3px;
    }

    .dk-news-detail h2 {
        margin-top: 38px;
        margin-bottom: 18px;
        padding-bottom: 10px;

        font-size: 24px;
        line-height: 1.3;
    }

    .dk-news-detail h2::after {
        width: 45px;
        height: 3px;
    }

    .dk-news-detail h3 {
        margin-top: 30px;

        font-size: 20px;
    }

    .dk-news-detail h4 {
        font-size: 18px;
    }

    .dk-news-detail ul,
    .dk-news-detail ol {
        padding-left: 23px;
    }

    .dk-news-detail li {
        margin-bottom: 7px;
    }

    /* Таблица с горизонтальной прокруткой */
    .dk-news-detail table {
        display: block;
        overflow-x: auto;

        width: 100%;

        font-size: 14px;
    }

    .dk-news-detail th,
    .dk-news-detail td {
        min-width: 130px;
        padding: 10px 12px;
    }

    .dk-news-detail blockquote {
        margin: 25px 0;
        padding: 15px 18px;

        font-size: 16px;
    }

    .dk-news-detail .service-list {
        padding: 18px 20px;
    }

    .dk-news-detail .service-order {
        margin-top: 35px;
        padding: 25px 18px;
    }

    .dk-news-detail .service-order h2 {
        font-size: 23px;
    }

    .dk-news-detail .service-button {
        width: 100%;
        box-sizing: border-box;

        padding: 13px 20px;
    }
}


/* =========================================================
   ОЧЕНЬ МАЛЕНЬКИЕ ЭКРАНЫ
   ========================================================= */

@media (max-width: 480px) {

    .dk-news-detail h1 {
        font-size: 26px;
    }

    .dk-news-detail h2 {
        font-size: 22px;
    }

    .dk-news-detail h3 {
        font-size: 19px;
    }
}
/* End */
/* /local/templates/dk/components/bitrix/news/services/bitrix/news.detail/.default/style.css?179006781111589 */