/* Start:/bitrix/templates/serviceprint/css/reset.css?17788720991647*/
/* Modern Normalize 2026 — Адаптирован для Сервис Принт */
@layer reset, base, components, utilities;

@layer reset {
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    html {
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
        interpolate-size: allow-keywords;
        scrollbar-gutter: stable;
    }

    body {
        margin: 0;
        min-height: 100dvh;
    }

    /* Изображения не ломают сетку */
    img,
    svg,
    video,
    canvas {
        display: block;
        max-width: 100%;
        height: auto;
    }

    /* Формы наследуют шрифт от body */
    input,
    button,
    textarea,
    select {
        font: inherit;
        letter-spacing: inherit;
    }

    /* Авто-растущие textarea */
    textarea:not([rows]) {
        field-sizing: content;
    }

    /* Убираем стандартные отступы у списков */
    ul, ol {
        padding-left: 0;
    }

    /* Красивый фокус для доступности */
    :focus-visible {
        outline: 2px solid #008aa4;
        outline-offset: 2px;
    }

    /* Таблицы: базовый сброс */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
}

@layer base {
    /* Балансировка заголовков */
    h1, h2, h3, h4, h5, h6 {
        text-wrap: balance;
    }

    /* Красивые длинные тексты */
    p {
        text-wrap: pretty;
    }
}

/* End */


/* Start:/bitrix/templates/serviceprint/css/fonts.css?1776503339345*/
@font-face {
    font-family: 'InterVariable';
    src: url('/bitrix/templates/serviceprint/css/../fonts/InterVariable.woff2?v=4.1') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0400-04FF, U+0500-052F, U+20B4, U+20BD, U+2116, U+2122, U+2190-2199, U+2200-22FF, U+25A0-25FF, U+2600-26FF, U+0000-007F, U+00A0-00FF;
}
/* End */


/* Start:/bitrix/templates/serviceprint/css/bootstrap-grid.min.css?177887045820434*/
/*!
 * Bootstrap Grid v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.g-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.g-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.g-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.g-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.g-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-content-start{align-content:flex-start!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}@media (min-width:576px){.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-wrap{flex-wrap:wrap!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-center{align-items:center!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}}@media (min-width:768px){.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-wrap{flex-wrap:wrap!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-center{align-items:center!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}}@media (min-width:992px){.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-wrap{flex-wrap:wrap!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-center{align-items:center!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}}@media (min-width:1200px){.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-wrap{flex-wrap:wrap!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-center{align-items:center!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}}@media print{.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}}
/* End */


/* Start:/bitrix/templates/serviceprint/css/template.css?177888030225859*/
@charset "UTF-8";
:root {
    --color-bg: #ffffff;
    --color-surface: #f6f8fb;
    --color-surface-2: #eef2f7;
    --color-border: #e3e8ef;
    --color-text: #23324a;
    --color-text-muted: #6b778c;
    --color-text-soft: #8a94a6;
    --color-primary: #f50;
    --color-primary-hover: #e86a1f;
    --color-primary-soft: #f5a15a;
    --color-link: #007aa6;
    --color-link-hover: #2e4b73;
    --color-dark: #25344c;
    --color-blue: #3e5c88;
    --color-success: #2e9b57;
    --color-error: #d64545;
    --color-warning: #d97a1a;
    --color-accent: var(--color-primary);
    --bg-light: #f6f8fb;
    --bg-lighter: #f9fafc;
    --bg-white: #ffffff;
    --border: #e3e8ef;
    --border-light: #e3e8ef;
    --border-lighter: #eef2f7;
    --border-dark: #3e4c5a;
    --shadow-color: rgba(36, 53, 78, 0.16);
    --shadow-light: 0 0 23px 0 var(--shadow-color);
    --shadow-subtle: 2px 2px 3px 0 rgba(0 0 0 / 0.06);
    --transition-opacity: opacity 0.3s ease;
    --transition-color: color 0.3s ease;
    --space-s: 20px;
    --space-m: 30px;
    --space-l: 50px;
    --box-height: 260px;
    --hover-overlay: rgba(0 0 0 / 0.4);
    --primary-color: var(--color-primary);
    --secondary-color: var(--color-blue);
    --status-orange: var(--color-primary);
    --status-green: var(--color-success);
    --border-color: var(--color-border);
    --border-color-light: var(--border-light);
    --border-color-lighter: var(--border-lighter);
    --text-color: var(--color-text);
    --text-color-light: var(--color-text-muted);
    --text-color-gray: var(--color-text-soft);
    --main-color: var(--color-primary);
    --spacing-medium: 20px;
}
.icon {
    width: 28px;
    height: 28px;
    color: var(--color-primary);
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: 6px;
}
body {
    font-family:
        InterVariable,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings:
        "liga" 1,
        "calt" 1;
}
.container,
.wrap {
    max-width: 1150px;
    margin-inline: auto;
    padding-inline: 1.25rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-dark);
    font-weight: 500;
    margin-block: 0;
    line-height: 1.25;
}
h1 {
    font-size: clamp(1.5rem, 5vw, 1.875rem);
    margin-block: 1.25rem;
    font-weight: 600;
}
h2 {
    font-size: clamp(1.375rem, 4.5vw, 1.625rem);
    margin-block: 1.6875rem 1.25rem;
}
h3 {
    font-size: clamp(1.25rem, 4vw, 1.625rem);
    margin-block: 1.6875rem 1.25rem;
}
h4 {
    font-size: clamp(1.125rem, 3.5vw, 1.5rem);
    margin-block: 1.6875rem 1.25rem;
}
h5 {
    font-size: 1rem;
}
a {
    text-decoration: none;
    color: var(--color-link);
    transition: var(--transition-opacity), var(--transition-color);
}
a:hover {
    opacity: 0.85;
    color: var(--color-link-hover);
}
[id^="bx_incl"] {
    display: inline;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
#header {
    position: relative;
    z-index: 100;
    padding-block-end: 1.875rem;
}
#header .header-inner {
    background: linear-gradient(180deg, #fbe0d4 0, #fde8de 30%, #fff3ec 60%, #fff 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 60px;
    padding-bottom: 40px;
}
@media (width <= 768px) {
    #header .header-inner {
        padding-bottom: 16px;
    }
}
#header .header-inner-main-page {
    position: absolute;
    z-index: 3;
    inset-block-start: -10px;
    inset-inline: 0;
    color: #666;
}
#header .header-top {
    padding-block-start: 1.5rem;
    margin-block-end: 1.25rem;
}
.head-logo {
    order: 2;
    flex-grow: 1;
    display: inline-flex;
}
.head-logo-inner {
    position: relative;
    display: inline-block;
    color: #333;
    text-decoration: none;
}
.head-logo-sp {
    display: inline-block;
    position: relative;
    z-index: 65;
    width: 270px;
    height: 58px;
    background: url(/bitrix/templates/serviceprint/css/../images/logo.svg) no-repeat center/contain;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
}
#header .header-phone {
    font-weight: 500;
    position: relative;
    text-align: end;
    line-height: 1.2;
}
#header .header-phone__main-phone {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
#header .header-phone__link {
    text-decoration: none;
    color: var(--color-primary);
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
}
#header .header-phone__link:hover {
    color: var(--color-primary-hover);
}
#header .header-top .d-flex.flex-column.flex-lg-row {
    gap: 0.5rem;
}
@media (width > 991px) {
    #header .header-top .d-flex.flex-column.flex-lg-row {
        gap: 0.75rem;
    }
}
.header-messengers {
    display: flex;
    align-items: center;
    gap: 8px;
}
.header-messengers a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--color-surface-2);
    transition:
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.1s ease;
}
.header-messengers img {
    width: 18px;
    height: 18px;
}
.header-messengers a:hover {
    background: var(--color-link);
    box-shadow: 0 4px 10px rgba(62, 92, 136, 0.25);
    transform: translateY(-1px);
}
#sticky_header {
    will-change: transform;
}
.btn-callback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--color-primary) 0, var(--color-primary-hover) 100%);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.02em;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow:
        0 8px 24px rgba(232, 106, 31, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease,
        background 0.2s ease;
    position: relative;
    overflow: hidden;
}
.btn-callback:hover {
    transform: translateY(-1px);
    box-shadow:
        0 12px 28px rgba(217, 94, 18, 0.32),
        0 0 0 4px rgba(217, 94, 18, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
    filter: brightness(1.03);
}
.btn-callback:active {
    transform: translateY(0);
    box-shadow:
        0 6px 18px rgba(217, 94, 18, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.btn-callback:focus-visible {
    outline: 0;
    box-shadow:
        0 0 0 4px rgba(217, 94, 18, 0.22),
        0 8px 24px rgba(217, 94, 18, 0.26);
}
.btn-callback::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 0, rgba(255, 255, 255, 0.22) 50%, transparent 100%);
    transform: translateX(-120%);
    transition: transform 0.5s ease;
    pointer-events: none;
}
.btn-callback:hover::before {
    transform: translateX(120%);
}
.btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1.1rem;
    border-radius: 14px;
    background: rgba(62, 92, 136, 0.06);
    color: var(--color-link);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    border: 1px solid rgba(62, 92, 136, 0.25);
    cursor: pointer;
    position: relative;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.1s ease;
}
.btn-link:hover {
    background: rgba(62, 92, 136, 0.12);
    color: var(--color-link-hover);
    border-color: rgba(62, 92, 136, 0.5);
    box-shadow: 0 4px 10px rgba(62, 92, 136, 0.25);
    transform: translateY(-1px);
    text-decoration: none;
}
.btn-link:active {
    background: rgba(62, 92, 136, 0.18);
    box-shadow: 0 2px 6px rgba(62, 92, 136, 0.25);
    transform: translateY(0);
}
.btn-link:focus-visible {
    outline: 0;
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px color-mix(in srgb, var(--color-link) 55%, transparent);
}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    70% {
        transform: scale(1.8);
        opacity: 0.2;
    }
    100% {
        transform: scale(1);
        opacity: 0.7;
    }
}
.btn-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--color-primary) 0, var(--color-primary-hover) 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(217, 94, 18, 0.22);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease,
        background 0.2s ease;
}
.btn-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(217, 94, 18, 0.28);
    filter: brightness(1.03);
}
.btn-button:active {
    transform: translateY(0);
    box-shadow: 0 6px 16px rgba(217, 94, 18, 0.2);
}
.btn-button:focus-visible {
    outline: 0;
    box-shadow:
        0 0 0 4px rgba(217, 94, 18, 0.18),
        0 8px 20px rgba(217, 94, 18, 0.22);
}
.wrapper {
    padding: 0;
}
.wrapper-main-page {
    padding-block: 1.875rem;
}
.wrapper-inner {
    display: flex;
    gap: 3.75rem;
}
#sidebar {
    width: 270px;
    min-width: 270px;
    flex-shrink: 0;
}
.content-box {
    flex: 1;
    min-width: 0;
}
#footer {
    position: relative;
    margin-top: 30px;
}
#footer .footer__top {
    padding-block: 3.125rem 2.5rem;
    background: #122b3c;
    color: #adb2b6;
}
#footer .footer_logo {
    width: 100%;
    display: flex;
    overflow: auto;
}
#footer .footer_logo_inner {
    margin: auto;
}
#footer .footer_logo_white {
    width: 285px;
    height: 37px;
    margin: 1.0625rem auto;
    display: block;
    position: relative;
    background: url(/bitrix/templates/serviceprint/css/../images/footer-logo.svg) no-repeat center/contain;
}
#footer .footer_logo_white span[itemprop="name"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    display: block;
}
#footer .footer__text {
    margin-block-end: 1.0625rem;
    font-size: 0.9em;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-align: center;
}
#footer .footer__hr {
    width: 100%;
    height: 2px;
    margin-block-end: 2rem;
    background: #969ba5;
    border: none;
}
#footer .footer__phone {
    font-size: 1.5em;
    text-align: center;
    margin-block-end: 0.9375rem;
}
#footer .footer__phone a {
    color: #969ba5;
    text-decoration: none;
    transition: var(--transition-color);
}
#footer .footer__phone a:hover {
    color: #fff;
}
.footer__item3 {
    margin-block-start: 0.9375rem;
    font-size: 0.85em;
    text-align: center;
}
#footer .footer__mail {
    margin-block-end: 2px;
}
#footer .footer__mail a {
    color: #969ba5;
    text-decoration: none;
    transition: var(--transition-color);
}
#footer .footer__mail a:hover {
    color: #fff;
}
#footer .footer__address {
    color: #969ba5;
}
#footer .footer__menu-title {
    margin-block: 0.9375rem;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}
#footer .footer__menu-title::after {
    content: "";
    width: 40px;
    height: 2px;
    background: #969ba5;
    display: block;
    margin-block: 0.9375rem;
}
#footer .footer__menu a {
    display: block;
    margin-block-end: 0.9375rem;
}
#footer .footer__menu a:hover {
    color: #fff;
}
#footer .footer__bottom {
    padding-block: 1.875rem;
    background: #191f26;
}
#footer .footer__social ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}
#footer .footer__social ul li {
    margin-inline: 0.75rem;
}
#footer .footer__social a {
    color: #728089;
    font-size: 1.5em;
    transition:
        color 0.3s ease,
        transform 0.3s ease;
    display: inline-block;
}
#footer .footer__social a:hover {
    color: #fff;
    transform: translateY(-2px);
}
.footer__social {
    margin-block: 5px;
}
#footer .footer__copyright {
    color: #adb2b6;
    font-size: 0.8em;
    line-height: 1.3;
    text-align: start;
}
#footer .footer__copyright a {
    color: #728089;
    transition: var(--transition-color);
}
#footer .footer__copyright a:hover {
    color: #fff;
}
#footer .footer ul,
#footer .footer ul a {
    color: #fff;
    padding-inline-start: 0;
    list-style-type: none;
}
#cookie-banner {
    display: none;
    position: fixed;
    inset-block-end: 0;
    inset-inline: 0;
    background-color: #191f26;
    color: #fff;
    padding: 0.9375rem 1.25rem;
    z-index: 9999;
    line-height: 1.4;
    box-shadow: 0 -2px 10px rgba(0 0 0 / 0.1);
}
.cookie-content-wrapper {
    max-width: 1200px;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
}
.cookie-text {
    flex-grow: 1;
}
#cookie-banner a {
    color: #6dcc88;
    text-decoration: underline;
}
#cookie-agree-button {
    background-color: #6dcc88;
    color: #333;
    border: none;
    padding: 0.5rem 1.125rem;
    cursor: pointer;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 700;
    transition: background-color 0.3s;
    flex-shrink: 0;
}
#cookie-agree-button:hover {
    background-color: #5cb85c;
}
.section-main-page {
    margin-block-end: 6.25rem;
}
.section-main-page-title {
    margin-block-end: 2.5rem;
    text-align: center;
    font-size: 2em;
    font-weight: 500;
}
.section-link-all {
    position: absolute;
    z-index: 2;
    inset-block-end: 5px;
    inset-inline-end: 0;
}
.bg-section {
    background: var(--bg-light);
    padding-block: 1.25rem 2.5rem;
}
.section-projects-list {
    margin-block-end: var(--space-l);
}
.section-projects-list__title {
    margin-block-end: 2.5rem;
    text-align: center;
    font-size: 2em;
    font-weight: 600;
}
.section-projects-list__box {
    position: relative;
    /* height: var(--box-height); */
    overflow: hidden;
}
.section-projects-list__link {
    display: block;
    height: 100%;
}
.section-projects-list__img {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.section-projects-list__shadow {
    position: absolute;
    inset: 0;
    background: url(/bitrix/templates/serviceprint/css/../images/shadow_projects.png) repeat-x top left;
}
.section-projects-list__text {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    padding: 1.25rem;
    text-shadow: 1px 1px 1px rgba(0 0 0 / 0.8);
    color: #fff;
}
.section-projects-list__text-title {
    font-size: 1.3em;
    margin-block-end: 5px;
}
.section-services {
    margin-block-end: var(--space-l);
}
.section-services__title {
    text-align: center;
    padding-bottom: 0.75rem;
}
.section-services__link-all-box {
    display: flex;
    justify-content: flex-start;
}
.section-link-all-center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    padding: 0.6rem 1.3rem;
    border-radius: 14px;
    border: 1px solid var(--color-link);
    background: 0 0;
    color: var(--color-link);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.1s ease;
}
.section-link-all-center:hover {
    background: rgba(62, 92, 136, 0.08);
    color: var(--color-link-hover);
    border-color: var(--color-link-hover);
    box-shadow: 0 4px 10px rgba(62, 92, 136, 0.2);
    transform: translateY(-1px);
    text-decoration: none;
}
.section-link-all-center:active {
    background: rgba(62, 92, 136, 0.14);
    box-shadow: 0 2px 6px rgba(62, 92, 136, 0.2);
    transform: translateY(0);
}
.section-link-all-center:focus-visible {
    outline: 0;
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px color-mix(in srgb, var(--color-link) 55%, transparent);
}
.section-company {
    margin-block-end: var(--space-l);
}
.section-company__box-img {
    position: relative;
    width: 400px;
    min-width: 400px;
    height: 400px;
    border: 15px solid var(--border-light);
    margin-inline-end: 2.5rem;
}
.section-company__img {
    position: absolute;
    z-index: 1;
    inset-block-start: 22px;
    inset-inline-start: 25px;
    background-position: center;
    background-size: cover;
    width: 390px;
    height: 325px;
}
.section-company__img-title {
    position: absolute;
    z-index: 2;
    inset-block-end: 50px;
    inset-inline-start: 66px;
    width: 350px;
    padding: 1.5625rem;
    background: rgba(242 255 255 / 0.7);
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.2;
}
.section-company__text {
    line-height: 1.5;
    margin-block-end: 1.25rem;
}
.section-company__metric {
    display: flex;
    align-items: center;
    padding-block: 1.875rem;
}
.section-company__metric-img,
.section-company__metric-nomber {
    margin-inline-end: 0.9375rem;
}
.section-company__metric-nomber {
    font-size: 3em;
}
.section-company__metric-text {
    font-size: 0.9em;
    font-weight: 500;
}
.section-company__metric-link {
    text-decoration: none;
    color: var(--color-text);
}
.section-partners {
    margin-block-end: 1.5625rem;
}
.section-news__title,
.section-partners__title,
.section-portfolio__title,
.section-review__title {
    text-align: center;
}
.section-news__desc,
.section-partners__desc,
.section-portfolio__desc,
.section-review__desc {
    margin-block-end: 1.5625rem;
    text-align: center;
}
.section-partners__row,
.section-portfolio__row,
.section-review__row {
    position: relative;
    margin-bottom: 25px;
}
.section-review__action-box {
    text-align: center;
    margin-top: -10px;
}
.section-review__rating-text {
    margin-bottom: 15px;
    display: block;
    color: var(--color-text-muted);
}
.section-partners__item:hover,
.section-portfolio__item:hover {
    opacity: 0.9;
}
.section-partners__box-img,
.section-portfolio__box-img {
    position: relative;
    width: 100%;
    height: auto;
}
.section-partners__box-img {
    max-width: 200px;
    height: 150px;
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
}
.section-partners__img,
.section-portfolio__img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.section-partners__img {
    width: 200px;
    height: 150px;
}
.section-partners__img-shadow,
.section-portfolio__img-shadow {
    position: absolute;
    z-index: 2;
    inset: 0;
    background: rgba(0 0 0 / 0.3);
}
.section-partners__img-desc,
.section-portfolio__img-desc {
    position: absolute;
    z-index: 3;
    inset-block-end: 0;
    inset-inline: 0;
    padding: 0.625rem 1.25rem;
    background: rgba(0 0 0 / 0.7);
    color: #f7f7f7;
}
.section-partners__link-all-box,
.section-portfolio__link-all-box,
.section-review__link-all-box {
    position: absolute;
    z-index: 2;
    inset-block-end: 5px;
    inset-inline-end: 0;
}
.section-portfolio__link-title {
    color: inherit;
    text-decoration: none;
    transition:
        color 0.3s ease,
        border-color 0.3s ease;
    border-bottom: 2px solid transparent;
}
.section-portfolio__link-title:hover {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
}
.section-portfolio__link-title::after {
    content: " ↗";
    font-size: 0.8em;
    opacity: 0.7;
    transition:
        margin-left 0.3s ease,
        opacity 0.3s ease;
}
.section-portfolio__link-title:hover::after {
    margin-left: 10px;
    opacity: 1;
}
.section-review__img {
    width: 100%;
    height: auto;
}
.section-news {
    margin-block-end: var(--space-l);
}
.section-news__date {
    font-size: 0.85em;
    color: var(--color-text-soft);
    margin-bottom: 4px;
}
.section-news__img-box {
    margin-block-end: 12px;
    aspect-ratio: 3/2;
    overflow: hidden;
    border-radius: 12px;
    background: var(--color-surface);
}
.section-news__img-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.section-news__item:hover .section-news__img-img {
    transform: scale(1.05);
}
.section-news__link-link {
    font-size: 0.9em;
    font-weight: 500;
    color: var(--color-text);
    line-height: 1.4;
}
.section-news__link-link:hover {
    color: var(--color-primary);
}
.section-news__link-all {
    margin-block-start: 1.25rem;
}
.section-advantage {
    margin-block-start: var(--space-l);
    padding-block-end: var(--space-l);
}

.section-advantage__title {
    margin-block-end: 1.5625rem;
    text-align: center;
    font-size: 2em;
    font-weight: 500;
}

.section-advantage__box-item {
    display: flex;
    padding-block: 1.25rem;
    align-items: flex-start; /* Выравнивание по верху, если текста много */
}

.section-advantage__icon {
    width: 60px;
    height: 60px;
    margin-inline-end: 1.25rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Обращаемся к svg напрямую, как он идет в шаблоне */
.section-advantage__icon svg {
    width: 54px; /* Оставляем воздух внутри контейнера 60px для презентабельности */
    height: 54px;
    color: #0c5377;
    stroke-width: 1.5;
}

.section-advantage__box-item {
    display: flex;
    padding-block: 1.25rem;
    align-items: flex-start;
}

.section-advantage__advantage-title {
    font-weight: 500;
    margin-block-end: 0.625rem;
    font-size: 1.2em;
    color: #1a1a1a;
}

.section-advantage__advantage-desc {
    font-size: 0.9em;
    color: #4a4a4a;
}

@media (width >= 1200px) {
    .container {
        max-width: 1230px;
    }
}
@media (width <= 1199px) {
    #header .header-slider__offer {
        padding-inline-start: 0;
    }
    #header .header-form__inner {
        inset-inline-end: 0;
    }
    #sidebar {
        width: 240px;
        min-width: 240px;
    }
    #sidebar {
        margin-inline-end: var(--space-s);
    }
}
@media (width <= 992px) {
    .wrapper-inner {
        flex-direction: column;
        gap: var(--space-m);
    }
    #sidebar {
        width: 100%;
        min-width: auto;
        order: 2;
    }
    .content-box {
        order: 1;
    }
}
@media (width <= 991px) {
    #header .header-phone,
    #header .header-slider,
    #header .header-top {
        text-align: center;
    }
    #header .header-logo {
        margin-block-end: var(--space-m);
    }
    #header .header-address,
    #header .header-address__mail,
    #header .header-btn-callback,
    #header .header-form__inner,
    #header .header-slider__btn,
    #header .header-slider__offer,
    #sidebar {
        display: none;
    }
    #header .header-phone {
        margin-block: 0.9375rem var(--space-m);
    }
    #header .header-phone > svg {
        display: none;
    }
    #header .header-phone__main-phone:is(:hover, :focus-within) .header-phone__popup {
        display: none;
    }
    #header .header-slider__inner {
        max-height: 300px;
        min-height: 0;
    }
    #footer .footer__item1 {
        display: flex;
        justify-content: space-between;
        padding-block-start: var(--space-s);
        border-block-start: 2px solid var(--border-dark);
        margin-block-end: var(--space-m);
    }
    #footer .footer__hr {
        display: none;
    }
    #footer .footer__btn-callback-link {
        display: inline-block;
    }
    .section-company__col-img {
        display: none;
    }
}
@media (width <= 768px) {
    .container,
    .wrap {
        padding-inline: 0.9375rem;
    }
    #header .header-top {
        padding-block-start: 1.25rem;
        margin-block-end: 1.25rem;
    }
    .head-logo-sp {
        width: 200px;
        height: 42px;
    }
    .wrapper {
        padding-block-start: 1.875rem;
    }
}
@media (width <= 767px) {
    .section-advantage,
    .section-company,
    .section-news,
    .section-partners,
    .section-projects-list,
    .section-services,
    .wrapper-main-page {
        margin-block-end: var(--space-l);
    }
    .wrapper {
        margin-block-end: 0 !important;
    }
    .section-review {
        margin-block-end: 15px;
    }
    .section-review__row {
        margin-bottom: 0;
    }
    .section-review__desc {
        margin-block-end: 10px;
    }
    #footer .footer {
        text-align: center;
    }
    #footer .footer__item1 {
        display: block;
        padding-block-start: 0;
        border-block-start: none;
        margin-block-end: 0;
    }
    #footer .footer__hr {
        display: block;
    }
    #footer .footer__btn-callback-link {
        display: inline-block;
    }
    #footer .footer__menu-title::after {
        margin-inline: auto;
    }
    #footer .footer__copyright {
        margin-block-end: var(--space-s);
    }
    #footer .footer__social ul {
        justify-content: center;
    }
    #footer .footer__metrics {
        margin-block-end: 0.625rem;
    }
}
@media (width <= 575px) {
    .wrapper {
        padding-block: var(--space-m);
    }
}

/* End */


/* Start:/bitrix/templates/serviceprint/css/main.css?177887248526286*/
@charset "UTF-8";
.content-box ol,
.content-box p,
.content-box ul {
    overflow-wrap: break-word;
    }
.content-box p {
    margin: 0 0 10px;
    text-align: justify;
}
.content-box ol,
.content-box ul {
    margin: 10px 0 20px 5%;
}
.content-box ul {
    list-style: square;
}
.content-box ol {
    list-style: decimal;
}
.content-box ol li,
.content-box ul li {
    line-height: 1.5;
    margin-bottom: 5px;
}
.content-box .note-box {
    padding-left: 15px;
    border-left: 3px solid var(--primary-color);
    font-style: italic;
    color: #555;
    font-size: 0.9rem;
    margin-top: 20px;
}
.content-box img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
.content-box .img-fluid {
    display: block;
    margin: 0 auto;
}
.content-box .right {
    float: right;
    margin: 10px 0 0 20px;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
.content-box .left {
    float: left;
    margin: 10px 20px 0 0;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.content-box b,
.content-box strong {
    font-weight: 600;
}
.content-box sup {
    vertical-align: top;
    font-size: 0.7em;
    position: relative;
    top: -0.2em;
}
.content-box .txt-bold {
    font-weight: 500;
    color: var(--color-error);
}
.content-box sub {
    position: relative;
    top: 0.5em;
}
.content-box .note {
    font-size: 1.1rem;
    margin: 25px 0 10px 25px;
    padding: 15px;
    background: #f8f9fa;
    border-left: 4px solid var(--color-link);
    border-radius: 4px;
}
.content-box blockquote {
    font-size: 0.85em;
    text-align: justify;
    margin: 10px 0 20px;
    padding: 0.85em 20px;
    position: relative;
    color: #606770;
    border-left: 4px solid var(--primary-color);
    background: #f9f9f9;
    line-height: 1.5em;
    border-radius: 0 4px 4px 0;
}
.content-box table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.content-box td,
.content-box th {
    border: 1px solid #dedede;
    padding: 0.8rem 0.4rem;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease;
}
.content-box th {
    text-transform: uppercase;
    background: #5c6684;
    color: #fff;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 15px 5px;
}
.content-box tbody tr:nth-child(odd) {
    background: var(--bg-light);
}
.content-box td:hover {
    background: var(--color-primary);
    color: #fff;
    cursor: pointer;
}
.content-box table td:first-child {
    text-align: center;
    padding-left: 5px;
    font-weight: 500;
}
.content-box tr > .sample {
    padding: 10px;
    width: 120px;
    background: #fff;
    vertical-align: middle;
}
table.price caption {
    display: table-caption;
    caption-side: top;
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    color: var(--dark-color);
    font-variant-caps: all-petite-caps;
    padding: 22px 0 18px 0;
    margin: 0;
    border: none;
    line-height: 1.1;
}
table.price tbody td:not(:first-child) {
    font-weight: 700;
    color: var(--dark-color);
    white-space: nowrap;
}
table.price tbody td:not(:first-child)::after {
    content: "₽";
    font-weight: 200;
    margin-left: 2px;
}
.service-specifications {
    margin-bottom: 20px;
    padding: 15px;
    background: var(--bg-lighter);
    border-left: 4px solid var(--main-color);
}
.content-box table.table_rekvizity td {
    padding-left: 20px;
    text-align: left;
}
@media (max-width: 768px) {
    .content-box p {
        text-align: left;
    }
    .content-box table {
        font-size: 0.8em;
    }
    .content-box td,
    .content-box th {
        padding: 0.5rem 0.2rem;
    }
}
@media (max-width: 575px) {
    .content-box td,
    .content-box th {
        font-size: small;
    }
}
.form-wrapper {
    margin: 50px 0;
    padding: 40px 0;
    clear: both;
}
.order-this-product {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    padding: 0.6rem 1.4rem;
    width: max-content;
    white-space: nowrap;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 14px;
    border: 1px solid transparent;
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0.02em;
    box-shadow: 0 10px 22px rgba(232, 106, 31, 0.42);
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.1s ease,
        border-color 0.2s ease;
}
.order-this-product:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    box-shadow: 0 12px 26px rgba(217, 94, 18, 0.5);
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}
.order-this-product:active {
    background-color: var(--color-primary-hover);
    box-shadow: 0 5px 12px rgba(217, 94, 18, 0.45);
    transform: translateY(0);
}
.order-this-product:focus-visible {
    outline: 0;
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px color-mix(in srgb, var(--color-primary) 60%, transparent);
}
.order-this-product-wrap {
    text-align: center;
    margin: 20px 0;
}
.action-panel {
    background: var(--bg-lighter);
    border: 1px solid var(--border-lighter);
    border-radius: 12px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin: 20px 0 40px 0;
}
.btn-order-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.5rem;
    border-radius: 14px;
    background-color: var(--color-primary);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(232, 106, 31, 0.42);
    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.1s ease,
        border-color 0.2s ease;
}
.btn-order-main:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    box-shadow: 0 12px 26px rgba(217, 94, 18, 0.5);
    transform: translateY(-1px);
    color: #fff;
}
.btn-order-main:active {
    background-color: var(--color-primary-hover);
    box-shadow: 0 5px 12px rgba(217, 94, 18, 0.45);
    transform: translateY(0);
}
.btn-order-main:focus-visible {
    outline: 0;
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px color-mix(in srgb, var(--color-primary) 60%, transparent);
}
.download-templates {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.download-templates__label {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    margin-right: 5px;
}
.download-templates__link {
    display: inline-flex;
    align-items: center;
}
.download-templates__icon {
    width: 24px;
    height: auto;
    display: block;
}
@media (max-width: 575px) {
    .action-panel {
        flex-direction: column;
        align-items: flex-start;
    }
    .btn-order-main {
        width: 100%;
        justify-content: center;
    }
}
.link_back {
    margin-bottom: 20px;
}
.link_back .icon {
    margin-right: 5px;
    top: 9px;
    color: var(--color-link);
}
.section-desc {
    margin: 30px 0 30px;
}
.link-dotted {
    text-decoration: none;
    border-bottom: 1px dotted;
}
.link-dotted:hover {
    border: none;
}
.services-news-list {
    padding-bottom: 25px;
}
.services-news-list__col,
.services-sections__col {
    margin-bottom: 30px;
}
.services-news-list__item,
.services-sections__item {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 1px solid var(--border-lighter);
    border-radius: 4px;
    overflow: hidden;
}
.services-news-list__item:hover,
.services-sections__item:hover {
    border-color: var(--bg-white);
    box-shadow: var(--shadow-light);
}
.services-news-list__img,
.services-sections__img {
    width: 100%;
    aspect-ratio: auto;
    background-color: #f0f0f0;
    display: block;
    line-height: 0;
    border-bottom: 2px solid var(--primary-color);
    overflow: hidden;
    position: relative;
}
.services-news-list__img-img,
.services-sections__img-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.services-sections h2 {
    margin: 0;
    padding: 10px 0;
    color: var(--text-color);
    font-size: 1em;
    text-align: center;
}
.services-sections__title-link {
    color: var(--text-color);
}
.services-sections__text {
    padding: initial;
}
.services-sections__text-desc {
    font-size: 0.9em;
    margin-bottom: 10px;
}
.services-sections ul {
    margin: 0;
}
.services-sections ul li {
    display: inline-block;
    list-style-type: none;
    margin-right: 10px;
}
.services-sections__links-link {
    font-size: 0.9em;
}
.services-sections__links-link:hover {
    color: #008aa4;
}
.services-news-list__text {
    text-align: center;
    padding: 15px 10px;
    color: var(--color-text);
}
.services-news-list__title a {
    color: var(--color-text) !important;
}
.services-news-list__price {
    font-size: 0.9em;
}
.services-news-list__price-price {
    display: inline;
    font-size: 1.4em;
    color: var(--color-accent);
}
.services-news-list__btn-link {
    display: inline-block;
    margin-top: 35px;
    padding: 10px 30px;
}
.portfolio-projects-list__desc-section,
.services-news-detail__desc-section,
.services-news-list__desc-section {
    margin-top: 20px;
}
.services-news-detail__slider-box {
    margin-bottom: 40px;
    border: 1px solid var(--border-lighter);
}
.services-news-detail__form-box,
.services-news-detail__img-box {
    width: 100%;
}
.services-news-detail__img-box {
    position: relative;
    overflow: hidden;
    line-height: 0;
}
.services-news-detail__img-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.services-news-detail__img-shadow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    pointer-events: none;
}
.services-news-detail__form-box {
    padding: 20px;
    background: var(--bg-light);
}
.services-news-detail__form-title {
    color: #5c6684;
    margin-bottom: 12px;
    line-height: 1.2;
    font-size: 1.1em;
    font-weight: 400;
}
.services-news-detail__photo {
    padding: 5px;
    overflow: hidden;
}
.services-news-detail__photo-img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center;
}
.services2-news-list__col {
    margin-bottom: 30px;
}
.services2-news-list__item {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 1px solid #dadada;
    border-radius: 4px;
}
.services2-news-list__item:hover {
    border-color: #fff;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.2);
}
.services2-news-list__img {
    width: 100%;
    border-bottom: 2px solid var(--color-primary);
}
.services2-news-list__img-img {
    width: 100%;
    height: auto;
}
.services2-news-list__img-link:hover {
    opacity: 0.8;
}
.services2-news-list__text {
    text-align: center;
    padding: 20px 20px 40px;
}
.services2-news-list__section-name {
    color: #777;
    font-size: 0.9em;
    margin-bottom: 20px;
}
.services2-news-list__title {
    margin-bottom: 15px;
    font-size: 1.2em;
}
.services2-news-list__title-link {
    color: #000;
}
.services2-news-list__title-link:hover {
    opacity: 0.8;
}
.services2-news-list__preview {
    font-size: 0.9em;
    margin-bottom: 10px;
    line-height: 1.2;
}
.services2-news-list__price {
    font-size: 1.2em;
}
.services2-news-list__price-price {
    display: inline;
    font-size: 1.5em;
}
.services2-news-list__btn-link {
    display: inline-block;
    margin-top: 35px;
    padding: 10px 30px;
}
.services2-news-list__desc-section {
    margin-top: 20px;
}
.portfolio-projects-list__item {
    padding: 40px 0;
    border-bottom: 1px solid var(--border-color);
}
.portfolio-projects-list__item:first-child {
    padding-top: 20px;
}
.portfolio-projects-detail__img,
.portfolio-projects-list__img {
    width: 100%;
    height: auto;
}
.portfolio-projects-detail__img-img,
.portfolio-projects-list__img-img {
    width: 100%;
    height: auto;
}
.portfolio-projects-list h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 1.3em;
}
.portfolio-projects-list__title-link {
    color: #000;
}
.portfolio-projects-list__preview-text {
    font-size: 0.8em;
    line-height: 1.5;
    margin: 10px 0 30px;
}
.portfolio-projects-list__link-more {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 20px;
}
.portfolio-projects-detail {
    margin-top: 10px;
}
.portfolio-projects-detail__row-top {
    margin-bottom: 30px;
}
.portfolio-projects-detail__img {
    max-width: 400px;
}
.portfolio-projects-detail__photo {
    padding: 5px 0;
}
.portfolio-projects-detail__photo-img {
    width: 100%;
    height: auto;
}
.portfolio-projects-detail__btn {
    margin-top: 30px;
}
.portfolio-projects-detail__btn-link {
    display: inline-block;
    padding: 20px;
}
.portfolio-sections__item {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 4px;
}
.portfolio-sections__item:hover {
    box-shadow: var(--shadow-light);
}
.portfolio-sections__img {
    width: 100%;
    height: auto;
    line-height: 0;
    border: 1px solid var(--border-color);
}
.portfolio-sections__img-img {
    width: 100%;
    height: auto;
}
h2.portfolio-sections__title {
    position: absolute;
    left: 10px;
    bottom: 13%;
    margin: 0;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    font-size: 1.1em;
}
.portfolio-sections__title-link {
    color: var(--bg-white);
}
.portfolio-list__img {
    margin-bottom: 10px;
}
.portfolio-list__img-img {
    width: 100%;
    height: auto;
}
.portfolio-list__title {
    text-align: center;
}
.portfolio-list__desc-section {
    margin-top: 20px;
}
.portfolio-detail__photo-img {
    width: 100%;
    height: auto;
}
.portfolio-detail__desc {
    margin-top: 30px;
}
.ac {
    margin: 8px 0 25px 0;
    background-color: #fff;
    box-sizing: border-box;
}
.ac h4 {
    font-size: 16px;
    margin: 0;
    padding: 10px 12px;
}
.action-list__item {
    width: 100%;
    max-width: 700px;
    border: 1px solid var(--border-color-light);
    border-radius: 4px;
    background: var(--bg-white);
    box-shadow: 0 15px 10px -14px #9d9cab;
    margin: 0 auto 50px;
    padding-bottom: 10px;
}
.action-list__img {
    width: 100%;
    height: auto;
}
.action-list__data-stop {
    padding: 5px 20px 10px;
    font-style: italic;
    font-size: 0.8em;
    color: var(--text-color-gray);
}
.action-list__link {
    padding: 0 20px 10px;
    font-size: 1.2em;
}
.action-list__link-link {
    color: #000;
}
.action-list__text {
    padding: 0 20px;
    font-size: 0.9em;
}
.action-detail__img {
    margin-bottom: 40px;
}
.action-detail__img-img {
    width: 100%;
    max-width: 800px;
    height: auto;
}
.action-detail__data-stop {
    margin-bottom: 20px;
    font-style: italic;
    color: var(--text-color-gray);
}
.news-list__item {
    padding: 40px 0;
    border-bottom: 1px solid var(--border-color);
}
.news-list__item:first-child {
    padding-top: 20px;
}
.news-list__img {
    max-width: 250px;
    width: 100%;
    height: auto;
}
.news-list__img-img {
    width: 100%;
    height: 100%;
}
.news-detail__date,
.news-list__date {
    margin-bottom: 10px;
    font-size: 0.9em;
    color: var(--text-color-light);
}
.news-list h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.3em;
}
.news-list__title-link {
    color: #000;
}
.news-list__btn {
    margin-top: 20px;
}
.news-detail__img {
    margin-bottom: 40px;
    width: 100%;
    height: auto;
}
.news-detail__img-img {
    width: 100%;
    height: auto;
}
.contacts__box {
    display: flex;
    margin-bottom: 25px;
    line-height: 1.3;
}
.contacts__name {
    font-weight: 600;
}
.contacts .fa {
    margin-right: 20px;
    font-size: 2em;
    color: var(--color-blue);
}
.contacts__text {
    font-size: 0.9em;
}
#content .top {
    margin: 0 0 40px;
}
#content .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 1px solid var(--border-color-light);
    margin: 20px 0;
}
#content .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#content .sitemap table {
    background: var(--bg-white);
    border: 0;
}
#content .sitemap table td,
#content .sitemap table th {
    text-align: left;
    background: var(--bg-white);
    border: 0;
}
.catalog-links {
    margin-top: 30px;
}
.catalog-links__text {
    font-size: 0.9em;
}
.catalog-links__link {
    display: inline-block;
    margin-bottom: 30px;
    line-height: 0.7;
}
.catalog-links__link-link {
    padding: 5px 10px;
    border: 1px solid var(--color-link);
    margin-right: 15px;
    color: var(--color-link);
    font-size: 0.9em;
}
.catalog-links__link-link:hover {
    background-color: var(--color-link);
    color: var(--bg-white);
}
.section-projects {
    margin-bottom: 100px;
}
.section-projects__title {
    margin-bottom: 25px;
    text-align: center;
    font-size: 2em;
}
.section-projects__img-box {
    position: relative;
    width: 100%;
    height: 250px;
    margin-bottom: 2px;
    overflow: hidden;
}
.section-projects__img-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.section-projects__img-shadow {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/bitrix/templates/serviceprint/css/../images/shadow_projects_2.png) repeat-x top left;
    background-size: contain;
}
.section-projects__img-title {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 20px;
    font-size: 1.5em;
}
.section-projects__price-box {
    font-size: 1.3em;
}
.section-projects__link-all-box {
    position: absolute;
    z-index: 2;
    bottom: 5px;
    right: 0;
}
.section-projects__row,
.section-services__row {
    position: relative;
}
.templates {
    display: flex;
    font-size: 16px;
    color: #999;
    align-items: center;
    justify-content: center;
    margin: 10px;
}
.templates .icon i {
    display: block;
    width: 23px;
    height: 23px;
    background-size: 23px 23px;
    background-position: center;
    margin-left: 10px;
}
details summary {
    display: block;
    width: fit-content;
    border-bottom: 1px dotted;
    outline: 0;
    margin-bottom: 0.4em;
    color: var(--color-primary);
    cursor: pointer;
}
details summary::-webkit-details-marker {
    display: none;
}
details[open] p,
details[open] span {
    font-size: 0.95rem;
    color: #666;
    animation: spoiler 1.2s;
}
@keyframes spoiler {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media print {
    #bx-panel,
    #footer,
    #header,
    #sidebar,
    .breadcrumb {
        display: none !important;
    }
}
#sidebar .title {
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-weight: 500;
    color: #5c6684;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #dadada;
}
#sidebar .link_all {
    position: absolute;
    bottom: 7px;
}
#sidebar .link_all a {
    padding: 5px 17px;
    color: #fff;
    background: #008aa4;
}
#sidebar .link_all a:hover {
    opacity: 0.8;
}
#sidebar_photo_block {
    position: relative;
    margin-bottom: 70px;
}
#sidebar_photo_block img {
    width: 100%;
    height: auto;
    padding-bottom: 45px;
}
#sidebar_photo {
    position: relative;
}
#sidebar_action_block {
    position: relative;
    margin-bottom: 70px;
}
#sidebar_action_block .action_img img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
#sidebar_action_block .action_text {
    margin-bottom: 50px;
    padding: 0 15px;
    text-align: center;
}
#sidebar_action_block .action_text a {
    text-decoration: none;
    color: #000;
    font-size: 0.9em;
    font-weight: 500;
}
#sidebar_news_block {
    position: relative;
    margin-bottom: 70px;
}
#sidebar_news_block .news_list {
    margin-bottom: 25px;
}
#sidebar_news_block .news_item {
    overflow: hidden;
    margin-bottom: 5px;
}
#sidebar_news_block .news_item img {
    float: left;
    width: 80px;
    height: 80px;
}
#sidebar_news_block .news_item .news-date-time {
    font-size: 0.8em;
    display: block;
    color: #999;
    margin-bottom: 5px;
}
#sidebar_news_block .news_item .right_text {
    margin-left: 90px;
    font-size: 1em;
}
#sidebar_news_block .news_item a.link {
    color: #41424e;
    text-decoration: none;
    line-height: 1.08em;
}
#sidebar_news_block .news_item a.button {
    display: none;
}
#sidebar #sidebar_news_block .link_all {
    position: static;
    bottom: 10px;
}
#sidebar .sticky-wrapper {
    z-index: 1;
}
.catalog-section-list__row {
    margin-bottom: 50px;
}
.catalog-section-list__link {
    color: var(--text-color);
}
.catalog-section-list__box,
.catalog-section-list__item,
.catalog-section-price__item {
    width: 100%;
    height: 100%;
    border: 1px solid var(--border-color-lighter);
}
.catalog-section-list__box:hover,
.catalog-section-list__item:hover,
.catalog-section-price__item:hover {
    border-color: var(--bg-white);
    box-shadow: var(--shadow-light);
}
.catalog-section-list__box {
    padding: 40px 20px;
    text-align: center;
}
.catalog-section-list__img,
.catalog-section-list__img-box,
.catalog-section-price__img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
}
.catalog-section-list__img,
.catalog-section-list__img-box {
    height: 150px;
}
.catalog-section-price__img-box {
    height: 50px;
}
img.catalog-section-list__img-img,
img.catalog-section-price__img-img {
    max-width: 100%;
}
img.catalog-section-list__img-img {
    max-height: 150px;
}
img.catalog-section-price__img-img {
    max-height: 50px;
}
.catalog-section-list__text {
    line-height: 100%;
}
.catalog-section-list__text-title {
    font-size: 1em;
    margin-bottom: 10px;
    color: var(--text-color);
}
.catalog-section-list__text-desc {
    color: var(--text-color);
    font-size: 0.9em;
}
.catalog-section__top-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.catalog-section__desc-section {
    margin-top: 20px;
}
.catalog-section-list__text-box {
    color: var(--text-color);
}
.catalog-section-list__title-link,
.catalog-section-price__title-link {
    display: inline-block;
    line-height: 120%;
    color: var(--text-color);
}
.catalog-section-price__title-link {
    font-size: 1em;
}
.catalog-section-list__title-link {
    margin-bottom: 10px;
    font-size: 1.2em;
}
.catalog-detail__status-box,
.catalog-section-list__status-box,
.catalog-section-price__status-box {
    display: flex;
    margin-bottom: 15px;
}
.catalog-detail__status-box {
    justify-content: space-between;
    margin-bottom: 30px;
}
.catalog-detail__article,
.catalog-section-list__article,
.catalog-section-price__article {
    font-size: 0.8em;
    color: var(--text-color-light);
}
.catalog-detail__article,
.catalog-detail__status {
    font-size: 0.9em;
}
.catalog-detail__status,
.catalog-section-list__status,
.catalog-section-price__status {
    margin-right: 10px;
    font-size: 0.8em;
}
.catalog-detail__status-zakaz,
.catalog-section-list__status-zakaz,
.catalog-section-price__status-zakaz {
    color: var(--text-color-light);
}
.catalog-detail__status-zakaz:before,
.catalog-section-list__status-zakaz:before,
.catalog-section-price__status-zakaz:before {
    content: "✔";
    font-family: fontawesome;
}
.catalog-detail__status-time,
.catalog-section-list__status-time,
.catalog-section-price__status-time {
    color: var(--status-orange);
}
.catalog-detail__status-time:before,
.catalog-section-list__status-time:before,
.catalog-section-price__status-time:before {
    content: "⌚";
    font-family: fontawesome;
}
.catalog-section-list__price-box,
.catalog-section-price__price-box {
    margin-top: 25px;
    font-size: 1.3em;
}
.catalog-section-price__price-box {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 1.2em;
}
.catalog-detail__price {
    display: inline;
    font-weight: 500;
}
.catalog-detail__price {
    font-size: 2.2em;
}
.catalog-section-list__item {
    position: relative;
    padding: 20px;
}
.catalog-section-list__desc-text {
    font-size: 0.9em;
    line-height: 1.2;
}
.catalog-section-price__item {
    padding: 20px;
}
.catalog-section-price__status-box,
.catalog-section-price__text-box {
    display: flex;
    align-items: center;
    height: 100%;
}
.catalog-detail__top {
    position: relative;
    margin: 40px 0 70px;
}
.catalog-detail__img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 617px;
    width: 100%;
    min-height: 300px;
}
img.catalog-detail__img-img {
    max-width: 100%;
    max-height: 400px;
    top: 0;
    left: 0;
    z-index: 1;
}
.catalog-detail__img-item {
    padding: 5px;
    border: 1px solid var(--border-color);
}
.catalog-detail__price-box {
    margin-bottom: 30px;
}
.catalog-detail__preview {
    font-size: 0.9em;
    line-height: 150%;
}
.catalog-detail__btn {
    margin-top: 50px;
}
.catalog-detail__btn-link {
    padding: 18px 30px;
}
.catalog-detail__text {
    line-height: 1.5;
}
.catalog-detail__form-manager {
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .catalog-detail__status-box {
        margin-top: var(--spacing-medium);
    }
}
@media (max-width: 767px) {
    .portfolio-projects-list__img {
        margin-bottom: var(--spacing-medium);
    }
}
@media (max-width: 575px) {
    .catalog-links__text {
        margin-bottom: var(--spacing-medium);
    }
}

/* End */


/* Start:/bitrix/templates/serviceprint/lib/fancybox/jquery.fancybox.min.css?175264984712795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/serviceprint/css/feedback.css?177767279011351*/
/* ==========================================
   FEEDBACK FORMS — Оптимизированный CSS
   Версия: 01.05.2026
   ========================================== */

/* --- CSS Variables --- */
:root {
    --input-height: 40px;
    --input-padding: 10px 12px;
    --input-font-size: 14px;
    --input-border-radius: 4px;
    --input-border-color: var(--border-lighter, #ddd);
    --input-focus-color: var(--color-primary, #007bff);
    --input-bg: var(--bg-white, #fff);
    --textarea-min-height: 58px;
    --transition-base: 0.2s ease;
}

/* --- Анимация спиннера --- */
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* --- Утилиты --- */
.form-hide { display: none; }

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* --- Базовые стили для всех input/textarea --- */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    box-sizing: border-box;
    width: 100%;
    color: var(--color-text, #333);
    background: var(--input-bg);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    font-family: inherit;
    font-size: var(--input-font-size);
    line-height: 1.4;
    outline: none;
    transition: border-color var(--transition-base),
                box-shadow var(--transition-base),
                background-color var(--transition-base);
}

/* Унифицированная высота для всех input */
input[type="text"],
input[type="email"],
input[type="tel"] {
    height: var(--input-height);
    padding: var(--input-padding);
}

/* Textarea */
textarea {
    min-height: var(--textarea-min-height);
    padding: 12px;
    resize: vertical;
}

/* Плейсхолдеры */
input::placeholder,
textarea::placeholder {
    color: var(--color-text-muted, #999);
    opacity: 0.8;
    font-size: 13px;
}

/* Focus состояние */
input:focus,
textarea:focus {
    border-color: var(--input-focus-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-focus-color) 15%, transparent);
    background-color: var(--input-bg);
}

/* Валидация */
.email-error {
    border-color: var(--color-error, #dc3545) !important;
    outline: none;
}

/* --- Контейнеры форм --- */
.form-bg {
    background-color: var(--bg-lighter, #f8f9fa) !important;
}

.form-border-img {
    border: 5px solid transparent;
    border-image: 5 repeating-linear-gradient(
        45deg,
        var(--border-lighter, #ddd), var(--border-lighter, #ddd) 5px,
        transparent 5px 15px,
        var(--border-lighter, #ddd) 15px 20px,
        transparent 20px
    );
}

.form-border-solid {
    border: 10px solid var(--border-lighter, #ddd);
    border-radius: var(--input-border-radius);
    box-shadow: var(--shadow-light, 0 2px 8px rgba(0,0,0,0.1));
}

.form-border-line {
    border: 1px solid var(--border-lighter, #ddd);
    border-radius: var(--input-border-radius);
}

.form-padding {
    padding: 5% 6%;
}

/* --- Checkbox и согласие --- */
.feedback-garant {
    min-height: 20px;
    margin: 10px 0 20px;
}

.feedback-garant__box {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.feedback-garant__checkbox {
    margin-top: 2px;
    flex-shrink: 0;
}

.feedback-garant__label {
    font-size: 0.75rem;
    line-height: 1.4;
}

.feedback-garant__link {
    text-decoration: none;
    color: var(--color-link, #007bff);
    transition: color var(--transition-base);
}

.feedback-garant__link:hover {
    color: var(--color-link-hover, #0056b3);
}

.feedback-garant__mess-error {
    font-size: 0.85em;
    color: var(--color-error, #dc3545);
    margin-top: 5px;
}

.feedback-send-message {
    color: var(--color-success, #28a745);
    font-weight: 500;
    margin-top: 10px;
}

/* --- Лоадер (спиннер) --- */
.feedback-loading,
.form-manager__loading,
.form-service-top__loading {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-text, #333);
    font-size: 0.9em;
    margin-top: 10px;
}

.feedback-loading::before,
.form-manager__loading::before,
.form-service-top__loading::before {
    content: "";
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* --- Файл-аттач --- */
.feedback-file__input {
    display: none;
}

.feedback-file__box {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin: 10px 0;
    transition: opacity var(--transition-base);
}

.feedback-file__box:hover {
    opacity: 0.7;
}

.feedback-file__icon {
    display: inline-flex;
    align-items: center;
}

.feedback-file__icon .icon {
    width: 18px;
    height: 18px;
    color: var(--color-text, #333);
	margin-right: 0;
	top: 0;
}

.feedback-file__text {
    border-bottom: 1px dotted currentColor;
    font-size: 0.7em;
	color: var(--color-link);
}

/* --- Fancybox --- */
.fancybox-close-small {
    background: var(--bg-light, #f8f9fa);
    border: 1px solid var(--border-lighter, #ddd);
    border-radius: 0;
}

/* --- Попапы: Callback / Request --- */
.form-popup-callback,
.form-popup-request {
    position: relative;
    margin: auto;
    max-width: 800px !important;
    width: 100%;
    height: auto;
    border: 6px solid var(--border-dark, #333);
    border-radius: var(--input-border-radius);
    box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.75);
    background-color: var(--bg-light, #f8f9fa) !important;
}

/* --- Заголовки форм --- */
.form-popup-callback__title,
.form-popup-request__title,
.form-manager__title,
.form-service-bottom__title,
.form-contacts__title {
    font-size: 2em;
    margin-bottom: 20px;
    line-height: 1.2;
    color: var(--color-text, #333);
}

.form-contacts__title {
    font-size: 1.3em;
    text-align: center !important;
}

/* --- Описание форм --- */
.form-popup-callback__text,
.form-popup-request__text,
.form-manager__text,
.form-service-bottom__text {
    font-size: 1em;
    margin-bottom: 30px;
    color: var(--color-text-muted, #666);
}

/* --- Блок менеджера --- */
.form-popup-callback__manager,
.form-popup-request__manager,
.form-manager__manager,
.form-service-bottom__manager {
    text-align: center;
    font-size: 0.95em;
    margin-right: 30px;
    color: var(--color-text, #333);
}

.form-popup-callback__manager-img,
.form-popup-request__manager-img,
.form-manager__manager-img,
.form-service-bottom__manager-img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.form-popup-callback__manager-name,
.form-popup-request__manager-name,
.form-manager__manager-name,
.form-service-bottom__manager-name {
    text-transform: uppercase;
    font-weight: 600;
}

.form-popup-callback__manager-line,
.form-popup-request__manager-line,
.form-manager__manager-line,
.form-service-bottom__manager-line {
    width: 40px;
    height: 1px;
    background-color: var(--color-text-soft, #999);
    margin: 10px auto;
}

.form-popup-callback__manager-post,
.form-popup-request__manager-post,
.form-manager__manager-post,
.form-service-bottom__manager-post,
.form-popup-callback__manager-phone,
.form-popup-request__manager-phone,
.form-manager__manager-phone,
.form-service-bottom__manager-phone {
    margin-bottom: 5px;
}

.form-popup-callback__manager-email-link,
.form-popup-request__manager-email-link,
.form-manager__manager-email-link,
.form-service-bottom__manager-email-link {
    text-decoration: none;
    color: var(--color-text, #333);
    transition: color var(--transition-base);
}

.form-popup-callback__manager-email-link:hover,
.form-popup-request__manager-email-link:hover,
.form-manager__manager-email-link:hover,
.form-service-bottom__manager-email-link:hover {
    color: var(--color-link, #007bff);
}

/* --- Специфичные стили форм --- */

/* Form Popup Callback */
.form-popup-callback__input {
    margin-bottom: 10px;
}

.form-popup-callback__feedback-garant {
    margin: 15px 0 25px;
}

/* Form Popup Request */
.form-popup-request__input {
    margin-bottom: 10px;
}

.form-popup-request__textarea {
    margin-bottom: 10px;
}

.form-popup-request__file {
    margin-bottom: 10px;
}

.form-popup-request__feedback-garant {
    margin: 15px 0 25px;
}

/* Form Manager */
.form-manager__input {
    margin-bottom: 10px;
}

.form-manager__textarea {
    margin-bottom: 10px;
}

.form-manager__feedback-garant {
    margin: 15px 0 25px;
}

.form-manager__btn {
    padding: 10px 20px;
}

/* Form Contacts */
.form-contacts__form {
    padding: 20px;
    border: 1px solid var(--border-lighter, #ddd);
    border-radius: var(--input-border-radius);
    background-color: var(--bg-lighter, #f8f9fa) !important;
}

.form-contacts__input {
    margin-bottom: 10px;
}

.form-contacts__textarea {
    height: 80px;
    margin-bottom: 10px;
}

.form-contacts__btn {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
}

.form-contacts__feedback-garant {
    margin: 15px 0 20px;
}

/* Form Service Top */
.form-service-top__input {
    margin-bottom: 8px;
}

.form-service-top__textarea {
    height: 60px;
    margin-bottom: 8px;
}

.form-service-top__feedback-garant {
    margin: 15px 0 20px;
}

/* Form Service Bottom */
.form-service-bottom__form {
    padding: 5% 6%;
    border: 5px solid transparent;
    border-image: 5 repeating-linear-gradient(
        45deg,
        var(--border-lighter, #ddd), var(--border-lighter, #ddd) 5px,
        transparent 5px 15px,
        var(--border-lighter, #ddd) 15px 20px,
        transparent 20px
    );
    background-color: var(--bg-lighter, #f8f9fa) !important;
}

/* Form Slider Main */
.form-slider-main__form {
    max-width: 330px;
    width: 100%;
    padding: var(--space-s, 20px);
    background-color: var(--bg-lighter, #f8f9fa) !important;
    border: 10px solid transparent;
    border-radius: var(--input-border-radius);
    box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.85);
}

.form-slider-main__text {
    margin-bottom: 15px;
    text-align: center;
    color: var(--color-text, #333);
}

.form-slider-main__input {
    margin-bottom: 8px;
}

.form-slider-main__feedback-garant {
    width: 200px;
    margin: 15px auto 30px;
}

.form-slider-main__feedback-garant .feedback-send-message {
    font-size: 1em;
    margin-top: 10px;
    text-align: center;
}

.form-slider-main__btn {
    display: block;
    padding: 15px 30px;
    margin: 0 auto;
}

/* Form Calc Index */
.form-calc-index__input {
    margin-bottom: 10px;
}

.form-calc-index__feedback-garant {
    margin: 15px 0 25px;
}

/* Form Popup Catalog */
.form-popup-catalog__product {
    margin: 40px var(--space-s, 20px) var(--space-s, 20px) 0;
}

/* --- Адаптивность --- */
@media (max-width: 767px) {
    .form-popup-callback__title,
    .form-popup-request__title,
    .form-manager__title {
        font-size: 1.5em;
    }

    .form-popup-callback__manager,
    .form-popup-request__manager,
    .form-manager__manager {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .form-contacts__input,
    .form-contacts__textarea {
        width: 100%;
    }
}

/* End */


/* Start:/bitrix/templates/serviceprint/lib/arrup/arrup.css?17769470111431*/
/* Кнопка «Наверх» */
#arrup {
    position: fixed;
    inset-block-end: 75px;
    inset-inline-end: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    padding: 0;
    border-radius: 6px;
    border: 1px solid var(--border-dark);
    background-color: #fff;
    color: var(--color-dark);

    font-size: 22px;
    line-height: 1;

    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    z-index: 1003;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease,
        transform 0.1s ease,
        box-shadow 0.15s ease;
}

/* Появление при скролле */
#arrup.arvis {
    opacity: 1;
    visibility: visible;
}

/* Hover/active — в фирменном стиле */
#arrup:hover {
    background-color: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
    box-shadow: 0 4px 10px rgba(217, 94, 18, 0.35);
    transform: translateY(-1px);
}

#arrup:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

/* Фокус для клавиатуры */
#arrup:focus-visible {
    outline: none;
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px color-mix(in srgb, var(--color-primary) 60%, transparent);
}
/* End */


/* Start:/bitrix/templates/serviceprint/lib/hdfix/hdfix.css?17782703521426*/
/* hdfix.css – Sticky header optimization (2026) */

/* Fixed header container */
.main-nav-container.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    margin: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.35s ease-out;
    transform: translateY(0);
    will-change: transform;
    padding: 0;
}

/* Hide header on scroll down */
.main-nav-container.fixed-hidden {
    transform: translateY(-100%);
}

/* Consistent gap for menu items in fixed state */
.main-nav-container.fixed .menu-centered {
    gap: clamp(18px, 2.8vw, 52px) !important;
}

/* Fade‑in animation for the fixed header */
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.main-nav-container.fixed { animation: slideDown 0.3s ease-out; }

/* Mobile exception – keep header visible */
@media (max-width: 991px) {
    .main-nav-container.fixed-hidden { transform: translateY(0); }
}

/* Respect user reduced‑motion preference */
@media (prefers-reduced-motion: reduce) {
    .main-nav-container.fixed { animation: none; transition: none; }
}

/* Dark‑mode placeholder – add styles here if needed */
@media (prefers-color-scheme: dark) {
    .main-nav-container.fixed {
        /* Example: background: #1a1a1a; box-shadow: 0 2px 10px rgba(0,0,0,0.3); */
    }
}

/* End */


/* Start:/bitrix/templates/serviceprint/css/table-responsive.css?17788723343696*/
/* ==========================================
   TABLE-RESPONSIVE — Адаптивные таблицы
   Версия: 15.05.2026
   ========================================== */

/* Обёртка для горизонтального скролла таблиц на мобильных */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--color-border, #e3e8ef) transparent;
}

/* Webkit scrollbar styling */
.table-responsive::-webkit-scrollbar {
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
    background: transparent;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: var(--color-border, #ccc);
    border-radius: 3px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted, #999);
}

/* Таблица внутри обёртки не сжимается */
.table-responsive > table {
    min-width: 600px;
    margin-bottom: 0;
}

/* Индикатор скролла — тень справа при наличии overflow */
.table-responsive {
    position: relative;
}

.table-responsive::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    pointer-events: none;
    background: linear-gradient(to left, rgba(0 0 0 / 0.04), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Показываем тень только когда есть скролл */
@supports (animation-timeline: scroll()) {
    .table-responsive::after {
        opacity: 1;
        animation: fade-scroll-hint linear;
        animation-timeline: scroll(self inline);
    }

    @keyframes fade-scroll-hint {
        0% { opacity: 1; }
        95% { opacity: 1; }
        100% { opacity: 0; }
    }
}

/* Брейкпоинты для table-responsive */
@media (max-width: 991px) {
    .table-responsive > table {
        min-width: 700px;
    }
}

@media (max-width: 575px) {
    .table-responsive > table {
        min-width: 500px;
    }

    .table-responsive > table td,
    .table-responsive > table th {
        white-space: nowrap;
        font-size: 0.8em;
        padding: 0.4rem 0.3rem;
    }
}

/* Вариант: стековая таблица на мобильных (опционально) */
@media (max-width: 575px) {
    .table-responsive--stack > table,
    .table-responsive--stack > table thead,
    .table-responsive--stack > table tbody,
    .table-responsive--stack > table tr,
    .table-responsive--stack > table td,
    .table-responsive--stack > table th {
        display: block;
        width: 100%;
    }

    .table-responsive--stack > table thead {
        display: none;
    }

    .table-responsive--stack > table tr {
        margin-bottom: 12px;
        border: 1px solid var(--color-border, #e3e8ef);
        border-radius: 8px;
        overflow: hidden;
    }

    .table-responsive--stack > table td {
        text-align: left;
        padding: 8px 12px;
        border: none;
        border-bottom: 1px solid var(--border-lighter, #eef2f7);
    }

    .table-responsive--stack > table td::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        font-size: 0.75em;
        color: var(--color-text-muted, #6b778c);
        margin-bottom: 2px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .table-responsive--stack > table td:last-child {
        border-bottom: none;
    }
}

/* End */


/* Start:/bitrix/templates/serviceprint/css/4k-responsive.css?17788722783514*/
/* ==========================================
   4K / Ultra-Wide Display Adaptation
   Для экранов 2560px+ (QHD, 4K, 5K)
   Версия: 15.05.2026
   ========================================== */

/* --- QHD (2560px) --- */
@media (min-width: 2560px) {
    :root {
        --space-s: 28px;
        --space-m: 42px;
        --space-l: 70px;
    }

    html {
        font-size: 18px;
    }

    .container,
    .wrap {
        max-width: 1600px;
    }

    #header .header-inner {
        padding-top: 80px;
        padding-bottom: 56px;
    }

    .head-logo-sp {
        width: 340px;
        height: 72px;
    }

    #header .header-phone__link {
        font-size: 20px;
    }

    .btn-callback {
        padding: 16px 28px;
        font-size: 16px;
        border-radius: 16px;
    }

    .header-messengers a {
        width: 40px;
        height: 40px;
    }

    .header-messengers img {
        width: 22px;
        height: 22px;
    }

    /* Сетка продукции — больше колонок */
    .services-news-list .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 14.285%;
    }

    /* Таблицы */
    .content-box table {
        font-size: 1em;
    }

    .content-box td,
    .content-box th {
        padding: 1rem 0.6rem;
    }

    /* Секции */
    .section-company__box-img {
        width: 520px;
        min-width: 520px;
        height: 520px;
    }

    .section-company__img {
        width: 510px;
        height: 425px;
    }

    .section-company__img-title {
        width: 450px;
        font-size: 1.9em;
    }

    /* Футер */
    #footer .footer__top {
        padding-block: 4rem 3.5rem;
    }

    #footer .footer_logo_white {
        width: 360px;
        height: 48px;
    }

    /* Формы */
    .form-popup-callback,
    .form-popup-request {
        max-width: 1000px !important;
    }

    /* Портфолио */
    .section-projects__img-box {
        height: 340px;
    }

    /* Преимущества */
    .section-advantage__icon-fa {
        font-size: 3.2em;
    }

    /* Новости */
    .section-news__img-box {
        border-radius: 16px;
    }
}

/* --- 4K (3840px) --- */
@media (min-width: 3840px) {
    html {
        font-size: 22px;
    }

    .container,
    .wrap {
        max-width: 2200px;
    }

    #header .header-inner {
        padding-top: 100px;
        padding-bottom: 70px;
    }

    .head-logo-sp {
        width: 420px;
        height: 90px;
    }

    .btn-callback {
        padding: 20px 36px;
        font-size: 18px;
        border-radius: 20px;
    }

    .header-messengers a {
        width: 52px;
        height: 52px;
    }

    .header-messengers img {
        width: 28px;
        height: 28px;
    }

    .services-news-list .row-cols-lg-6 > * {
        width: 12.5%;
    }

    .content-box td,
    .content-box th {
        padding: 1.2rem 0.8rem;
    }

    .section-projects__img-box {
        height: 440px;
    }

    #footer .footer_logo_white {
        width: 440px;
        height: 58px;
    }

    .form-popup-callback,
    .form-popup-request {
        max-width: 1300px !important;
    }
}

/* --- 5K (5120px) --- */
@media (min-width: 5120px) {
    html {
        font-size: 28px;
    }

    .container,
    .wrap {
        max-width: 3000px;
    }
}

/* End */


/* Start:/bitrix/templates/serviceprint/components/bitrix/menu/hrz_flmenu/style.css?17783662168895*/
/* ==========================================
   ГОРИЗОНТАЛЬНОЕ МНОГОУРОВНЕВОЕ МЕНЮ — 2026
   ========================================== */

#flvmenu {
    /* Локальные токены компонента с фолбэками */
    --menu-bg:           var(--bg-white, #fff);
    --menu-fg:           var(--color-text, #1c1c1e);
    --menu-muted:        var(--color-text-muted, #6b6b70);
    --menu-accent:       var(--color-primary, #e86a1f);
    --menu-surface:      var(--color-surface, #f7f7f8);
    --menu-surface-2:    var(--color-surface-2, #efeff1);
    --menu-light:        var(--bg-light, #fafafa);
    --menu-border:       var(--border-lighter, #e8e8ea);
    --menu-accent-soft:  color-mix(in srgb, var(--menu-accent) 10%, transparent);
    --menu-accent-hover: color-mix(in srgb, var(--menu-accent) 70%, #000 0%);
    --menu-shadow-mobile: 0 10px 25px rgb(0 0 0 / .10);
    --menu-shadow-sub:    0 8px 22px rgb(0 0 0 / .10);
    --menu-radius:       8px;
    --menu-ease:         cubic-bezier(.2, .7, .3, 1);
    --menu-duration:     .2s;
    --menu-z:            1000;

    position: relative;
    inline-size: 100%;
    z-index: var(--menu-z);
}

#flvmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#flvmenu .menu-link {
    display: block;
    text-decoration: none;
    color: var(--menu-fg);
}

#flvmenu button {
    font: inherit;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
}

/* Видимый фокус — только при клавиатурной навигации */
#flvmenu :is(a, button):focus-visible {
    outline: 2px solid var(--menu-accent);
    outline-offset: 2px;
    border-radius: 4px;
}

.menu-link--current {
    cursor: default;
}

/* ========== Бургер ========== */
.minmenu {
    display: none;
    align-items: center;
    gap: 10px;
    inline-size: 100vw;
    margin-inline-start: calc(50% - 50vw);
    padding-inline: 20px;
    min-block-size: 56px;
    background: var(--menu-bg);
}

.minmenu__label {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.burger {
    position: relative;
    inline-size: 22px;
    block-size: 2px;
    background: currentColor;
    transition: background var(--menu-duration) var(--menu-ease);
}

.burger::before,
.burger::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inline-size: 22px;
    block-size: 2px;
    background: currentColor;
    transition: transform var(--menu-duration) var(--menu-ease),
                top       var(--menu-duration) var(--menu-ease);
}

.burger::before { top: -6px; }
.burger::after  { top:  6px; }

.minmenu[aria-expanded="true"] .burger                { background: transparent; }
.minmenu[aria-expanded="true"] .burger::before { top: 0; transform: rotate(45deg); }
.minmenu[aria-expanded="true"] .burger::after  { top: 0; transform: rotate(-45deg); }

/* ========== Мобильная версия (≤ 991px) ========== */
@media (max-width: 991px) {
    .minmenu {
        display: flex;
        box-shadow: 0 4px 12px rgb(0 0 0 / .06);
    }

    #horizontal-multilevel-menu {
        position: absolute;
        inset-block-start: 100%;
        inset-inline-start: calc(50% - 50vw);
        inline-size: 100vw;
        background: var(--menu-bg);
        box-shadow: var(--menu-shadow-mobile);

        /* Плавное появление + корректное скрытие через allow-discrete */
        display: none;
        opacity: 0;
        translate: 0 -8px;
        transition: opacity var(--menu-duration) var(--menu-ease),
                    translate var(--menu-duration) var(--menu-ease),
                    display var(--menu-duration) allow-discrete;
    }

    #horizontal-multilevel-menu.show-menu {
        display: block;
        opacity: 1;
        translate: 0 0;

        @starting-style {
            opacity: 0;
            translate: 0 -8px;
        }
    }

    .menu-link-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-block-end: 1px solid var(--menu-border);
        min-block-size: 54px;
    }

    .menu-link,
    .menu-link--current {
        flex: 1;
        padding: 14px 20px;
        font-size: 15px;
    }

    .menu-link:hover {
        background: var(--menu-surface);
    }

    .menu-link--current {
        color: var(--menu-accent);
        font-weight: 600;
        background: var(--menu-accent-soft);
    }

    .flarr {
        inline-size: 56px;
        block-size: 54px;
        display: grid;
        place-items: center;
        background: var(--menu-surface-2);
        border-inline-start: 1px solid var(--menu-border);
        color: var(--menu-muted);
    }

    .flarr__icon {
        transition: rotate var(--menu-duration) var(--menu-ease);
    }

    .flarr[aria-expanded="true"] {
        color: var(--menu-accent);
    }
    .flarr[aria-expanded="true"] .flarr__icon {
        rotate: 180deg;
    }

    .submenu {
        background: var(--menu-light);
        display: none;
        transition: display var(--menu-duration) allow-discrete;
    }

    .submenu.open {
        display: block;
    }

    .submenu .menu-link,
    .submenu .menu-link--current {
        padding-inline-start: 42px;
        font-size: 14px;
        border-block-end: 1px solid var(--menu-border);
    }

    .submenu .menu-link--current {
        color: var(--menu-accent);
        font-weight: 600;
    }

    .submenu .menu-link-wrapper {
        background: var(--menu-light);
    }

    .submenu li:last-child .menu-link-wrapper {
        border-block-end: 0;
    }

    /* Блокировка прокрутки body, когда открыто мобильное меню */
    :where(body):has(#flvmenu .minmenu[aria-expanded="true"]) {
        overflow: hidden;
    }
}

/* ========== Десктоп (≥ 992px) ========== */
@media (min-width: 992px) {
    .minmenu,
    .flarr {
        display: none;
    }

    #horizontal-multilevel-menu.menu-centered {
        display: flex;
        justify-content: center;
        gap: clamp(18px, 2.8vw, 52px);
        max-inline-size: 1170px;
        margin-inline: auto;
    }

    .menu-item {
        position: relative;
    }

    .menu-link,
    .menu-link--current {
        padding: 14px 6px;
        font-weight: 500;
        font-size: 15px;
        border-block-end: 2px solid transparent;
        transition: color var(--menu-duration) var(--menu-ease),
                    border-color var(--menu-duration) var(--menu-ease);
    }

    .menu-link:hover {
        color: var(--menu-accent);
        border-block-end-color: var(--menu-accent);
    }

    .menu-link--current,
    .menu-item.current > .menu-link-wrapper > .menu-link {
        font-weight: 600;
        color: var(--menu-accent);
        border-block-end-color: var(--menu-accent);
    }

    /* Выпадающее подменю */
    .submenu {
        position: absolute;
        inset-block-start: 100%;
        inset-inline-start: 0;
        min-inline-size: 220px;
        background: var(--menu-bg);
        box-shadow: var(--menu-shadow-sub);
        padding-block: 10px;
        border-radius: var(--menu-radius);
        z-index: calc(var(--menu-z) + 100);

        display: none;
        opacity: 0;
        translate: 0 -8px;
        transition: opacity var(--menu-duration) var(--menu-ease),
                    translate var(--menu-duration) var(--menu-ease),
                    display var(--menu-duration) allow-discrete;
    }

    .submenu .menu-link,
    .submenu .menu-link--current {
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 400;
        border: 0;
    }

    .submenu .menu-link:hover {
        background: var(--menu-surface);
        color: var(--menu-accent);
    }

    .submenu .menu-link--current {
        font-weight: 600;
        color: var(--menu-accent);
        background: var(--menu-accent-soft);
    }

    /* Открытие: hover, focus-within (клавиатура) или класс is-open (тач/клик) */
    .menu-item--parent:is(:hover, :focus-within, .is-open) > .submenu {
        display: block;
        opacity: 1;
        translate: 0 0;

        @starting-style {
            opacity: 0;
            translate: 0 -8px;
        }
    }

    /* Чтобы подменю у крайних справа пунктов не улетало за экран */
    .menu-item:nth-last-child(-n+2) > .submenu {
        inset-inline-start: auto;
        inset-inline-end: 0;
    }
}

/* ========== Reduced motion ========== */
@media (prefers-reduced-motion: reduce) {
    #flvmenu *,
    #flvmenu *::before,
    #flvmenu *::after {
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
    }
}

/* End */
/* /bitrix/templates/serviceprint/css/reset.css?17788720991647 */
/* /bitrix/templates/serviceprint/css/fonts.css?1776503339345 */
/* /bitrix/templates/serviceprint/css/bootstrap-grid.min.css?177887045820434 */
/* /bitrix/templates/serviceprint/css/template.css?177888030225859 */
/* /bitrix/templates/serviceprint/css/main.css?177887248526286 */
/* /bitrix/templates/serviceprint/lib/fancybox/jquery.fancybox.min.css?175264984712795 */
/* /bitrix/templates/serviceprint/css/feedback.css?177767279011351 */
/* /bitrix/templates/serviceprint/lib/arrup/arrup.css?17769470111431 */
/* /bitrix/templates/serviceprint/lib/hdfix/hdfix.css?17782703521426 */
/* /bitrix/templates/serviceprint/css/table-responsive.css?17788723343696 */
/* /bitrix/templates/serviceprint/css/4k-responsive.css?17788722783514 */
/* /bitrix/templates/serviceprint/components/bitrix/menu/hrz_flmenu/style.css?17783662168895 */