/* Start:/local/templates/stroy-v1/src/scss/individual_pages/articles_list.css?179144172335682*/
:root {
    --wide: 1764px;
    --gutter: 32px;
    --cta: 1305px;
    --brand: #f4f8fb;
    --bg: #f8fbfd;
    --line: #dce8f0;
    --heading: #2f3947;
    --body: #5d6c7c;
    --muted: #8996a2;
    --deep: #5d8aa3;
    --blue: #7aafca;
    --orange: #ffa828;
    --dark: #202d3b;
    --graphite: #424c5c;
    --r-hero: 36px;
    --shadow-sm: 0 9px 25px rgba(66, 76, 92, 0.08);
    --shadow-lg: 0 18px 48px rgba(66, 76, 92, 0.12);
}

.articles-list {
    .wide {
        width: min(var(--wide), calc(100% - 2 * var(--gutter)));
        margin-inline: auto;
    }
    h1,
    h2,
    h3 {
        margin: 0;
        color: var(--heading);
        font-weight: 700;
        letter-spacing: -0.035em;
    }
    h1 {
        font-size: clamp(38px, 4vw, 66px);
        line-height: 1.08;
    }
    h2 {
        font-size: clamp(30px, 3vw, 44px);
        line-height: 1.12;
    }
    h3 {
        font-size: 20px;
        line-height: 1.25;
    }
    .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 8px 13px;
        border: 1px solid #d9e9f1;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.7);
        color: var(--deep);
        font-size: 11px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .eyebrow:before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--orange);
    }
    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 13px 22px;
        border: 1px solid transparent;
        border-radius: 13px;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        transition:
                transform 0.2s ease,
                box-shadow 0.2s ease,
                background 0.2s ease;
    }
    .btn:hover {
        transform: translateY(-2px);
    }
    .btn-primary {
        background: var(--orange);
        color: #fff;
        box-shadow: 0 10px 22px rgba(255, 168, 40, 0.2);
    }
    .btn-secondary {
        background: #fff;
        border-color: var(--line);
        color: var(--deep);
    }
    .btn-header {
        background: var(--deep);
        color: #fff;
        padding: 9px 20px;
        min-height: 41px;
        border-radius: 4px;
        font-size: 16px;
    }
    /* Production header */
    .site-header {
        position: relative;
        z-index: 100;
        background: #fff;
    }
    .header-meta {
        height: 54px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 12px;
        color: #888;
    }
    .production-social,
    .header-meta-right,
    .header-actions,
    .mobile-icons {
        display: flex;
        align-items: center;
    }
    .production-social {
        gap: 16px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .production-social a {
        display: grid;
        place-items: center;
        width: 20px;
        height: 20px;
        opacity: 0.62;
        filter: grayscale(1);
    }
    .production-social img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
    .header-meta-right {
        gap: 18px;
    }
    .header-meta-right .phone-link,
    .header-phone {
        font-size: 17px;
        line-height: 1.43;
        font-weight: 600;
        color: #333;
        white-space: nowrap;
    }
    .callback-link {
        color: #999;
    }
    .account-link {
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        color: #888;
    }
    .account-link svg {
        width: 18px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .header-main {
        height: 100px;
        display: grid;
        grid-template-columns: minmax(340px, 0.95fr) minmax(590px, 1.7fr) auto;
        align-items: center;
        gap: 28px;
        padding-inline: 30px;
        border-radius: 4px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);
        position: relative;
    }
    .header-brand {
        display: flex;
        align-items: center;
        min-width: 0;
    }
    .logo img {
        width: 150px;
        height: 50px;
        object-fit: contain;
    }
    .logo-text {
        margin-left: 20px;
        font-size: 15px;
        line-height: 21px;
        color: #333;
        white-space: nowrap;
    }
    .desktop-nav {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        font-size: 12px;
        line-height: 19px;
        font-weight: 700;
        text-transform: uppercase;
        color: #333;
    }
    .nav-item {
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
    }
    .nav-link,
    .more-link {
        height: 100%;
        display: flex;
        align-items: center;
        border: 0;
        background: transparent;
        padding: 0;
        color: #333;
        font: inherit;
        text-transform: inherit;
        cursor: pointer;
        white-space: nowrap;
    }
    .nav-link:hover,
    .more-link:hover,
    .nav-link[aria-current="page"] {
        color: var(--deep);
    }
    .more-link svg {
        width: 17px;
        height: 3px;
        fill: currentColor;
    }
    .header-dropdown {
        position: absolute;
        z-index: 20;
        top: 100%;
        left: 0;
        min-width: 240px;
        margin: 0;
        padding: 17px 0;
        border-radius: 0 0 4px 4px;
        background: #fff;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
        list-style: none;
        visibility: hidden;
        opacity: 0;
        transform: translateY(8px);
        transition:
                opacity 0.2s ease,
                transform 0.2s ease,
                visibility 0.2s;
    }
    .header-dropdown li {
        padding: 0 17px;
    }
    .header-dropdown a {
        display: block;
        padding: 9px 11px;
        color: #333;
        font-size: 13px;
        line-height: 1.35;
        font-weight: 500;
        text-transform: none;
    }
    .nav-item:hover > .header-dropdown,
    .nav-item:focus-within > .header-dropdown {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
    .header-dropdown.services-menu {
        left: 50%;
        width: min(920px, 78vw);
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
        padding: 26px;
        transform: translate(-50%, 8px);
    }
    .header-dropdown.services-menu li {
        padding: 0;
    }
    .header-dropdown.services-menu a {
        display: flex;
        align-items: center;
        gap: 12px;
        height: 100%;
        padding: 11px;
        border-radius: 10px;
        font-size: 12px;
        font-weight: 700;
    }
    .header-dropdown.services-menu a:hover {
        background: #f5f9fb;
    }
    .header-dropdown.services-menu img {
        width: 34px;
        height: 34px;
        object-fit: contain;
    }
    .header-actions {
        justify-content: flex-end;
        gap: 18px;
    }
    .headerfixed {
        position: fixed;
        z-index: 999;
        top: -100%;
        left: 0;
        right: 0;
        height: 81px;
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(10px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        transition: all 0.5s;
    }
    .headerfixed.show {
        top: 0;
    }
    .headerfixed .header-main {
        height: 81px;
        max-width: var(--wide);
        margin-inline: auto;
        grid-template-columns: 200px minmax(560px, 1fr) auto;
        box-shadow: none;
    }
    .headerfixed .header-brand .logo img {
        width: 180px;
        height: 60px;
    }
    .headerfixed .desktop-nav {
        height: 81px;
    }
    .mobile-header,
    .mobile-menu {
        display: none;
    }
    /* Page */
    .breadcrumbs-section {
        background: var(--brand);
        padding: 24px 0 0;
    }
    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
        margin: 0;
        padding: 0 0 15px;
        list-style: none;
        font-size: 13px;
        color: #8a96a1;
    }
    .breadcrumb-item {
        display: flex;
        align-items: center;
        line-height: 1.43;
    }
    .breadcrumb-item:not(:last-child):after {
        content: "›";
        margin: 0 8px;
        color: #6d8797;
        font-size: 18px;
    }
    .breadcrumb a {
        color: var(--deep);
        font-weight: 500;
    }
    .hero-section {
        padding: 0 0 76px;
        background: var(--brand);
    }
    .hero-box {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(400px, 0.95fr);
        align-items: stretch;
        overflow: hidden;
        border: 1px solid #ddebf2;
        border-radius: var(--r-hero);
        background: linear-gradient(135deg, #fff 0%, #eff8fc 48%, #d8f1fb 100%);
        box-shadow: var(--shadow-lg);
    }
    .hero-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 58px 0 58px 64px;
    }
    .hero-copy h1 {
        max-width: 760px;
        margin-top: 20px;
    }
    .hero-lead {
        max-width: 690px;
        margin-top: 20px;
        font-size: 18px;
        line-height: 1.58;
        color: var(--body);
    }
    .hero-actions {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 28px;
    }
    .hero-proof {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        width: min(690px, 100%);
        margin-top: 34px;
    }
    .proof {
        padding: 14px 13px;
        border: 1px solid var(--line);
        border-radius: 17px;
        background: rgba(255, 255, 255, 0.8);
    }
    .proof strong {
        display: block;
        color: var(--heading);
        font-size: 16px;
        line-height: 1.25;
    }
    .proof span {
        display: block;
        margin-top: 6px;
        color: var(--muted);
        font-size: 11px;
        line-height: 1.4;
    }
    .hero-visual {
        align-self: stretch;
        margin: 40px 40px 40px 24px;
        overflow: hidden;
        min-height: 360px;
        border: 1px solid rgba(220, 232, 240, 0.9);
        border-radius: 30px;
        background: #fff;
    }
    .hero-visual img {
        width: 100%;
        height: 100%;
        min-height: 360px;
        object-fit: cover;
        object-position: center;
    }
    .section {
        padding: 76px 0;
    }
    .section.white {
        background: #fff;
    }
    .section.gray {
        background: var(--bg);
    }
    .section-head {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: 42px;
        margin-bottom: 28px;
    }
    .section-lead {
        max-width: 820px;
        margin-top: 14px;
        color: var(--body);
    }
    /* Filters */
    .filter-panel {
        margin-top: 2px;
        padding: 22px;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: #fff;
        box-shadow: var(--shadow-sm);
    }
    .filter-grid {
        display: grid;
        grid-template-columns: 1.4fr 1fr 1.1fr 1.35fr auto;
        gap: 12px;
        align-items: end;
    }
    .filter-field {
        display: flex;
        flex-direction: column;
        gap: 7px;
        min-width: 0;
    }
    .filter-field label,
    .filter-title {
        font-size: 12px;
        line-height: 1.2;
        font-weight: 700;
        color: var(--heading);
    }
    .filter-field input,
    .filter-field select {
        width: 100%;
        height: 46px;
        padding: 10px 13px;
        border: 1px solid var(--line);
        border-radius: 13px;
        background: #f8fbfd;
        color: var(--body);
        font-size: 13px;
        outline: none;
    }
    .filter-field input:focus,
    .filter-field select:focus {
        border-color: var(--blue);
        box-shadow: 0 0 0 3px rgba(122, 175, 202, 0.13);
    }
    .area-fields {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .area-input {
        position: relative;
    }
    .area-input span {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 11px;
        color: var(--muted);
        pointer-events: none;
    }
    .area-input input {
        padding-right: 40px;
    }
    .filter-reset {
        height: 46px;
        padding: 10px 15px;
        border: 1px solid var(--line);
        border-radius: 13px;
        background: #fff;
        color: var(--deep);
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
    }
    .filter-reset:hover {
        border-color: var(--blue);
    }
    .filter-summary {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        align-items: center;
        margin-top: 17px;
        padding-top: 15px;
        border-top: 1px solid #edf3f6;
        color: var(--muted);
        font-size: 12px;
    }
    .filter-summary strong {
        color: var(--heading);
    }
    .filter-note {
        margin: 22px 0 0;
        padding: 15px 17px;
        border: 1px dashed #b9d6e4;
        border-radius: 16px;
        background: #f8fbfd;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.5;
    }
    /* Cards */
    .case-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
    .case-card {
        display: flex;
        flex-direction: column;
        min-height: 310px;
        padding: 25px;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: #fff;
        box-shadow: var(--shadow-sm);
        transition:
                transform 0.2s ease,
                box-shadow 0.2s ease,
                border-color 0.2s ease;
    }
    .case-card:hover {
        transform: translateY(-3px);
        border-color: #b9d6e4;
        box-shadow: 0 18px 38px rgba(66, 76, 92, 0.12);
    }
    .case-card[hidden] {
        display: none;
    }
    .case-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 16px;
    }
    .case-id,
    .case-type {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        font-size: 10px;
        line-height: 1.2;
        font-weight: 700;
    }
    .case-id {
        padding: 8px 10px;
        background: #fff5e4;
        color: #a36b12;
    }
    .case-type {
        color: var(--deep);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    .case-card h3 {
        max-width: 620px;
    }
    .case-complex {
        display: block;
        margin-top: 9px;
        color: var(--deep);
        font-size: 14px;
        font-weight: 700;
    }
    .case-meta {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px 16px;
        margin-top: 20px;
        padding-top: 18px;
        border-top: 1px solid var(--line);
    }
    .case-meta div {
        min-width: 0;
    }
    .case-meta span {
        display: block;
        color: var(--muted);
        font-size: 11px;
        line-height: 1.2;
    }
    .case-meta strong {
        display: block;
        margin-top: 4px;
        color: var(--heading);
        font-size: 13px;
        line-height: 1.35;
        font-weight: 600;
    }
    .case-developer {
        margin-top: 18px;
        color: var(--muted);
        font-size: 12px;
    }
    .case-developer strong {
        color: var(--body);
        font-weight: 600;
    }
    .case-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-top: auto;
        padding-top: 20px;
        color: var(--deep);
        font-size: 13px;
        font-weight: 700;
    }
    .case-link span:last-child {
        font-size: 20px;
    }
    .case-card.is-pending {
        background: linear-gradient(145deg, #fff 0%, #f8fbfd 100%);
    }
    .pending-label {
        display: inline-flex;
        margin-top: 17px;
        padding: 6px 9px;
        border-radius: 999px;
        background: #f1f5f7;
        color: var(--muted);
        font-size: 10px;
        font-weight: 600;
    }
    .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 30px;
    }
    .page-button {
        display: grid;
        place-items: center;
        min-width: 42px;
        height: 42px;
        padding: 0 12px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: #fff;
        color: var(--deep);
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
    }
    .page-button:hover,
    .page-button.active {
        border-color: var(--deep);
        background: var(--deep);
        color: #fff;
    }
    .page-button:disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }
    .page-status {
        margin-top: 13px;
        text-align: center;
        color: var(--muted);
        font-size: 12px;
    }
    /* CTA and footer */
    .cta-section {
        padding: 76px 0;
        background: var(--brand);
    }
    .final-cta {
        width: min(var(--cta), calc(100% - 40px));
        margin: 0 auto;
        border-radius: 30px;
        background: linear-gradient(135deg, var(--graphite), var(--dark));
        box-shadow: var(--shadow-lg);
        overflow: hidden;
        color: #fff;
    }
    .cta-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 44px;
        align-items: center;
        padding: 50px;
    }
    .cta-copy h2 {
        color: #fff;
    }
    .cta-copy p {
        margin-top: 17px;
        color: #d9e5ed;
    }
    .cta-points {
        display: grid;
        gap: 10px;
        margin-top: 23px;
    }
    .cta-point {
        display: flex;
        gap: 10px;
        color: #d9e5ed;
        font-size: 13px;
        line-height: 1.5;
    }
    .cta-point:before {
        content: "•";
        color: var(--orange);
        font-weight: 700;
    }
    .lead-form {
        padding: 28px;
        border-radius: 26px;
        background: #fff;
        color: var(--body);
    }
    .form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 13px;
    }
    .field {
        display: flex;
        flex-direction: column;
        gap: 7px;
    }
    .field.wide {
        grid-column: 1/-1;
    }
    .field label {
        font-size: 12px;
        font-weight: 600;
        color: #546575;
    }
    .field input,
    .field textarea {
        width: 100%;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #f8fbfd;
        padding: 14px 15px;
        color: #344151;
        font-size: 14px;
        outline: none;
    }
    .field textarea {
        min-height: 92px;
        resize: vertical;
    }
    .form-bottom {
        margin-top: 14px;
    }
    .form-bottom .btn {
        width: 100%;
    }
    .consent {
        display: block;
        margin-top: 12px;
        font-size: 11px;
        line-height: 1.45;
        color: #7b8894;
    }
    .consent a {
        color: var(--deep);
        text-decoration: underline;
    }
    .form-status {
        margin-top: 10px;
        color: var(--deep);
        font-size: 12px;
    }
    .site-footer {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: #333;
        color: #fff;
    }
    .footer-content-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 317px);
        gap: 72px;
        padding: 56px 0 42px;
    }
    .footer-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: 675px;
    }
    .footer-nav a {
        color: #fff;
        font-size: 17px;
        font-weight: 700;
    }
    .footer-social {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-top: 40px;
    }
    .footer-social a {
        display: grid;
        place-items: center;
        width: 39px;
        height: 39px;
        border-radius: 4px;
        background: #474747;
        overflow: hidden;
    }
    .footer-social img {
        width: 39px;
        height: 39px;
        object-fit: contain;
        opacity: 0.5;
        filter: grayscale(1);
    }
    .footer-contacts {
        justify-self: end;
        width: 100%;
        max-width: 317px;
    }
    .footer-contact-row {
        display: flex;
        align-items: center;
        color: #fff;
    }
    .footer-contact-row + .footer-contact-row {
        margin-top: 15px;
    }
    .footer-contact-icon {
        display: grid;
        place-items: center;
        flex: 0 0 20px;
        width: 20px;
        color: #888;
    }
    .footer-contact-icon svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .footer-phone {
        margin-inline: 10px;
        color: #fff;
        font-size: 17px;
        font-weight: 600;
    }
    .footer-email,
    .footer-address {
        margin-left: 15px;
        color: #fff;
        font-size: 16px;
    }
    .footer-content-bottom {
        display: flex;
        justify-content: space-between;
        padding: 47px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: #999;
        font-size: 15px;
    }

    .listing-intro {
        padding: 42px 0 34px;
        background: var(--brand);
    }
    .listing-intro h1 {
        max-width: 900px;
        margin-top: 17px;
    }
    .listing-lead {
        max-width: 920px;
        margin-top: 15px;
        font-size: 17px;
        line-height: 1.58;
        color: var(--body);
    }
    .filter-section {
        padding-top: 30px;
        padding-bottom: 34px;
    }
    .filter-heading {
        display: flex;
        align-items: baseline;
        gap: 16px;
        margin-bottom: 15px;
    }
    .filter-heading .filter-title {
        font-size: 20px;
        line-height: 1.25;
        color: var(--heading);
        font-weight: 700;
    }
    .filter-heading .filter-hint {
        font-size: 13px;
        color: var(--muted);
    }
    .case-card-top {
        display: none;
    }
    .report-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        margin-top: 30px;
    }
    .report-point {
        padding: 24px;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: linear-gradient(145deg, #fff 0%, #f4f8fb 100%);
        box-shadow: var(--shadow-sm);
    }
    .report-point h3 {
        font-size: 20px;
    }
    .report-point p {
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.58;
    }
    .report-links {
        margin-top: 24px;
        color: var(--body);
        font-size: 14px;
        line-height: 1.6;
    }
    .report-links a {
        color: var(--deep);
        font-weight: 700;
    }
    .report-links a:hover {
        text-decoration: underline;
    }

    .case-card.has-image {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        aspect-ratio: 16/9;
        min-height: 0;
        padding: 0;
        background: #273b48;
        color: #fff;
    }
    .case-card.has-image:hover {
        transform: translateY(-3px);
        border-color: #b9d6e4;
        box-shadow: 0 18px 38px rgba(66, 76, 92, 0.18);
    }
    .case-card-image {
        position: absolute;
        z-index: 0;
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center;
        pointer-events: none;
    }
    .case-card-overlay {
        position: absolute;
        z-index: 1;
        inset: 0;
        background: linear-gradient(
                180deg,
                rgba(15, 30, 42, 0.18) 0%,
                rgba(15, 30, 42, 0.42) 34%,
                rgba(15, 30, 42, 0.92) 100%
        );
        pointer-events: none;
    }
    .case-card-content {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        padding: 25px;
    }
    .case-card.has-image h3 {
        color: #fff;
    }
    .case-card.has-image .case-complex {
        color: #e5f3f8;
    }
    .case-card.has-image .case-meta {
        border-top-color: rgba(255, 255, 255, 0.28);
    }
    .case-card.has-image .case-meta span {
        color: rgba(255, 255, 255, 0.74);
    }
    .case-card.has-image .case-meta strong {
        color: #fff;
    }
    .case-card.has-image .case-developer {
        color: rgba(255, 255, 255, 0.72);
    }
    .case-card.has-image .case-developer strong {
        color: #fff;
    }
    .case-card.has-image h3 {
        font-size: 18px;
        line-height: 1.18;
    }
    .case-card.has-image .case-complex {
        margin-top: 6px;
        font-size: 12px;
    }
    .case-card.has-image .case-meta {
        gap: 5px 12px;
        margin-top: 10px;
        padding-top: 10px;
    }
    .case-card.has-image .case-meta span {
        font-size: 9px;
    }
    .case-card.has-image .case-meta strong {
        margin-top: 2px;
        font-size: 11px;
        line-height: 1.2;
    }
    .case-card.has-image .case-developer {
        margin-top: 9px;
        font-size: 11px;
    }
    .case-card.has-image .case-link {
        padding-top: 8px;
        color: #fff;
        font-size: 11px;
    }
    .case-card.has-image .case-link span:first-child {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 7px 10px;
        border-radius: 10px;
        background: var(--orange);
        color: #fff;
        box-shadow: 0 8px 18px rgba(255, 168, 40, 0.24);
    }
    .case-card.has-image .case-link span:last-child {
        font-size: 20px;
    }
    .case-card.has-image .pending-label {
        display: none;
    }
}


@media (max-width: 1650px) {
    .articles-list {
        .nav-company,
        .nav-results {
            display: none;
        }
        .more-results,
        .more-company {
            display: block;
        }
        .header-main {
            grid-template-columns: minmax(300px, 0.8fr) minmax(520px, 1.65fr) auto;
        }
        .desktop-nav {
            gap: 26px;
        }
    }
}
@media (min-width: 1600px) {
    .articles-list {
        .case-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
}
@media (max-width: 1400px) {
    .articles-list {
        .nav-reviews {
            display: none;
        }
        .more-reviews {
            display: block;
        }
        .logo-text {
            font-size: 13px;
            line-height: 18px;
        }
        .header-main {
            grid-template-columns: minmax(275px, 0.72fr) minmax(450px, 1.45fr) auto;
            gap: 20px;
        }
        .desktop-nav {
            gap: 22px;
        }
        .headerfixed .header-main {
            grid-template-columns: 185px minmax(450px, 1fr) auto;
        }
    }
}
@media (max-width: 1200px) {
    .articles-list {
        .logo-text {
            display: none;
        }
        .header-main {
            grid-template-columns: minmax(260px, 0.7fr) minmax(420px, 1.5fr) auto;
        }
        .filter-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .filter-field.area-filter {
            grid-column: span 2;
        }
        .filter-reset {
            justify-self: start;
        }
        .hero-box {
            grid-template-columns: 1fr minmax(350px, 0.9fr);
        }
    }
}
@media (max-width: 992px) {
    .articles-list {
        h1 {
            font-size: 44px;
        }
        h2 {
            font-size: 32px;
        }
        .desktop-header,
        .headerfixed {
            display: none;
        }
        .mobile-header {
            display: flex;
            position: sticky;
            z-index: 999;
            top: 0;
            height: 70px;
            padding: 10px;
            align-items: center;
            justify-content: space-between;
            background: #fff;
        }
        .mobile-header .logo img {
            width: 150px;
            height: 50px;
        }
        .mobile-icons {
            gap: 8px;
        }
        .mobile-icon-btn {
            display: grid;
            place-items: center;
            width: 40px;
            height: 40px;
            padding: 0;
            border: 0;
            background: #fff;
            color: #888;
        }
        .mobile-icon-btn svg {
            width: 19px;
            height: 19px;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
        }
        .mobile-menu {
            position: fixed;
            z-index: 998;
            top: 70px;
            left: 0;
            right: 0;
            display: block;
            padding: 16px 20px 22px;
            background: #fff;
            box-shadow: 0 18px 28px rgba(66, 76, 92, 0.12);
            transform: translateY(-130%);
            transition: transform 0.22s ease;
        }
        .mobile-menu.open {
            transform: translateY(0);
        }
        .mobile-menu nav {
            display: grid;
        }
        .mobile-menu a {
            padding: 13px 2px;
            border-bottom: 1px solid #eee;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            color: #333;
        }
        .hero-box {
            display: block;
        }
        .hero-copy {
            padding: 48px 28px 24px;
        }
        .hero-visual {
            margin: 0 28px 28px;
            min-height: 260px;
        }
        .hero-visual img {
            height: 260px;
            min-height: 260px;
        }
        .case-grid {
            grid-template-columns: 1fr;
        }
        .cta-grid {
            grid-template-columns: 1fr;
        }
        .footer-content-top {
            grid-template-columns: 1fr;
        }
        .footer-contacts {
            justify-self: start;
        }
        .filter-grid {
            grid-template-columns: 1fr 1fr;
        }

        .case-card-content {
            padding: 24px;
        }
        .case-card.has-image h3 {
            font-size: 20px;
            line-height: 1.2;
        }
        .case-card.has-image .case-complex {
            font-size: 14px;
        }
        .case-card.has-image .case-meta {
            gap: 8px 14px;
            margin-top: 13px;
            padding-top: 13px;
        }
        .case-card.has-image .case-meta span {
            font-size: 10px;
        }
        .case-card.has-image .case-meta strong {
            font-size: 12px;
            line-height: 1.25;
        }
        .case-card.has-image .case-developer {
            margin-top: 12px;
            font-size: 12px;
        }
        .case-card.has-image .case-link {
            padding-top: 10px;
            font-size: 12px;
        }
        .case-card.has-image .case-link span:first-child {
            min-height: 34px;
            padding: 8px 12px;
        }
    }
}
@media (max-width: 720px) {
    :root {
        --gutter: 20px;
    }
    .articles-list {
        .section {
            padding: 62px 0;
        }
        .breadcrumbs-section {
            padding-top: 20px;
        }
        .hero-copy {
            padding: 38px 20px 22px;
        }
        .hero-copy h1 {
            font-size: 36px;
        }
        .hero-lead {
            font-size: 16px;
        }
        .hero-actions {
            display: grid;
            width: 100%;
        }
        .hero-actions .btn {
            width: 100%;
        }
        .hero-proof {
            grid-template-columns: 1fr 1fr;
            width: 100%;
            margin-top: 25px;
        }
        .filter-panel {
            padding: 16px;
            border-radius: 20px;
        }
        .filter-grid {
            grid-template-columns: 1fr;
            gap: 12px;
        }
        .filter-field.area-filter {
            grid-column: auto;
        }
        .filter-reset {
            width: 100%;
        }
        .filter-summary {
            align-items: flex-start;
            flex-direction: column;
        }
        .case-card {
            padding: 21px;
            min-height: 0;
        }
        .case-meta {
            gap: 11px 12px;
        }
        .case-meta strong {
            font-size: 12px;
        }
        .final-cta {
            width: calc(100% - 40px);
            border-radius: 30px;
        }
        .cta-grid {
            padding: 26px;
            gap: 26px;
        }
        .form-grid {
            grid-template-columns: 1fr;
        }
        .field.wide {
            grid-column: auto;
        }
        .lead-form {
            padding: 22px;
        }
        .footer-content-top {
            padding: 56px 24px 42px;
        }
        .footer-nav {
            flex-direction: column;
            align-items: flex-start;
            gap: 17px;
        }
        .footer-contacts {
            margin-top: 25px;
        }
        .footer-content-bottom {
            flex-direction: column;
            gap: 20px;
            padding: 16px 24px;
        }

        .listing-intro {
            padding: 32px 0 26px;
        }
        .listing-lead {
            font-size: 15px;
        }
        .filter-heading {
            display: block;
        }
        .filter-heading .filter-hint {
            display: block;
            margin-top: 5px;
        }
        .report-grid {
            grid-template-columns: 1fr;
            margin-top: 22px;
        }

        .case-card.has-image {
            aspect-ratio: 16/9;
        }
        .case-card-content {
            padding: 14px;
        }
        .case-card.has-image h3 {
            font-size: 15px;
            line-height: 1.15;
        }
        .case-card.has-image .case-complex {
            margin-top: 3px;
            font-size: 10px;
        }
        .case-card.has-image .case-meta {
            gap: 3px 8px;
            margin-top: 7px;
            padding-top: 7px;
        }
        .case-card.has-image .case-meta span {
            font-size: 8px;
        }
        .case-card.has-image .case-meta strong {
            margin-top: 1px;
            font-size: 9px;
            line-height: 1.15;
        }
        .case-card.has-image .case-developer {
            margin-top: 6px;
            font-size: 9px;
        }
        .case-card.has-image .case-link {
            padding-top: 6px;
            font-size: 9px;
        }
        .case-card.has-image .case-link span:first-child {
            min-height: 26px;
            padding: 5px 8px;
        }
        .case-card.has-image .case-link span:last-child {
            font-size: 16px;
        }
    }
}

/* End */


/* Start:/local/components/bitrix/news.detail/templates/articles/style.css?17435721171800*/
.articles_detail_detail_picture {
	max-width: 100%;
}

.articles_detail__items_group {
	display: flex;
	align-items: center;
}

.articles_detail__items_group_type {
	font-size: 1.47rem;
	padding: 5px 8px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background-color: #fafafa;
	margin-right: 25px;
}

.articles_detail__items_text {
	font-size: 2rem;
	margin-top: 40px;
}

.articles_detail__mt {
	margin-top: 50px;
}

.arrow_back_container {
	display: flex;
	width: max-content;
	align-items: center;
	font-size: 1.58rem;
	margin: 40px 0;
}
.arrow_back_container:hover .arrow_back__text {
	color: #5d8aa3;
}
.arrow_back_container:hover .arrow_back,
.arrow_back_container:hover .arrow_back::before,
.arrow_back_container:hover .arrow_back::after {
	background-color: #5d8aa3!important;
}
.arrow_back {
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 18px;
	height: 2px;
	background-color: #cacaca;
	left: 0;
}
.arrow_back::before, .arrow_back::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 2px;
	background-color: #cacaca;
}
.arrow_back::before {
	top: 2px;
	left: 0;
	transform: rotate(-145deg);
}
.arrow_back::after {
	top: -2px;
	left: 0;
	transform: rotate(145deg);
}
.arrow_back__text {
	margin-left: 15px;
	color: #333;
}

.news_detail_right {
	margin-bottom: 50px;
}

.news_detail_right__block {
	position: sticky;
	top: 90px;
}

.service-detail-nav-list {
	position: relative;
	top: 0;
}

.articles_fancy__image {
	width: 100%;
	border-radius: 4px;
}
.articles_fancy__title {
	font-size: 2.5rem;
	margin-bottom: 25px;
}
.articles_fancy {
	margin-top: 50px;
}
.articles_fancy__link {
	display: inline-block;
	padding: 15px;
}

@media (width <= 992px) {
	.news_detail_right {
		display: none;
	}
	.articles_detail__items {
		margin-top: 50px;
	}
}


/* End */


/* Start:/local/templates/stroy-v1/lib/fancybox/jquery.fancybox.min.css?177287322312795*/
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 */
/* /local/templates/stroy-v1/src/scss/individual_pages/articles_list.css?179144172335682 */
/* /local/components/bitrix/news.detail/templates/articles/style.css?17435721171800 */
/* /local/templates/stroy-v1/lib/fancybox/jquery.fancybox.min.css?177287322312795 */