:root {
    --ui-primary: #000;
    --ui-primary-600: #14318b;
    --ui-secondary: #6b7280;
    --ui-accent: #0d246d;
    --ui-text: #111827;
    --ui-muted: #6b7280;
    --ui-border: #e7e7e7;
    --ui-bg: #f8f8f8;
    --ui-surface: #ffffff;
    --ui-surface-grey: #e7e7e7;
    --ui-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --ui-fs-base: clamp(14px, 0.19vw + 13.3px, 16px);
    --ui-fs-md: clamp(13px, 0.19vw + 12.3px, 15px);
    --ui-fs-sm: clamp(12px, 0.2vw + 11px, 13px);
    --ui-lh-base: 1.4;
    --ui-btn-fs: clamp(13px, 0.2vw + 12px, 14px);
    --ui-h1: clamp(28px, 1.6vw + 18px, 44px);
    --ui-h2: clamp(24px, 1.2vw + 16px, 36px);
    --ui-h3: clamp(20px, 0.9vw + 15px, 28px);
    --ui-h4: clamp(18px, 0.6vw + 14px, 22px);
    --ui-h5: clamp(16px, 0.4vw + 14px, 18px);
    --ui-h6: clamp(14px, 0.3vw + 13px, 16px);
    --ui-radius-sm: 4px;
    --ui-radius-md: 8px;
    --ui-radius-lg: 12px;
    --ui-shadow-sm: 0 2px 10px rgba(15, 20, 32, 0.07);
    --ui-shadow-md: 0 10px 28px rgba(15, 20, 32, 0.1);
    --ui-space-1: clamp(4px, 0.25vw + 3px, 6px);
    --ui-space-2: clamp(8px, 0.45vw + 6px, 12px);
    --ui-space-3: clamp(12px, 0.7vw + 9px, 18px);
    --ui-space-4: clamp(16px, 1vw + 12px, 24px);
    --ui-space-5: clamp(20px, 1.4vw + 14px, 32px);
    --ui-space-6: clamp(24px, 2vw + 16px, 44px);
    --ui-space-7: clamp(32px, 2.6vw + 18px, 64px);
    --ui-space-8: clamp(40px, 3.4vw + 18px, 96px);
    --ui-section-gap: var(--ui-space-8);
    --header-h: 110px;
    --scroll-fade: 22px;
    --kdt-xfade-size: 22px;
    /* Base shadow color (neutral) */
    --ui-bg: #f8f8f8;
    /* less contrast (neutral gray) */
    --sh-rgb: 74, 80, 88;
    --sh-0: none;
    /* hairline + tiny lift */
    --sh-1: 0 1px 2px rgba(var(--sh-rgb), 0.04), 0 0 0 1px rgba(var(--sh-rgb), 0.035);
    /* default card */
    --sh-2: 0 8px 22px rgba(var(--sh-rgb), 0.055), 0 2px 6px rgba(var(--sh-rgb), 0.035);
    /* hover card */
    --sh-3: 0 14px 38px rgba(var(--sh-rgb), 0.07), 0 4px 10px rgba(var(--sh-rgb), 0.04);
    /* dropdown / popover */
    --sh-4: 0 18px 54px rgba(var(--sh-rgb), 0.085), 0 6px 16px rgba(var(--sh-rgb), 0.045);
    /* modal / big floating */
    --sh-5: 0 28px 90px rgba(var(--sh-rgb), 0.1), 0 10px 28px rgba(var(--sh-rgb), 0.05);
    /* big soft (hero blocks) */
    --sh-soft: 0 22px 70px rgba(var(--sh-rgb), 0.06);
    /* inset (inputs) */
    --sh-inset-1: inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 0 0 1px rgba(var(--sh-rgb), 0.08);
    /* focus ring (very soft) */
    --focus-ring: 0 0 0 3px rgba(var(--sh-rgb), 0.1);
    /* border-only alternative */
    --sh-border-soft: 0 0 0 1px rgba(var(--sh-rgb), 0.08);
    --cmp-bg: #ffffff;
    --cmp-text: #111827;
    --cmp-muted: rgba(17, 24, 39, 0.62);
    --cmp-border: rgba(17, 24, 39, 0.1);
    --cmp-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
    --cmp-radius: 16px;
    --cmp-pad: 14px;
    --cmp-pad-sm: 10px;
    --cmp-sticky-bg: rgba(255, 255, 255, 0.92);
    --cmp-blur: 10px;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/InterVariable.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: var(--ui-font);
    font-size: var(--ui-fs-base);
    line-height: var(--ui-lh-base);
    color: var(--ui-text);
    background-color: var(--ui-bg);
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ui-font);
    font-weight: 480;
    text-wrap: balance;
    line-height: 1.35;
}

h1 {
    letter-spacing: -0.02em;
    font-weight: 420;
    font-size: var(--ui-h1);
    margin: 0;
    line-height: 1.2;
}

h2 {
    font-size: var(--ui-h2);
    font-weight: 480;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0;
}

h3 {
    font-size: var(--ui-h3);
    margin: 0;
    letter-spacing: -0.015em;
}

h4 {
    font-size: var(--ui-h4);
    margin: 0;
}

h5 {
    font-size: var(--ui-h5);
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

h6 {
    font-size: var(--ui-h6);
    line-height: 1.3;
    margin: 0;
}

p {
    margin: 0 0 1em;
}

p:last-child {
    margin-bottom: 0;
}

.ui-caption {
    font-size: var(--ui-fs-sm);
    line-height: var(--ui-lh-base);
    color: inherit;
}

.text-md {
    font-size: var(--ui-h5);
    color: var(--ui-muted);
    font-weight: 354;
    margin-bottom: var(--ui-space-3);
}

.section {
    margin-top: var(--ui-space-7);
    margin-bottom: var(--ui-space-7);
}

.section--light {
    background-color: var(--ui-surface);
}

.kdt-cards.section.section--light {
    padding: var(--ui-space-8) 0;
    margin-top: 0;
}

p {
    margin: 0;
}

a {
    color: #0c4da2;
    /* color: var(--ui-primary, #0c4da2); */
    text-decoration: none;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

a:hover, a:focus {
    color: #14318b;
    color: var(--ui-primary-600, #14318b);
    text-decoration: underline;
    text-decoration-color: currentColor;
}

a.doc-item:hover {
    text-decoration: none;
}

a:focus-visible {
    outline: 2px solid rgba(12, 77, 162, 0.35);
    outline-offset: 2px;
}

ul, ol {
    padding: 0 16px;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.ui-crds--inner [class^="col-"] {
    padding: var(--ui-space-2);
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding: var(--ui-space-1);
}

.row {
    margin: calc(var(--ui-space-1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.row.cards-list__row {
    margin: calc(var(--ui-space-2) * -1);
}

.main-content.container {
    display: flex;
    flex-direction: column;
    gap: var(--ui-section-gap) 0;
    width: 100%;
    padding: 0;
}

.article-container.container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.cards-list__row [class^="col-"] {
    padding: var(--ui-space-2);
}

.ui-section {
    padding: var(--ui-space-6, 32px) 0;
}

.ui-link {
    color: var(--ui-primary, #0c4da2);
    text-decoration: none;
}

body.information-information > .container {
    margin-bottom: var(--ui-space-7);
}

.ui-link:hover, .ui-link:focus {
    color: var(--ui-primary-600, #14318b);
    text-decoration: underline;
}

.ui-btn, .btn, .name-kat::after {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ui-space-3);
    border-radius: 999px;
    font-weight: 400;
    line-height: 1;
    border: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.18s ease;
}

.ui-btn--sm, .btn-sm, .btn-xs, .name-kat::after {
    padding: var(--ui-space-1) var(--ui-space-4);
    font-size: var(--ui-fs-sm);
}

.ui-btn--md, .btn-md {
    padding: calc(var(--ui-space-1) * 1.5) var(--ui-space-4);
    font-size: var(--ui-fs-sm);
    margin-top: 0;
}

.ui-btn--lg, .btn-lg {
    padding: var(--ui-space-2) var(--ui-space-5);
    font-size: var(--ui-fs-md);
}

.ui-btn--action {
    background: var(--ui-primary);
    color: #fff;
}

.sort-limit--row {
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: var(--ui-space-1);
}

.simple-information--container {
    min-height: 30vh;
}

.ui-btn--primary, .btn-primary, .name-kat::after {
    background: var(--ui-accent);
    color: #fff;
}

.ui-btn--light {
    background-color: #fff;
    color: var(--ui-primary);
}

.ui-btn--light:focus {
    background-color: #fff;
    color: var(--ui-primary);
}

.ui-btn:hover {
    text-decoration: none;
}

a.ui-btn:active, a.ui-btn:focus {
    color: #fff;
    text-decoration: none;
}

a.ui-btn--action:hover {
    background: #14318b;
    color: #fff;
}

.ui-btn--primary:hover, .btn-primary:hover, .ui-btn--primary:focus, .btn-primary:focus {
    background: #14318b;
    background: var(--ui-primary-600, #14318b);
    color: #fff;
}

.ui-btn--light:hover, .ui-btn--light:focus {
    opacity: 0.95;
    box-shadow: 0 6px 16px rgba(31, 79, 177, 0.22);
}

.u .ui-btn--primary:hover, .btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(31, 79, 177, 0.22);
}

.ui-btn--secondary, .btn-default {
    background: #ffffff;
    background: var(--ui-surface, #ffffff);
    color: var(--ui-text, #0f1420);
    border-color: var(--ui-border, #e0e0e0);
}

.ui-btn--secondary:hover, .btn-default:hover, .ui-btn--secondary:focus, .btn-default:focus {
    background: #f5f5f5;
    background: var(--ui-bg, #f5f5f5);
    border-color: var(--ui-primary, #0c4da2);
}

.ui-btn--outline {
    background: transparent;
    color: var(--ui-primary, #0c4da2);
    border-color: var(--ui-primary, #0c4da2);
}

.ui-btn--outline:hover, .ui-btn--outline:focus {
    background: rgba(12, 77, 162, 0.08);
}

.ui-btn:disabled, .btn:disabled, .btn.disabled, .btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}

.ui-card, .product-thumb, .kdt-card, .card {
    display: flex;
    height: 100%;
    width: 100%;
    background: var(--ui-surface, #ffffff);
    border-radius: var(--ui-radius-sm);
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    flex-direction: column;
}

.ui-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--sh-2);
}

.ui-card img {
    transition: transform 0.35s ease, filter 0.35s ease;
}

.ui-card:hover img {
    /* transform: scale(1.02); */
}

.lastview--card-wrapper {
    display: flex;
    flex: 0 0 auto;
}

.afoc .lastview--card-wrapper .lastviewname .prodname a {
    font-size: var(--ui-fs-sm);
}

.lastview--card-wrapper .ui-card {
    padding: var(--ui-space-3);
}

.card-info {
    padding-top: var(--ui-space-3);
    height: 100%;
}

.ui-card__body {
    padding: 18px;
}

.ui-badge, .badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(12, 77, 162, 0.12);
    color: var(--ui-primary, #0c4da2);
}

.ui-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.ui-input, .ui-select, .ui-textarea, .form-control, input[type="text"], input[type="email"], input[type="password"], input[type="telephone"], input[type="tel"], input[type="search"], select, textarea {
    background: #f8f8f8;
    position: relative;
    border-radius: var(--ui-radius-sm);
    /* z-index: -1; */
    /* width: 100%; */
    /* color: var(--ui-text, #0f1420); */
    /* transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease; */
}

.ui-input::placeholder, .ui-textarea::placeholder, .form-control::placeholder {
    color: var(--ui-muted, #6b7280);
}

.ui-input:focus, .ui-select:focus, .ui-textarea:focus, .form-control:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="search"]:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(12, 77, 162, 0.15);
    outline: none;
}

.kdt-list__title {
    margin: 0;
}

.kdt-list__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: var(--ui-radius-sm);
    overflow: hidden;
}

.kdt-list .home-head {
    margin-top: 0;
}

.panel.panel-default.kdt-faq__panel.kdt-list__item {
    margin: 0;
    border-radius: 0;
    padding: 0;
    min-height: 0;
}

.kdt-faq__panel {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.kdt-faq .kdt-list__item {
    position: relative;
    display: block;
    /* margin: auto; */
}

.kdt-list__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--ui-space-2) var(--ui-space-3);
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    min-height: 64px;
}

.kdt-list__toggle:hover, .kdt-list__toggle:focus {
    text-decoration: none;
    outline: none;
}

.kdt-list__toggle[aria-expanded="true"] .kdt-list__icon {
    background: var(--ui-primary-600);
}

.kdt-list__icon {
    background: var(--ui-primary);
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    position: relative;
    opacity: 1;
    border-radius: 999px;
}

.kdt-list__icon:before, .kdt-list__icon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 0.09rem;
    background: rgb(255 255 255);
    transform: translate(-50%, -50%);
    border-radius: 0.09rem;
}

.kdt-list__icon:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.kdt-list__toggle[aria-expanded="true"] .kdt-list__icon:after {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 0;
}

.kdt-faq__answer {
    padding: var(--ui-space-2) var(--ui-space-3);
}

.kdt-list__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--ui-space-2) var(--ui-space-3);
    min-height: 64px;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    gap: var(--ui-space-2);
}

.kdt-list__item {
    background: #efefef;
}

.kdt-list__item:nth-child(even) {
    background: #e7e7e7;
}

.kdt-list__name {
    margin: 0;
    font-weight: 470;
    letter-spacing: -0.015em;
}

a.kdt-list__item:hover h6, a.kdt-list__item:hover {
    text-decoration: none;
}

/* =========================
 RESPONSIVE
   ========================= */
@media (max-width: 991px) {
}

@media (max-width: 768px) {
    .kdt-list__item {
        flex-wrap: wrap;
    }

    .kdt-list__item {
        padding: var(--ui-space-4) var(--ui-space-4);
        gap: var(--ui-space-3);
    }
}

@media (max-width: 480px) {
}

/* .latest-blog [class^="col-"] {
    flex-grow: 1;
} */
.online-service-adw---card {
    display: flex;
    padding: var(--ui-space-4);
    gap: var(--ui-space-3);
    min-height: 220px;
    background-color: var(--ui-surface-grey);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.online-service-adw---card p {
    font-size: var(--ui-h5);
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -0.015em;
    text-align: center;
}

.online-service-adw---card img {
    width: var(--ui-space-4);
}

.service-cards .sc-card {
    display: flex;
    flex-direction: column;
}

.service-cards__col {
    display: flex;
}

.video__container {
}

.service-cards .sc-card__media {
    border-radius: var(--ui-radius-sm);
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}

.service-cards .sc-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding-bottom: 0;
}

.remote-tools .sc-card__media {
    border-radius: 0;
}

.remote-tools .remote-tools-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--ui-surface-grey);
    overflow: hidden;
    border-radius: var(--ui-radius-sm);
}

.remote-tools.remote-tools--v2 .remote-tools-card--v2 {
    background-color: var(--ui-primary);
}

.remote-tools .sc-card__content {
    padding: var(--ui-space-4);
    height: 100%;
}

.remote-tools .sc-card__content p {
    color: rgba(255, 255, 255, 0.82);
}

.remote-tools.remote-tools--v2 .remote-tools-card--v2 .sc-card__content p {
    color: rgba(255, 255, 255, 0.82);
}

.remote-tools.remote-tools--v2 .remote-tools-card--v2 .sc-card__content h3 {
    color: #fff;
}

.rt-card__logos {
    display: flex;
    gap: var(--ui-space-4);
    margin: var(--ui-space-4) 0;
    flex-wrap: wrap;
}

.rt-card__logos img {
    height: calc(var(--ui-space-4) / 1.2);
}

.rt-card__actions.rt-card__actions--split {
    justify-content: space-between;
    width: 100%;
}

.rt-card__actions.rt-card__actions--split img {
    height: var(--ui-space-5);
}

.rt-card__actions {
    display: flex;
    align-items: flex-end;
    gap: var(--ui-space-2);
    align-self: flex-end;
    padding-top: var(--ui-space-5);
    margin-top: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.sc-card__content {
    padding: var(--ui-space-2) var(--ui-space-2) 0;
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
    flex-grow: 1;
}

.service-cards h3 {
    font-size: var(--ui-h3);
    letter-spacing: -0.015em;
    font-weight: 480;
    text-wrap: balance;
    line-height: 1.2;
}

.service-cards .sc-card__text, .service-cards .sc-card__text p {
    font-size: var(--ui-fs-base);
    line-height: var(--ui-lh-base);
    color: var(--ui-muted);
}

.service-cards .sc-card__btn {
    margin-left: auto;
    margin-top: auto;
}

.service-cards .row {
    gap: var(--ui-space-5) 0;
}

/* =========================================================
   Layout: frame (non-scroll) + wrap (scroll)
   JS should wrap .compare-mini__wrap into .compare-mini__frame
   ========================================================= */
.compare-mini__frame {
    position: relative;
}

/* scroll container */
.compare-mini__wrap {
    position: relative;
    overflow: auto;
    /* X + Y */
    max-height: 640px;
    /* adjust if needed */
    max-width: 100%;
    border: 1px solid #ececec;
    border-radius: var(--ui-radius-sm);
    background: var(--cmp-bg);
    box-shadow: var(--sh-3);
    -webkit-overflow-scrolling: touch;
}

/* cursor hint for drag */
.compare-mini__frame.has-hscroll {
    cursor: grab;
}

.compare-mini__frame.is-dragging {
    cursor: grabbing;
}

/* scrollbar (webkit) */
.compare-mini__wrap::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.compare-mini__wrap::-webkit-scrollbar-thumb {
    background: rgba(17, 24, 39, 0.18);
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.9);
}

.compare-mini__wrap::-webkit-scrollbar-track {
    background: rgba(17, 24, 39, 0.05);
    border-radius: 999px;
}

/* =========================================================
   Fades (non-moving) — on FRAME, not on WRAP
   ========================================================= */
.compare-mini__frame::before, .compare-mini__frame::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 50;
}

/* left fade: starts after sticky param column (default ~250px) */
.compare-mini__frame::before {
    left: 250px;
    /* should match .compare-mini__param-col min-width */
    background: linear-gradient(to right, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));
    width: 28px;
}

/* right fade */
.compare-mini__frame::after {
    right: 10px;
    background: linear-gradient(to left, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));
}

.compare-mini__frame.has-left-fade::before {
    opacity: 1;
}

.compare-mini__frame.has-right-fade::after {
    opacity: 1;
}

/* =========================================================
   Table base
   ========================================================= */
.compare-mini__table {
    margin: 0;
    width: max-content;
    /* allow horizontal scroll */
    min-width: 100%;
    background: transparent;
    /* sticky stability */
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* remove bootstrap table borders (if .table) */
.compare-mini__table.table > thead > tr > th, .compare-mini__table.table > tbody > tr > td {
    border: 0;
    white-space: normal;
}

.compare-mini__table th, .compare-mini__table td {
    padding: var(--ui-space-2) var(--ui-space-4) !important;
    border-bottom: 1px solid #f3f3f3 !important;
    vertical-align: middle;
}

/* hover */
.compare-mini__table tbody tr:hover td {
    background: var(--ui-bg);
}

/* =========================================================
   Sticky: top header, left params, bottom buttons, corners
   ========================================================= */
/* top header (product cards row) */
.compare-mini__table thead th {
    position: sticky;
    top: 0;
    z-index: 30;
    background: var(--cmp-sticky-bg);
    backdrop-filter: blur(var(--cmp-blur));
    -webkit-backdrop-filter: blur(var(--cmp-blur));
    border-bottom: 0;
    box-shadow: none;
    padding: var(--ui-space-2) var(--ui-space-1) var(--ui-space-2) !important;
}

/* left sticky column (params) */
.compare-mini__param-col, .compare-mini__param {
    position: sticky;
    left: 0;
    z-index: 20;
    min-width: 250px;
    max-width: 280px;
    background: #fff;
    border-right: 1px solid #f1f1f1 !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(var(--cmp-blur));
    border-right: 1px solid var(--cmp-border);
}

/* top-left corner (your “red” cell) — MUST have top + left */
.compare-mini__table thead th.compare-mini__param-col {
    top: 0;
    left: 0;
    z-index: 60;
    /* above everything */
}

/* bottom sticky row (buttons) — stick TDs, not TR */
.compare-mini__table tbody tr:last-child td {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background: var(--cmp-bg);
    border-bottom: 0 !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
}

/* bottom-left corner (empty first td in last row) */
.compare-mini__table tbody tr:last-child td:first-child {
    left: 0;
    z-index: 55;
    /* under top-left (60) but above other sticky */
    border-top: 0 !important;
    box-shadow: none;
    border-right: 1px solid #f1f1f1 !important;
}

/* keep left sticky cell readable on hover */
.compare-mini__table tbody tr:hover .compare-mini__param {
    /* background: var(--ui-bg); */
}

/* =========================================================
   Product columns + card
   ========================================================= */
.compare-mini__prod-col {
    min-width: 240px;
}

.compare-mini__thumb-wrapper {
    /* height: 80px; */
    /* overflow: hidden; */
    /* width: 100%; */
    /* border-radius: var(--ui-radius-sm); */
}

.compare-mini__thumb {
    display: block;
    /* width: 100%; */
    /* max-width: 100%; */
    height: auto;
    object-fit: cover;
}

.compare-mini__prod {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--ui-space-2);
    text-decoration: none;
    color: inherit;
    background: #fff;
    border-radius: var(--ui-radius-sm);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.compare-mini__prod:hover {
    opacity: 0.89;
    text-decoration: none;
}

.compare-mini__name {
    font-size: var(--ui-fs-md);
    line-height: 1.25;
    padding: var(--ui-space-3);
    font-weight: 500;
    color: var(--ui-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* =========================================================
   Values / units / check
   ========================================================= */
.compare-mini__unit {
    display: inline-block;
    margin-left: 6px;
    color: var(--cmp-muted);
    font-weight: 500;
    font-size: 12px;
}

.compare-mini__val {
    color: var(--ui-text);
    font-size: var(--ui-fs-md);
    line-height: 1.4 !important;
    line-height: 1.35;
}

.compare-mini__check {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.12);
    color: rgba(16, 185, 129, 1);
    font-weight: 700;
}

.compare-mini__dash {
    color: rgba(17, 24, 39, 0.35);
}

/* =========================================================
   Nav arrows
   ========================================================= */
.compare-mini__nav {
    position: absolute;
    top: var(--ui-space-2);
    right: var(--ui-space-4);
    z-index: 80;
    /* above sticky cells and fades */
    pointer-events: none;
}

.compare-mini__nav-inner {
    display: flex;
    gap: var(--ui-space-1);
    pointer-events: auto;
}

.compare-mini__nav-btn {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, 0.12);
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(var(--cmp-blur));
    box-shadow: var(--sh-4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

.compare-mini__nav-btn:disabled {
    opacity: 0.45;
    cursor: default;
    box-shadow: 0;
}

.nav.navbar-nav .menu-item a {
    font-size: var(--ui-fs-sm);
    color: var(--ui-text);
    padding: 0;
    font-weight: 550;
}

.nav.navbar-nav .menu-item a:hover {
    color: var(--ui-muted);
}

.nav.navbar-nav .menu-item {
    font-size: var(--ui-fs-sm);
    color: var(--ui-text);
    font-weight: 550;
}

.navbar-ex0-collapse .nav.navbar-nav li {
    /* gap: var(--ui-space-3); */
    margin-right: var(--ui-space-3);
}

.nav.navbar-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    float: none;
    margin: 0 !important;
    padding: 0 !important;
}

@media (min-width: 768px) {
    .navbar-nav {
        padding: 0;
        float: none;
        margin: 0;
    }
}

/* =========================================================
   Mobile tweaks
   ========================================================= */
@media (max-width: 576px) {
    .compare-mini__param-col, .compare-mini__param {
        min-width: 150px;
        max-width: 220px;
        font-size: var(--ui-fs-sm);
    }

    .compare-mini__param-col, .compare-mini__val {
        min-width: 150px;
        max-width: 220px;
        font-size: var(--ui-fs-sm);
    }

    .compare-mini__prod-col {
        min-width: 154px;
    }

    .compare-mini__frame::before {
        left: 180px;
        /* match mobile sticky param width */
    }

    .compare-mini__table th, .compare-mini__table td {
        padding: var(--cmp-pad-sm) !important;
    }
}

.article_post th {
    text-align: center;
}

.article_post tr:not(:first-child) th {
    background-color: #fafafc;
}

.article .owl-carousel {
    box-shadow: none;
}

.article img, .article-module img {
    max-width: 100%;
    height: auto;
}

.article .main_description, .article .main_description + div {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-5);
    /* margin-bottom: var(--ui-space-8); */
}

/* article listings */
.article_grid_holder {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 13px;
    font-size: 0;
}

.article_grid_holder.carousel-1 {
    margin-left: -17px;
    margin-right: -17px;
    padding-top: 10px;
    width: inherit;
}

#column-left .article_grid_holder, #column-right .article_grid_holder {
    padding-top: 5px;
}

.article_grid_holder.related {
    padding-top: 0px;
}

.article_item {
    font-size: 12px;
    padding: 0px 15px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    width: 100%;
    /* 1 column grid is default */
}

.column-2 .article_item {
    width: 50%;
    /* 2 columns */
}

.column-3 .article_item {
    width: 33.33%;
    /* 3 columns */
}

.column-4 .article_item {
    width: 25%;
    /* 3 columns */
}

.carousel-1 .article_item {
    width: 100% !important;
    /* carousel */
    margin-bottom: 0px;
}

#column-left .article_item, #column-right .article_item {
    width: 100%;
    /* carousel */
    margin-bottom: 17px;
}

.article_item .image {
    margin-bottom: 23px;
    margin-top: 5px;
}

.column-2 .article_item .image, .column-3 .article_item .image, .column-4 .article_item .image, #column-left .article_item .image, #column-right .article_item .image {
    margin-bottom: 17px;
}

.article_item .image img {
    transition: all 400ms;
}

.article_item .image img:hover {
    opacity: 0.8;
    transition: all 400ms;
}

.article_item .summary .article_title {
    font-size: 24px;
    margin: 0 0 10px;
}

#column-left .article_item .summary .article_title, #column-right .article_item .summary .article_title {
    font-size: 16px;
    margin: 0 0 7px;
}

.column-2 .summary .article_title, .column-3 .summary .article_title {
    font-size: 22px;
    margin: 0 0 16px;
}

.column-4 .summary .article_title {
    font-size: 20px;
}

.article_item .summary p {
    font-size: 14px;
    line-height: 21px;
}

#column-left .article_item .summary p, #column-right .article_item .summary p {
    font-size: 13px;
    line-height: 20px;
}

.article_item .summary p .fa {
    color: #cccccc;
}

/* article Post */
.article_post .main_thumb {
    padding: 0;
    transition: all 400ms ease 0s;
}

.article_post .main_thumb:hover {
    /* opacity: 0.8; */
    transition: all 400ms ease 0s;
}

.article_post .image-wrapper {
    position: relative;
    overflow: hidden;
}

.article_post .image-caption {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    z-index: 50;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 6px 8px;
    background: rgb(255 255 255 / 60%);
    backdrop-filter: blur(3px);
}

.article_post h3 {
    font-size: var(--ui-h3);
    margin-bottom: var(--ui-space-2);
}

.article_stats {
    font-size: 13px;
    text-transform: none;
    color: #999999;
    margin: 0 0 15px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
}

.column-2 .article_stats, .column-3 .article_stats, .column-4 .article_stats, .article_post .related .article_stats {
    font-size: 12px;
    margin: 0 0 12px;
    padding-bottom: 1px;
}

#column-left .article_stats, #column-right .article_stats {
    font-size: 11px;
    margin-bottom: -4px;
    border-bottom: none;
    padding-bottom: 0;
}

.article_stats span {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 8px;
    line-height: 12px;
}

.article_stats span + span {
    padding-left: 7px;
    border-left: 1px solid #eeeeee;
}

.article_stats .fa {
    color: #bbbbbb;
    margin-right: 5px;
}

.article_stats .text {
    font-weight: inherit;
}

#column-left .article_stats .text, #column-right .article_stats .text, .column-2 .article_stats .text, .column-3 .article_stats .text, .column-4 .article_stats .text {
    font-size: 0;
}

.article_stats .hl {
    color: #777777;
}

#column-left .article_stats .hl, #column-right .article_stats .hl, .column-2 .article_stats .hl, .column-3 .article_stats .hl, .column-4 .article_stats .hl {
    font-weight: inherit;
}

.article_post .article_stats {
    margin: 0 0 22px;
}

.article_post .tags {
    display: block;
    padding-top: 5px;
    margin-bottom: 25px;
    font-size: 13px;
    color: #aaaaaa;
}

.article_post .tags a {
    font-size: 14px;
    margin-left: 2px;
}

.article_post .share {
    margin-bottom: 40px;
}

.article_post .share .fa {
    font-size: 19px;
    padding: 0 10px;
    margin: 0 5px 10px 0;
    color: #f5f5f5;
    height: 36px;
    line-height: 36px;
    width: 120px;
    transition: all 300ms;
}

.article_post .share .fa:hover {
    opacity: 0.9;
    transition: all 300ms;
}

.article_post .share .fa:after {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: top;
    margin-left: 10px;
}

.article_post .share .fa-facebook {
    background: #3b5998;
}

.article_post .share .fa-facebook:after {
    content: "Facebook";
}

.article_post .share .fa-twitter {
    background: #00aced;
}

.article_post .share .fa-twitter:after {
    content: "Twitter";
}

.article_post .share .fa-google-plus {
    background: #dd4b39;
}

.article_post .share .fa-google-plus:after {
    content: "Google+";
}

.article_post .share .fa-navicon {
    background: #f1f1f1;
    color: #888888;
    text-align: center;
    font-size: 17px;
}

.article_post .at15t_compact, .at16nc.at16t_compact {
    background-position: -9999px -9999px !important;
}

/* Related articles */
.article_post .related .article_item {
    margin-bottom: 15px;
}

.article_post .related .article_title {
    font-size: 18px;
}

.article_post .related p {
    font-size: 14px;
    line-height: 20px;
}

.article_post ul {
    margin-top: 15px;
}

.article_post .related p a {
    color: #999999;
}

.article_post .related p .fa {
    color: #cccccc;
}

/* Comments */
.article_post #comment {
    margin-bottom: 55px;
}

.article_post .article_comment {
    display: block;
    font-size: 14px;
    margin-bottom: 25px;
}

/* Modules */
.article-module {
    margin-bottom: 40px;
}

.article-module.latest {
    margin-bottom: 20px;
}

.article-module h3 {
    margin: 15px 0 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid #f5f5f5;
}

.article-module h3 a.all {
    float: right;
    font-size: 13px;
    line-height: 24px;
}

.article-module h3 a.all .fa {
    color: #cccccc;
}

#column-left .article-module h3 a.all, #column-right .article-module h3 a.all {
    display: none;
}

/* Category Module */
.article-category > ul > li {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.article-category ul > li > ul {
    display: none;
    padding-left: 0;
}

.article-category > ul > li.active > ul {
    display: block;
}

.article-category > ul > li > a {
    display: block;
    line-height: 34px;
    font-size: 14px;
}

.article-category .sign {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 34px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    color: #cccccc;
}

.article-category li .sign .fa-minus, .article-category li.open .sign .fa-plus {
    font-size: 0;
}

.article-category .sign .fa, .article-category li.open .sign .fa-minus, .article-category li.open ul li.open .sign .fa-minus, .article-category li.open ul li .sign .fa-plus {
    font-size: 11px;
}

.article-category > ul > li ul > li {
    border-top: 1px solid #f5f5f5;
    list-style: none;
}

.article-category > ul > li ul > li {
    border-top: 1px solid #f5f5f5;
    list-style: none;
}

.article-category > ul > li ul > li a {
    line-height: 34px;
    font-size: 13px;
}

.article-category > ul > li ul > li a .fa {
    color: #cccccc;
    font-size: 10px;
    margin: 0 6px;
}

.article-article .breadcrumb {
    display: flex;
    overflow-x: auto;
}

.article.article_post .row {
    margin: -6px;
    display: flex;
    flex-wrap: wrap;
}

.article.article_post .main_thumb {
    margin-bottom: var(--ui-space-5);
    border-radius: var(--ui-radius-sm);
    overflow: hidden;
}

.article.article_post {
    position: relative;
}

.article_stats {
    display: none;
}

.article.article_post {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    flex-direction: column;
}

.article.article_post img {
    border-radius: 2px;
}

.article.article_post img + p {
    font-weight: 700;
    color: #000;
}

.article.article_post img + p, .article.article_post a + p {
    max-width: 87%;
}

.article.article_post a + p {
    padding-top: 6px;
    font-weight: 700;
    margin-bottom: 0;
}

.adwantages .row:nth-child(2n) .col-md-6 > div {
    padding: 3rem 3rem 3rem 0;
}

.adwantages .row:nth-child(2n + 1) .col-md-6 > div {
    padding: 3rem 0rem 3rem 3rem;
}

.adwantages .row .col-md-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-card__img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.news-card__body:hover {
    text-decoration: none;
}

.news-card__body {
    background: var(--ui-surface-grey);
    padding: var(--ui-space-3);
    min-height: 206px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.news-card__meta {
    font-size: var(--ui-fs-sm);
    color: var(--ui-muted);
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    margin-bottom: var(--ui-space-1);
}

.news-card__name {
    display: block;
    margin-bottom: var(--ui-space-1);
    color: var(--ui-text);
    text-decoration: none;
    margin-top: 0;
}

.news-card__btn {
    margin-top: auto;
}

.news-card__media {
    /* overflow: hidden; */
    /* height: 100%; */
}

.hero-slider {
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    background: #0f1420;
    height: clamp(420px, 60vh, 760px);
    min-height: 0 !important;
}

@supports (height: 100svh) {
    .hero-slider {
        height: clamp(420px, 60svh, 760px);
    }
}

.hero-slider .item, .hero-slider .slideshow-item {
    position: relative;
    height: 100%;
    min-height: inherit;
}

.hero-slider .slideshow-item > a, .hero-slider .slideshow-item > img {
    display: block;
    height: 100%;
}

.hero-slider img.img-responsive {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-slider .slideshow-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    padding: var(--ui-space-8) 0;
    pointer-events: none;
    padding-inline: 0; align-items: flex-end;
}

.hero-slider .slideshow-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(15, 20, 32, 0.15) 0%, rgba(15, 20, 32, 0.35) 35%, rgba(15, 20, 32, 0.78) 100% );
    z-index: 0;
}

.hero-slider .slideshow-overlay__content {
    max-width: min(760px, 92%);
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--ui-space-3);
}

.hero-slider .slideshow-overlay__title {
    color: #fff;
    letter-spacing: -0.03em;
    line-height: 1.15;
    font-size: clamp(26px, 3.1vw, 56px);
}

.hero-slider .slideshow-overlay__description {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.4;
    font-size: var(--ui-h5);
    max-width: min(40ch, 100%);
}

.hero-slider .owl-controls {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hero-slider .owl-buttons .owl-buttons {
    position: absolute;
    inset: 0;
}

.catalog__container.section {
    margin-top: var(--ui-space-6);
}

.hero-slider .owl-buttons .owl-prev, .hero-slider .owl-buttons .owl-next, button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    z-index: 10;
    pointer-events: auto;
    position: absolute;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: none;
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: rgba(15, 20, 32, 0.35);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: none;
    justify-content: center;
    transition: background 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.hero-slider .owl-buttons .owl-prev i, .slick-prev:before, .slick-next:before, .hero-slider .owl-buttons .owl-next i {
    font-size: var(--ui-h4);
    line-height: 1;
    color: #fff;
    margin: 0;
    margin-bottom: 2px;
}

.hero-slider .owl-buttons .owl-prev, button.slick-prev.slick-arrow {
    left: clamp(12px, 3vw, 40px);
}

.hero-slider .owl-buttons .owl-next, button.slick-next.slick-arrow {
    right: clamp(12px, 3vw, 40px);
}

.hero-slider .owl-buttons .owl-prev:hover, .hero-slider .owl-buttons .owl-next:hover {
    background: rgba(15, 20, 32, 0.55);
    border-color: rgba(255, 255, 255, 0.28);
    transform: translateY(-50%) scale(1.03);
}

.hero-slider .owl-pagination {
    pointer-events: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--ui-space-5);
    display: flex;
    gap: var(--ui-space-1);
    top: auto;
}

.hero-slider .owl-page span {
    width: var(--ui-space-5);
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.35);
    display: block;
    transition: transform 0.18s ease, background 0.18s ease;
}

.hero-slider .owl-page.active span {
    background: rgba(255, 255, 255, 0.9);
    transform: scaleX(1.05);
}

.hero-slider .owl-wrapper-outer, .hero-slider .owl-wrapper {
    height: 100% !important;
}

.hero-slider .owl-item, .hero-slider .item, .hero-slider .slideshow-item {
    height: 100%;
}

.hero-slider .owl-controls {
    position: absolute;
    inset: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: 3;
}

.hero-slider .slideshow-overlay {
    z-index: 4;
}

.hero-slider .owl-prev, .hero-slider .owl-next, .hero-slider .owl-pagination {
    pointer-events: auto;
}

.hero-slider .slideshow-item > a, .hero-slider .slideshow-item > img {
    position: relative;
    z-index: 1;
}

.hero-slider .slideshow-overlay__content, .hero-slider .slideshow-overlay__title, .hero-slider .slideshow-overlay__description {
    position: relative;
    z-index: 5;
}

.container {
    width: 100%;
}

.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(6px);
    transition: opacity 0.28s ease;
    z-index: 990;
}

.menu-overlay.is-active {
    opacity: 1;
    pointer-events: auto;
}

.offcanvas-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 100vw;
    pointer-events: none;
    backdrop-filter: blur(6px);
    z-index: 1;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.offcanvas.is-open .offcanvas-overlay {
    transform: translateX(0);
    transition-delay: 0s;
}

.offcanvas:not(.is-open) .offcanvas-overlay {
    transition-delay: 0.35s;
}

body.offcanvas-lock {
    overflow: hidden;
}

.offcanvas__social {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.offcanvas__social .oc-social {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

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

.offcanvas__social .oc-social img {
    width: 18px;
    height: 18px;
    display: block;
    filter: grayscale(1) brightness(0.2);
}

.offcanvas__social .oc-social:hover {
    background: #e2e2e2;
}

.offcanvas {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    width: 85vw;
    max-width: 420px;
    height: 100dvh;
    background: #fff;
    z-index: 9999;
    /* overflow: hidden; */
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.offcanvas.is-open {
    transform: translateX(0);
    transition-delay: 0.2s;
}

.offcanvas:not(.is-open) {
    transition-delay: 0.15s;
}

.offcanvas__close {
    position: absolute;
    top: var(--ui-space-2);
    right: -46px;
    border: 0;
    padding: 0;
    background: transparent;
    line-height: 1;
    cursor: pointer;
    width: 44px;
    height: 44px;
    z-index: 9999;
    font-weight: 300;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.6);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.offcanvas.is-open .offcanvas__close {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-delay: 0.6s;
}

.offcanvas:not(.is-open) .offcanvas__close {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.6);
    transition-delay: 0s;
}

.offcanvas__content {
    position: relative;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.offcanvas.is-open .offcanvas__content {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.4s;
}

.offcanvas:not(.is-open) .offcanvas__content {
    transition-delay: 0.05s;
}

.offcanvas__content h3 {
    margin-bottom: var(--ui-space-4);
    margin-top: var(--ui-space-6);
}

.offcanvas__view {
    display: flex;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
    padding: var(--ui-space-3);
    transition: transform 0.28s ease;
    will-change: transform;
    flex-direction: column;
}

#offcanvasMain {
    z-index: 1;
    transform: translateX(0);
}

#offcanvasCatalogView {
    z-index: 2;
    transform: translateX(100%);
}

.offcanvas.is-catalog-open #offcanvasCatalogView {
    transform: translateX(0);
}

.offcanvas.is-catalog-open #offcanvasMain {
    transform: translateX(15%);
}

.offcanvasCatalogView_title {
    display: flex;
    gap: var(--ui-space-4);
    align-items: center;
}

.offcanvas__back {
    display: flex;
    align-items: center;
    width: 35px;
    height: 35px;
    background: var(--ui-accent);
    border: none;
    cursor: pointer;
    border-radius: 9999px;
    margin-bottom: var(--ui-space-4);
    margin-top: var(--ui-space-6);
    color: #ffffff;
    align-content: center;
    justify-content: center;
}

.offcanvas__back svg {
    width: 14px;
    height: 14px;
    stroke: #ffffff;
}

#offcanvasContent ul.nav.navbar-nav {
    display: flex;
    float: none !important;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

#offcanvasContent ul.nav.navbar-nav > li {
    float: none !important;
    display: block;
    width: 100%;
}

#offcanvasContent .dropdown.menu-item.open .dropdown-toggle {
    border-color: #fff;
    padding-bottom: 0;
}

#offcanvasContent ul.nav.navbar-nav > li > a, #offcanvasContent ul.nav.navbar-nav > li > .dropdown-toggle {
    display: flex;
    padding: var(--ui-space-3) 0;
    font-size: var(--ui-fs-base);
    text-decoration: none;
    color: var(--ui-text);
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

#offcanvasMain .dropdown-arrow {
    display: none !important;
}

.dropdown .dropdown-arrow {
    stroke-width: 2px;
    stroke: var(--ui-text);
    width: 10px;
    height: 7px;
    margin-left: 1px;
}

#offcanvasContent .dropdown-menu {
    display: none;
    width: 100%;
    position: static;
    float: none;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

#offcanvasContent .dropdown.open > .dropdown-menu {
    display: block;
    width: 100% !important;
}

#offcanvasContent .dropdown-menu .dropdown-inner {
    padding: 0;
    background: transparent;
    font-size: revert;
    width: 100%;
}

#offcanvasContent .dropdown-menu .dropdown-inner ul.list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
}

#offcanvasContent .dropdown-menu .dropdown-inner ul.list-unstyled > li {
    padding: 6px 0;
    width: 100%;
}

#offcanvasContent .dropdown-menu .dropdown-inner ul.list-unstyled > li > .list-outer > a {
    color: var(--ui-text);
    text-decoration: none;
    font-size: var(--ui-fs-md);
}

#offcanvasContent .dropdown-menu .dropdown-inner ul.list-unstyled > li > .list-outer > a:hover {
    color: var(--ui-muted);
}

#offcanvasCatalogContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-direction: column;
}

#offcanvasCatalogContent .dropright-inner .list-outer {
    background: transparent;
    padding: 0;
}

#offcanvasCatalogContent .list-outer {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    padding: var(--ui-space-2) 0 0rem 0rem;
    margin-bottom: 0;
    min-height: 46px;
    justify-content: flex-start;
}

#offcanvasCatalogContent .open .list-outer {
    padding-bottom: 0;
}

#offcanvasCatalogContent .list-outer:hover {
    background-color: transparent;
}

#offcanvasCatalogContent .list-outer > a, #offcanvasCatalogContent .list-outer > span {
    display: flex;
    flex: 1 1 auto;
    padding: 0;
    border: 0;
    text-decoration: none;
    color: #353535;
    font-size: 14px;
    line-height: 1;
    /* justify-content: space-between; */
    align-items: flex-start;
}

#offcanvasCatalogContent .open .list-outer > a, #offcanvasCatalogContent .open .list-outer > span {
    font-weight: 600;
}

#offcanvasCatalogContent .open .dropright-inner .list-outer > a, #offcanvasCatalogContent .open .dropright-inner .list-outer > span {
    font-weight: 400;
    color: var(--ui-text);
}

#offcanvasCatalogContent .dropright-inner .list-outer > a, #offcanvasCatalogContent .dropright-inner .list-outer > span {
    font-weight: 400;
    font-size: var(--ui-fs-md);
    line-height: 1.5;
}

.oc-subtoggle {
    background: #f4f4f4 !important;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: rotate(90deg);
    transition: transform 0.18s ease;
}

#offcanvasCatalogContent li.withchlid > .dropright {
    display: none;
    padding-left: 14px;
    padding-bottom: 8px;
}

#offcanvasCatalogContent li.withchlid.open > .dropright {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    margin: 0;
    height: auto;
}

#offcanvasCatalogContent li.withchlid.open > .list-outer .oc-subtoggle, .dropdown.open .oc-subtoggle {
    transform: rotate(-90deg);
}

#offcanvasCatalogContent .dropright a {
    text-align: left;
    display: block;
    padding: 0;
    font-size: 15px;
    text-decoration: none;
}

#offcanvasCatalogContent .cat-thumb {
    display: none;
    float: none;
    width: 72px;
    object-fit: cover;
    border-radius: 6px;
}

#offcanvasCatalogContent .dropright {
    display: none;
}

#offcanvasCatalogContent li.withchlid.open > .dropright {
    display: block;
}

#menu {
    position: relative;
    z-index: 1000;
}

#menu li.dropdown > .dropdown-menu {
    display: none;
}

#menu li.dropdown.open > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    z-index: 9999;
}

#menu li.dropdown:hover > .dropdown-menu {
    display: none;
}

.callbackclass {
    display: flex;
    justify-content: flex-end;
}

.catalog-btn:hover .navbar2 .navbar-nav > li:last-child > a {
    color: #ffffff;
}

a.telephone-top, a.mailto-top {
    display: flex;
    gap: 0.5em;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

a.telephone-top:hover, a.mailto-top:hover {
    opacity: 0.8;
    text-decoration: none;
}

a.telephone-top svg, a.mailto-top svg {
    width: 15px;
    height: 15px;
    fill: #909090;
}

a.telephone-top img {
    max-height: 1.1em;
    opacity: 1;
}

a.mailto-top img {
    max-height: 1.14em;
    opacity: 1;
}

.add__block__item.product_cod {
    display: flex;
    align-items: center;
}

.add__block__item #item__full__description {
    margin: 0;
}

.add__block__item .popup-btn {
    margin-top: auto;
}

.product_cod .statuses, .product_cod #button-cart {
    display: none !important;
}

.box_sku {
    text-align: left;
    justify-content: left !important;
    align-items: flex-start !important;
}

.cards {
    display: flex;
    gap: 1.5rem;
}

.box_sku {
    font-size: var(--ui-fs-sm);
    width: auto;
    border: 1px solid #ece9e9;
    /* background: var(--ui-surface-grey); */
    color: var(--ui-secondary);
    font-weight: 550;
    padding: calc(var(--ui-space-1) / 1.4) var(--ui-space-3) !important;
    border-radius: 999px;
    margin-bottom: var(--ui-space-4);
}

.product-code {
    font-size: var(--ui-fs-sm);
    color: var(--ui-muted);
    margin-top: var(--ui-space-2);
    font-weight: 550;
}

.item__details.category_product_cod {
    justify-content: space-between;
}

.product-video-under-photo {
    position: absolute;
    bottom: var(--ui-space-5);
    left: var(--ui-space-5);
    z-index: 50;
}

.category_product_cod .product-code {
    background: none !important;
}

@media (max-width: 1199px) {
    .add__block__item.product_cod {
        margin-top: 20px;
    }
}

.product_cod a.popup-btn.order.btn.btn-primary.btn-lg.btn-block {
    width: auto !important;
    float: none !important;
    background: var(--ui-accent) !important;
}

a.popup-btn.btn.btn-primary.btn-lg.btn-block.sticky-btn.order.visible, a.popup-btn.btn.btn-primary.btn-lg.btn-block.sticky-btn.order {
    line-height: 1;
    font-size: 14px;
    padding: 1.2rem 3.3rem;
    min-width: 40px;
}

.navbar2 .navbar-nav > li:last-child > a {
    padding-right: 0;
}

.navbar2 .collapse.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

nav.navbar2 {
    margin-top: 0;
    padding: 0;
    width: 100%;
}

.navbar-nav > li > .dropdown-menu ul li {
    padding: 5px 10px;
}

ul.list-unstyled.dropright-outer {
    display: flex;
    flex-wrap: wrap;
}

li.withchlid:hover .dropright {
    display: block;
}

.dropright li {
    max-width: 33.33%;
    flex: 0 1 auto;
    font-size: 13px !important;
}

.dropright-inner {
    max-width: 98%;
    background: rgb(255 255 255);
    padding: var(--ui-space-1);
    border-radius: var(--ui-radius-sm);
    margin-left: var(--ui-space-1);
    height: auto;
    min-height: calc(100% - var(--ui-space-1));
}

.navbar-nav > li > .dropdown-menu ul li {
    padding: 5px 15px;
    width: 300px;
}

.main-menu .navbar-nav > li > .dropdown-menu ul li {
    font-size: 15px;
    padding: 10px 5px;
    border-top: 3px solid #31498f;
}

.dropdown-menu > img {
    position: absolute;
    left: 168px;
    top: -5px;
    filter: grayscale(1);
}

#offcanvasCatalogContent li.withchlid img {
    display: none;
}

#offcanvasCatalogContent li.withchlid.open img {
    transform: rotate(-90deg);
}

li.withchlid img {
    float: right;
    margin-top: var(--ui-space-1);
}

.main-menu .dropdown-menu {
    background: rgba(0, 44, 101, 0.92);
    width: 320px;
    left: -40px;
    padding: 10px 0;
}

.main-menu .dropright {
    background: rgba(224, 85, 16, 0.8);
}

.navbar2 .navbar-nav > li:last-child .dropdown-menu {
    left: -192px;
    padding: 0;
    margin-top: 0;
}

.navbar2 .navbar-nav > li:last-child .dropdown-menu > img {
    position: absolute;
    left: 226px;
    top: -5px;
    filter: grayscale(1);
}

#offcanvasCatalogView .dropright-inner .dropright-outer li {
    width: 100% !important;
    max-width: 100%;
}

.dropright-inner .dropright-outer li {
    padding: 0 !important;
    width: 25% !important;
}

.dropright-outer .list-outer a {
    display: flex !important;
    flex-direction: column;
}

.navbar-nav > li > .dropdown-menu ul {
    float: none !important;
    padding-right: 0;
}

.dropdown-menu.small-list-inner .list-unstyled {
    padding: var(--ui-space-1) !important;
}

.navbar-nav > li > .dropdown-menu ul li a {
    color: #de5717;
}

.navbar-nav > li > .dropdown-menu ul li .dropright a {
    color: #f8762a;
}

.navbar-nav > li > .dropdown-menu ul li .dropright a:hover {
    color: #f8762a;
    text-decoration: underline;
}

.navbar-nav > li > .dropdown-menu ul li a:hover {
    color: #de5717;
    text-decoration: underline;
    background: none !important;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: none;
}

.owl-wrapper-outer {
    border: 0 !important;
    border-radius: 0 !important;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #73340c;
}

.main-menu .navbar-collapse {
    padding-left: 0;
}

img.divider-img {
    float: left !important;
    margin-right: 10px;
    max-height: 16px;
    padding-top: 1px;
    vertical-align: top;
    display: inline-block;
}

.offcanvas_header {
    display: flex;
    align-items: center;
    height: 8vh;
    padding: 2rem 2rem;
}

.offcanvas_header h3 {
    margin: 0;
    font-size: 18px;
}

#offcanvasTell {
    margin-top: auto;
    margin-bottom: 2rem;
    padding-top: 2rem;
}

.offcanvas__title {
    margin-top: 0;
    margin-bottom: var(--ui-space-4);
    font-weight: 500;
}

#offcanvasCatalogBtn {
    padding: var(--ui-space-3);
    width: 100%;
    background: var(--ui-accent);
    border-radius: var(--ui-radius-sm);
    color: #fff;
    margin-bottom: var(--ui-space-6);
}

#offcanvasCatalogBtn a {
    font-size: var(--ui-fs-base);
    color: #fff;
    font-weight: 450;
    align-items: center;
    display: flex;
    gap: var(--ui-space-2);
    justify-content: center;
}

header {
    height: var(--header-h);
    position: sticky;
    top: 0;
    z-index: 990;
    display: flex;
    flex-direction: column;
    background: var(--ui-primary);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14901960784313725);
    transition: transform 0.1s linear;
}

.top-head {
    z-index: 2;
    height: 55%;
    padding: 8px 0;
    background: #ffffff;
    display: none;
    align-items: center;
    justify-content: center;
    transition: transform 0.1s linear, opacity 0.1s ease;
    transform: translateY(0);
    opacity: 1;
}

.bottom-header {
    height: 50%;
}

.top-head .row {
    align-items: center;
}

.bottom-header .row .col-lg-12 {
    display: flex;
    align-items: center;
}

header.scrolled {
    transform: translateY(-42px);
}

header.scrolled .top-head {
    transform: translateY(-100%);
    opacity: 0;
}

div#logo {
    margin: 0;
}

div#logo img {
    margin: 0;
    max-width: 207px;
    width: 172px;
    margin-bottom: 8px;
}

.hidden2-sm {
    display: none;
}

.nav-menu {
    display: flex;
}

li.catalog-btn {
    background: var(--ui-accent);
    border: 0;
    display: none;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: var(--ui-space-2) var(--ui-space-4);
    height: 50px;
    transition: transform 0.1s linear, opacity 0.1s ease;
}

.catalog-btn:hover, .ui-btn--action:hover {
    background-color: #14318b;
}

.navbar2 .nav > li.catalog-btn > a:focus, .navbar2 .nav > li.catalog-btn > a:hover {
    color: #fff;
    opacity: 0.8;
}

.btn.btn-navbar {
    background: transparent;
    color: #fff;
    display: flex;
    padding: 0;
    align-items: center;
    height: auto;
    width: auto;
    max-width: 100%;
    justify-content: center;
    box-shadow: none;
}

.logo-short {
    flex: -1 0 auto;
}

.logo-short svg, .btn.btn-navbar svg {
    max-width: 76px;
    width: 100%;
}

.navbar2 .navbar-nav > li.catalog-btn > a {
    color: #ffffff;
    padding: 0;
    font-size: var(--ui-fs-md);
    font-weight: 450;
    height: 100%;
    display: flex;
    align-items: center;
    gap: var(--ui-space-1);
}

.searchclass .input-group2 {
    height: 50px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
}

#search input {
    border: 0;
    border-bottom: none;
    box-shadow: none;
    border-radius: 2px;
    width: 100%;
    position: relative;
    font-size: var(--ui-fs-sm);
    font-weight: 500;
    height: 40px;
    padding: var(--ui-space-2) var(--ui-space-3);
    line-height: 1;
    border-radius: var(--ui-radius-sm);
    color: #333;
    background: #f2f4f7;
}

#search input::placeholder {
    color: #4c4c4c;
    opacity: 0.4;
}

#search input:focus, #search input:active {
    outline: none;
}

div#search button {
    position: absolute;
    right: 0.7rem;
    bottom: 1.24rem;
    background: none;
    border: none;
    padding: 0;
    z-index: 0;
}

div#search img {
    width: 29px;
    height: 18px;
}

.dropdown-menu.small-list-inner .dropdown-inner {
    margin: var(--ui-space-1) !important;
}

.dropdown-menu.small-list-inner {
    width: 250px !important;
    border-radius: var(--ui-radius-sm) !important;
    /* overflow: hidden !important; */
    border-radius: var(--ui-radius-sm);
    border: none;
    font-size: var(--ui-fs-sm);
}

.small-list-inner .list-unstyled .withchlid a {
    display: block;
    padding: var(--ui-space-2);
    font-weight: 400;
}

.small-list-inner .withchlid {
    padding: 0 !important;
}

nav.navbar2 .dropdown:hover > .dropdown-menu {
    display: block;
    width: 33.33%;
    text-align: left;
    list-style: none;
    margin: 0;
    box-shadow: none;
    background-color: transparent;
}

.show-xs {
    display: flex;
    gap: var(--ui-space-2);
    align-items: center;
    height: 46px;
}

#offcanvasTell .lngclass.contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    gap: var(--ui-space-3);
    font-weight: 600;
}

.contacts {
    display: none;
    gap: var(--ui-space-5);
    justify-content: flex-end;
    align-items: center;
}

#offcanvasCatalogContent li.withchlid .dropright {
    position: static;
    background: rgb(255, 255, 255);
    border: 1px solid #ccc;
}

@media (min-width: 991px) {
    .lngclass.contacts {
        display: flex;
    }

    a.telephone-top, a.mailto-top {
        color: #ffffff;
        font-weight: 400;
    }

    a.telephone-top svg, a.mailto-top svg {
        fill: #fff;
    }

    #offcanvasTell .lngclass.contacts {
        color: #fff;
    }

    .top-head {
        display: flex;
    }

    .bottom-header {
        height: 50px;
    }

    div#logo {
        max-width: 300px;
        margin-top: 0;
    }

    .hidden2-sm {
        display: flex;
    }

    .show-xs {
        display: none;
    }

    div#search button {
        /* right: 1.7rem; */
        /* bottom: 1.38rem; */
    }

    .btn.btn-navbar {
        display: none;
    }

    li.catalog-btn {
        display: flex;
    }

    li.withchlid .dropright {
        display: none;
        position: absolute;
        left: 100%;
        margin-top: -36px;
        min-width: 380px;
    }
}

.company-intro {
    padding: 30px 0 10px;
}

.company-intro .container {
    max-width: 1200px;
}

.company-intro__stats {
    flex: 1.05;
}

.company-intro__stats {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2) var(--ui-space-3);
}

.company-intro__content, .home-head__content {
    flex: 0 1 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--ui-space-2);
}

.company-intro__content .home-head__subtitle {
    max-width: 410px;
}

.stat {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
}

.stat__num {
    flex: 0 0 162px;
    font-size: clamp(28px, 1.6vw + 18px, 44px);
    line-height: 1;
    font-weight: 480;
    letter-spacing: -0.032em;
    color: var(--ui-text);
}

.stat__label {
    font-size: 14px;
    line-height: 1.25;
    color: var(--ui-muted);
}

.company-intro__title {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800;
    color: #0f1420;
}

.company-intro__text {
    margin: 0 auto 18px;
    max-width: 520px;
    font-size: 13px;
    line-height: 1.6;
    color: #7a8796;
}

.company-intro__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 26px;
    border-radius: 6px;
    background: #1f4fa3;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    transition: 0.15s ease;
}

.company-intro__btn:hover {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

.company-intro__btn:active {
    transform: translateY(0);
}

.company-intro__media {
    border-radius: var(--ui-radius-sm);
    overflow: hidden;
    background: #eef2f7;
}

.company-intro__media img {
    display: block;
    width: 100%;
    height: auto;
}

.portfolio-slider- .slick-list {
    margin: 0 calc(var(--ui-space-1) * -1);
}

.portfolio-slider-item.slick-slide {
    margin: 0 var(--ui-space-1);
}

.kdt-ps.section {
    padding-bottom: var(--ui-space-4);
}

.kdt-ps.section .home-head {
    padding-top: var(--ui-space-4);
}

.ps-card {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    height: clamp(360px, 55vh, 560px);
    border-radius: var(--ui-radius-sm);
    transform: translateZ(0);
}

.ps-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.55s ease;
}

.ps-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(15, 20, 32, 0.08) 0%, rgba(15, 20, 32, 0.18) 45%, rgba(15, 20, 32, 0.86) 100% );
}

.ps-card__content {
    position: absolute;
    left: var(--ui-space-5);
    right: var(--ui-space-5);
    bottom: var(--ui-space-5);
    z-index: 2;
    max-width: 560px;
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
    align-items: flex-start;
}

.ps-card__content .ui-btn {
    margin-top: var(--ui-space-1);
}

.ps-card__title {
    color: #fff;
    letter-spacing: -0.02em;
    font-size: clamp(24px, 1.2vw + 16px, 36px);
    text-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
    margin: 0;
}

.ps-card__desc {
    color: rgba(255, 255, 255, 0.82);
    font-size: var(--ui-font-size-base);
    max-width: min(52ch, 100%);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.ps-card:hover .ps-card__img {
    transform: scale(1.04);
}

.information-container ul > li {
    display: block;
    position: relative;
    padding-left: 25px;
    padding: 5px 0px 5px 25px;
}

.information-container ul {
    list-style: none;
    padding-left: 10px;
    font-size: 16px;
    line-height: 22px;
}

.information-container p {
    list-style: none;
    padding-left: 10px;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}

.kdt-card {
    position: relative;
    display: block;
    min-height: 250px;
    text-decoration: none;
}

.kdt-card__media {
    display: block;
    position: absolute;
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center;
    transform: scale(1.02);
    transition: transform 0.35s ease;
}

.kdt-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0) 60%);
}

.kdt-card__content {
    position: absolute;
    left: var(--ui-space-3);
    right: var(--ui-space-3);
    bottom: var(--ui-space-3);
    color: #fff;
}

.kdt-card__content h3 {
    margin-bottom: var(--ui-space-1);
    text-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.kdt-card__content p {
    color: rgba(255, 255, 255, 0.82);
    max-width: min(33ch, 100%);
}

.kdt-card:hover .kdt-card__media {
    transform: scale(1.04);
}

:root {
    --footer-bg: #0f1420;
    --footer-text: rgba(255, 255, 255, 0.82);
    --footer-muted: rgba(255, 255, 255, 0.66);
    --footer-dim: rgba(255, 255, 255, 0.45);
    --footer-line: rgba(255, 255, 255, 0.1);
    --footer-line-soft: rgba(255, 255, 255, 0.08);
    --footer-accent: #ffffff;
}

footer.footer, footer.footer * {
    /* text-align: left; */
    /* box-sizing: border-box; */
}

footer.footer .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--ui-space-5) 0;
    /* margin-left: -15px; */
    /* margin-right: -15px; */
}

footer.footer .col-md-3, footer.footer .col-md-2, footer.footer .col-md-4, footer.footer .col-sm-12, footer.footer .col-sm-4 {
    /* float: left; */
    padding-left: 15px;
    padding-right: 15px;
}

footer.footer {
    background: var(--ui-primary);
    padding: 44px 0 44px 0;
    border-top: 1px solid var(--footer-line);
    color: var(--footer-text);
}

footer.footer .footer__logo, footer.footer .footer__item {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

footer.footer h3 {
    font-size: var(--ui-fs-base);
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
    /* margin: 0 0 14px 0; */
    position: relative;
    margin-bottom: var(--ui-space-2);
}

footer.footer h3::after {
    content: "";
    display: block;
    width: 28px;
    height: 1px;
    background: rgba(255, 255, 255, 0.16);
    margin-top: 10px;
}

footer.footer .footer__logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--ui-space-3);
}

footer.footer .footer__logo img {
    width: 200px;
    max-width: 100%;
    display: block;
    margin: 0;
}

footer.footer .footer__logo span {
    max-width: 360px;
    font-size: var(--ui-fs-base);
    color: var(--footer-muted);
}

footer.footer .footer__item ul, footer.footer .footer__contacts ul {
    margin: 0;
    /* padding: 0; */
    list-style: none;
}

footer.footer a {
    color: inherit;
    text-decoration: none;
}

footer.footer .footer__item ul li {
    margin: 0 0 var(--ui-space-2) 0;
}

footer.footer .footer__item ul li:last-child {
    margin-bottom: 0;
}

footer.footer .footer__item ul li a {
    font-size: var(--ui-fs-md);
    /* line-height: 20px; */
    display: inline-block;
    will-change: transform;
    transition: transform 0.18s ease, color 0.18s ease, opacity 0.18s ease;
    color: var(--footer-text);
}

footer.footer .footer__item ul li a:hover {
    color: rgba(255, 255, 255, 0.98);
    opacity: 0.95;
}

footer.footer .about__us, footer.footer .footer__items__catalog, footer.footer .footer__contacts {
    border-left: 1px solid var(--footer-line-soft);
    min-height: 150px;
    padding-left: 22px !important;
}

footer.footer .about__us {
    padding-right: 15px !important;
}

footer.footer .borditem {
    /* padding-top: 2px; */
}

footer.footer ul.social-links {
    display: flex;
    gap: 10px;
    margin: 14px 0 0 0;
    padding: 0;
    list-style: none;
}

footer.footer ul.social-links li {
    float: none;
}

footer.footer ul.social-links li a {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.82);
    will-change: transform;
    transition: transform 0.18s ease, border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

footer.footer ul.social-links li a:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.28);
    color: rgba(255, 255, 255, 0.96);
    background: rgba(81, 135, 240, 0.14);
}

footer.footer ul.social-links li i {
    font-size: 16px;
    line-height: 1;
}

footer.footer .footer__contacts ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

footer.footer .footer__contacts ul li {
    margin: 0;
}

footer.footer .footer__contacts ul li a {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-2);
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.84);
    position: relative;
    will-change: transform;
    transition: transform 0.18s ease, color 0.18s ease, opacity 0.18s ease;
    justify-content: flex-start;
}

footer.footer .footer__contacts ul li a:hover {
    color: rgba(255, 255, 255, 0.96);
    opacity: 1;
}

footer.footer .footer__contacts .footer__ico {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    opacity: 0.92;
    color: rgba(255, 255, 255, 0.88);
}

footer.footer .footer__contacts a.footer__tel {
    font-size: 20px;
    line-height: 26px;
    /* font-weight: 700; */
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.98);
}

footer.footer .footer__contacts a.footer__tel:hover {
    color: var(--footer-accent);
}

footer.footer .footer__contacts a.footer__tel .footer__ico {
    color: rgba(255, 255, 255, 0.95);
    opacity: 1;
}

footer.footer .footer__contacts a.footer__adress {
    color: rgba(255, 255, 255, 0.7);
}

footer.footer .footer__contacts a.footer__mail {
    color: rgba(255, 255, 255, 0.86);
}

footer.footer .footer__contacts a:hover .footer__ico {
    color: var(--footer-accent);
    opacity: 1;
}

p.cop {
    margin: 0;
    padding: 14px 0 16px 0;
    text-align: center;
    color: var(--footer-dim);
    background: #000000;
    border-top: 1px solid var(--footer-line);
}

p.cop {
    font-size: 13px;
    line-height: 18px;
}

@media (hover: none) {
    footer.footer .footer__item ul li a:hover, footer.footer .footer__contacts ul li a:hover, footer.footer ul.social-links li a:hover {
        transform: none;
    }
}

@media (max-width: 991px) {
    footer.footer {
    }

    footer.footer .about__us, footer.footer .footer__items__catalog, footer.footer .footer__contacts {
        border-left: 0;
        padding-left: 15px !important;
        min-height: auto;
    }

    footer.footer .footer__logo img {
        width: 190px;
    }

    footer.footer .footer__contacts a.footer__tel {
        /* font-size: 18px; */
        /* line-height: 24px; */
    }
}

div#topcontrol {
    z-index: 9;
}

div#slideshow1.owl-carousel .item img {
    margin: 0 auto;
}

div#slideshow1 .owl-wrapper-outer {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

div#slideshow1.owl-carousel:hover .owl-buttons div {
    opacity: 1;
}

div#slideshow1.owl-carousel .owl-buttons div {
    opacity: 0.4;
    color: #fff;
    text-shadow: none !important;
    background: #000;
    text-align: center;
    display: block;
    height: 80px;
    width: 30px;
}

div#slideshow1.owl-carousel .owl-buttons div i {
    line-height: 76px;
    font-size: 40px;
    margin: 0;
}

div#slideshow1.owl-carousel .owl-buttons .owl-prev {
    left: calc(50% - 590px);
}

div#slideshow1.owl-carousel .owl-buttons .owl-next {
    right: calc(50% - 590px);
}

div#slideshow1 .owl-pagination {
    text-align: center;
    top: -30px;
    position: relative;
}

div#slideshow1 .owl-controls .owl-page span {
    display: block;
    width: 30px;
    height: 9px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    box-shadow: none;
}

div#slideshow1 .owl-controls .owl-page.active span {
    background: #0c4da2;
}

div#slideshow2.owl-carousel .item img {
    margin: 0 auto;
}

div#slideshow2 .owl-wrapper-outer {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

div#slideshow2.owl-carousel:hover .owl-buttons div {
    opacity: 1;
}

div#slideshow2.owl-carousel .owl-buttons div {
    opacity: 0.4;
    color: #fff;
    text-shadow: none !important;
    background: #000;
    text-align: center;
    display: block;
    height: 80px;
    width: 30px;
}

div#slideshow2.owl-carousel .owl-buttons div i {
    line-height: 76px;
    font-size: 40px;
    margin: 0;
}

div#slideshow2.owl-carousel .owl-buttons .owl-prev {
    left: calc(50% - 590px);
}

div#slideshow2.owl-carousel .owl-buttons .owl-next {
    right: calc(50% - 590px);
}

div#slideshow2 .owl-pagination {
    text-align: center;
    top: -30px;
    position: relative;
}

div#slideshow2 .owl-controls .owl-page span {
    display: block;
    width: 30px;
    height: 9px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    box-shadow: none;
}

div#slideshow2 .owl-controls .owl-page.active span {
    background: #0c4da2;
}

div#slideshow3.owl-carousel .item img {
    margin: 0 auto;
}

div#slideshow3 .owl-wrapper-outer {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

div#slideshow3.owl-carousel:hover .owl-buttons div {
    opacity: 1;
}

div#slideshow3.owl-carousel .owl-buttons div {
    opacity: 0.4;
    color: #fff;
    text-shadow: none !important;
    background: #000;
    text-align: center;
    display: block;
    height: 80px;
    width: 30px;
}

div#slideshow3.owl-carousel .owl-buttons div i {
    line-height: 76px;
    font-size: 40px;
    margin: 0;
}

div#slideshow3.owl-carousel .owl-buttons .owl-prev {
    left: calc(50% - 590px);
}

div#slideshow3.owl-carousel .owl-buttons .owl-next {
    right: calc(50% - 590px);
}

div#slideshow3 .owl-pagination {
    text-align: center;
    top: -30px;
    position: relative;
}

div#slideshow3 .owl-controls .owl-page span {
    display: block;
    width: 30px;
    height: 9px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    box-shadow: none;
}

div#slideshow3 .owl-controls .owl-page.active span {
    background: #0c4da2;
}

div#slideshow4.owl-carousel .item img {
    margin: 0 auto;
}

div#slideshow4 .owl-wrapper-outer {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

div#slideshow4.owl-carousel:hover .owl-buttons div {
    opacity: 1;
}

div#slideshow4.owl-carousel .owl-buttons div {
    opacity: 0.4;
    color: #fff;
    text-shadow: none !important;
    background: #000;
    text-align: center;
    display: block;
    height: 80px;
    width: 30px;
}

div#slideshow4.owl-carousel .owl-buttons div i {
    line-height: 76px;
    font-size: 40px;
    margin: 0;
}

div#slideshow4.owl-carousel .owl-buttons .owl-prev {
    left: calc(50% - 590px);
}

div#slideshow4.owl-carousel .owl-buttons .owl-next {
    right: calc(50% - 590px);
}

div#slideshow4 .owl-pagination {
    text-align: center;
    top: -30px;
    position: relative;
}

div#slideshow4 .owl-controls .owl-page span {
    display: block;
    width: 30px;
    height: 9px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    box-shadow: none;
}

div#slideshow4 .owl-controls .owl-page.active span {
    background: #0c4da2;
}

div#slideshow5.owl-carousel .item img {
    margin: 0 auto;
}

div#slideshow5 .owl-wrapper-outer {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

div#slideshow5.owl-carousel:hover .owl-buttons div {
    opacity: 1;
}

div#slideshow5.owl-carousel .owl-buttons div {
    opacity: 0.4;
    color: #fff;
    text-shadow: none !important;
    background: #000;
    text-align: center;
    display: block;
    height: 80px;
    width: 30px;
}

div#slideshow5.owl-carousel .owl-buttons div i {
    line-height: 76px;
    font-size: 40px;
    margin: 0;
}

div#slideshow5.owl-carousel .owl-buttons .owl-prev {
    left: calc(50% - 590px);
}

div#slideshow5.owl-carousel .owl-buttons .owl-next {
    right: calc(50% - 590px);
}

div#slideshow5 .owl-pagination {
    text-align: center;
    top: -30px;
    position: relative;
}

div#slideshow5 .owl-controls .owl-page span {
    display: block;
    width: 30px;
    height: 9px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    box-shadow: none;
}

div#slideshow5 .owl-controls .owl-page.active span {
    background: #0c4da2;
}

.contact-block {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
}

.contact-block p {
    margin: 0;
}

.phones-links {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-1);
}

span.contact-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.contact-block.contact-block--address {
    margin: var(--ui-space-4) 0;
}

.partners .owl-wrapper-outer {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.partners {
    display: block;
    margin: 0;
}

.partners .item img {
    margin: 0 auto;
}

.home-head {
    display: flex;
    width: 100%;
    padding: 0 0 var(--ui-space-5) 0;
    gap: var(--ui-space-2) var(--ui-space-6);
    flex-direction: row;
}

.home-head .ui-btn {
    margin-top: var(--ui-space-1);
}

.home-head__title, h2.home-head, .home-head h2 {
    flex: 0 1 50%;
    margin: 0;
    font-weight: 480;
    letter-spacing: -0.015em;
    line-height: 1.05;
}

.is-required {
    width: 100%;
}

.home-head__subtitle, .company-intro__content p, .text-content p, .text-content ul li {
    font-size: var(--ui-fs-base);
    line-height: var(--ui-lh-base);
}

.text-content.row {
    margin-bottom: var(--ui-space-5);
}

.text-content.row:last-child {
    margin-bottom: 0;
}

.text-content ul li {
    padding: calc(var(--ui-space-1) / 2) 0;
}

.text-content p, .text-content ul li {
    color: var(--ui-text);
    max-width: min(58ch, 100%);
}

.text-content ul {
    padding: var(--ui-space-2) 18px;
}

.text-content strong {
    font-weight: 550;
}

.text-content [class^="col-"], .text-content .col {
    display: flex;
    flex-direction: column;
}

.home-head__subtitle, .company-intro__content p {
    color: var(--ui-text);
    max-width: min(40ch, 100%);
    text-align: right;
    font-size: var(--ui-h5);
    font-weight: 390;
}

.company-intro__content p, .portfolio-slider .home-head__subtitle {
    max-width: min(50ch, 100%);
}

.automatic__machines__container {
    gap: var(--ui-space-2);
    display: flex;
    flex-direction: column;
}

.kdt-list h3 {
    font-size: var(--ui-h5);
    font-weight: 500;
    letter-spacing: -0.015em;
}

.kdt-list__descr, .news-card__desc {
    font-size: var(--ui-fs-md);
    margin-top: var(--ui-space-1);
    margin-bottom: var(--ui-space-2);
    color: var( --ui-muted) !important;
}

.kdt-list p, .kdt-list h3 {
    color: var(--ui-text);
}

.kdt-list__card {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    /* gap: 0; */
    background-color: #fff;
    border-radius: var(--ui-radius-sm);
    transition: transform 0.2s ease, box-shadow 0.18s ease;
    overflow: hidden;
    flex-direction: column;
}

.row.cards-list__row {
    /* gap: var(--ui-space-4) 0; */
}

.kdt-list__card:hover {
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: var(--sh-3);
}

.kdt-list p small {
    color: var(--ui-muted);
    font-size: 11px;
}

.list-main-title {
    color: var(--ui-primary);
}

/* ===== Overlay UI ===== */
.kdt-list__img {
    position: relative;
    overflow: hidden;
}

.kdt-list__img img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.35s ease, filter 0.35s ease;
    will-change: transform;
}

.kdt-list__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: var(--ui-space-3);
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.55) 100%);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
    /* кликается вся картоÃÆÃÃÃÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‹Å“‡ÐºÐ° */
}

.kdt-list__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-1);
    padding: var(--ui-space-1) var(--ui-space-2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, 0.92);
    font-size: var(--ui-fs-sm);
    line-height: 1;
    letter-spacing: 0.02em;
    transform: translateY(8px);
    opacity: 0;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.kdt-list__cta-ico {
    color: rgba(255, 255, 255, 0.92);
    width: 13px;
    margin-top: 1px;
}

/* hover/focus */
.kdt-list__card:hover .kdt-list__overlay, .kdt-list__card:focus-within .kdt-list__overlay {
    opacity: 1;
}

.kdt-list__card:hover .kdt-list__cta, .kdt-list__card:focus-within .kdt-list__cta {
    transform: translateY(0);
    opacity: 1;
}

.kdt-list__card:hover .kdt-list__img img, .kdt-list__card:focus-within .kdt-list__img img {
    transform: scale(1.04);
    filter: saturate(1.03) contrast(1.03);
}

.kdt-list__card:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1), var(--sh-3);
}

.productimg.image {
    position: relative;
    overflow: hidden;
}

.productimg.image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.35s ease, filter 0.35s ease;
}

.productimg__cta-ico {
    color: rgba(255, 255, 255, 0.92);
}

.product-card:hover .productimg__overlay, .product-card:focus-within .productimg__overlay {
    opacity: 1;
}

.product-card:hover .productimg__cta, .product-card:focus-within .productimg__cta {
    opacity: 1;
    transform: translateY(0);
}

.product-card:hover .productimg.image img, .product-card:focus-within .productimg.image img {
    transform: scale(1.04);
}

.btn-video-onphoto {
    position: relative;
    z-index: 5;
}

.company-intro__content h2, .company-intro__content p {
    margin: 0;
}

.kdt-list__img {
    width: 100%;
    position: relative;
    /* height: 64%; */
}

.kat-page {
    padding: var(--ui-space-4);
    background: #fff;
    border-radius: var(--ui-radius-sm);
}

.kat-page h3 {
    font-size: var(--ui-h5);
}

.kat-page {
    display: flex;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    flex-direction: column;
    height: 100%;
}

.kat-page:hover {
    transform: translateY(-1px);
    box-shadow: var(--sh-3);
}

.kat-page a:hover, .kat-page a:hover .category-description {
    text-decoration: none !important;
}

.kat-page .category-description {
    background: #fff;
    color: var(--ui-text);
    margin-top: var(--ui-space-4);
    padding-left: 0;
}

.featured-product-card {
    padding: var(--ui-space-4);
    background: #fff;
    border-radius: var(--ui-radius-sm);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    color: var(--ui-text);
}

.featured-product-card:hover {
    transform: translateY(-1px);
    box-shadow: var(--sh-3);
    text-decoration: none;
    color: var(--ui-text);
}

.featured-product-card__image img {
    width: 100%;
}

.featured-product-card__description {
    margin-top: var(--ui-space-4);
}

.featured-product-card__description h3 {
    font-size: var(--ui-h5);
    margin: 0 0 var(--ui-space-2);
}

.featured-product-card__description p {
    margin-bottom: 0;
}

.featured-product-card__description .ui-caption {
    color: var(--ui-muted);
}

.kat {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.kdt-list__caption {
    padding: var(--ui-space-3);
    display: flex;
    flex-direction: column;
    gap: calc(var(--ui-space-1) / 1.9);
    flex-grow: 1;
    height: auto;
    /* flex: 0 0 50%; */
    justify-content: flex-start;
}

.kat::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 48%;
    background: var(--ui-accent);
    z-index: 0;
}

.kat > a:first-child {
    position: relative;
    display: block;
    z-index: 1;
}

.kat img {
    display: block;
    width: 88%;
    min-height: 260px;
    object-fit: cover;
    margin: 0 auto;
    padding: var(--ui-space-3) var(--ui-space-3) 0;
}

.name-kat {
    position: relative;
    z-index: 2;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    gap: var(--ui-space-3);
    padding: var(--ui-space-3);
    background: var(--ui-surface-grey);
    border-top: none;
    text-decoration: none !important;
    color: var(--ui-text);
}

.name-kat > h5 {
    max-width: calc(100% - 110px);
    margin-bottom: 0;
    margin-top: 0;
}

.kat.ui-card .name-kat h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.name-kat::after {
    content: "Details";
    opacity: 0;
    transform: translateX(6px);
    pointer-events: none;
    flex-shrink: 0;
}

.name-kat::after {
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.kat:hover .name-kat::after, .kat:focus-within .name-kat::after, .name-kat:hover::after {
    opacity: 1;
    transform: translateX(0);
}

.service-promo__row {
    background-color: var(--ui-accent);
}

.service-promo__wrap {
    border-radius: var(--ui-radius-sm);
    overflow: hidden;
}

.service-promo__row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.service-promo__image {
    height: 364px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service-promo__panel {
    background: var(--ui-accent);
    color: #fff;
    overflow: hidden;
    border-radius: var(--ui-radius-sm);
}

.service-promo__panel-inner {
    height: 364px;
    padding: var(--ui-space-5);
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--ui-space-2);
}

.service-promo__panel-inner h2 {
    color: #fff;
}

.service-promo__panel-inner .ui-text {
    color: rgba(255, 255, 255, 0.82);
}

.service-promo__panel-inner > * {
    max-width: min(50ch, 100%);
}

.service-promo__title {
    color: #fff;
    margin: 0 0 var(--ui-space-4);
}

.service-promo__btn {
    width: fit-content;
    margin-top: auto;
}

.consultation__section {
    overflow: hidden;
    width: 100%;
    border-radius: var(--ui-radius-sm);
    position: relative;
    padding-bottom: var(--ui-space-8);
}

.contact-split__row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0;
    padding: 0;
}

.contact-split__row > [class*="col-"] {
    display: flex;
    padding: 0;
}

.contact-card {
    width: 100%;
    overflow: hidden;
    background: var(--ui-accent);
    color: #fff;
    min-height: 360px;
    display: flex;
    border-radius: var(--ui-radius-sm) 0 0 var(--ui-radius-sm);
    flex-direction: column;
}

.contact-card__photo {
    height: auto;
    background: #fff;
}

.contact-card__logo {
    max-width: 52%;
    padding: var(--ui-space-4) var(--ui-space-4) 0 var(--ui-space-4);
}

.contact-card__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.contact-card__body {
    padding: var(--ui-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-1);
    flex: 1;
    min-height: 290px;
}

.contact-card__title {
    margin: 0;
    color: #fff;
}

.contact-card__subtitle {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
}

.contact-card__links {
    margin-top: auto;
    padding-top: var(--ui-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-1);
}

.contact-card__link {
    color: #fff;
    text-decoration: none;
}

.contact-card__link:hover {
    color: #fff;
    text-decoration: underline;
}

.contact-form {
    display: flex;
    width: 100%;
    background: #fff;
    border-radius: 0;
    padding: var(--ui-space-5);
    min-height: 360px;
    flex-direction: column;
    justify-content: center;
}

.contact-field.is-full, .contact-actions.is-full {
    width: 100%;
}

.contact-field {
    position: relative;
    flex: 1 0 auto;
    width: 49%;
    background: transparent;
    border-radius: var(--ui-radius-sm);
}

.form-control.kdt-input {
    font-size: var(--ui-fs-base) !important;
    color: var(--ui-text) !important;
    position: relative;
    flex: 1 0 auto;
    background: #f8f8f8;
    border-radius: var(--ui-radius-sm);
    padding: var(--ui-space-2);
}

#input-sort.form-control.kdt-input, #input-limit.form-control.kdt-input {
    background-color: #fff;
    height: 40px;
    padding: inherit;
    font-size: var(--ui-fs-sm) !important;
}

.contact-form__grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ui-space-2);
}

.contact-help {
    font-size: 12px;
    color: #8a94a3;
    margin: -2px 0 8px;
}

.contact-label {
    display: block;
    position: absolute;
    color: var(--ui-muted);
    top: 18px;
    line-height: 140%;
    left: var(--ui-space-2);
    margin-bottom: 0;
    z-index: 50;
    transition: 0.2s ease;
}

.form-group.search-form {
    border-radius: var(--ui-radius-sm);
    background: #fff;
    margin-bottom: var(--ui-space-6);
    padding: var(--ui-space-4) var(--ui-space-5) var(--ui-space-5);
}

.button-search-wrapper {
    display: flex;
    justify-content: flex-end;
}

.button-search-wrapper button {
    height: 50px;
}

.textarea-label.contact-label, .textarea-label.contact-label:focus-within, .contact-label, .contact-label:focus-within {
    top: 8px !important;
    transform: translateY(-2px) !important;
}

textarea:focus {
}

.contact-input::placeholder {
    color: var(--ui-muted);
    font-size: var(--ui-fs-sm);
}

.contact-field.is-filled .contact-label, .contact-field:focus-within .contact-label, .contact-field:active .contact-label, .contact-field.is-filled:active .contact-label {
    transform: translateY(-87%);
    font-size: 10px;
}

.contact-input, .kdt-input {
    font-family: "Inter";
    display: flex;
    width: 100%;
    padding: var(--ui-space-1) var(--ui-space-2) 0;
    height: 54px;
    position: relative;
    z-index: 2;
    /* background: transparent; */
    border: none;
    outline: none;
    color: var(--ui-text);
    font-size: var(--ui-fs-base);
    line-height: 1.5;
    border: 1px solid #f9f5f5;
    transition: 0.15s ease;
    box-shadow: none;
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
}

.contact-input:focus, .form-control.kdt-input:focus {
    border-color: rgba(18, 83, 194, 0.35);
    /* background: #000000; */
    box-shadow: 0 0 0 3px rgba(31, 79, 163, 0.12);
}

.contact-textarea {
    height: auto;
    min-height: 150px;
    resize: vertical;
    background: #f8f8f8;
    padding-top: var(--ui-space-3);
}

.search-field-content {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-4);
}

.contact-options {
    display: flex;
    flex-direction: column;
    background: #ffff;
    border: 0 !important;
}

.contact-check {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0 !important;
    cursor: pointer;
    font-size: var(--ui-fs-sm);
    color: #2b2f36;
    margin-bottom: var(--ui-space-2);
}

.contact-check input {
    width: 16px;
    height: 16px;
    margin: 0;
}

.contact-actions {
    text-align: center;
    margin-top: var(--ui-space-2);
}

.contact-form__hint {
    margin-top: var(--ui-space-3);
    font-size: 12px;
    color: var(--ui-muted);
}

.contact-form__hint a {
    color: var(--ui-primary);
    text-decoration: none;
}

.contact-form__hint a:hover {
    text-decoration: underline;
}

.contact-options {
    display: grid;
    gap: 12px;
}

.contact-check > input {
    position: absolute;
    opacity: 0;
    inset: 0 auto auto 0;
    width: 1px;
    height: 1px;
}

.contact-check > span {
    position: relative;
    padding-left: 34px;
    line-height: 22px;
}

.contact-check > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 6px;
    background: #fff;
}

.contact-check > input:checked + span::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid #14318b;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.contact-check > input:focus + span::before {
    box-shadow: 0 0 0 3px rgba(19, 103, 212, 0.2);
    border-color: rgba(19, 103, 212, 0.6);
}

.contact-section {
    position: relative;
    margin-top: var(--ui-space-8);
}

.consultation__section::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9%;
    width: 100%;
    height: 84%;
    background: var(--ui-surface-grey);
    z-index: 0;
}

.row.formtext {
    margin-top: 35px;
    margin-bottom: 15px;
    margin-left: 5px;
}

.txt {
    display: block;
    width: 100%;
    min-height: 70px;
    margin-bottom: 28px;
    background: #fff;
    margin-left: 20px;
    position: relative;
    padding: 13px 10px 5px 24px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #0c4da2;
}

.txt span {
    display: block;
    width: 100%;
    height: 100%;
}

.txt span:before {
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    background: #dfdfdf;
    top: 15px;
    left: -20px;
    position: absolute;
}

.row.formtext .col-lg-6 span:after {
    content: "";
    display: block;
    text-align: center;
    color: #0c4da2;
    font-size: 24px;
    position: absolute;
    left: -20px;
    top: 15px;
    line-height: 42px;
    width: 40px;
}

.row.formtext .col-lg-6:nth-child(1) span:after {
    content: "1";
}

.row.formtext .col-lg-6:nth-child(2) span:after {
    content: "2";
}

.row.formtext .col-lg-6:nth-child(3) span:after {
    content: "3";
}

.row.formtext .col-lg-6:nth-child(4) span:after {
    content: "4";
}

.row.formtext .col-lg-6:nth-child(5) span:after {
    content: "5";
}

.row.formtext .col-lg-6:nth-child(6) span:after {
    content: "6";
}

span.book__form__header {
    font-size: 20px;
    color: #fff;
    width: 70%;
    margin: 0px auto 20px auto;
    display: block;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    min-width: 350px;
}

.row.formimages img {
    display: block;
    margin: 10px auto;
}

.row.formimages span {
    display: block;
    font-size: 14px;
    color: #000;
    text-align: center;
}

.row.formimages {
    margin-bottom: 50px;
}

form#modal-form-178 .pull-right {
    float: unset;
    width: 100%;
}

form#modal-form-178 .pull-right a.btn.btn-primary {
    float: left;
}

form#modal-form-178 .pull-right a.btn-send-modal-form {
    float: right !important;
    padding: 16px 24px;
    line-height: 1;
    border-radius: 2px;
    width: 100%;
    margin: 1rem 0 0 0;
}

form#modal-form-178 .pull-right a.btn.btn-primary:hover, form#modal-form-178 .pull-right a.btn-send-modal-form:hover {
    background: #14318b !important;
}

.breadcrumbs.section-breadcrumbs-category {
    position: relative;
    margin: var(--ui-space-3) 0 var(--ui-space-6);
    /* margin: 0; */
    display: flex;
    z-index: 1;
    flex-direction: column;
    justify-content: flex-end;
}

.breadcrumbs.section-breadcrumbs-category .breadcrumbs-category li a {
    color: var(--ui-muted);
    font-size: var(--ui-fs-sm);
}

.breadcrumbs.section-breadcrumbs-category .breadcrumbs-category li:last-child > a {
    color: var(--ui-muted);
}

.automatic__machines__item a.producttitle:hover {
    text-decoration: underline;
}

.product-card {
    position: relative;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.product-card:hover {
    transform: translateY(-1px);
    box-shadow: var(--sh-3);
    /* background: rgba(0, 0, 0, .02); */
}

.productimg-wrap {
    position: relative;
}

.producttitle__arrow {
    font-weight: 350;
    opacity: 1;
    display: inline-flex;
    /* margin-bottom: 6px; */
    transform: translateY(-1px);
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.product-card:hover .producttitle__arrow {
    opacity: 0.95;
    transform: translate(2px, -2px);
}

.automatic__machines__item.viewedprod {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    box-shadow: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 1.5rem;
    margin-top: 0;
    transition: all 0.3s ease;
}

.automatic__machines__item.viewedprod:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
    border-color: #fff;
}

.automatic__machines__item-title {
    margin-top: 0;
}

ul.lastviewname a:hover {
    text-decoration: none !important;
}

.prodname {
    line-height: 1.25;
}

ul.lastviewname {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.lastviewname .prodname a {
    font-size: var(--ui-fs-md);
    line-height: 1;
    font-weight: 500;
    color: var(--ui-text);
}

.tab-content .descr h2:not(:first-child) {
    margin-top: var(--ui-space-6);
}

.descr.is-collapsed {
    width: 100%;
    max-height: 600px;
    position: relative;
    overflow: hidden;
    padding-bottom: 60px;
}

.descr.is-collapsed {
    position: relative;
    overflow: hidden;
}

.descr.is-collapsed {
    position: relative;
    overflow: hidden;
}

.descr.is-collapsed:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
    pointer-events: none;
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.18) 60%, rgba(255, 255, 255, 0.65) 85%, rgba(255, 255, 255, 0.95) 100% );
}

.descr.is-collapsed:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
    -webkit-mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 1) 100% );
    mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 1) 100% );
}

.descr-more {
    position: absolute;
    z-index: 3;
}

.descr.is-expanded {
    max-height: none;
}

.descr.is-expanded:after {
    display: none;
}

.descr-more {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    position: absolute;
    left: 50%;
    z-index: 50;
    bottom: 25px;
    transform: translateX(-50%);
    z-index: 34;
    border: 1px solid #ededed;
    background: rgba(255, 255, 255, 1);
    padding: 1rem 3rem;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.descr-more__icon {
    display: block;
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

.descr.is-expanded .descr-more__icon {
    transform: rotate(-90deg);
}

.breadcrumbs {
    padding: 20px 0px 0px 0px;
    max-width: 100%;
}

.breadcrumbs img {
    display: none;
}

.breadcrumbs-category ul {
    padding: 0;
    margin: 0;
}

.breadcrumbs-category li:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(/image/catalog/catalog-arrow-right.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.breadcrumbs-category li:last-child:after {
    display: none;
}

.description-category {
    background: #a0a0a0;
    padding: 20px;
    border: 2px solid #0c4da2;
    color: #fff;
    min-height: 240px;
}

.divider-category {
    text-align: right;
    padding: 20px;
    display: none;
}

/* =========================================
   Targets: .descr-categories.descr
   ========================================= */
.descr-categories.descr {
    /* layout */
    /* max-width: 980px; */
    margin: 0;
    padding: var(--ui-space-4);
    border-radius: var(--ui-radius-sm);
    background: #ffffff;
    /* subtle border + shadow for #f8f8f8 background */
    /* border: 1px solid rgba(17, 24, 39, 0.06); */
    /* box-shadow:
    0 10px 30px rgba(15, 23, 42, 0.06),
    0 1px 0 rgba(15, 23, 42, 0.04); */
    /* typography */
    color: var(--ui-text);
    line-height: 1.5;
    font-size: var(--ui-fs-base);
    height: auto;
    /* display: flex; */
    /* letter-spacing: 0.01em; */
    flex-direction: column;
    align-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}

/* Paragraph rhythm */
.descr-categories.descr p {
    /* margin: 0; */
    /* align-self: flex-start; */
}

.descr-categories.descr ul {
    align-self: flex-start;
}

.descr-categories.descr p + p {
    align-self: flex-start;
}

.descr-categories.descr strong {
    color: var(--ui-text);
    /* display: inline-block; */
    font-weight: 650;
}

.descr-categories.descr .row {
    margin-top: clamp(14px, 2vw, 22px);
    /* padding-top: clamp(14px, 2vw, 22px); */
    position: relative;
    width: 100%;
}

/* subtle divider line between blocks */
.descr-categories.descr .row::before {
    /* content: ""; */
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* height: 1px; */
    /* background: linear-gradient(
    90deg,
    rgba(15, 23, 42, 0),
    rgba(15, 23, 42, 0.08),
    rgba(15, 23, 42, 0)
  ); */
}

/* remove divider if row is first element (safe) */
.descr-categories.descr .row:first-child {
    margin-top: 0;
    padding-top: 0;
}

.descr-categories.descr .row:first-child::before {
    display: none;
}

/* Bootstrap columns: add inner spacing without changing markup */
.descr-categories.descr .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
}

/* Image blocks = cards */
.descr-categories.descr .descr-img:not(:first-child) {
    margin-top: var(--ui-space-2);
}

/* Images: consistent look */
.descr-categories.descr .descr-img img {
    width: 100%;
    border-radius: var(--ui-radius-sm);
}

.descr-categories.descr > p:first-of-type {
    /* font-size: clamp(16px, 0.35vw + 15px, 18px); */
    line-height: 1.5;
}

.descr-categories.descr a {
    color: rgba(15, 23, 42, 0.95);
    text-decoration: none;
    /* border-bottom: 1px solid rgba(15, 23, 42, 0.18); */
    transition: border-color 0.2s ease, opacity 0.2s ease;
}

.descr-categories.descr a:hover {
    border-bottom-color: rgba(15, 23, 42, 0.45);
    opacity: 0.95;
}

/* Video block: centered, responsive, in a card */
.descr-categories.descr .y-video-catalog {
    margin-top: var(--ui-space-5);
    /* position: relative; */
    display: flex;
    justify-content: center;
    width: 100%;
}

.descr-categories.descr .y-video-catalog iframe {
    width: min(100%, 860px);
    aspect-ratio: 16 / 9;
    height: auto;
    border-radius: var(--ui-radius-sm);
    box-shadow: var(--sh-3);
}

.information-container .owl-carousel {
    background: #f0f0f0;
}

.breadcrumbs-category {
    margin-right: -15px;
    text-align: right;
    width: auto;
}

.breadcrumbs-category {
    background: #0f0101;
    text-align: left;
    padding: 0;
}

.breadcrumbs-category li {
    display: inline-block;
    font-size: var(--ui-fs-sm);
}

.breadcrumbs-bar {
    margin-bottom: var(--ui-space-5);
}

.breadcrumbs-bar .breadcrumbs-category li a {
    color: var(--ui-muted);
}

.breadcrumbs-category li a {
    color: #ffffff;
}

.breadcrumbs-category li a:hover {
    text-decoration: underline;
}

.breadcrumbs-category li:last-child > img {
    display: none;
}

.breadcrumbs-bar .breadcrumbs-category li:last-child > a {
    color: var(--ui-muted);
}

.main__catalog__list li:first-child {
    border: none;
    display: none;
}
.catalog__content.container {
    margin-bottom: var(--ui-space-7);
}
.main__catalog__list {
    position: sticky;
    top: calc(var(--header-h) + var(--ui-space-2));
    list-style: none;
    padding: var(--ui-space-1);
    margin: 0;
    background-color: #fff;
    /* margin-top: 3rem; */
    border-radius: var(--ui-radius-sm);
}

.main__catalog__list li a {
    color: #333;
    /* padding-top: 6px; */
}

.main__catalog__list > ul > a {
    padding: calc(var(--ui-space-2) * 1.15);
    position: relative;
}

.main__catalog__list > ul > a:before {
    content: url(/image/catalog/catalog-arrow-right.svg);
    display: block;
    position: absolute;
    left: -20px;
    top: 7px;
}

.main__catalog__list img {
    margin-right: 0px !important;
    margin-left: 0px !important;
    float: right;
    margin: 6px 0;
}

.main__catalog__list li:hover a {
    color: #333;
}

.cattitle {
    margin: 40px 0 30px 0;
    font-size: 24px;
}

.descr-categories {
    margin: 0;
}

.category-description {
    padding-left: 11px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 43px;
    background: #0c4da2;
    color: #fff;
    text-transform: uppercase;
}

.category-description:hover {
    text-decoration: underline;
}

.descr {
    line-height: 24px;
}

.descr div.descr-img {
    /* display: inline-flex; */
    margin: 0;
    padding: 0;
    width: 100%;
    /* overflow: hidden; */
    /* position: relative; */
    /* z-index: 2; */
    /* margin: 5px auto; */
}

.descr ul {
    list-style: none;
    padding-left: 10px;
}

.descr ul > li:before {
    content: url(/image/catalog/images/dots-divider.svg);
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: var(--ui-primary);
    top: 13px;
    border-radius: 3px;
}

.descr ul > li {
    display: block;
    position: relative;
    padding-left: 25px;
    padding: 5px 0px 5px 25px;
}

.descr ul.pagination > li {
    margin-right: -1px;
    padding: 5px 0px 5px 0px;
}

ul.main__catalog__list li {
    padding: calc(var(--ui-space-2) * 1.15);
    border-bottom: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    font-size: var(--ui-fs-md);
    font-weight: 480;
}

.automatic__show {
    display: block;
    padding-right: 0px !important;
    border-bottom: 2px solid #ccc;
    overflow: hidden;
    margin-top: 22px;
    padding-bottom: 20px;
}

.automatic__show .cattitle {
    margin: 5px 0 5px 0;
    font-size: 24px;
    font-weight: 600;
    color: #0c4da2;
    width: auto;
    display: inline-block;
    float: left;
}

.show {
    width: auto;
    float: right;
    display: inline-block;
}

.automatic__show select {
    width: 64px;
    height: 30px;
    border: 3px solid #e5e5e5;
}

.automatic__show span {
    font-size: 14px !important;
    line-height: 30px;
    color: #a2a2a2;
}

@media (max-width: 766px) {
    .catalog_for_mob {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }

    .catalog_for_mob .automatic__machines__item {
        width: calc(100% / 2 - 10px);
    }

    .catalog_for_mob .producttitle {
        font-size: 16px !important;
        line-height: normal !important;
        word-wrap: break-word;
    }
}

.automatic__machines__item .producttitle {
    /* display: inline-flex; */
    gap: var(--ui-space-1);
    font-size: var(--ui-h3);
    color: var(--ui-accent);
    /* display: block; */
    margin-bottom: var(--ui-space-2);
    font-weight: 470;
    letter-spacing: -0.01em;
    line-height: 1.3;
    vertical-align: middle;
}

a.productimg {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

a.productimg:before {
    content: "";
    display: block;
    width: calc(100% - 80px);
    height: 100%;
    position: absolute;
    background: #0c4da2;
    left: 0px;
    top: 0px;
    z-index: -1;
}

a.productimg img {
    height: auto !important;
    float: right;
    box-shadow: none;
}

a.productimg > img {
    width: 100%;
}

.btn-video {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #c40000;
    border: none;
    outline: none;
    width: 35px;
    height: 35px;
    font-size: 11px;
    color: #fff;
    transition: 0.3s;
    margin-right: 0;
    border-radius: 999px;
    aspect-ratio: 1/1;
    flex-direction: column;
}

.btn-video:hover {
    color: #fff;
    background-color: #8f0000;
}

.btn-video img {
    max-height: 18px;
    width: auto;
    margin-right: 0;
}

ul.productattr {
    list-style: none;
    padding: 0;
    margin-left: 0px;
}

.productattr-inner {
    padding: var(--ui-space-5);
}

.productimg-wrap {
    padding-left: var(--ui-space-4);
}

.automatic__machines__item .productimg.image {
    position: relative;
    display: block;
}

.ui-btn--arrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ui-btn--arrow span {
    transition: transform 0.15s ease;
}

.ui-btn--arrow:hover span {
    transform: translateX(2px);
}

.btn-video-onphoto {
    position: absolute;
    left: var(--ui-space-6);
    bottom: var(--ui-space-6);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-2);
    padding: var(--ui-space-1) var(--ui-space-3) var(--ui-space-1) var(--ui-space-1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: var(--ui-text);
    text-decoration: none;
    /* box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12); */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.btn-video-onphoto:hover {
    transform: translateY(-1px);
    box-shadow: var(--sh-5);
    background: rgba(255, 255, 255, 0.98);
}

.btn-video-onphoto__icon {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #e11d2e;
    position: relative;
    flex: 0 0 28px;
    box-shadow: 0 8px 16px rgba(225, 29, 46, 0.22);
}

.btn-video-onphoto__icon:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #fff;
}

.btn-video-onphoto__text {
    font-size: var(--ui-fs-sm);
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.1px;
    white-space: nowrap;
    opacity: 0.92;
}

@media (max-width: 576px) {
    .btn-video-onphoto__text {
        font-size: 11px;
    }

    .btn-video-onphoto__icon {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
    }
}

ul.productattr li {
    font-size: var(--ui-fs-sm);
    line-height: 20px;
    border-bottom: 1px solid #e7e7e7;
    justify-content: space-between;
    position: relative;
    padding: 7px 0px 7px 0px;
    display: none;
    color: #4f4f4f;
}

ul.productattr li:nth-child(1), ul.productattr li:nth-child(2), ul.productattr li:nth-child(3), ul.productattr li:nth-child(4), ul.productattr li:nth-child(5), ul.productattr li:nth-child(6), ul.productattr li:nth-child(7), ul.productattr li:nth-child(8) {
    display: flex;
}

.item__image__container .row {
    margin-bottom: 0;
}

.catalog__content h1 {
    color: var(--ui-accent);
}

.add__block__item {
    padding: var(--ui-space-6) var(--ui-space-7) var(--ui-space-7) 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.item__image__container {
    margin-top: var(--ui-space-6);
    border-radius: var(--ui-radius-sm);
    border-bottom: 0;
}

.item__image__container h1 {
    letter-spacing: -0.03em;
    color: #333;
    font-weight: 500;
    margin-top: 0;
    font-size: 35px;
}

.item__image__container .image {
    padding: 0 var(--ui-space-7);
    padding-bottom: var(--ui-space-4);
}

ul.productattr li span:first-child {
    padding-right: 0px;
}

ul.productattr li span:last-child {
    /* text-align: right; */
    /* min-width: 100px; */
}

.item__details {
    margin-top: var(--ui-space-4);
    display: flex;
    gap: var(--ui-space-2);
    justify-content: space-between;
    align-items: center;
}

.item__details .ui-btn {
    margin-left: auto;
}

.information-container div#slideshow0.owl-carousel .owl-buttons .owl-prev {
    left: 0;
    top: 39%;
}

.information-container div#slideshow0.owl-carousel .owl-buttons .owl-next {
    right: 0;
    top: 39%;
}

.information-container div#slideshow1.owl-carousel .owl-buttons .owl-prev {
    left: 0;
    top: 39%;
}

.information-container div#slideshow1.owl-carousel .owl-buttons .owl-next {
    right: 0;
    top: 39%;
}

.information-container div#slideshow2.owl-carousel .owl-buttons .owl-prev {
    left: 0;
    top: 39%;
}

.information-container div#slideshow2.owl-carousel .owl-buttons .owl-next {
    right: 0;
    top: 39%;
}

.information-container div#slideshow3.owl-carousel .owl-buttons .owl-prev {
    left: 0;
    top: 39%;
}

.information-container div#slideshow3.owl-carousel .owl-buttons .owl-next {
    right: 0;
    top: 39%;
}

.information-container div#slideshow4.owl-carousel .owl-buttons .owl-prev {
    left: 0;
    top: 39%;
}

.information-container div#slideshow4.owl-carousel .owl-buttons .owl-next {
    right: 0;
    top: 39%;
}

.information-container div#slideshow5.owl-carousel .owl-buttons .owl-prev {
    left: 0;
    top: 39%;
}

.information-container div#slideshow5.owl-carousel .owl-buttons .owl-next {
    right: 0;
    top: 39%;
}

.item__details a:hover {
    text-decoration: underline;
}

a.popup-btn.order.btn.btn-primary.btn-lg.btn-block {
}

.item__details div:hover {
    background: #14318b;
}

a.popup-btn.order.btn.btn-primary.btn-lg.btn-block:hover {
    background: #14318b !important;
}

div[id^="tabcustom"] {
}

.tab-content #tabcustom0.tab-pane {
    display: block !important;
    padding-top: 4rem;
}

.sticky-menu {
    position: sticky;
    top: var(--header-h) !important;
    z-index: 90 !important;
    width: 100%;
    margin: 0 0 var(--ui-space-2) 0;
    line-height: 1.2;
    transition: top 0.1s linear;
    outline: none;
}

.sticky-menu.is-hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: 0.2s ease;
}

.sticky-menu.is-stuck {
    background-color: #fff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}

.sticky-btn__container {
    justify-content: flex-end;
}

.sticky-menu .row {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
    flex-wrap: nowrap;
    background: #fff;
    border-radius: var(--ui-radius-sm);
}

.sticky-menu ul li {
    margin: 0 !important;
    padding: 0;
    list-style: none;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.sticky-menu ul li a {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: var(--ui-space-4) calc(var(--ui-space-7) / 2);
    color: var(--ui-text);
    font-weight: 500;
    font-size: var(--ui-fs-md);
    text-decoration: none;
}

.sticky-btn {
    opacity: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.sticky-btn.visible {
    pointer-events: auto;
    opacity: 1;
}

.sticky-menu [class^="col-"], .sticky-menu [class*=" col-"] {
    margin-bottom: 0;
    display: flex;
    padding: 0;
    flex-wrap: nowrap;
    overflow: auto;
}

.sticky-menu ul li:hover, .sticky-menu ul li:active {
    background: var(--ui-surface-grey);
    color: #fff;
}

.mobile-bottom-bar {
    display: none;
}

.catalog__content .row .pagination, .catalog__content .pagination {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination-results__text {
    text-align: right;
    font-size: var(--ui-fs-md);
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
}

.pagination-row {
    margin-top: var(--ui-space-6);

}

.pagination {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 999px;
    opacity: 0.8;
}

.pagination > li {
    display: inline-flex;
    margin: 0;
}

.pagination > li > a, .pagination > li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ui-fs-md);
    line-height: 1;
    color: var(--ui-text);
    min-width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid #e7e7e78c;
    background: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

/* hover */
.pagination > li > a:hover {
    transform: translateY(-1px);
    box-shadow: var(--sh-5);
    border-color: transparent;
    background: #ffffff;
    color: var(--ui-text);
}

/* active */
.pagination > .active > span, .pagination > li.active > span {
    border-radius: 999px;
    background: var(--ui-surface-grey);
    border-color: transparent;
    pointer-events: none;
    color: #959595;
}

.pagination > .disabled > span, .pagination > li.disabled > span {
    opacity: 0.45;
}

.pagination-results {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pagination-results .pagination {
    justify-content: flex-end;
}

.pagination-results ul.pagination {
    background: transparent;
}

.pagination-results ul.pagination li {
    display: inline;
}

.pagination-results .pagination {
    gap: 0;
}

.pagination-results .pagination > li {
    margin: 0;
}

.pagination-results .pagination > li > span, .pagination-results .pagination > li > a {
    min-width: auto;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    transform: none;
    font-weight: 400;
    opacity: 0.65;
}

/* ul.pagination {
    margin: 0px auto 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 0;
    overflow: hidden;
    text-align: right;
    padding-left: 0;
    border-radius: 0px;
    font-size: 18px;
    line-height: 40px;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 15px;
    margin-left: 0px;
    line-height: 20px;
    font-size: 18px;
    color: #0c4da2;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #0c4da2;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0c4da2;
    border-color: #0c4da2;
} */
.slider-for .slick-list.draggable {
    box-shadow: 0px 4px 10px #333;
    margin-right: 0;
}

div.slider-for .item > a {
    height: 405px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: block;
    box-shadow: 3px 4px 10px #333;
    margin-right: 0;
}

div.slider-for.slick-initialized .item > a {
    height: 300px;
    box-shadow: none;
}

div.slider-for .item > a > img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
}

div.slider-for .item > a {
    width: 100%;
}

.slick-next-icon i, .slick-prev-icon i {
    color: #fff;
    font-size: 30px !important;
}

.slick-next-icon {
    right: 0px !important;
    z-index: 2;
}

.slick-prev-icon {
    left: 0px !important;
    z-index: 2;
}

.slider-nav .item {
    padding: 3px;
    cursor: pointer;
}

.slider-nav .item img {
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    transition: border-color 0.2s ease;
    max-height: 70px;
    width: auto;
    margin: 0 auto;
    object-fit: contain;
}

.slider-nav .item:hover img, .slider-nav .item.slick-current img {
    border-color: #0c4da2;
}

.slider-nav .item:focus, .slider-nav .item:active {
    outline: none !important;
}

.slider-nav {
    margin-top: 10px;
    position: relative;
}

.slider-nav .slick-prev-icon, .slider-nav .slick-next-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

.slider-nav .slick-prev-icon:hover, .slider-nav .slick-next-icon:hover {
    background: rgba(0, 0, 0, 0.8);
}

.slider-nav .slick-prev-icon {
    left: 5px;
}

.slider-nav .slick-next-icon {
    right: 5px;
}

.slider-nav .slick-prev-icon i, .slider-nav .slick-next-icon i {
    color: #fff;
    font-size: 20px;
}

.item__attention.item__attention--muted {
    margin: var(--ui-space-3) 0 var(--ui-space-3) 0;
    padding: var(--ui-space-2) var(--ui-space-3);
    border-radius: var(--ui-radius-sm);
    background: rgba(12, 77, 162, 0.06);
    border: 1px solid rgba(12, 77, 162, 0.12);
    display: flex;
    gap: var(--ui-space-3);
    align-items: center;
}

.item__attention.item__attention--muted .item__attention__title {
    display: inline-flex;
    padding: calc(var(--ui-space-1) / 1.5) var(--ui-space-3);
    border-radius: 999px;
    background: rgba(12, 77, 162, 0.1);
    font-size: var(--ui-fs-sm);
    font-weight: 650;
    letter-spacing: 0.03em;
    color: var(--ui-text);
    margin: 0;
}

.item__attention.item__attention--muted .item__attention__text {
    margin: 0;
    font-size: var(--ui-fs-sm);
    line-height: 1.3;
    color: var(--ui-muted);
}

.btn-group-lg > .btn, .btn-lg {
    line-height: 1;
}

.btn-primary {
    color: #ffffff;
    text-shadow: none;
    background-color: #f8762a;
    background-image: linear-gradient(to bottom, #f8762a, #f8762a);
    background-repeat: repeat-x;
    border-color: #14318b #14318b #14318b;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #14318b;
    background-position: unset;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #14318b !important;
    border-color: #14318b !important;
}

.add__block__item > div {
    display: flex;
    flex-direction: column;
    padding: 0px;
    /* width: 100%; */
    align-items: flex-start;
}

.fancybox-title.fancybox-title-inside-wrap {
    display: block;
    margin: 0;
    font-size: var(--ui-fs-md);
    color: #fff;
    font-weight: 450;
    font-family: "Inter", sans-serif;
    background: transparent;
}

.fancybox-wrap.fancybox-opened {
    background: transparent !important;
}

.fancybox-opened .fancybox-skin {
    box-shadow: none !important;
    padding: 0 !important;
}

.fancybox-skin {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.fancybox-skin, .fancybox-opened .fancybox-skin {
    background: transparent !important;
    box-shadow: none !important;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: none !important;
}

.fancybox-overlay {
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(6px);
    z-index: 9998 !important;
}

.fancybox-wrap {
    z-index: 9999 !important;
}

.fancybox-wrap {
    box-shadow: none !important;
}

.fancybox-wrap, .fancybox-overlay {
    outline: none !important;
}

.popup-content label:not(.modal-checkbox), .fancy_form_row label {
}

.popup-content label > span, .fancy_form_row label > span {
    /* color: rgb(255, 255, 255); */
}

.fancybox-skin {
    padding: 0 !important;
}

.fancybox-close {
    position: absolute;
    top: -37px !important;
    right: -8px !important;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-close:after {
    content: "+";
    position: absolute;
    display: block;
    right: 0;
    transform: translate(10px, 10px);
    top: 0;
    z-index: 80;
    color: rgb(255 255 255);
    font-size: 40px;
    transform: translate(-15%, -22%) rotate(45deg);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: none;
    outline: none;
    padding: 0px;
    font-family: "Inter", sans-serif;
    font-weight: 167;
}

.titlewindow {
    font-size: 20px;
    padding: 0;
    font-weight: 500;
    font-family: "Roboto", sans-serif !important;
    line-height: 1;
    color: #000;
}

.request-form fieldset {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.request-form {
    margin-top: 1.5rem;
}

.request-popup {
    padding: 2.5rem !important;
    color: #000;
}

.request-popup input, .request-popup textarea {
}

.request-popup input[type="checkbox"] {
}

.fancy_form_row.fancy_form_submit input {
    /* background: #0c4da2 !important;
    border: 1px solid #0c4da2 !important;
    border-radius: 2px !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400 !important;
    letter-spacing: 0.01em;
    font-family: "Roboto", sans-serif;
    margin-bottom: 0; */
}

.request-popup .fancy_form_row.fancy_form_submit input {
    /* background: #0c4da2;
    color: #fff; */
}

.fancy_form_row.fancy_form_submit input:hover {
    /* background: #14318b !important;
    border: 1px solid #14318b !important; */
}

.fancybox-opened {
    z-index: 8030;
    background: #fff;
    width: 420px;
    max-width: 100%;
    border-radius: 2px;
}

.fancybox-inner {
    margin: 0 auto;
    width: 420px;
    max-width: 100%;
    border-radius: 2px;
}

.fancy_heading h3 {
    display: block;
    font-size: 13px;
    color: #666 !important;
    font-family: "roboto", sans-serif;
    line-height: 1.35;
    font-weight: 400 !important;
    margin: 0 !important;
    text-shadow: none !important;
    text-align: left !important;
    max-width: 80%;
}

.fancy_heading span {
    display: inline-block;
    font-size: var(--ui-fs-md);
    line-height: 1;
    margin-bottom: var(--ui-space-1);
    font-weight: 500;
    font-family: var(--ui-font);
}

.about p {
    padding: 5px 0;
}

.about h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

div.bgimg {
    display: block;
    margin: 5px 0px 5px 0;
    padding: 20px 20px 20px 15px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

div.bgimg:before {
    content: "";
    display: block;
    width: calc(100% - 80px);
    height: 100%;
    position: absolute;
    background: #0c4da2;
    left: 0px;
    top: 0px;
    z-index: -1;
}

div.bgimg img {
    width: calc(100% - 30px) !important;
    height: auto !important;
    float: right;
    box-shadow: 0px 5px 6px 0px #292929;
}

div.bgimg iframe {
    width: calc(100% - 30px) !important;
    float: right;
    box-shadow: 0px 5px 6px 0px #292929;
}

div#banner0 img {
    padding: 15px;
}

.contacts p {
    padding: 10px 0;
}

.contacts h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.contacts p > span {
    display: block;
    margin-left: 40px;
}

.iframe-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.iframe-wrap iframe, .iframe-wrap object, .iframe-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-video {
    margin-bottom: 20px;
}

.additional-video {
}

.additional-video [class^="col"] {
}

.additional-video .additional-video__link {
    position: relative;
    display: block;
    height: 280px;
}

.additional-video .additional-video__link img {
    width: 100%;
    height: 100%;
}

.additional-video .additional-video__title {
    position: absolute;
    bottom: var(--ui-space-1);
    height: 64px;
    margin: 0 auto;
    padding: var(--ui-space-2);
    border-radius: 0;
    background-color: rgb(255 255 255 / 45%);
    backdrop-filter: blur(8px);
    color: var(--ui-text);
    display: flex;
    align-items: center;
    justify-content: center;
    left: var(--ui-space-1);
    right: var(--ui-space-1);
    min-height: 64px;
    border-radius: 0 0 var(--ui-radius-sm) var(--ui-radius-sm);
}

@media (max-width: 991px) {
    .additional-video .additional-video__title {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .additional-video .additional-video__title {
        font-size: 12px;
    }
}

@media (max-width: 380px) {
    .additional-video .additional-video__title {
        font-size: 12px;
        line-height: 1;
        min-height: 45px;
    }
}

.additional-video .additional-video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.additional-video .youtube-button {
    display: block;
    width: 57px;
    height: 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIyNDMuMTU1NjUzMzU0NzgxMTggMTU0Ljg1NjE2MzE5MjQ0OTQ2IDg1LjAwMDA1NTUwNDk1ODE0IDU5Ljc2Nzk5ODcxNDM3MzQ1IiB3aWR0aD0iODUiIGhlaWdodD0iNTkuNzciPjxkZWZzPjxwYXRoIGQ9Ik0yODguNDggMTU0Ljg3TDI4OS4xNyAxNTQuODhMMjg5LjkxIDE1NC44OEwyOTAuNzIgMTU0Ljg5TDI5MS41OCAxNTQuOTFMMjkyLjQ4IDE1NC45MkwyOTMuNDMgMTU0LjkzTDI5NC40MiAxNTQuOTVMMjk1LjQ0IDE1NC45N0wyOTYuNDkgMTU0Ljk5TDI5Ny41NiAxNTUuMDJMMjk4LjY2IDE1NS4wNUwyOTkuNzggMTU1LjA4TDMwMC45IDE1NS4xMkwzMDMuMTcgMTU1LjE5TDMwNC4zMiAxNTUuMjNMMzA1LjQ0IDE1NS4yOEwzMDYuNTcgMTU1LjM0TDMwNy42OCAxNTUuNEwzMDguNzcgMTU1LjQ2TDMwOS44NCAxNTUuNTNMMzEwLjg4IDE1NS42TDMxMS44OSAxNTUuNjhMMzEyLjg3IDE1NS43N0wzMTMuOCAxNTUuODVMMzE0LjcgMTU1Ljk1TDMxNS41MyAxNTYuMDVMMzE2LjMyIDE1Ni4xNUwzMTcuMDYgMTU2LjI3TDMxNy43MyAxNTYuMzlMMzE4LjMzIDE1Ni41MUwzMTguODcgMTU2LjY0TDMxOS40MSAxNTYuOEwzMTkuNjggMTU2LjlMMzE5Ljk0IDE1Ni45OUwzMjAuNDYgMTU3LjIxTDMyMC43IDE1Ny4zM0wzMjAuOTYgMTU3LjQ2TDMyMS40NCAxNTcuNzJMMzIxLjkyIDE1OC4wMUwzMjIuMTUgMTU4LjE2TDMyMi4zNyAxNTguMzNMMzIyLjYgMTU4LjQ5TDMyMi44MSAxNTguNjdMMzIzLjAzIDE1OC44NUwzMjMuMjIgMTU5LjAzTDMyMy40MyAxNTkuMjJMMzIzLjYzIDE1OS40MUwzMjMuODIgMTU5LjYxTDMyNC4wMSAxNTkuODJMMzI0LjM3IDE2MC4yNEwzMjQuNzEgMTYwLjY3TDMyNC44NyAxNjAuOUwzMjUuMDIgMTYxLjEzTDMyNS4xNyAxNjEuMzdMMzI1LjQ1IDE2MS44NUwzMjUuNTggMTYyLjFMMzI1LjcgMTYyLjM1TDMyNS44MSAxNjIuNjFMMzI2LjAzIDE2My4xMkwzMjYuMTMgMTYzLjM5TDMyNi4yMiAxNjMuNjZMMzI2LjM4IDE2NC4yTDMyNi41MSAxNjQuNzJMMzI2LjYzIDE2NS4yNkwzMjYuNzUgMTY1LjgyTDMyNi44NiAxNjYuNEwzMjYuOTcgMTY3LjAxTDMyNy4wNyAxNjcuNjNMMzI3LjE2IDE2OC4yNkwzMjcuMjUgMTY4LjkxTDMyNy4zMyAxNjkuNTdMMzI3LjQxIDE3MC4yNEwzMjcuNTUgMTcxLjU5TDMyNy43MyAxNzMuNjVMMzI3Ljc4IDE3NC4zM0wzMjcuODIgMTc1LjAyTDMyNy44NyAxNzUuNjlMMzI3LjkgMTc2LjM1TDMyNy45NCAxNzdMMzI3Ljk3IDE3Ny42NUwzMjguMDMgMTc4Ljg4TDMyOC4wNSAxNzkuNDdMMzI4LjA3IDE4MC4wNEwzMjguMDkgMTgwLjU5TDMyOC4xIDE4MS4xMUwzMjguMTEgMTgxLjYxTDMyOC4xMyAxODIuMDhMMzI4LjEzIDE4Mi41MkwzMjguMTQgMTgyLjkzTDMyOC4xNSAxODMuM0wzMjguMTUgMTgzLjYzTDMyOC4xNiAxODMuOTNMMzI4LjE2IDE4NS42N0wzMjguMTUgMTg1Ljk3TDMyOC4xNSAxODYuMjlMMzI4LjE0IDE4Ni42N0wzMjguMTMgMTg3LjA4TDMyOC4xMyAxODcuNTJMMzI4LjExIDE4Ny45OUwzMjguMSAxODguNDlMMzI4LjA5IDE4OUwzMjguMDcgMTg5LjU1TDMyOC4wNSAxOTAuMTNMMzI4LjAzIDE5MC43MkwzMjggMTkxLjMyTDMyNy45NyAxOTEuOTVMMzI3Ljk0IDE5Mi41OUwzMjcuOSAxOTMuMjVMMzI3Ljg3IDE5My45TDMyNy44MiAxOTQuNThMMzI3Ljc4IDE5NS4yNkwzMjcuNzMgMTk1Ljk1TDMyNy42NyAxOTYuNjJMMzI3LjU1IDE5OEwzMjcuNDggMTk4LjY5TDMyNy40MSAxOTkuMzVMMzI3LjMzIDIwMC4wM0wzMjcuMjUgMjAwLjY5TDMyNy4xNiAyMDEuMzRMMzI3LjA3IDIwMS45N0wzMjYuOTcgMjAyLjU5TDMyNi44NiAyMDMuMTlMMzI2Ljc1IDIwMy43OEwzMjYuNjMgMjA0LjMzTDMyNi41MSAyMDQuODdMMzI2LjM4IDIwNS4zOUwzMjYuMyAyMDUuNjdMMzI2LjIyIDIwNS45NEwzMjYuMTMgMjA2LjIxTDMyNi4wMyAyMDYuNDdMMzI1LjgxIDIwNi45OEwzMjUuNTggMjA3LjQ4TDMyNS40NSAyMDcuNzNMMzI1LjMxIDIwNy45N0wzMjUuMTcgMjA4LjJMMzI1LjAyIDIwOC40NEwzMjQuODcgMjA4LjY2TDMyNC43MSAyMDguODlMMzI0LjU0IDIwOS4xMUwzMjQuMzcgMjA5LjMxTDMyNC4wMSAyMDkuNzNMMzIzLjgyIDIwOS45M0wzMjMuNjMgMjEwLjEyTDMyMy40MyAyMTAuMzFMMzIzLjIyIDIxMC41TDMyMy4wMyAyMTAuNjhMMzIyLjgxIDIxMC44NUwzMjIuNiAyMTEuMDJMMzIyLjM3IDIxMS4xOEwzMjIuMTUgMjExLjM0TDMyMS45MiAyMTEuNDlMMzIxLjY4IDIxMS42NEwzMjEuNDQgMjExLjc4TDMyMC45NiAyMTIuMDNMMzIwLjcgMjEyLjE1TDMyMC40NiAyMTIuMjdMMzIwLjIgMjEyLjM4TDMxOS42OCAyMTIuNThMMzE5LjQxIDIxMi42N0wzMTguODcgMjEyLjgzTDMxOC4zMyAyMTIuOTZMMzE3LjczIDIxMy4wOUwzMTcuMDYgMjEzLjIxTDMxNi4zMiAyMTMuMzJMMzE1LjUzIDIxMy40MkwzMTQuNyAyMTMuNTJMMzEzLjggMjEzLjYyTDMxMi44NyAyMTMuNzFMMzExLjg5IDIxMy43OUwzMTAuODggMjEzLjg3TDMwOS44NCAyMTMuOTRMMzA4Ljc3IDIxNC4wMUwzMDcuNjggMjE0LjA3TDMwNi41NyAyMTQuMTNMMzA1LjQ0IDIxNC4xOUwzMDQuMzIgMjE0LjI0TDMwMy4xNyAyMTQuMjlMMzAwLjkgMjE0LjM3TDI5OS43OCAyMTQuNEwyOTguNjYgMjE0LjQyTDI5Ny41NiAyMTQuNDVMMjk2LjQ5IDIxNC40OEwyOTUuNDQgMjE0LjVMMjk0LjQyIDIxNC41MkwyOTMuNDMgMjE0LjU0TDI5Mi40OCAyMTQuNTZMMjkxLjU4IDIxNC41N0wyOTAuNzIgMjE0LjU4TDI4OS45MSAyMTQuNTlMMjg5LjE3IDIxNC42TDI4OC40OCAyMTQuNkwyODcuODUgMjE0LjYxTDI4Ni40MSAyMTQuNjFMMjg2LjA5IDIxNC42MkwyODUuMjMgMjE0LjYyTDI4NC45IDIxNC42MUwyODMuNDcgMjE0LjYxTDI4Mi44NCAyMTQuNkwyODIuMTUgMjE0LjZMMjgxLjQgMjE0LjU5TDI4MC41OSAyMTQuNThMMjc5LjczIDIxNC41N0wyNzguODQgMjE0LjU2TDI3Ny44OCAyMTQuNTRMMjc2Ljg5IDIxNC41MkwyNzUuODggMjE0LjVMMjc0LjgyIDIxNC40OEwyNzMuNzUgMjE0LjQ1TDI3Mi42NSAyMTQuNDJMMjcxLjU0IDIxNC40TDI3MC40MSAyMTQuMzdMMjY4LjE0IDIxNC4yOUwyNjUuODcgMjE0LjE5TDI2NC43NCAyMTQuMTNMMjYzLjY0IDIxNC4wN0wyNjIuNTQgMjE0LjAxTDI2MS40NyAyMTMuOTRMMjYwLjQ0IDIxMy44N0wyNTkuNDIgMjEzLjc5TDI1OC40NSAyMTMuNzFMMjU3LjUxIDIxMy42MkwyNTYuNjIgMjEzLjUyTDI1NS43OCAyMTMuNDJMMjU0Ljk5IDIxMy4zMkwyNTQuMjUgMjEzLjIxTDI1My41OSAyMTMuMDlMMjUyLjk5IDIxMi45NkwyNTIuNDUgMjEyLjgzTDI1Mi4xOCAyMTIuNzVMMjUxLjkgMjEyLjY3TDI1MS42NCAyMTIuNThMMjUxLjM3IDIxMi40OEwyNTEuMTEgMjEyLjM4TDI1MC44NiAyMTIuMjdMMjUwLjM2IDIxMi4wM0wyNTAuMTEgMjExLjlMMjQ5Ljg3IDIxMS43OEwyNDkuNjMgMjExLjY0TDI0OS4xNyAyMTEuMzRMMjQ4Ljk0IDIxMS4xOEwyNDguNzIgMjExLjAyTDI0OC41IDIxMC44NUwyNDguMyAyMTAuNjhMMjQ4LjA5IDIxMC41TDI0Ny42OSAyMTAuMTJMMjQ3LjUgMjA5LjkzTDI0Ny4zMSAyMDkuNzNMMjQ3LjEyIDIwOS41MkwyNDYuNzggMjA5LjExTDI0Ni42MSAyMDguODlMMjQ2LjQ1IDIwOC42NkwyNDYuMjkgMjA4LjQ0TDI0Ni4xNCAyMDguMkwyNDYgMjA3Ljk3TDI0NS44NyAyMDcuNzNMMjQ1Ljc0IDIwNy40OEwyNDUuNSAyMDYuOThMMjQ1LjM5IDIwNi43MkwyNDUuMTkgMjA2LjIxTDI0NS4wMSAyMDUuNjdMMjQ0Ljk0IDIwNS4zOUwyNDQuOCAyMDQuODdMMjQ0LjY4IDIwNC4zM0wyNDQuNTYgMjAzLjc4TDI0NC40NSAyMDMuMTlMMjQ0LjM1IDIwMi41OUwyNDQuMjUgMjAxLjk3TDI0NC4xNSAyMDEuMzRMMjQ0LjA3IDIwMC42OUwyNDMuOTggMjAwLjAzTDI0My45IDE5OS4zNUwyNDMuODMgMTk4LjY5TDI0My43NiAxOThMMjQzLjY0IDE5Ni42MkwyNDMuNTkgMTk1Ljk1TDI0My41NCAxOTUuMjZMMjQzLjQ5IDE5NC41OEwyNDMuNDUgMTkzLjlMMjQzLjQxIDE5My4yNUwyNDMuMzggMTkyLjU5TDI0My4zNCAxOTEuOTVMMjQzLjMyIDE5MS4zMkwyNDMuMyAxOTAuNzJMMjQzLjI4IDE5MC4xM0wyNDMuMjYgMTg5LjU1TDI0My4yNCAxODlMMjQzLjIyIDE4OC40OUwyNDMuMjEgMTg3Ljk5TDI0My4yIDE4Ny41MkwyNDMuMTkgMTg3LjA4TDI0My4xOCAxODYuNjdMMjQzLjE4IDE4Ni4yOUwyNDMuMTcgMTg1Ljk3TDI0My4xNyAxODUuNDFMMjQzLjE2IDE4NS4yTDI0My4xNiAxODQuNEwyNDMuMTcgMTg0LjE4TDI0My4xNyAxODMuNjNMMjQzLjE4IDE4My4zTDI0My4xOCAxODIuOTNMMjQzLjE5IDE4Mi41MkwyNDMuMiAxODIuMDhMMjQzLjIxIDE4MS42MUwyNDMuMjIgMTgxLjExTDI0My4yNCAxODAuNTlMMjQzLjI2IDE4MC4wNEwyNDMuMjggMTc5LjQ3TDI0My4zIDE3OC44OEwyNDMuMzIgMTc4LjI3TDI0My4zNCAxNzcuNjVMMjQzLjM4IDE3N0wyNDMuNDEgMTc2LjM1TDI0My40OSAxNzUuMDJMMjQzLjU0IDE3NC4zM0wyNDMuNTkgMTczLjY1TDI0My42NCAxNzIuOTdMMjQzLjc2IDE3MS41OUwyNDMuOSAxNzAuMjRMMjQzLjk4IDE2OS41N0wyNDQuMDcgMTY4LjkxTDI0NC4xNSAxNjguMjZMMjQ0LjI1IDE2Ny42M0wyNDQuMzUgMTY3LjAxTDI0NC40NSAxNjYuNEwyNDQuNTYgMTY1LjgyTDI0NC42OCAxNjUuMjZMMjQ0LjggMTY0LjcyTDI0NC45NCAxNjQuMkwyNDUuMDEgMTYzLjkzTDI0NS4xOSAxNjMuMzlMMjQ1LjI5IDE2My4xMkwyNDUuMzkgMTYyLjg3TDI0NS41IDE2Mi42MUwyNDUuNjIgMTYyLjM1TDI0NS43NCAxNjIuMUwyNDUuODcgMTYxLjg1TDI0Ni4xNCAxNjEuMzdMMjQ2LjI5IDE2MS4xM0wyNDYuNjEgMTYwLjY3TDI0Ni45NSAxNjAuMjRMMjQ3LjEyIDE2MC4wM0wyNDcuNSAxNTkuNjFMMjQ3LjY5IDE1OS40MUwyNDguMDkgMTU5LjAzTDI0OC41IDE1OC42N0wyNDguNzIgMTU4LjQ5TDI0OC45NCAxNTguMzNMMjQ5LjE3IDE1OC4xNkwyNDkuNjMgMTU3Ljg2TDI0OS44NyAxNTcuNzJMMjUwLjExIDE1Ny41OUwyNTAuNjEgMTU3LjMzTDI1MC44NiAxNTcuMjFMMjUxLjM3IDE1Ni45OUwyNTEuNjQgMTU2LjlMMjUxLjkgMTU2LjhMMjUyLjE4IDE1Ni43MkwyNTIuNDUgMTU2LjY0TDI1Mi45OSAxNTYuNTFMMjUzLjU5IDE1Ni4zOUwyNTQuMjUgMTU2LjI3TDI1NC45OSAxNTYuMTVMMjU1Ljc4IDE1Ni4wNUwyNTYuNjIgMTU1Ljk1TDI1Ny41MSAxNTUuODVMMjU4LjQ1IDE1NS43N0wyNTkuNDIgMTU1LjY4TDI2MC40NCAxNTUuNkwyNjEuNDcgMTU1LjUzTDI2Mi41NCAxNTUuNDZMMjYzLjY0IDE1NS40TDI2NC43NCAxNTUuMzRMMjY1Ljg3IDE1NS4yOEwyNjcgMTU1LjIzTDI3MC40MSAxNTUuMTJMMjcxLjU0IDE1NS4wOEwyNzIuNjUgMTU1LjA1TDI3My43NSAxNTUuMDJMMjc0LjgyIDE1NC45OUwyNzUuODggMTU0Ljk3TDI3Ni44OSAxNTQuOTVMMjc3Ljg4IDE1NC45M0wyNzguODQgMTU0LjkyTDI3OS43MyAxNTQuOTFMMjgwLjU5IDE1NC44OUwyODEuNCAxNTQuODhMMjgyLjE1IDE1NC44OEwyODIuODQgMTU0Ljg3TDI4My40NyAxNTQuODdMMjg0LjAyIDE1NC44NkwyODcuMjkgMTU0Ljg2TDI4Ny44NSAxNTQuODdMMjg4LjQ4IDE1NC44N1pNMjk5LjE4IDE4NC44TDI3Ni45NiAxNzIuMTZMMjc2Ljk2IDE5Ny40NEwyOTkuMTggMTg0LjhaIiBpZD0iazMxRXZwVlJmIj48L3BhdGg+PHBhdGggZD0iTTI3Ni45NSAxOTcuNDdMMjc2Ljk1IDE4NC44MkwyNzYuOTUgMTcyLjE2TDI4OC4xIDE3OC40OEwyOTkuMjUgMTg0LjgyTDI4OC4xIDE5MS4xNUwyNzYuOTUgMTk3LjQ3WiIgaWQ9ImN0WHlBdFE1QiI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48dXNlIHhsaW5rOmhyZWY9IiNrMzFFdnBWUmYiIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMC41Ij48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNrMzFFdnBWUmYiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2N0WHlBdFE1QiIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNjdFh5QXRRNUIiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
    background-size: cover;
}

.additional-video .additional-video__link:hover .youtube-button {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIyNDIuMDE5Mjg5NzE4NDE3NTMgMTUzLjcxOTc5OTU1NjA4NTgzIDg1LjAwMDA1NTUwNDk1ODA2IDU5Ljc2Nzk5ODcxNDM3MzQ1IiB3aWR0aD0iODUiIGhlaWdodD0iNTkuNzciPjxkZWZzPjxwYXRoIGQ9Ik0yODcuMzQgMTUzLjczTDI4OC4wMyAxNTMuNzRMMjg4Ljc4IDE1My43NEwyODkuNTggMTUzLjc1TDI5MC40NCAxNTMuNzdMMjkxLjM1IDE1My43OEwyOTIuMjkgMTUzLjc5TDI5My4yOCAxNTMuODFMMjk0LjMxIDE1My44M0wyOTUuMzUgMTUzLjg1TDI5Ni40MyAxNTMuODhMMjk3LjUyIDE1My45MUwyOTguNjQgMTUzLjk0TDI5OS43NyAxNTMuOThMMzAyLjA0IDE1NC4wNkwzMDMuMTggMTU0LjFMMzA0LjMxIDE1NC4xNUwzMDUuNDMgMTU0LjIxTDMwNi41NCAxNTQuMjdMMzA3LjYzIDE1NC4zM0wzMDguNyAxNTQuNEwzMDkuNzUgMTU0LjQ3TDMxMC43NSAxNTQuNTVMMzExLjczIDE1NC42NEwzMTIuNjcgMTU0LjcyTDMxMy41NiAxNTQuODJMMzE0LjQgMTU0LjkyTDMxNS4xOSAxNTUuMDFMMzE1LjkyIDE1NS4xM0wzMTYuNTkgMTU1LjI1TDMxNy4yIDE1NS4zN0wzMTcuNzQgMTU1LjVMMzE4LjI3IDE1NS42NkwzMTguNTQgMTU1Ljc2TDMxOC44IDE1NS44NUwzMTkuMzIgMTU2LjA3TDMxOS41NyAxNTYuMTlMMzE5LjgzIDE1Ni4zMkwzMjAuMzEgMTU2LjU4TDMyMC43OCAxNTYuODhMMzIxLjAxIDE1Ny4wM0wzMjEuMjMgMTU3LjJMMzIxLjQ2IDE1Ny4zNkwzMjEuNjcgMTU3LjUzTDMyMS44OSAxNTcuNzFMMzIyLjA5IDE1Ny44OUwzMjIuMyAxNTguMDhMMzIyLjUgMTU4LjI3TDMyMi42OSAxNTguNDdMMzIyLjg4IDE1OC42OEwzMjMuMjMgMTU5LjFMMzIzLjU3IDE1OS41NEwzMjMuNzMgMTU5Ljc3TDMyMy44OCAxNjBMMzI0LjAzIDE2MC4yM0wzMjQuMzEgMTYwLjcxTDMyNC40NCAxNjAuOTZMMzI0LjU2IDE2MS4yMUwzMjQuNjggMTYxLjQ3TDMyNC45IDE2MS45OUwzMjUgMTYyLjI2TDMyNS4wOSAxNjIuNTNMMzI1LjI1IDE2My4wNkwzMjUuMzggMTYzLjU4TDMyNS41IDE2NC4xMkwzMjUuNjEgMTY0LjY5TDMyNS43MiAxNjUuMjZMMzI1LjgzIDE2NS44N0wzMjUuOTMgMTY2LjQ5TDMyNi4wMiAxNjcuMTNMMzI2LjExIDE2Ny43OEwzMjYuMTkgMTY4LjQzTDMyNi4yNyAxNjkuMUwzMjYuNDEgMTcwLjQ1TDMyNi41OSAxNzIuNTJMMzI2LjY0IDE3My4xOUwzMjYuNjggMTczLjg4TDMyNi43MyAxNzQuNTVMMzI2Ljc2IDE3NS4yMkwzMjYuOCAxNzUuODZMMzI2LjgzIDE3Ni41MUwzMjYuODkgMTc3Ljc1TDMyNi45MSAxNzguMzNMMzI2LjkzIDE3OC45TDMyNi45NSAxNzkuNDVMMzI2Ljk2IDE3OS45OEwzMjYuOTcgMTgwLjQ4TDMyNi45OSAxODAuOTRMMzI2Ljk5IDE4MS4zOEwzMjcgMTgxLjc5TDMyNy4wMSAxODIuMTZMMzI3LjAxIDE4Mi41TDMyNy4wMiAxODIuOEwzMjcuMDIgMTg0LjUzTDMyNy4wMSAxODQuODNMMzI3LjAxIDE4NS4xNkwzMjcgMTg1LjU0TDMyNi45OSAxODUuOTRMMzI2Ljk5IDE4Ni4zOEwzMjYuOTcgMTg2Ljg1TDMyNi45NiAxODcuMzVMMzI2Ljk1IDE4Ny44N0wzMjYuOTMgMTg4LjQyTDMyNi45MSAxODguOTlMMzI2Ljg5IDE4OS41OEwzMjYuODYgMTkwLjE5TDMyNi44MyAxOTAuODJMMzI2LjggMTkxLjQ1TDMyNi43NiAxOTIuMTFMMzI2LjczIDE5Mi43N0wzMjYuNjggMTkzLjQ1TDMyNi42NCAxOTQuMTJMMzI2LjU5IDE5NC44MUwzMjYuNTMgMTk1LjQ5TDMyNi40MSAxOTYuODZMMzI2LjM0IDE5Ny41NUwzMjYuMjcgMTk4LjIyTDMyNi4xOSAxOTguODlMMzI2LjExIDE5OS41NUwzMjYuMDIgMjAwLjJMMzI1LjkzIDIwMC44NEwzMjUuODMgMjAxLjQ1TDMyNS43MiAyMDIuMDVMMzI1LjYxIDIwMi42NEwzMjUuNSAyMDMuMkwzMjUuMzggMjAzLjc0TDMyNS4yNSAyMDQuMjVMMzI1LjE3IDIwNC41M0wzMjUuMDkgMjA0LjhMMzI1IDIwNS4wN0wzMjQuOSAyMDUuMzNMMzI0LjY4IDIwNS44NUwzMjQuNDQgMjA2LjM1TDMyNC4zMSAyMDYuNTlMMzI0LjE3IDIwNi44M0wzMjQuMDMgMjA3LjA2TDMyMy44OCAyMDcuM0wzMjMuNzMgMjA3LjUyTDMyMy41NyAyMDcuNzVMMzIzLjQgMjA3Ljk3TDMyMy4yMyAyMDguMThMMzIyLjg4IDIwOC42TDMyMi42OSAyMDguOEwzMjIuNSAyMDguOTlMMzIyLjMgMjA5LjE3TDMyMi4wOSAyMDkuMzZMMzIxLjg5IDIwOS41NEwzMjEuNjcgMjA5LjcxTDMyMS40NiAyMDkuODhMMzIxLjIzIDIxMC4wNEwzMjEuMDEgMjEwLjJMMzIwLjc4IDIxMC4zNUwzMjAuNTQgMjEwLjVMMzIwLjMxIDIxMC42NEwzMTkuODMgMjEwLjlMMzE5LjU3IDIxMS4wMkwzMTkuMzIgMjExLjE0TDMxOS4wNiAyMTEuMjVMMzE4LjU0IDIxMS40NUwzMTguMjcgMjExLjU0TDMxNy43NCAyMTEuNjlMMzE3LjIgMjExLjgyTDMxNi41OSAyMTEuOTVMMzE1LjkyIDIxMi4wN0wzMTUuMTkgMjEyLjE4TDMxNC40IDIxMi4yOEwzMTMuNTYgMjEyLjM4TDMxMi42NyAyMTIuNDhMMzExLjczIDIxMi41N0wzMTAuNzUgMjEyLjY1TDMwOS43NSAyMTIuNzNMMzA4LjcgMjEyLjhMMzA3LjYzIDIxMi44N0wzMDYuNTQgMjEyLjkzTDMwNS40MyAyMTIuOTlMMzA0LjMxIDIxMy4wNUwzMDMuMTggMjEzLjFMMzAyLjA0IDIxMy4xNUwyOTkuNzcgMjEzLjIzTDI5OC42NCAyMTMuMjZMMjk3LjUyIDIxMy4yOUwyOTYuNDMgMjEzLjMyTDI5NS4zNSAyMTMuMzVMMjk0LjMxIDIxMy4zN0wyOTMuMjggMjEzLjM5TDI5Mi4yOSAyMTMuNDFMMjkxLjM1IDIxMy40M0wyOTAuNDQgMjEzLjQ0TDI4OS41OCAyMTMuNDVMMjg4Ljc4IDIxMy40NkwyODguMDMgMjEzLjQ3TDI4Ny4zNCAyMTMuNDdMMjg2LjcyIDIxMy40OEwyODUuMjcgMjEzLjQ4TDI4NC45NSAyMTMuNDlMMjg0LjEgMjEzLjQ5TDI4My43NyAyMTMuNDhMMjgyLjMzIDIxMy40OEwyODEuNzEgMjEzLjQ3TDI4MS4wMiAyMTMuNDdMMjgwLjI2IDIxMy40NkwyNzkuNDUgMjEzLjQ1TDI3OC42IDIxMy40NEwyNzcuNyAyMTMuNDNMMjc2Ljc0IDIxMy40MUwyNzUuNzYgMjEzLjM5TDI3NC43NCAyMTMuMzdMMjczLjY5IDIxMy4zNUwyNzIuNjEgMjEzLjMyTDI3MS41MSAyMTMuMjlMMjcwLjQgMjEzLjI2TDI2OS4yNyAyMTMuMjNMMjY3IDIxMy4xNUwyNjQuNzMgMjEzLjA1TDI2My42MSAyMTIuOTlMMjYyLjUgMjEyLjkzTDI2MS40IDIxMi44N0wyNjAuMzQgMjEyLjhMMjU5LjMgMjEyLjczTDI1OC4yOSAyMTIuNjVMMjU3LjMxIDIxMi41N0wyNTYuMzcgMjEyLjQ4TDI1NS40OSAyMTIuMzhMMjU0LjY0IDIxMi4yOEwyNTMuODUgMjEyLjE4TDI1My4xMiAyMTIuMDdMMjUyLjQ1IDIxMS45NUwyNTEuODUgMjExLjgyTDI1MS4zMSAyMTEuNjlMMjUxLjA0IDIxMS42MkwyNTAuNzcgMjExLjU0TDI1MC41MSAyMTEuNDVMMjUwLjI0IDIxMS4zNUwyNDkuOTggMjExLjI1TDI0OS43MiAyMTEuMTRMMjQ5LjIyIDIxMC45TDI0OC45NyAyMTAuNzdMMjQ4LjczIDIxMC42NEwyNDguNDkgMjEwLjVMMjQ4LjA0IDIxMC4yTDI0Ny44MSAyMTAuMDRMMjQ3LjU5IDIwOS44OEwyNDcuMzcgMjA5LjcxTDI0Ny4xNiAyMDkuNTRMMjQ2Ljk1IDIwOS4zNkwyNDYuNTUgMjA4Ljk5TDI0Ni4zNiAyMDguOEwyNDYuMTcgMjA4LjZMMjQ1Ljk4IDIwOC4zOUwyNDUuNjUgMjA3Ljk3TDI0NS40OCAyMDcuNzVMMjQ1LjMyIDIwNy41MkwyNDUuMTYgMjA3LjNMMjQ1LjAxIDIwNy4wNkwyNDQuODcgMjA2LjgzTDI0NC43MyAyMDYuNTlMMjQ0LjYgMjA2LjM1TDI0NC4zNiAyMDUuODVMMjQ0LjI1IDIwNS41OUwyNDQuMDUgMjA1LjA3TDI0My44NyAyMDQuNTNMMjQzLjggMjA0LjI1TDI0My42NiAyMDMuNzRMMjQzLjU0IDIwMy4yTDI0My40MiAyMDIuNjRMMjQzLjMxIDIwMi4wNUwyNDMuMjEgMjAxLjQ1TDI0My4xMiAyMDAuODRMMjQzLjAyIDIwMC4yTDI0Mi45NCAxOTkuNTVMMjQyLjg1IDE5OC44OUwyNDIuNzcgMTk4LjIyTDI0Mi43IDE5Ny41NUwyNDIuNjMgMTk2Ljg2TDI0Mi41MSAxOTUuNDlMMjQyLjQ2IDE5NC44MUwyNDIuNDEgMTk0LjEyTDI0Mi4zNiAxOTMuNDVMMjQyLjMyIDE5Mi43N0wyNDIuMjggMTkyLjExTDI0Mi4yNSAxOTEuNDVMMjQyLjIxIDE5MC44MkwyNDIuMTggMTkwLjE5TDI0Mi4xNiAxODkuNThMMjQyLjE0IDE4OC45OUwyNDIuMTIgMTg4LjQyTDI0Mi4xIDE4Ny44N0wyNDIuMDggMTg3LjM1TDI0Mi4wNyAxODYuODVMMjQyLjA2IDE4Ni4zOEwyNDIuMDUgMTg1Ljk0TDI0Mi4wNCAxODUuNTRMMjQyLjA0IDE4NS4xNkwyNDIuMDMgMTg0LjgzTDI0Mi4wMyAxODQuMjdMMjQyLjAyIDE4NC4wNkwyNDIuMDIgMTgzLjI3TDI0Mi4wMyAxODMuMDVMMjQyLjAzIDE4Mi41TDI0Mi4wNCAxODIuMTZMMjQyLjA0IDE4MS43OUwyNDIuMDUgMTgxLjM4TDI0Mi4wNiAxODAuOTRMMjQyLjA3IDE4MC40OEwyNDIuMDggMTc5Ljk4TDI0Mi4xIDE3OS40NUwyNDIuMTIgMTc4LjlMMjQyLjE0IDE3OC4zM0wyNDIuMTYgMTc3Ljc1TDI0Mi4xOCAxNzcuMTNMMjQyLjIxIDE3Ni41MUwyNDIuMjUgMTc1Ljg2TDI0Mi4yOCAxNzUuMjJMMjQyLjM2IDE3My44OEwyNDIuNDEgMTczLjE5TDI0Mi40NiAxNzIuNTJMMjQyLjUxIDE3MS44M0wyNDIuNjMgMTcwLjQ1TDI0Mi43NyAxNjkuMUwyNDIuODUgMTY4LjQzTDI0Mi45NCAxNjcuNzhMMjQzLjAyIDE2Ny4xM0wyNDMuMTIgMTY2LjQ5TDI0My4yMSAxNjUuODdMMjQzLjMxIDE2NS4yNkwyNDMuNDIgMTY0LjY5TDI0My41NCAxNjQuMTJMMjQzLjY2IDE2My41OEwyNDMuOCAxNjMuMDZMMjQzLjg3IDE2Mi43OUwyNDQuMDUgMTYyLjI2TDI0NC4xNSAxNjEuOTlMMjQ0LjI1IDE2MS43M0wyNDQuMzYgMTYxLjQ3TDI0NC40OCAxNjEuMjFMMjQ0LjYgMTYwLjk2TDI0NC43MyAxNjAuNzFMMjQ1LjAxIDE2MC4yM0wyNDUuMTYgMTYwTDI0NS40OCAxNTkuNTRMMjQ1LjgxIDE1OS4xTDI0NS45OCAxNTguODlMMjQ2LjM2IDE1OC40N0wyNDYuNTUgMTU4LjI3TDI0Ni45NSAxNTcuODlMMjQ3LjM3IDE1Ny41M0wyNDcuNTkgMTU3LjM2TDI0Ny44MSAxNTcuMkwyNDguMDQgMTU3LjAzTDI0OC40OSAxNTYuNzNMMjQ4LjczIDE1Ni41OEwyNDguOTcgMTU2LjQ1TDI0OS40NyAxNTYuMTlMMjQ5LjcyIDE1Ni4wN0wyNTAuMjQgMTU1Ljg1TDI1MC41MSAxNTUuNzZMMjUwLjc3IDE1NS42NkwyNTEuMDQgMTU1LjU4TDI1MS4zMSAxNTUuNUwyNTEuODUgMTU1LjM3TDI1Mi40NSAxNTUuMjVMMjUzLjEyIDE1NS4xM0wyNTMuODUgMTU1LjAxTDI1NC42NCAxNTQuOTJMMjU1LjQ5IDE1NC44MkwyNTYuMzcgMTU0LjcyTDI1Ny4zMSAxNTQuNjRMMjU4LjI5IDE1NC41NUwyNTkuMyAxNTQuNDdMMjYwLjM0IDE1NC40TDI2MS40IDE1NC4zM0wyNjIuNSAxNTQuMjdMMjYzLjYxIDE1NC4yMUwyNjQuNzMgMTU0LjE1TDI2NS44NyAxNTQuMUwyNjkuMjcgMTUzLjk4TDI3MC40IDE1My45NEwyNzEuNTEgMTUzLjkxTDI3Mi42MSAxNTMuODhMMjczLjY5IDE1My44NUwyNzQuNzQgMTUzLjgzTDI3NS43NiAxNTMuODFMMjc2Ljc0IDE1My43OUwyNzcuNyAxNTMuNzhMMjc4LjYgMTUzLjc3TDI3OS40NSAxNTMuNzVMMjgwLjI2IDE1My43NEwyODEuMDIgMTUzLjc0TDI4MS43MSAxNTMuNzNMMjgyLjMzIDE1My43M0wyODIuODggMTUzLjcyTDI4Ni4xNiAxNTMuNzJMMjg2LjcyIDE1My43M0wyODcuMzQgMTUzLjczWk0yOTguMDQgMTgzLjY2TDI3NS44MyAxNzEuMDJMMjc1LjgzIDE5Ni4zTDI5OC4wNCAxODMuNjZaIiBpZD0iYWFNbmRmTTdIIj48L3BhdGg+PHBhdGggZD0iTTI3NS44MiAxOTYuMzNMMjc1LjgyIDE4My42OEwyNzUuODIgMTcxLjAyTDI4Ni45NiAxNzcuMzVMMjk4LjExIDE4My42OEwyODYuOTYgMTkwLjAxTDI3NS44MiAxOTYuMzNaIiBpZD0iYU5QRWNxWURXIj48L3BhdGg+PC9kZWZzPjxnPjxnPjxnPjx1c2UgeGxpbms6aHJlZj0iI2FhTW5kZk03SCIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmMDAwMCIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNhYU1uZGZNN0giIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2FOUEVjcVlEVyIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNhTlBFY3FZRFciIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
}

.additional-video .additional-video__button i {
    color: #fff;
}

.additional-video .additional-video__link:hover .additional-video__button i {
    color: #c4302b;
}

.custom-iframe-wrap .yt-cover {
    display: block !important;
    border-radius: var(--ui-radius-sm);
}

.yt-cover-modal-content {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0 !important;
}

.y-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%;
    margin: 0 auto;
}

#tab-description .y-video {
    max-width: 100%;
}

#tab-specification .table {
    color: var(--ui-text);
}

#tab-specification .table > thead > tr > td {
    padding-bottom: var(--ui-space-4);
}

#tab-specification .table > tbody > tr > td {
    padding: calc(var(--ui-space-2) * 1.3) var(--ui-space-4);
}

#tab-specification .table > tbody > tr:nth-child(odd) {
    background: #f8f8f8;
}

#tab-specification .table > tbody > tr > td {
    border: none;
    width: 50%;
}

#tab-specification .table > tbody > tr > td:first-child {
    color: var(--ui-muted);
}

.y-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.y-video-catalog {
    /* position: relative; */
    /* padding-bottom: 56.25%; */
    /* padding-top: 25px; */
    /* height: 0; */
    /* margin: 0 auto; */
}

.y-video-catalog iframe {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */
}

.add__block__item .add__block__item ul li span:first-child {
    padding-right: 0px;
}

.add__block__item ul li span:last-child {
    text-align: right;
}

.add__block__item ul {
    list-style: none;
    padding: 0;
    width: 100%;
}

.add__block__item ul li {
    line-height: 26px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    position: relative;
    padding-left: 0px;
    padding: 5px 0 5px 0px;
}

.add__block__item ul li span:last-child {
    min-width: 0;
    display: none;
}

.add__block__item .row div:first-child {
    padding-top: 10px;
}

.add__block__item ul li {
    display: none;
}

.add__block__item ul li {
    line-height: 26px;
    border-bottom: 1px solid #e7e7e7;
    display: none;
    justify-content: space-between;
    font-size: 14px;
    position: relative;
    padding-left: 0px;
    padding: 7px 0 7px 0px;
}

.add__block__item ul li:nth-child(1), .add__block__item ul li:nth-child(2), .add__block__item ul li:nth-child(3), .add__block__item ul li:nth-child(4), .add__block__item ul li:nth-child(5), .add__block__item ul li:nth-child(6), .add__block__item ul li:nth-child(7), .add__block__item ul li:nth-child(8), .add__block__item ul li:nth-child(9), .add__block__item ul li:nth-child(10) {
    display: flex;
}

a.popup-btn.order.btn.btn-primary.btn-lg.btn-block {
    width: auto;
    margin-top: auto;
    background: var(--ui-accent) !important;
    border-radius: 2px;
}

.item__information .nav-tabs {
    margin-bottom: 0;
}

.item__information .nav-tabs > li.active > a, .item__information .nav-tabs > li.active > a:focus, .item__information .nav-tabs > li.active > a:hover {
    cursor: pointer;
    color: #000;
    font-size: 15px;
    background-color: #fff;
    border: none;
    border-bottom: none;
}

.item__information .nav > li > a:focus, .item__information .nav > li > a:hover {
    text-decoration: none;
    background-color: #ffffff;
}

.item__information .nav-tabs > li > a:hover {
    border-color: #fff #fff #fff;
}

.item__information .nav-tabs > li:hover {
    background-color: #fff;
}

.item__information .nav-tabs > li > a {
    margin-right: 0px;
    line-height: 40px;
    border: 0px solid transparent;
    border-radius: 0px 0px 0 0;
}

.item__information .nav-tabs > li.active > a, .item__information .nav-tabs > li.active > a:focus, .item__information .nav-tabs > li.active > a:hover {
    cursor: pointer;
    color: #333;
    font-size: 13px;
    background-color: #fff;
    border: none;
    border-bottom: none;
    border-top: 0;
}

.item__information .nav-tabs > li > a {
    border-top: 4px solid #f0f0f0;
}

.item__information li.active {
    background: #fff;
    border-right: 1px solid #e7e7e7 !important;
}

.item__information .nav.nav-tabs > li {
    border-right: 1px solid #e7e7e7;
    background: #f0f0f0;
    margin: 0;
}

.item__information .tab-content {
    border-radius: var(--ui-radius-sm);
}

span.subtitle {
    font-size: 24px;
    text-align: left;
    width: 100%;
    display: block;
    padding-left: 15px;
    margin: 20px 0 20px;
}

.prem {
    margin-bottom: 50px;
}

.prem .bgimg > span {
    left: 0;
    content: "";
    position: absolute;
    bottom: 0px;
    font-family: Futura;
    font-size: 60px;
    line-height: 82px;
    width: 45px;
    text-align: center;
    color: #e0e0e0;
}

.item__option {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
}

.item__information .nav-tabs > li > a {
    margin-right: 0px;
    line-height: 40px;
    border-radius: 0px 0px 0 0;
    color: #000;
}

.item__information .nav.nav-tabs > li:first-child {
    border-left: 1px solid #ccc;
}

.item__information .nav.nav-tabs > li {
    background: #f5f5f5;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}

.item__information .table-bordered {
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
}

div#order header {
    height: auto;
}

.item__title h1 {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #0c4da2;
    letter-spacing: -0.02em;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: left;
}

.main__catalog__list li:hover a {
    /* color: #333; */
    text-decoration: none;
}

.main__catalog__list li:hover {
    background-color: #f8f8f8;
}

.main__catalog__list li.leftborder {
    background: #f8f8f8;
}

.social__networks {
    display: flex;
    justify-content: space-around;
    padding: 46px;
    border-top: 2px solid #0c4da2;
}

.social__networks a img {
    padding-right: 5px;
    margin-top: -3px;
    width: 30px;
    height: auto;
}

.col-sm-12.social__networks a {
    color: #002c65;
    font-weight: 500;
    font-size: 20px;
}

footer {
    padding-top: 5rem;
    overflow: hidden;
    padding-bottom: 5rem;
    background-color: #353535;
    color: #909090;
    margin-top: 0;
    border-top: 1px solid #292929;
}

.footer__logo img {
    margin-bottom: 5px;
}

.footer__logo span {
    font-size: 14px;
    width: 80%;
    display: block;
    margin-top: 1rem;
}

.about__us {
    padding-left: 30px;
}

footer h3 {
    /* font-family: "Inter", sans-serif; */
    /* font-style: normal; */
    /* font-weight: 600; */
    /* font-size: 16px; */
    /* text-transform: uppercase; */
    /* line-height: 21px; */
    color: #909090;
}

.footer__item {
    padding-left: 10px;
}

.footer__item ul {
    padding: 0;
    list-style: none;
}

.footer__item ul li a.footer__tel {
    font-size: 24px;
    font-weight: 600;
    line-height: 2;
}

.footer__item ul li a.footer__adress {
    font-size: 18px;
    font-weight: 500;
}

.footer__item ul li a.footer__mail {
    font-size: 18px;
    font-weight: 500;
}

.footer__item ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    /* line-height: 18px; */
    /* font-weight: 400; */
}

.footer__item ul li:hover a {
    text-decoration: underline;
}

.footer__items__catalog {
    padding-left: 0;
}

.footer__contacts li {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
}

.footer__contacts img {
    position: absolute;
    left: -19px;
    top: 0px;
    width: 14px;
    height: 100%;
    color: #0c4da2;
}

.cop {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    padding: 10px 0 10px 0;
    margin: 0;
    background: #202124;
    color: #646161;
}

.spare-parts--container {
    padding-bottom: var(--ui-space-8);
}

.spare-parts--container .offset {
    margin-left: 15%;
}

.btn-primary {
    color: #ffffff;
    text-shadow: none;
}

form#modal-form-178 .pull-right a.btn.btn-primary:hover, form#modal-form-178 .pull-right a.btn-send-modal-form:hover {
    background: #002c65;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #002c65;
}

img.divider-img {
    float: left !important;
    margin-right: 10px;
    max-height: 16px;
    padding-top: 1px;
    vertical-align: top;
    display: inline-block;
    display: none;
}

.navbar-nav > li > .dropdown-menu ul li a {
    padding: var(--ui-space-2);
    display: block;
    color: #333;
}

.navbar-nav > li > .dropdown-menu .video-dropdown-inner li a {
    font-size: 13px;
}

.navbar-nav > li > .dropdown-menu ul li a:hover {
    color: #333;
    text-decoration: none;
    background: none !important;
}

nav.navbar2 .dropdown > .dropdown-menu {
    padding: 0;
}

.navbar-nav > li > .dropdown-menu ul li {
    padding: 0 var(--ui-space-1);
    width: 100%;
}

.navbar-nav > li > .dropdown-menu ul li:last-child {
    border-bottom: 1px solid transparent !important;
}

.navbar-nav > li > .dropdown-menu ul li:hover {
    background: #f5f5f5;
}

.dropdown-menu > img {
    position: absolute;
    left: calc(50% - 10px);
    top: -5px;
    filter: grayscale(0);
}

.navbar-nav > li > .dropdown-menu .dropright ul li {
    padding: 8px 15px;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.navbar-nav > li > .dropdown-menu ul li .dropright a {
    color: var(--ui-text);
}

.navbar-nav > li > .dropdown-menu ul li .dropright a:hover {
    color: #333;
    text-decoration: none;
}

.list-outer .cat-thumb {
    max-width: 54%;
    height: 100%;
    object-fit: cover;
}

li.withchlid .dropright {
    display: none;
    position: absolute;
    left: 100%;
    top: 55.5px;
    height: 100%;
    margin-top: -49px;
    width: calc(var(--container-desktop) / 1.2);
    /* max-width: 100%; */
    background-color: rgb(245 245 245);
    background: transparent;
    border: 0;
}

.navbar2 .navbar-nav > li .dropdown-menu .dropdown-menu {
    width: 100%;
}

.navbar2 .navbar-nav > li:last-child .dropdown-menu {
    min-width: calc(var(--container-desktop) / 3.68);
    left: 0;
}

#offcanvasCatalogContent .dropdown-inner {
    margin-top: 0;
    padding: 0;
    background: transparent;
}

.small-list-inner .dropdown-inner {
    box-shadow: var(--sh-5);
}

.dropdown-inner {
    border: none !important;
    /* overflow: hidden; */
    background: #f5f5f5;
    border-radius: var(--ui-radius-sm);
    margin-top: var(--ui-space-1);
    padding: var(--ui-space-2) 0;
}

.video-dropdown-inner {
    margin-top: 0;
}

.withchlid {
    padding: 0;
}

.navbar2 .navbar-nav > li:last-child > .dropdown-menu ul li {
    /* padding: 0 1rem; */
    /* border-bottom: 0; */
    /* color: #333; */
    /* cursor: pointer; */
    /* border-radius: 2px; */
    /* font-size: 14px; */
    /* font-weight: 500; */
}

.list-outer {
    border-radius: var(--ui-radius-sm);
    height: 100%;
}

.dropright-inner .list-outer a {
    display: flex;
    gap: 0;
    flex-direction: column;
    min-width: 24%;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    gap: var(--ui-space-2);
    padding: 0 var(--ui-space-2) var(--ui-space-2) var(--ui-space-2);
}

.list-outer:hover {
    background-color: #e7e7e7;
}

.navbar2 .navbar-nav > li:last-child .dropdown-menu > img {
    position: absolute;
    left: 226px;
    top: -5px;
    filter: grayscale(0);
}

.breadcrumbs {
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin-top: var(--ui-space-3);
    margin-bottom: var(--ui-space-5);
}

h1.title-category {
    padding: 0;
    margin: 0;
    color: var(--ui-accent);
    margin-top: var(--ui-space-5);
}

.breadcrumbs-category {
    background: transparent;
    text-align: left;
    padding: 0;
    width: 100%;
    width: 100%;
    display: inline-flex;
    gap: var(--ui-space-1);
}

.breadcrumbs-category ul {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--ui-space-1);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.breadcrumbs-category ul li {
    flex-shrink: 0;
}

.breadcrumbs-category li:last-child > a {
    color: #ffffff;
    opacity: 0.4;
    pointer-events: none;
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span {
    background-image: url(fancybox_sprite.png);
    filter: grayscale(1);
}

footer .borditem {
    /* margin-right: 4rem; */
    /* min-height: 152px; */
}

footer .borditem ul li:not(:last-child) {
    /* margin-bottom: 0.75rem; */
}

.category-description {
    padding-left: 11px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 43px;
    background: #0c4da2;
    color: #fff;
    text-transform: none;
}

a.productimg {
    position: relative;
    box-shadow: none;
    z-index: 2;
}

.automatic__machines__item {
    background: #fff;
    border-radius: var(--ui-radius-sm);
    overflow: hidden;
}

.item__desciption__block.row img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

.add__block__item ul li {
    line-height: 26px;
    border-bottom: 1px solid #e7e7e7;
    justify-content: space-between;
    font-size: var(--ui-fs-md);
    line-height: 1.35;
    position: relative;
    padding-left: 0px;
    padding: var(--ui-space-2) 0 var(--ui-space-2) 0px;
}

.add__block__item ul li span:last-child {
}

.item__information {
    background: #ffffff;
    border: 0;
    border-top: 0;
    box-sizing: border-box;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: var(--ui-space-7);
    border-radius: var(--ui-radius-sm);
}

.item__information .nav-tabs {
    margin-top: 0px;
}

.row.additional-video.hidden-xs {
    margin-top: 30px;
}

.col-sm-9.video__container iframe {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.col-sm-9.video__container img.img-responsive.img-thumbnail {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.service__container p {
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    padding-left: 0px;
    padding-bottom: 10px;
}

.service__container .col-lg-12.infoblocks a {
    color: #ffffff;
}

.service__container .col-lg-12.infoblocks a:hover {
    text-decoration: underline;
}

.service__container h3 {
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}

.contacts__address ul li {
    padding: 0;
}

.contacts__address ul {
    padding: 0;
}

.contacts__address ul li img {
    max-width: 25px;
    margin-right: 10px;
}

.contacts__address ul li:first-child img {
    max-width: 23px;
}

.contacts__address ul li:last-child img {
    max-width: 21px;
}

.col-lg-12.textonas p {
    padding: 0 0 10px 0;
}

.col-lg-12.textonas img {
    width: 100%;
    margin: 0 auto;
    height: auto;
}

.onas h2 {
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 31px;
    color: #000000;
    margin: 30px 0 30px;
}

.onas h3 {
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    margin: 30px 0 30px;
    width: 100%;
    text-align: center;
}

.onas img {
    margin: 0 auto;
    display: block;
}

.col-lg-12.videoonas h2 {
    margin-bottom: 0;
}

.col-lg-12.facts p {
    text-align: center;
    padding: 10px;
}

.col-lg-12.imagesonas img + p {
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    padding: 20px 10px;
}

.col-lg-12.imagesonas img {
    width: 100%;
    height: auto;
}

.logos.row p {
    margin: 40px 0 10px 0;
}

.logos.row img.img-responsive {
    width: 100%;
    height: auto !important;
    padding: 20px 0;
}

.infoblock {
    width: 240px;
    background: #0c4da2;
    height: 70px;
    margin-left: 100px;
    text-align: center;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 70px;
    color: #ffffff;
    margin-bottom: 24px;
    position: relative;
}

.check {
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: #dfdfdf;
    top: 10px;
    left: -25px;
    background-image: url(/image/catalog/check.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.servimg {
    max-width: 80%;
    margin: 0 auto;
}

.servimg img {
    width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}

.servimg p {
    padding-bottom: 15px;
}

ul.servicelist li:before {
    content: "";
    background-image: url(/image/catalog/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 18px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

ul.servicelist li {
    line-height: 18px;
}

ul.servicelist {
    margin-top: 20px;
}

.sliderservice img {
    max-width: 60%;
    margin: 0 auto;
}

.slick-prev:before, .slick-next:before {
    font-family: "fontawesome";
}

.slick-prev:before {
    content: "\f104";
}

.slick-next:before {
    content: "\f105";
}

div.slider-for.slick-initialized .item > a {
    height: 348px;
    box-shadow: none;
}

div.slider-for.slick-initialized .item > a {
    height: 100%;
    box-shadow: none;
    width: unset;
}

div.slider-for.slick-initialized .item > a img {
    width: 100%;
    height: auto;
    display: block;
}

div.slider-for .item > a {
    box-shadow: none;
    margin-right: 0px;
}

.slider-for .slick-list.draggable {
    box-shadow: none;
    margin-right: 0px;
}

.service__container {
}

[id*="tabcustom"] .y-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

[id*="tabcustom"] .y-video ~ p {
    display: none;
}

div#topcontrol {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    position: fixed !important;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    background: rgb(245 245 245);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

div#topcontrol:after {
    content: "\f106";
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 1;
    color: #909090;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -52%);
    transition: color 0.18s ease, transform 0.18s ease;
}

div#topcontrol:hover {
    background: rgb(255 255 255 / 60%);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

div#topcontrol:hover:after {
    color: rgba(0, 0, 0, 0.75);
    transform: translate(-50%, -58%);
}

body.is-footer-in-view div#topcontrol {
    background: rgba(15, 20, 32, 0.85);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

body.is-footer-in-view div#topcontrol:after {
    color: rgba(255, 255, 255, 0.92);
}

body.is-footer-in-view div#topcontrol:hover {
    background: rgba(81, 135, 240, 0.18);
    border-color: rgba(81, 135, 240, 0.45);
}

body.is-footer-in-view div#topcontrol:hover:after {
    color: rgba(255, 255, 255, 0.98);
}

@media (max-width: 768px) {
    div#topcontrol {
        width: 42px;
        height: 42px;
        right: 16px;
        bottom: 16px;
    }

    div#topcontrol:after {
        font-size: 30px;
    }
}

div#topcontrol img {
    display: none;
}

a:focus {
    outline: none !important;
    outline-offset: none !important;
}

img:focus {
    outline: none !important;
    outline-offset: none !important;
}

.onas img {
    height: auto !important;
}

div#tab-specification .table {
    margin-bottom: 0;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
    height: 100%;
    object-fit: cover;
}

.breadcrumbs-category li:last-child > a:hover {
    text-decoration: none;
}

div#slideshow0 .carousel-inner > .item > a > img, div#slideshow0 .carousel-inner > .item > img, div#slideshow0 .img-responsive, div#slideshow0 .thumbnail a > img, div#slideshow0 .thumbnail > img {
    width: unset;
    max-width: 100%;
    display: block;
    padding: 0;
}

div#slideshow1 .carousel-inner > .item > a > img, div#slideshow1 .carousel-inner > .item > img, div#slideshow1 .img-responsive, div#slideshow0 .thumbnail a > img, div#slideshow1 .thumbnail > img {
    width: unset;
    max-width: 100%;
}

div#slideshow2 .carousel-inner > .item > a > img, div#slideshow2 .carousel-inner > .item > img, div#slideshow2 .img-responsive, div#slideshow0 .thumbnail a > img, div#slideshow2 .thumbnail > img {
    width: unset;
    max-width: 100%;
}

img.imgsubkat {
    margin-left: 20px !important;
    margin-right: 10px !important;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

ul.servicelist {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
}

.servimg {
    max-width: 100%;
    margin: 0 auto;
}

.information-container ul.servicelist > li {
    display: block;
    position: relative;
    padding-left: 14px;
    padding: 5px 0px 5px 0px;
}

a.katname {
    width: calc(100% - 61px);
    display: inline-block !important;
    vertical-align: top;
}

a.katname ~ a {
    width: 30px;
    display: inline-block;
    vertical-align: top;
}

#menu2 li.dropdown.open a {
    background: #0c4da2;
    color: #fff;
}

#menu2 .navbar-nav > li > .dropdown-menu ul li:last-child {
    border-bottom: 1px solid white !important;
}

#menu2 .navbar-nav > li > .dropdown-menu ul li:first-child {
    border-top: 1px solid white !important;
}

div#tab-specification {
    padding-top: 0;
}

#item__full__description, #tab-specification, #tab-documentation, #tabcustom0 {
    font-size: var(--ui-fs-base);
    line-height: 1.6;
    margin: calc(var(--ui-space-7) / 1.4) var(--ui-space-7);
    color: var(--ui-text);
}

#tab-documentation {
    padding-bottom: 0;
}

#item__full__description h2, #tab-specification .table > thead > tr > td, .tab-content .doc-content h2, .tab-pane h2, .modul-card h2 {
    font-size: clamp(20px, 0.9vw + 15px, 28px);
    margin-bottom: var(--ui-space-4);
    font-weight: 550;
}

.item__option h2 {
    margin-top: var(--ui-space-6);
}

.modul-card h2 {
    margin-bottom: var(--ui-space-5);
    font-size: var(--ui-h2);
    font-weight: 480;
}

#item__full__description h2:first-child {
    margin-top: 0;
}

#item__full__description p {
}

#item__full__description p span {
    display: inline;
}

#item__full__description ul {
    margin: 10px 0 18px 18px;
    padding: 0;
}

#item__full__description li {
    margin: 6px 0;
}

#item__full__description img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 2px;
    display: block;
}

#item__full__description p[style*="text-align:center"] img {
    margin: 0 auto;
}

#item__full__description .item__desciption__block {
    margin: 0 0 var(--ui-space-4) 0;
    padding: var(--ui-space-3);
    border: 1px solid #e6eaf2;
    border-radius: var(--ui-radius-sm);
}

#item__full__description .item__desciption__block.row {
    margin-left: 0;
    margin-right: 0;
}

#item__full__description .item__desciption__block.row > [class*="col-"] {
}

@media (min-width: 768px) {
    #item__full__description .item__desciption__block.row > .col-sm-6:first-child {
        width: 33.33%;
        padding: 0;
        overflow: hidden;
        border-radius: var(--ui-radius-sm);
    }

    #item__full__description .item__desciption__block.row > .col-sm-6:not(:first-child) {
        padding-left: var(--ui-space-6);
        padding-top: var(--ui-space-4);
        padding-bottom: var(--ui-space-4);
    }
}

#item__full__description .item__desciption__block .col-sm-6 {
    font-size: clamp(15px, 0.35vw + 14px, 16px);
    line-height: 1.5;
    font-weight: 470;
    color: var(--ui-muted);
}

#item__full__description .item__desciption__block img {
    transition: filter 0.25s ease, transform 0.25s ease;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    cursor: pointer;
}

#item__full__description .item__desciption__block img:hover {
    filter: brightness(1.06) contrast(1.1) saturate(1.08);
    transform: scale(1.01);
}

#item__full__description .y-video {
    margin: var(--ui-space-5) 0;
}

#item__full__description .y-video iframe {
    width: 100% !important;
    max-width: 100%;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    height: auto;
}

@supports not (aspect-ratio: 16 / 9) {
    #item__full__description .y-video iframe {
        height: 360px;
    }

    @media (max-width: 767px) {
        #item__full__description .y-video iframe {
            height: 220px;
        }
    }
}

#item__full__description img[style*="width"], #item__full__description img[style*="height"] {
    width: 100% !important;
    height: auto !important;
}

.main__catalog__list li span {
    width: calc(100% - 22px);
    display: inline-block;
}

img.imgsubkat + span {
    display: inline-block;
    width: calc(100% - 50px);
}

.main__catalog__list > ul > a:before {
    display: none;
}

.col-lg-12.imagesonas img {
    margin: 14px auto;
}

.navbar2 .nav > li > a:focus, .navbar2 .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #333;
}

.main__catalog__list li:hover a span {
    color: #333;
}

#prodslider {
    box-shadow: none;
    overflow: hidden;
}

/* Fix: ensure product slider clips content properly */
.slider-for .slick-list {
    overflow: hidden;
}

/* Override stylesheet.css .thumbnails overflow */
.thumbnails.slider-for {
    overflow: hidden;
}

/* Fix: disable drag interaction on main slider */
.slider-for {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.slider-for .slick-list.draggable {
    cursor: default;
}

.slider-for .slick-track, .slider-for .slick-slide {
    touch-action: pan-y;
}

/* Disable drag on images inside slider */
.slider-for img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    pointer-events: none;
}

div#tab-katrelated .automatic__machines__item {
    background: #fff;
    padding: 0;
    margin: 15px 25px;
    width: calc(100% - 50px);
}

div#tab-katrelated .automatic__machines__item a.producttitle {
    margin: 20px;
}

div#tab-katrelated .item__details {
    margin-right: 20px;
}

.common-home .social__networks {
    border: none;
}

.ui-text-muted {
    color: var(--ui-muted, #6b7280);
}

.ui-hidden {
    display: none !important;
}

.btn, .btn-primary, .btn-default {
    border-radius: var(--ui-radius-md, 8px) !important;
}

.btn-primary {
    background-color: var(--ui-primary, #0c4da2) !important;
    border-color: var(--ui-primary, #0c4da2) !important;
}

.btn-default {
    background-color: var(--ui-surface, #ffffff) !important;
    border-color: var(--ui-border, #e0e0e0) !important;
}

.form-control:focus {
    border-color: var(--ui-primary, #0c4da2) !important;
    box-shadow: 0 0 0 3px rgba(12, 77, 162, 0.15) !important;
}

/* =========================================================
   POPUP FORMS - Unified styles matching form_builder
   ========================================================= */
/* Request popup (product.tpl order form) */
.request-popup {
    display: none;
    padding: var(--ui-space-5) !important;
    background: #fff;
    border-radius: var(--ui-radius-sm);
    max-width: 500px;
}

.request-popup .titlewindow, .request-popup h3 {
    font-size: var(--ui-h3);
    font-weight: 500;
    margin-bottom: var(--ui-space-4);
    color: #000;
}

.request-popup .fancy_heading {
    margin-bottom: var(--ui-space-4);
    background: transparent;
    box-shadow: none;
}

.request-popup .fancy_heading span {
    color: var(--ui-muted);
    font-size: var(--ui-fs-md);
}

.request-popup .fancy_heading h3 {
    font-size: 16px;
    font-weight: 600;
    color: #0c4da2;
    margin: 0.5rem 0 0;
}

/* Popup offer form (multimodal offer.tpl) */
#modal-offer .contact-form__grid {
    padding: 0 20px 20px;
}

#modal-offer #your-prise-offer {
    text-align: center;
    color: #2ece52;
    font: bold 24px/60px Verdana;
    margin-bottom: 10px;
}

/* Common popup form styles */
.popup-type-form .contact-form__grid, #order .contact-form__grid, #modal-offer .contact-form__grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ui-space-2);
}

.popup-type-form .contact-field, #order .contact-field, #modal-offer .contact-field {
    flex: 1 0 auto;
    width: 100%;
    margin: 0;
    margin-top: 0;
}

.popup-type-form .contact-field.is-full, #order .contact-field.is-full, #modal-offer .contact-field.is-full {
    width: 100%;
}

/* Labels */
.popup-type-form .contact-field.is-full .contact-label, #order .contact-field.is-full .contact-label, #modal-offer .contact-field.is-full .contact-label {
    top: 44px;
}

/* Inputs */
.popup-type-form .contact-input:focus, #order .contact-input:focus, #modal-offer .contact-input:focus {
    border-color: rgba(18, 83, 194, 0.35);
    box-shadow: 0 0 0 3px rgba(31, 79, 163, 0.12);
}

.popup-type-form .contact-input::placeholder, #order .contact-input::placeholder, #modal-offer .contact-input::placeholder {
    color: #8a94a3;
    font-size: 13px;
}

/* Floating labels effect */
.popup-type-form .contact-field.is-filled .contact-label, .popup-type-form .contact-field:focus-within .contact-label, #order .contact-field.is-filled .contact-label, #order .contact-field:focus-within .contact-label, #modal-offer .contact-field.is-filled .contact-label, #modal-offer .contact-field:focus-within .contact-label {
    /* transform: translateY(-100%);
    font-size: 11px;
    top: 12px;
    color: #0c4da2; */
}

/* Textarea */
.popup-type-form .contact-textarea, #order .contact-textarea, #modal-offer .contact-textarea {
    height: auto;
    position: relative;
    min-height: 120px;
    resize: vertical;
    padding-top: var(--ui-space-4);
    background: #f8f8f8;
}

/* Checkbox styles */
.popup-type-form .contact-check, #order .contact-check, #modal-offer .contact-check, .contact-check {
    display: flex;
    align-items: flex-start;
    margin: 0;
    cursor: pointer;
    margin-top: var(--ui-space-2);
    position: relative;
    font-size: var(--ui-fs-md);
    line-height: 1.4;
}

.popup-type-form .contact-check > input, #order .contact-check > input, #modal-offer .contact-check > input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.popup-type-form .contact-check > span, #order .contact-check > span, #modal-offer .contact-check > span {
    position: relative;
    padding-left: 34px;
    line-height: 22px;
    font-size: var(--ui-fs-md);
    font-weight: 400;
    display: block;
}

.popup-type-form .contact-check > span::before, #order .contact-check > span::before, #modal-offer .contact-check > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    transition: all 0.2s ease;
}

.popup-type-form .contact-check > input:checked + span::before, #order .contact-check > input:checked + span::before, #modal-offer .contact-check > input:checked + span::before {
    border-color: #0c4da2;
    background: #0c4da2;
}

.popup-type-form .contact-check > input:checked + span::after, #order .contact-check > input:checked + span::after, #modal-offer .contact-check > input:checked + span::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.popup-type-form .contact-check > input:focus + span::before, #order .contact-check > input:focus + span::before, #modal-offer .contact-check > input:focus + span::before {
    box-shadow: 0 0 0 3px rgba(19, 103, 212, 0.2);
    border-color: rgba(19, 103, 212, 0.6);
}

/* Checkbox links */
.popup-type-form .contact-check a, #order .contact-check a, #modal-offer .contact-check a {
    color: #0c4da2;
    text-decoration: underline;
}

/* Submit button container */
.popup-type-form .contact-actions, #order .contact-actions, #modal-offer .contact-actions {
    text-align: center;
    margin-top: var(--ui-space-2);
}

.popup-type-form .contact-actions .ui-btn, #order .contact-actions .ui-btn, #modal-offer .contact-actions .ui-btn {
    /* width: 100%; */
}

/* Required field indicator */
.required-field {
    color: #e40000;
}

/* Responsive */
@media (max-width: 480px) {
    .popup-type-form .contact-field, #order .contact-field, #modal-offer .contact-field {
        width: 100%;
    }

    #order.request-popup {
        padding: 1.5rem !important;
    }
}

/* Fancybox popup adjustments */
.fancybox-inner #order {
    width: 100%;
}

/* Success popup */
.success-popup {
    padding: 2rem;
    text-align: center;
}

.success-popup p {
    font-size: var(--ui-fs-base);
    color: var(--ui-text);
    margin: 0;
}

#content {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: flex-start; */
    gap: var(--ui-space-2);
}

/* Popup 178: align inputs/checkbox/button style with Form Builder */
#popup-form-178 .popup-content input[type="text"], #popup-form-178 .popup-content input[type="email"], #popup-form-178 .popup-content input[type="tel"], #popup-form-178 .popup-content input[type="search"], #popup-form-178 .popup-content textarea, #popup-form-178 .popup-content select, #popup-form-178_wrapper .popup-content input[type="text"], #popup-form-178_wrapper .popup-content input[type="email"], #popup-form-178_wrapper .popup-content input[type="tel"], #popup-form-178_wrapper .popup-content input[type="search"], #popup-form-178_wrapper .popup-content textarea, #popup-form-178_wrapper .popup-content select {
    /* width: 100% !important; */
    /* min-height: 46px; */
    /* border: 1px solid var(--ui-border); */
    /* border-radius: var(--ui-radius-sm); */
    /* background: var(--ui-surface); */
    /* color: var(--ui-text); */
    /* padding: 0.65rem 0.85rem; */
    /* box-shadow: none; */
}

#popup-form-178 .popup-content input[type="checkbox"], #popup-form-178_wrapper .popup-content input[type="checkbox"] {
    /* width: 18px !important; */
    /* height: 18px; */
    /* min-height: 18px; */
    /* margin: 0 8px 0 0; */
    /* accent-color: var(--ui-primary); */
    /* vertical-align: middle; */
}

#popup-form-178 .popup-content label, #popup-form-178_wrapper .popup-content label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#popup-form-178 .btn-send-modal-form, #popup-form-178_wrapper .btn-send-modal-form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Popup 178 hard override: match Form Builder controls */
#popup-form-178 form, #popup-form-178_wrapper form {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-2);
}

#popup-form-178 .popup-content .fancy_form_row, #popup-form-178_wrapper .popup-content .fancy_form_row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 var(--ui-space-2);
}

#popup-form-178 .popup-content .fancy_form_row label, #popup-form-178_wrapper .popup-content .fancy_form_row label, #popup-form-178 .popup-content label:not(.modal-checkbox), #popup-form-178_wrapper .popup-content label:not(.modal-checkbox) {
    /* font-size: var(--ui-fs-sm) !important; */
    /* line-height: var(--ui-lh-base) !important; */
    /* color: var(--ui-text) !important; */
    /* font-weight: 500 !important; */
    /* margin: 0 !important; */
}

#popup-form-178 .popup-content .modal-checkbox, #popup-form-178_wrapper .popup-content .modal-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px;
}

/* ==========================================
   Custom Select Arrows & Dropdown Arrow Hover
   ========================================== */
/* Custom arrow for all selects */
select.form-control, select.kdt-input, select.ui-select, #input-sort, #input-limit, .contact-input select, .form-group select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 36px !important;
}

/* Dark arrow for light backgrounds */
select.form-control.kdt-input, #input-sort.form-control.kdt-input, #input-limit.form-control.kdt-input, .contact-input select, .form-group.search-form select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Remove IE default arrow */
select.form-control::-ms-expand, select.kdt-input::-ms-expand, select.ui-select::-ms-expand {
    display: none !important;
}

/* Dropdown arrow rotation on open */
.dropdown .dropdown-arrow, .dropdown-toggle .dropdown-arrow {
    transition: transform 0.25s ease;
    transform-origin: center;
}

/* Rotate arrow when dropdown is open */
.dropdown.open .dropdown-arrow, .dropdown-toggle[aria-expanded="true"] .dropdown-arrow, .dropdown.show .dropdown-arrow, .dropdown-menu[style*="display: block"] ~ .dropdown-toggle .dropdown-arrow, .dropdown-toggle.active .dropdown-arrow {
    transform: rotate(180deg);
}

/* Hover effect on dropdown toggle - slight rotation hint */
.dropdown-toggle:hover .dropdown-arrow, .dropdown-toggle:focus .dropdown-arrow {
    transform: rotate(180deg);
}

/* When open and hovered */
.dropdown.open .dropdown-toggle:hover .dropdown-arrow, .dropdown-toggle[aria-expanded="true"]:hover .dropdown-arrow {
    transform: rotate(180deg) translateY(-1px);
}

/* Offcanvas dropdown arrow rotation */
#offcanvasContent .dropdown.open .oc-subtoggle .dropdown-arrow, #offcanvasContent .dropdown.open .dropdown-toggle .dropdown-arrow {
    transform: rotate(180deg);
}

/* Menu dropdown arrow rotation */
#menu li.dropdown.open > .dropdown-toggle .dropdown-arrow, .main-menu .dropdown.open > .dropdown-toggle .dropdown-arrow, .navbar-nav > li.dropdown.open > .dropdown-toggle .dropdown-arrow {
    transform: rotate(180deg);
}

/* Category dropdown arrow */
#offcanvasCatalogContent li.withchild.open > .list-outer .oc-subtoggle .dropdown-arrow, #offcanvasCatalogContent li.withchild.open > .list-outer .dropdown-arrow {
    transform: rotate(180deg);
}

/* Error messages for form validation */
.field-error-message {
    display: none;
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
}