@charset "UTF-8";
@media (max-width:767px) {
    :root {
        --bs-gutter-x: 8px
    }

    .row {
        --bs-gutter-x: 16px !important
    }
}

*,
::after,
::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    h3 {
        font-size: 1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 480px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 0;
    --bs-modal-box-shadow: none;
    --bs-modal-inner-border-radius: 0;
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 0;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1619.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

/*!
   * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
   * Copyright 2011-2024 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 100%
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1536px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1620px
}

.row {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1620px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mx-n1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.mx-n2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}

.my-n1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -3rem !important
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -1rem !important
}

.me-n4 {
    margin-right: -1.5rem !important
}

.me-n5 {
    margin-right: -3rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -3rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -1rem !important
}

.ms-n4 {
    margin-left: -1.5rem !important
}

.ms-n5 {
    margin-left: -3rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media (min-width:576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mx-sm-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-sm-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-sm-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-sm-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-sm-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-sm-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-sm-n1 {
        margin-top: -.25rem !important
    }

    .mt-sm-n2 {
        margin-top: -.5rem !important
    }

    .mt-sm-n3 {
        margin-top: -1rem !important
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mt-sm-n5 {
        margin-top: -3rem !important
    }

    .me-sm-n1 {
        margin-right: -.25rem !important
    }

    .me-sm-n2 {
        margin-right: -.5rem !important
    }

    .me-sm-n3 {
        margin-right: -1rem !important
    }

    .me-sm-n4 {
        margin-right: -1.5rem !important
    }

    .me-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ms-sm-n1 {
        margin-left: -.25rem !important
    }

    .ms-sm-n2 {
        margin-left: -.5rem !important
    }

    .ms-sm-n3 {
        margin-left: -1rem !important
    }

    .ms-sm-n4 {
        margin-left: -1.5rem !important
    }

    .ms-sm-n5 {
        margin-left: -3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mx-md-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-md-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-md-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-md-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-md-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-md-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-md-n1 {
        margin-top: -.25rem !important
    }

    .mt-md-n2 {
        margin-top: -.5rem !important
    }

    .mt-md-n3 {
        margin-top: -1rem !important
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important
    }

    .mt-md-n5 {
        margin-top: -3rem !important
    }

    .me-md-n1 {
        margin-right: -.25rem !important
    }

    .me-md-n2 {
        margin-right: -.5rem !important
    }

    .me-md-n3 {
        margin-right: -1rem !important
    }

    .me-md-n4 {
        margin-right: -1.5rem !important
    }

    .me-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-md-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-md-n5 {
        margin-bottom: -3rem !important
    }

    .ms-md-n1 {
        margin-left: -.25rem !important
    }

    .ms-md-n2 {
        margin-left: -.5rem !important
    }

    .ms-md-n3 {
        margin-left: -1rem !important
    }

    .ms-md-n4 {
        margin-left: -1.5rem !important
    }

    .ms-md-n5 {
        margin-left: -3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mx-lg-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-lg-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-lg-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-lg-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-lg-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-lg-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-lg-n1 {
        margin-top: -.25rem !important
    }

    .mt-lg-n2 {
        margin-top: -.5rem !important
    }

    .mt-lg-n3 {
        margin-top: -1rem !important
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mt-lg-n5 {
        margin-top: -3rem !important
    }

    .me-lg-n1 {
        margin-right: -.25rem !important
    }

    .me-lg-n2 {
        margin-right: -.5rem !important
    }

    .me-lg-n3 {
        margin-right: -1rem !important
    }

    .me-lg-n4 {
        margin-right: -1.5rem !important
    }

    .me-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ms-lg-n1 {
        margin-left: -.25rem !important
    }

    .ms-lg-n2 {
        margin-left: -.5rem !important
    }

    .ms-lg-n3 {
        margin-left: -1rem !important
    }

    .ms-lg-n4 {
        margin-left: -1.5rem !important
    }

    .ms-lg-n5 {
        margin-left: -3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mx-xl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-xl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-xl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-xl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-xl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xl-n3 {
        margin-top: -1rem !important
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xl-n5 {
        margin-top: -3rem !important
    }

    .me-xl-n1 {
        margin-right: -.25rem !important
    }

    .me-xl-n2 {
        margin-right: -.5rem !important
    }

    .me-xl-n3 {
        margin-right: -1rem !important
    }

    .me-xl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ms-xl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xl-n3 {
        margin-left: -1rem !important
    }

    .ms-xl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xl-n5 {
        margin-left: -3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1620px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.5rem !important
    }

    .m-xxl-n3 {
        margin: -1rem !important
    }

    .m-xxl-n4 {
        margin: -1.5rem !important
    }

    .m-xxl-n5 {
        margin: -3rem !important
    }

    .mx-xxl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-xxl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-xxl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-xxl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xxl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xxl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xxl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xxl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-xxl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xxl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xxl-n3 {
        margin-top: -1rem !important
    }

    .mt-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xxl-n5 {
        margin-top: -3rem !important
    }

    .me-xxl-n1 {
        margin-right: -.25rem !important
    }

    .me-xxl-n2 {
        margin-right: -.5rem !important
    }

    .me-xxl-n3 {
        margin-right: -1rem !important
    }

    .me-xxl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xxl-n5 {
        margin-right: -3rem !important
    }

    .mb-xxl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xxl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xxl-n5 {
        margin-bottom: -3rem !important
    }

    .ms-xxl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xxl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xxl-n3 {
        margin-left: -1rem !important
    }

    .ms-xxl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xxl-n5 {
        margin-left: -3rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-inline-grid {
        display: inline-grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s) *.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media (hover:hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: 0
}

.f-button:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: 0;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
    box-sizing: inherit
}

.fancybox__container::-ms-backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__backdrop:empty,
.fancybox__slide:empty,
.fancybox__track:empty,
.fancybox__viewport:empty {
    display: block
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    filter: blur(0)
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: 0;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop):not(.fancybox__carousel) {
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop):not(.fancybox__carousel) {
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) *-.5);
    width: calc(var(--width, 0) *1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: 0
}

.f-thumbs__slide__button:focus-visible {
    outline: 0;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0 !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

@font-face {
    font-family: "PT Root UI";
    src: url(../fonts/PT-Root-UI_Light.eot?#iefix) format("embedded-opentype"), url(../fonts/PT-Root-UI_Light.woff2) format("woff2"), url(../fonts/PT-Root-UI_Light.woff) format("woff"), url(../fonts/PT-Root-UI_Light.ttf) format("truetype");
    font-weight: 300;
    font-style: "normal";
    font-display: swap
}

@font-face {
    font-family: "PT Root UI";
    src: url(../fonts/PT-Root-UI_Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/PT-Root-UI_Regular.woff2) format("woff2"), url(../fonts/PT-Root-UI_Regular.woff) format("woff"), url(../fonts/PT-Root-UI_Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: "normal";
    font-display: swap
}

@font-face {
    font-family: "PT Root UI";
    src: url(../fonts/PT-Root-UI_Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/PT-Root-UI_Medium.woff2) format("woff2"), url(../fonts/PT-Root-UI_Medium.woff) format("woff"), url(../fonts/PT-Root-UI_Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: "normal";
    font-display: swap
}

@font-face {
    font-family: "PT Root UI";
    src: url(../fonts/PT-Root-UI_Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/PT-Root-UI_Bold.woff2) format("woff2"), url(../fonts/PT-Root-UI_Bold.woff) format("woff"), url(../fonts/PT-Root-UI_Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: "normal";
    font-display: swap
}

.btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
    border-radius: 8px;
    padding: 8px 16px;
    box-sizing: border-box;
    text-transform: uppercase;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .06em;
    transition: .3s
}

.btn .icon {
    height: 24px;
    width: 24px;
    fill: #CCC;
    vertical-align: bottom
}

.btn picture {
    height: 24px;
    width: 24px;
    vertical-align: bottom;
    display: inline-block
}

.btn-outline,
.btn-secondary {
    border: 1px solid #E6E6E6;
    background-color: #fff
}

.btn-outline:hover,
.btn-secondary:hover {
    background-color: #0387ce;
    border-color: #0387ce
}

.btn-outline:hover .icon,
.btn-secondary:hover .icon {
    fill: #414E6D
}

.btn-outline:active,
.btn-secondary:active {
    background-color: #EEE;
    color: #999;
    border-color: #EEE
}

.btn-outline:active .icon,
.btn-secondary:active .icon {
    fill: #999
}

.btn-outline .icon,
.btn-secondary .icon {
    fill: #CCC
}

.btn-outline:hover .icon,
.btn-secondary:hover .icon {
    fill: #fff
}

.btn-outline:hover {
    background-color: #fff;
    border-color: #B3B3B3
}

.btn-outline:disabled {
    background-color: #EEE;
    color: #999;
    border-color: #EEE;
    cursor: default
}

.btn-outline:disabled .icon {
    fill: #999
}

.btn-primary {
    background-color: #0387ce;
    color: #fff;
}

.btn-primary:hover {
    background-color: #666666;
    color: #fff;
}

.btn-primary:active {
    background-color: #EEE;
    color: #999
}

.btn-primary:active .icon {
    fill: #999
}

.btn-primary:disabled {
    background-color: #EEE;
    color: #999;
    cursor: default
}

.btn-primary:disabled .icon {
    fill: #999
}

.btn-primary .icon {
    fill: #ffffff;
}

.btn-primary:visited {
    color: #fff;
    text-decoration: none;
}

.btn-light {
    background-color: #fff
}

.btn-light .icon-excel {
    fill: #20744a
}

.btn[data-cart-label] {
    white-space: nowrap;
    justify-content: initial;
    font-size: 0
}

.btn-added-to-cart {
    background-color: #0387ce !important;
    border-color: #0387ce !important;
    position: relative;
    cursor: default;
    min-width: 40px;
    text-transform: none;
    color: #4A4953 !important;
    gap: 4px;
    transition: width .3s
}

.btn-added-to-cart[data-cart-label=true]:hover {
    width: 170px !important;
    font-size: 14px
}

@media screen and (max-width:991px) {
    .btn-added-to-cart[data-cart-label=true]:hover {
        width: 40px !important;
        font-size: unset
    }
}

.btn-added-to-cart svg {
    flex-shrink: 0;
    fill: #4A4953 !important
}

.btn-lowercase {
    text-transform: none;
    font-weight: 500
}

.btn-40x40 {
    width: 40px;
    height: 40px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn-40x40 svg {
    fill: #CCC
}

.btn-round {
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    height: 32px;
    max-height: 32px;
    padding: 0
}

.btn-round svg {
    max-width: 16px;
    max-height: 16px
}

.btn-w100 {
    width: 100%
}

.btn-center {
    text-align: center;
    justify-content: center
}

@media (min-width:992px) {

    div::-webkit-scrollbar,
    ul::-webkit-scrollbar {
        width: 4px
    }

    div::-webkit-scrollbar-track,
    ul::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 4px
    }

    div::-webkit-scrollbar-thumb,
    ul::-webkit-scrollbar-thumb {
        background-color: #E6E6E6;
        border-radius: 4px
    }
}

.__select {
    position: relative;
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.__select[data-state=active] {
    border-radius: 8px 8px 0 0
}

.__select[data-state=active] .__select__title {
    border-radius: 8px 8px 0 0;
    background-color: #fff
}

.__select[data-state=active] .__select__title::after {
    transform: scaleY(-1) rotate(225deg);
    z-index: 998
}

.__select[data-state=active] .select-category {
    z-index: 999
}

.__select[data-state=active] .__select__content {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    max-height: 232px
}

.__select[data-state=active] .__select__label {
    display: flex
}

.__select[data-state=active] .__select__label+.__select__input+.__select__label {
    max-height: 40px;
    border-top-width: 1px
}

.__select--new[data-state=active] {
    box-shadow: none !important
}

.__select--new[data-state=active] .__select__title {
    border-radius: 8px;
    background-color: #fff;
    border-bottom-color: #ccc !important
}

.__select--new[data-state=active] .__select__content {
    width: auto;
    border-radius: 8px;
    top: calc(100% + 7px);
    border-width: 1px !important;
    overflow: initial;
    max-height: initial;
    min-width: 260px
}

.__select--white {
    width: auto;
    transition: box-shadow .3s ease-out
}

.__select--white[data-state=active] {
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}

.__select--white[data-state=active] .__select__title {
    border-color: #ccc;
    border-bottom-color: #f0f0f0
}

.__select--white[data-state=active] .__select__title::after {
    border-color: #CCC
}

.__select--white[data-state=active] .__select__title_titul {
    display: none;
    padding-left: 28px
}

.__select--white[data-state=active] .__select__title_search {
    display: block;
    width: 100%
}

.__select--white[data-state=active] .__select__title_search>.label {
    margin-bottom: 0
}

.__select--white[data-state=active] .__select__title_search>.label input {
    border: none;
    padding: 8px 8px 8px 20px
}

.__select--white[data-state=active] .__select__title_search>.label input:focus {
    box-shadow: none
}

.__select--white[data-state=active] .__select__content {
    box-shadow: none
}

.__select--white .__select__title {
    display: flex;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #4A4953;
    line-height: 1
}

.__select--white .__select__title:not(.no-arrow) {
    padding-right: 35px
}

.__select--white .__select__title .icon {
    fill: #CCC;
    background: #fff
}

.__select--white .__select__title:hover {
    border-color: #ccc
}

.__select--white .__select__title:hover::after {
    border-color: #CCC
}

.__select--white .__select__content {
    background-color: #fff;
    border: 1px solid #ccc;
    border-width: 0 1px 1px
}

.__select--white .__select__label {
    color: #4A4953
}

.__select--white .__select__label:hover {
    background-color: #EEF5FF
}

.__select--white .__select__label:hover .icon {
    fill: #5F82D3
}

.__select--category {
    display: block;
    height: auto;
    width: 100%
}

.__select--category[data-state=active] .select-category {
    border-radius: .5rem .5rem 0 0;
    border-bottom-color: transparent
}

.__select--category[data-state=active] .__select__content {
    border-color: #E6E6E6;
    border-radius: 0 0 8px 8px
}

.__select--category .__select__title {
    padding: 0;
    border: none
}

.__select--have {
    position: relative
}

.__select--have::before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #0387ce
}

.__select--disabled img {
    transform: scale(1) !important
}

.__select--disabled .select-category {
    background: #EEE;
    border-color: #EEE !important;
    opacity: .5
}

.__select--disabled .__select__title {
    cursor: context-menu
}

.__select--disabled .__select__title:hover::after,
.__select--disabled .__select__title:hover::before {
    background-color: #ccc
}

.__select--disabled .select-category__icon::before {
    display: none
}

.__select-light[data-state=active] .__select__title {
    border-color: #ccc
}

.__select-light[data-state=active] .__select__title::after,
.__select-light[data-state=active] .__select__title::before {
    background-color: #4a4953
}

.__select-light .__select__title {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #4A4953;
    transition: all .3s ease-out
}

.__select-light .__select__title .icon {
    fill: #5F82D3
}

.__select-light .__select__title:hover {
    border-color: #ccc
}

.__select-light .__select__title:hover::after,
.__select-light .__select__title:hover::before {
    background-color: #4a4953
}

.__select-light .__select__content {
    background-color: #fff;
    border: 1px solid #ccc;
    border-width: 0 1px 1px
}

.__select-light .__select__label {
    color: #4A4953
}

.__select-light .__select__label:hover {
    background-color: #E6E6E6
}

.__select-light .__select__label:hover .icon {
    fill: #5F82D3
}

.__select--with-search .__select__title {
    padding-left: 36px;
    padding-right: 32px;
    position: relative
}

.__select--with-search .__select__title img {
    left: 9px
}

.__select--with-search .icon {
    margin: auto 8px auto 0;
    fill: #CCC;
    flex-shrink: 0
}

.__select--with-search img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    mix-blend-mode: darken
}

.__select__scroll {
    max-height: 216px;
    overflow: hidden;
    padding-right: 5px;
    margin-right: -5px
}

[data-select-wrap] {
    display: table
}

.select-category-list a.__select--category .__select__title::before {
    display: none
}

.select-category-list a.__select--category .__select__title::after {
    display: none
}

.__select__group-title {
    padding: 1rem .5rem 0;
    color: #999
}

.__select__group:first-child .__select__group-title {
    padding-top: .5rem
}

.__select__link {
    display: flex;
    padding: .5rem;
    font-size: .75rem;
    line-height: 1.5rem;
    border-radius: .25rem
}

.__select__link:hover {
    background: #EEF5FF
}

.__select__link.disabled {
    opacity: .5
}

.__select__link.disabled:hover {
    background: #fff;
    cursor: default
}

.__select__title {
    font-weight: 400;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #49536b;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.__select__title--small {
    padding: 4px 0;
    padding-right: 32px !important;
    border: 0 !important;
    font-weight: 500
}

.__select__title--small:after,
.__select__title--small:before {
    right: 4px !important
}

.__select__title.no-arrow:after {
    content: none
}

.__select__title-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    margin-top: -8px;
    margin-bottom: -8px
}

.__select__title-icon .icon {
    vertical-align: baseline
}

.__select__title .icon {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.__select__title-txt {
    cursor: pointer
}

.__select__title::after {
    content: '';
    position: absolute;
    right: 13px;
    top: calc(50% - 4px);
    z-index: 3;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #CCC;
    border-left: 2px solid #CCC;
    transform: scaleY(1) rotate(225deg);
    transform-origin: 4px 3px;
    transition: transform .3s
}

.__select__title:hover {
    border-color: #fff
}

.__select__title:hover::after {
    background-color: #fff
}

.__select__title_search {
    height: 14px;
    display: none
}

.__select__title_search .icon-search {
    left: -27px !important;
    top: -4px !important;
    margin: auto 8px auto 0 !important
}

.__select__title_search input {
    height: 0 !important;
    padding-left: 2px !important
}

.__select__content {
    position: absolute;
    top: 100%;
    padding: 8px 8px 8px 8px;
    width: 100%;
    background-color: #49536b;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: opacity .3s ease-out;
    opacity: 0;
    z-index: 8;
    visibility: hidden;
    max-height: 256px
}

.__select__content_list {
    overflow: auto;
    max-height: 241px;
    padding-right: 4px
}

.__select__input {
    display: none
}

.__select__input:disabled+label {
    opacity: .2;
    pointer-events: none
}

.__select__label {
    display: none;
    align-items: center;
    height: 36px;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
    transition: all .2s ease-out;
    cursor: pointer;
    overflow: hidden;
    text-transform: none;
    font-weight: 400
}

.__select__label.disabled {
    background: #EEE;
    opacity: .5;
    pointer-events: none
}

.__select__label.not-found {
    display: none !important
}

.__select__label.not-found.active {
    display: flex !important
}

.__select__label .icon {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.__select__label:hover {
    background: rgba(255, 255, 255, .1)
}

.was-validate input:invalid,
.was-validate select:invalid,
.was-validate textarea:invalid {
    border: 2px solid #ffcdcd !important;
    box-shadow: none !important
}

.was-validate input:invalid~.form__error,
.was-validate select:invalid~.form__error,
.was-validate textarea:invalid~.form__error {
    opacity: 1;
    padding: 2px 6px;
    visibility: visible
}

.was-validate input:valid,
.was-validate select:valid,
.was-validate textarea:valid {
    border: 2px solid #b8efba !important;
    box-shadow: none !important
}

.was-validate input:valid~.form__error,
.was-validate select:valid~.form__error,
.was-validate textarea:valid~.form__error {
    opacity: 0;
    visibility: hidden
}

.form__error {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    opacity: 0;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    background-color: #ffcdcd;
    border-radius: 0 4px 4px 4px;
    transition: opacity .2s, max-height .2s;
    position: absolute;
    z-index: 1;
    bottom: -13px;
    left: 0;
    padding: 2px 6px
}

.label {
    position: relative;
    width: 100%
}

.label input {
    height: 40px;
    padding: 8px 8px 8px 36px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #414E6D;
    width: 100%
}

.label input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.label input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.label input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.label .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    margin: 8px;
    fill: #ccc
}

.search {
    display: flex;
    justify-content: space-between;
    padding: 16px 56px
}

.search__label {
    position: relative;
    max-width: 248px
}

.search__label.width100 {
    max-width: 100%
}

@media screen and (max-width:767px) {
    .search__label {
        max-width: 100%
    }
}

.search__label-input {
    width: 100%;
    height: 40px;
    padding-left: 36px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
    color: #414E6D
}

.search__label-input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.search__label-input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.search__label-input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.search__label-input:focus {
    box-shadow: 0 0 0 2px #0387ce;
    border-color: transparent !important
}

.search__label .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    margin: 8px;
    z-index: 20;
}



.search__label:hover input {
    border-color: #B3B3B3
}

.search__label.reverse input {
    padding: 8px 36px 8px 8px
}

.search__label.reverse .icon {
    position: static
}

.search__label.reverse button {
    position: absolute;
    right: 0
}

.search__label.reset input:not(:-moz-placeholder-shown)+button+button {
    display: none
}

.search__label.reset input:not(:-ms-input-placeholder)+button+button {
    display: none
}

.search__label.reset input:not(:placeholder-shown)+button+button {
    display: none
}

.search__label.extends-on-focus {
    transition: max-width .3s
}

.search__label.extends-on-focus:focus-within {
    max-width: 100%
}

.search__btn {
    flex-shrink: 0;
    margin-right: 16px;
    padding: 8px 16px
}

.search__close {
    padding: 0
}

.search__close:hover .icon {
    fill: #414E6D
}

.search-reset {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    display: none
}

.search-reset.active {
    display: block
}

.search-reset .icon {
    position: relative;
    background-color: #fff
}

@media screen and (max-width:991px) {
    .search {
        padding: 16px
    }
}

.form__half {
    display: flex;
    gap: 16px
}

@media screen and (max-width:991px) {
    .form__half {
        flex-direction: column;
        gap: 0
    }
}

.input-long {
    width: 248px
}

@media screen and (max-width:767px) {
    .input-long {
        width: 100%
    }
}

.textaria {
    position: relative;
    width: 100%
}

.textaria textarea {
    width: 100%;
    min-height: 64px;
    max-height: 64px;
    resize: none;
    padding: 8px 8px 8px 36px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #414E6D
}

.textaria textarea.textarea--large {
    min-height: 144px;
    max-height: 144px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .textaria textarea {
        overflow: auto
    }
}

.textaria textarea::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.textaria textarea:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.textaria textarea::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.textaria .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    margin: 8px;
    fill: #ccc
}

.checkbox__input {
    display: none
}

.checkbox__input:checked+.checkbox__txt::before {
    border: none;
    background: #404D6C;
    background: url(../images/general/check.svg), #404D6C;
    background-repeat: no-repeat;
    background-position: center
}

.checkbox__txt {
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.checkbox__txt::before {
    flex-shrink: 0;
    content: '';
    margin: 6px 10px 6px 6px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: 0 0;
    border: 2px solid #CCC;
    cursor: pointer;
    transition: border-color .3s
}

.checkbox:hover .checkbox__txt::before {
    border-color: #84A7FA
}

.video {
    width: 100%;
    position: relative;
    display: block
}

.video img {
    display: none
}

.video-over {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50%;
    left: 0;
    z-index: 1;
    display: none
}

.video-play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(196, 196, 196, .3);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    z-index: 1;
    cursor: pointer;
    transition: .2s ease;
    transition-property: opacity, visibility
}

.video-play::before {
    display: block;
    content: '';
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: 60px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQQSURBVHgB7Z2LVdswFIZ/czoAmaBmgsIEmAmACWAD6ASkEzSdADoBdAKSCZoNok5ANlDvjaTgKIkth6BHrO+ci08enNh//ivJeqVAQKSUx3SoKL5SnFKUOlA7GuYUonbkmFBMi6KYIxAFPFIT7JziCusi7YqgGFP84WNIQT8FEq6ieKZ4k354pLhCyrDbKIYeRdvEjOKGokQqyDiEs5lRDBE7dJK3+mRjZUZxg9igkyopXmU6cHlcIgboRO5lXOnqCp9zODdKVdaNZPr8xAfYqR0olf2foRq/h8CU4prajwId6SygFu8V+2sEx4KguOgqYicBD1g8g0BHEZ0F7IF4BoEOIjoJ2CPxDAKOIroK+BeHU2G4whXLRVvHxBFaIPFG6J94DF/zQ9ubGh1I4t3S4RH95ju5cLTtxa0C6nKPU/cY/YZT+GxbediUwtxC77t4DGuwNQs3CqhTN+0Oyf3CHcIb75s3pjC9eYb+NFlcEVCpvFIrrzlQqo7HEhmbkuLOfnLFgT1sMHeF3XdSd6HtwApZvCa4Qllxoe3AXPa1MycHDsyDpQOlGgYskWmDO5Ir86CewpfIuLJM40UKSzVj4A0ZV5aViXFghXBUUNMyUoINx9NTlikcLH3pW5xQXCA9ISv+Y1I4WO1L4tktAf5mhwibFS4IOvWTInT5ZwtoSETIAadwlJ2liaT2OQt4joiJXMiSBSyRAJEKeZqMgIbIhFw4MMle50iETCeFtxFaSG7GSARkWzNmV3w3f1rHhVPDtyMPTsAaXpZwfMGBofvqeEZBBQ+wAwUOAKnWovB4DkcFP8yTd6Bvx1mIZB0YyHE2CwcKJERgx9kIFnCKBIhMOMNCwH+ImEiFM4xj7lCtEK9whsGRnqYgEAmRVA4uiPqo3AsCk5BwhjH/MQJOEIgEhTMsTFcfWOeRuTwj1Z3BMoV1OThGxpUnM8Wt3hvzCxlXlnWGPajNzZmcxs0sBtTNA7s/cIRMG8P6A9uBuTJpRsBaQ7fiQF0wZhdu58lecLN2G6VdyCuUSmTqrJR9hrUxEe3CH8jYDDc92bRWLrU7g8/khYx1vemFvNiwnd0WG+p/yKkM3BcNK9cbx4X1Otk+18oj0uB30xtaB591rczlYe+W/JN4Z21vap2ZoGtlLkAF+oOAuuZW8rYn6wjse9sTQ954Z5289dM7Ajts/dR5dpb+AJ4+lsR4siNmjxiBjuw0vY0/SNdQh9DE4WvYSby9INW2n6luwHiHGJBqC9BnmQ6vMsadfWXehHY/0Ek+yLiE5HR9kOquKg2kSuvQjkxPuE3QBVxKtT27L9G4PPayBtDLTHaDdoL5IYIK+/0xAh6rHVNMCo8/RuBVQBst6De8i8lxXDvWEbUjx1QfvQpm8x80OIiIZZxNEwAAAABJRU5ErkJggg==);
    transition: transform .2s ease
}

@media screen and (max-width:991px) {
    .video-play {
        width: 56px;
        height: 56px
    }

    .video-play:before {
        width: 56px;
        height: 56px;
        background-size: 40px
    }
}

.video-play:hover::before {
    transform: scale(1.1)
}

.video video {
    width: 100%;
    display: block;
    max-height: 408px;
    background: radial-gradient(#ccc, transparent)
}

@media (max-width:490px) {
    .video video {
        height: 170px
    }
}

.video.video-is-playing .video-over {
    display: block
}

.video.video-is-playing .video-play {
    opacity: 0;
    visibility: hidden
}

.fancybox__button--fullscreen,
.fancybox__button--slideshow,
.fancybox__button--thumbs,
.fancybox__button--zoom {
    display: none
}

.fancybox__backdrop {
    background: linear-gradient(90deg, rgba(64, 77, 108, .8) 0, rgba(47, 56, 79, .8) 100%)
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-color: #0387ce
}

@media screen and (max-width:575px) {
    .carousel__button {
        display: none
    }
}

.tooltip.show {
    opacity: 1
}

.tooltip-inner a {
    color: #5F82D3;
    transition: none
}

.tooltip-inner a:hover {
    color: #84A7FA
}

.swiper-custom-nav {
    opacity: 1;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 48px;
    height: 48px;
    background: #fff;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05);
    border-radius: 50%;
    z-index: 100;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s 2s ease
}

@media screen and (max-width:500px) {
    .swiper-custom-nav {
        display: none
    }
}

.swiper-custom-nav .icon {
    fill: #ccc;
    width: 30px;
    height: 30px
}

.swiper-custom-nav__prev {
    left: -24px
}

.swiper-custom-nav__prev .icon {
    transform: rotate(180deg)
}

.swiper-custom-nav__prev:hover .icon {
    fill: #4A4953
}

@media (max-width:1619px) {
    .swiper-custom-nav__prev {
        left: -8px
    }
}

.swiper-custom-nav__next {
    right: -24px
}

.swiper-custom-nav__next:hover .icon {
    fill: #4A4953
}

@media (max-width:1619px) {
    .swiper-custom-nav__next {
        right: -8px
    }
}

.swiper-button-disabled {
    background-color: #EEE;
    pointer-events: none
}

.swiper-container-initialized:hover .swiper-custom-nav {
    opacity: 1;
    transition: opacity .3s ease
}

.swiper-pagination {
    display: none;
    justify-content: space-around;
    max-width: 100%;
    padding: 10px 48px 0 48px
}

@media screen and (max-width:500px) {
    .swiper-pagination {
        padding-top: 18px;
        display: flex
    }
}

.swiper-pagination-bullet {
    position: relative;
    height: 12px;
    cursor: pointer;
    padding: 4px 0;
    margin: 0 1px;
    width: 100%
}

.swiper-pagination-bullet::before {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    background-color: #ccc;
    transition: width .2s
}

.swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    top: 4px;
    width: 0
}

.swiper-pagination-bullet-active:after {
    width: 100%
}

.swiper-pagination-bullet-using:after {
    width: 100%
}

.swiper-pagination-bullet:hover:after,
.swiper-pagination-bullet:hover:before {
    transform: scale(.9)
}

.swiper-pagination-bullet:last-child {
    margin-right: 0
}

.slide-in-left {
    animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both
}

.fade-out {
    animation: fade-out 2s ease-out both
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-300%);
        opacity: 0
    }

    50% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle input {
    width: 0;
    height: 0;
    opacity: 0;
    display: none
}

.toggle input+label {
    position: relative;
    padding-left: 40px;
    cursor: pointer
}

.toggle input+label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 20px;
    border-radius: 22px;
    background-color: #B3B3B3;
    transition: background-color .3s
}

.toggle input+label::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 16px;
    background: #fff;
    transition: left .3s, right .3s, background .3s
}

.toggle input:checked+label::after {
    left: 14px
}

.toggle input:checked+label::before {
    background-color: #5F82D3
}

.toggle_reverse {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse
}

.toggle_reverse input+label {
    padding-left: 0;
    padding-right: 48px
}

.toggle_reverse input+label::before {
    left: initial;
    right: 0
}

.toggle_reverse input+label::after {
    left: initial;
    right: 21px
}

.toggle_reverse label:first-child {
    padding-left: 8px
}

.toggle_reverse input:checked+label::after {
    left: initial;
    right: 3px
}

.toggle_double-label input+label::after {
    background-color: #5F82D3
}

.radio {
    align-items: center;
    display: flex;
    padding: 8px;
    padding-left: 4px
}

.radio input:checked,
.radio input:not(:checked) {
    position: absolute;
    left: -9999px
}

.radio input:checked+span,
.radio input:not(:checked)+span {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    min-height: 20px;
    color: #42526E;
    font-size: 1rem;
    line-height: 1.4
}

.radio input:checked+span:before,
.radio input:not(:checked)+span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 2px solid #DFE1E6;
    border-radius: 100%;
    background: #fff;
    transition: border-color .3s
}

.radio input:checked+span {
    color: #091E42
}

.radio input:checked+span:before {
    border-color: #37425D
}

.radio input:checked+span:after,
.radio input:not(:checked)+span:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #37425D;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    border-radius: 100%;
    transition: all .2s ease
}

.radio input:disabled+span {
    color: #ddd
}

.radio input:disabled+span:before {
    border-color: #DFE1E6 !important;
    background-color: #F4F5F7
}

.radio input:disabled+span:after {
    background-color: #DFE1E6
}

.radio input:not(:checked)+span:after {
    opacity: 0
}

.radio input:checked+span:after {
    opacity: 1
}

.loader {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/general/loading.png);
    animation: loader-animation 1s infinite linear;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%
}

.loader--20 {
    width: 20px;
    height: 20px
}

.loader--30 {
    width: 30px;
    height: 30px
}

@keyframes loader-animation {
    to {
        transform: rotate(-1turn)
    }
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-size: 16px;
    margin-right: 0 !important
}

body {
    min-height: 100vh;
    background-color: #eff0f3;
    color: #4a4953;
    text-rendering: optimizeSpeed;
    font-family: 'PT Root UI', sans-serif;
    overflow-x: hidden;
    font-size: .875rem;
    line-height: 1.5rem
}

body.hidden {
    overflow: hidden
}

@media (min-width:992px) {
    body.hidden {
        padding-right: 4px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.no-scroll {
        overflow: hidden !important
    }
}

body.no-scroll .header {
    right: 4px !important
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.no-scroll .header {
        right: 17px !important
    }
}

body.no-scroll .map iframe {
    width: calc(100% - 4px)
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.no-scroll .map iframe {
        width: calc(100% - 17px)
    }
}

body.no-scroll .map__filter {
    right: 4px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.no-scroll .map__filter {
        right: 17px
    }
}

@media (min-width:1024px) {
    body.modal-open .header {
        right: 4px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.modal-open .header {
        right: 17px
    }
}

body.modal-open .header::before {
    content: '';
    position: absolute;
    background-color: #fff;
    display: block;
    position: absolute;
    right: -4px;
    height: 100%;
    width: 5px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.modal-open .header::before {
        right: -17px;
        width: 18px
    }
}

@media screen and (max-width:991px) {
    body.modal-open {
        padding-right: 0 !important
    }

    body.modal-open .header {
        right: 0
    }
}

body.modal-open .map iframe {
    width: calc(100% - 4px)
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.modal-open .map iframe {
        width: calc(100% - 17px)
    }
}

body.modal-open .map__filter {
    right: 4px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.modal-open .map__filter {
        right: 17px
    }
}

ol[class],
ul[class] {
    list-style: none;
    padding: 0
}

img {
    max-width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto
}

button,
input,
select,
textarea {
    font: inherit
}

input,
textarea {
    outline: 0;
    resize: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    transition: .3s linear;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    border-radius: 8px
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    -moz-transition: .3s linear;
    transition: .3s linear
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    -ms-transition: .3s linear;
    transition: .3s linear
}

input::placeholder,
textarea::placeholder {
    transition: .3s linear
}

input:active,
input:focus,
textarea:active,
textarea:focus {
    outline: 0 !important;
    box-shadow: none
}

input::-ms-clear,
input::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input::-webkit-search-cancel-button,
input::-webkit-search-decoration,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration,
textarea::-webkit-search-cancel-button,
textarea::-webkit-search-decoration,
textarea::-webkit-search-results-button,
textarea::-webkit-search-results-decoration {
    display: none
}

button {
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer
}

button:active,
button:focus {
    outline: 0
}

button::-moz-focus-inner {
    border: 0
}

a {
    color: inherit;
    text-decoration: none;
    transition: .3s linear
}

a:active,
a:hover {
    text-decoration: none;
    color: inherit
}

.link {
    color: #5F82D3
}

.link:hover,
.link:hover svg {
    color: #84A7FA;
    fill: #84A7FA
}

.link-with-icon,
.link-with-icon-prev {
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: transform .3s
}

.link-with-icon .link,
.link-with-icon-prev .link {
    font-weight: 500
}

.link-with-icon svg,
.link-with-icon-prev svg {
    fill: #CCC
}

.link-with-icon--large,
.link-with-icon-prev--large {
    font-size: 16px
}

.link-with-icon-prev.active svg,
.link-with-icon.active svg {
    transform: scale(-1)
}

h1,
h2 {
    margin-bottom: 0
}

svg {
    transition: .3s linear
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@media screen and (max-width:575px) {
    .wrapper:has(.service-tab__content-info) footer {
        margin-bottom: 106px
    }
}

.content {
    flex: 1 0 auto
}

.icon {
    width: 1.5rem;
    height: 1.5rem
}

.icon-pdf {
    fill: #DD2025 !important
}

.icon-excel {
    fill: #20744A
}

.border {
    border: 1px solid #E6E6E6
}

.rounded {
    border-radius: .5rem
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: '';
    background-color: rgba(0, 0, 0, 0)
}

.w-100 {
    width: 100%
}

.tooltip-holder {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 40px;
    z-index: 144
}

.tooltip-holder.showed {
    height: 55px;
    width: 300px
}

@media screen and (max-width:575px) {
    .tooltip-holder.showed {
        width: 55px
    }
}

.loading {
    opacity: .6;
    pointer-events: none
}

.loading:after {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid gray;
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite
}

.loading--center:after {
    margin: auto;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 25px
}

.loading-categories-spin {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #666;
    gap: 16px
}

@media screen and (max-width:767px) {
    .loading-categories-spin {
        flex-direction: column;
        text-align: center
    }
}

.loading-categories-spin img {
    width: 32px;
    height: 32px;
    animation: spin 1s ease-in-out infinite
}

#top-categories {
    position: relative
}

@media screen and (max-width:767px) {
    #top-categories ._material-list {
        max-height: 0
    }
}

@media screen and (max-width:767px) {
    #top-categories.top-loading {
        position: fixed;
        top: 0;
        bottom: 0
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

[data-hideoverflow=true] {
    overflow: hidden
}

.toggleOverflowBtn {
    padding: 16px;
    text-align: center;
    color: #5F82D3;
    cursor: pointer;
    transition: color .2s;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center
}

.toggleOverflowBtn.active {
    box-shadow: none !important
}

.toggleOverflowBtn>span>span:first-child {
    display: none
}

.toggleOverflowBtn>span>span:last-child {
    display: inline-block
}

.toggleOverflowBtn .icon {
    fill: #CCC
}

.toggleOverflowBtn:hover {
    color: #84A7FA
}

.toggleOverflowBtn:hover .icon {
    fill: #84A7FA
}

.toggleOverflowBtn.active {
    box-shadow: none
}

.toggleOverflowBtn.active>span>span:first-child {
    display: inline-block
}

.toggleOverflowBtn.active>span>span:last-child {
    display: none
}

.toggleOverflowBtn.active .icon {
    transform: scale(-1)
}

.toggleOverflowBtn.dh {
    display: none
}

.no-found {
    font-weight: 500;
    font-size: 18px;
    color: #B3B3B3
}

.tag-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .tag-links {
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 12px;
        margin-bottom: -12px;
        margin-right: -16px;
        padding-right: 16px
    }
}

.tag-link {
    font-size: 14px;
    color: #4A4953;
    padding: 8px 12px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    transition: .3s;
    white-space: nowrap;
    display: flex;
    gap: 10px
}

.tag-link svg {
    fill: #CCC
}

.tag-link.active {
    background-color: #FFF7E2;
    border-color: #E6E6E6
}

.tag-link:hover {
    border-color: #B3B3B3
}

.tag-link_bold {
    font-weight: 500;
    font-size: 18px
}

.tag-link_bold:hover {
    color: #5F82D3;
    border-color: transparent
}

.h-100 {
    height: 100%
}

.display-none {
    display: none !important
}

.flex-column-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.gradient-text16,
.gradient-text16 span,
.gradient-title12,
.gradient-title12 span,
.gradient-title14,
.gradient-title14 span,
.gradient-title16,
.gradient-title16 span,
.gradient-title18,
.gradient-title18 span,
.gradient-title20,
.gradient-title20 span,
.gradient-title24,
.gradient-title32,
.gradient-title32 span {
    background: -webkit-linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gradient-title32,
.gradient-title32 span {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 48px !important
}

@media screen and (max-width:575px) {

    .gradient-title32,
    .gradient-title32 span {
        font-size: 20px !important;
        line-height: 28px !important
    }
}

.gradient-title24 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !important
}

@media screen and (max-width:575px) {
    .gradient-title24 {
        font-size: 20px !important;
        line-height: 28px !important
    }
}

.gradient-title20,
.gradient-title20 span {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px !important
}

.gradient-title18,
.gradient-title18 span {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important
}

.gradient-title16,
.gradient-title16 span {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important
}

.gradient-title14,
.gradient-title14 span {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 16px !important
}

.gradient-title12,
.gradient-title12 span {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important
}

.gradient-text16,
.gradient-text16 span {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important
}

.mist80-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #4A4953
}

.mist80-title24 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #4A4953
}

.mist80-title18 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #4A4953
}

.mist80-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4A4953
}

.mist30-title {
    font-weight: 500;
    font-size: 18px;
    color: #B3B3B3;
    line-height: 24px
}

.mist40-title {
    font-weight: 400;
    font-size: 14px;
    color: #999;
    line-height: 24px
}

.mist40-text {
    font-weight: 400;
    line-height: 16px;
    color: #999
}

.fs-24 {
    font-size: 24px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-12 {
    font-size: 12px !important
}

.mr-0 {
    margin-right: 0 !important
}

.ml-16 {
    margin-left: 16px !important
}

.lh-24 {
    line-height: 24px !important
}

.lh-20 {
    line-height: 20px
}

.fw-500 {
    font-weight: 500
}

.modal {
    z-index: 3010
}

.modal-backdrop {
    z-index: 3009
}

.position-relative {
    position: relative
}

[data-hover-hidden] {
    position: relative
}

[data-hover-hidden]:after {
    content: '';
    display: inline-block;
    width: 150px;
    margin-left: -150px;
    height: 1em;
    line-height: 0;
    vertical-align: middle;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 99%)
}

[data-copy] {
    position: relative
}

[data-copy] .icon-good {
    opacity: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

[data-copy].copied {
    background-color: transparent;
    border-color: transparent;
    cursor: default !important
}

[data-copy].copied .icon-copy {
    opacity: 0
}

[data-copy].copied .icon-good {
    opacity: 1
}

[data-copy].copied button {
    cursor: default !important
}

[data-copy].copied svg {
    fill: #B8EFBA !important
}

footer [data-hover-hidden]:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #232c43 99%)
}

.overflow-hidden {
    overflow: hidden
}

.pr-17px {
    padding-right: 17px
}

.custom-fancybox {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.custom-fancybox .fancybox__nav button {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 100%
}

.custom-fancybox .fancybox__nav button svg {
    color: #CCC;
    filter: none
}

.custom-fancybox .carousel__slide {
    padding-left: 5px;
    padding-right: 5px
}

.custom-fancybox .carousel__slide .fancybox__thumb:after {
    opacity: 1;
    border-color: transparent;
    background-color: rgba(255, 255, 255, .4)
}

.custom-fancybox .carousel__slide.is-nav-selected .fancybox__thumb:after {
    border-color: #0387ce !important;
    background-color: transparent;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px
}

.custom-tooltip {
    border-radius: 8px 8px 8px 0 !important;
    border: 1px solid #e6e6e6
}

.ml-mr-auto {
    margin-left: auto;
    margin-right: auto
}

.gap-3 {
    gap: 16px
}

.nav-pages {
    font-size: 25px;
    line-height: 40px;
    list-style: none;
    color: #414E6D;
    background-color: #fff;
    border-radius: 24px;
    margin-bottom: 0
}

.nav-pages.d-flex {
    justify-content: space-between
}

.nav-pages.d-flex>ul {
    padding: 0
}

.nav-pages.d-flex>ul:last-child {
    width: 30%
}

.nav-pages .fill-red {
    fill: red
}

.nav-pages li {
    text-align: center;
    transition: .2s;
    border-radius: 10px;
    display: flex
}

.nav-pages li>svg+a {
    margin-left: 0
}

.nav-pages li>a {
    margin-left: 23px
}

.nav-pages li a {
    display: flex;
    width: 100%
}

.nav-pages li a span {
    font-size: 12px;
    margin: auto 0 auto auto;
    font-weight: 500
}

.nav-pages li a span .icon {
    width: 40px;
    height: 40px;
    fill: #B3B3B3
}

.nav-pages li:hover {
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .05)
}

.nav-pages li.done a,
.nav-pages li.done span {
    color: #B8EFBA
}

.nav-pages li.done a .icon,
.nav-pages li.done span .icon {
    fill: #B8EFBA;
    width: 40px;
    height: 40px
}

.nav-pages li.done-progress a {
    color: #58CAA1
}

.main__head {
    margin-top: 16px !important
}

.main__advantages,
.main__commercial,
.main__head,
.main__partners,
.main__special,
.main__stat,
.main__tab {
    margin: 24px auto
}

@media screen and (max-width:991px) {

    .main__advantages,
    .main__commercial,
    .main__head,
    .main__partners,
    .main__special,
    .main__stat,
    .main__tab {
        margin: 16px auto
    }
}

.main__partners .partners {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .main__head .row .col-lg-9 {
        width: calc(100% - 384px)
    }
}

.about-company .accordion {
    margin: 0
}

.about-company_company ._block-head {
    padding: 0 24px !important
}

.about-company_company .tab__link-item {
    min-height: 60px;
    padding-top: 16px;
    height: 100%;
    line-height: 28px
}

.about-company_company .tab__link-item h1,
.about-company_company .tab__link-item span {
    line-height: 28px
}

@media screen and (max-width:991px) {
    .about-company .row {
        flex-direction: column-reverse
    }
}

.about-company .main__partners .col-12 {
    padding-left: 0;
    padding-right: 0
}

.about-company .about-company__sidebar ._block:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (max-width:575px) {
    .about-company .about-company__sidebar ._block:not(:last-child) {
        margin-bottom: 16px
    }
}

.about-company .main__partners .partners__body-card {
    flex: 0 0 calc(33.333% - 18px)
}

@media screen and (max-width:1199px) {
    .about-company .main__partners .partners__body-card {
        flex: 0 0 calc(50% - 12px)
    }
}

@media screen and (max-width:991px) {
    .about-company .main__partners .partners__body-card {
        flex: 0 0 calc(50% - 12px)
    }
}

@media screen and (max-width:767px) {
    .about-company .main__partners .partners__body-card {
        flex: initial;
        flex-shrink: 0 !important
    }
}

.production__breadcrumb {
    margin-top: 32px;
    margin-bottom: 24px
}

.production__production {
    margin-bottom: 48px
}

.production__features {
    margin-bottom: 48px
}

@media screen and (max-width:991px) {
    .production__breadcrumb {
        display: none
    }

    .production__production {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .production__features {
        margin-bottom: 16px
    }
}

.service__breadcrumb {
    margin-top: 32px;
    margin-bottom: 24px
}

.service__features,
.service__service-tab {
    margin-bottom: 48px
}

@media screen and (max-width:991px) {
    .service__breadcrumb {
        display: none
    }

    .service__service-tab {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .service__features {
        margin-bottom: 16px
    }
}

.aluminumrolled__listing {
    margin-bottom: 24px
}

@media screen and (max-width:991px) {
    .aluminumrolled__listing {
        margin-bottom: 16px
    }
}

.aluminumrolled__info,
.aluminumrolled__interesting,
.aluminumrolled__service-tab,
.aluminumrolled__tab {
    margin-bottom: 48px
}

@media screen and (max-width:991px) {

    .aluminumrolled__info,
    .aluminumrolled__interesting,
    .aluminumrolled__service-tab,
    .aluminumrolled__tab {
        margin-bottom: 16px
    }
}

.aluminumrolled__info .col-lg-8 ._block {
    padding-bottom: 0;
    overflow: hidden
}

.aluminumrolled__info .col-lg-8 ._block .toggleOverflowBtn {
    border-top: 1px solid #E6E6E6;
    margin-top: 10px;
    position: relative;
    box-shadow: 0 -9px 16px 11px #fff
}

@media screen and (min-width:575px) {
    #page__aluminumrolled>._block-group:first-child {
        border-bottom: none;
        padding-bottom: 0
    }

    #page__aluminumrolled ._block-filter {
        padding-top: 20px
    }

    #page__aluminumrolled .filters>div:first-child {
        border-bottom: 1px solid #e6e6e6;
        padding: 0 2rem 24px;
        margin: 0 -2rem
    }
}

#page__aluminumrolled .mobile_menu_filters_categories {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #fff;
    padding: 8px 16px 16px;
    box-shadow: 0 -4px 50px rgba(0, 0, 0, .08)
}

.rolledmetal__breadcrumb {
    margin-top: 32px;
    margin-bottom: 24px
}

.rolledmetal__features,
.rolledmetal__production,
.rolledmetal__rolledmetal,
.rolledmetal__service-tab,
.rolledmetal__tab {
    margin-bottom: 48px;
    margin-top: 24px
}

@media screen and (max-width:991px) {
    .rolledmetal__breadcrumb {
        display: none
    }

    .rolledmetal__rolledmetal {
        margin-bottom: 16px
    }

    .rolledmetal__tab {
        margin-bottom: 0
    }

    .rolledmetal__features,
    .rolledmetal__production,
    .rolledmetal__service-tab {
        margin-bottom: 16px;
        margin-top: 16px
    }

    .rolledmetal #page__aluminumrolled {
        margin-bottom: 16px
    }
}

.stamps-list {
    margin-bottom: 0;
    border-top: 1px solid #E6E6E6
}

@media screen and (max-width:767px) {
    .stamps-list {
        margin-top: 16px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .stamps-list {
        border: none
    }
}

.stamps-list__item {
    border-bottom: 1px solid #E6E6E6
}

.stamps-list__head {
    padding: 16px 32px;
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
    background-color: #fff;
    z-index: 2;
    transition: box-shadow .3s
}

.stamps-list__head--shadow {
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05)
}

@media screen and (max-width:991px) {
    .stamps-list__head {
        flex-direction: column;
        padding: 16px 16px 8px;
        gap: 8px
    }
}

.stamps-list__stamp {
    display: flex;
    gap: 16px;
    align-items: center
}

@media screen and (min-width:992px) {
    .stamps-list__stamp {
        flex: 0 0 325px
    }
}

@media screen and (max-width:991px) {
    .stamps-list__stamp {
        gap: 8px
    }
}

.stamps-list__material {
    flex: 1;
    font-size: 18px;
    color: #999
}

@media screen and (max-width:991px) {
    .stamps-list__material {
        font-size: 16px
    }
}

.stamps-list__name {
    font-weight: 700;
    font-size: 20px;
    color: #4A4953
}

@media screen and (max-width:991px) {
    .stamps-list__name {
        font-size: 18px
    }
}

.stamps-list__country {
    width: 21px;
    height: 15px;
    border-radius: 3px;
    overflow: hidden
}

.stamps-list__analog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px
}

.stamps-list__analog .__select__content {
    right: -5px
}

.stamps-list__body {
    padding: 8px 32px 16px 32px
}

@media screen and (max-width:991px) {
    .stamps-list__body {
        padding: 0
    }
}

.stamps-list__category {
    padding: 8px 32px 16px 32px !important
}

@media screen and (min-width:992px) {
    .stamps-list__category {
        margin-left: 325px
    }
}

@media screen and (max-width:991px) {
    .stamps-list__category {
        padding: 0 0 16px 0 !important
    }
}

.stamps-list__category-item {
    position: relative;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    transition: border-color .3s
}

@media screen and (min-width:992px) {
    .stamps-list__category-item:hover {
        background-color: #EEF5FF
    }
}

.stamps-list__category-name {
    font-weight: 500;
    font-size: 18px;
    color: #4A4953
}

@media screen and (max-width:767px) {
    .stamps-list__category-name {
        font-weight: 400;
        font-size: 14px;
        color: #5F82D3;
        width: 100%
    }

    .stamps-list__category-name:before {
        content: '';
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 16px;
        width: 24px;
        height: 24px;
        background: url(../images/general/Arrow-right.svg)
    }
}

.stamps-list__category-name:hover {
    color: #000
}

.stamps-list__category-info {
    display: flex;
    gap: 24px
}

@media screen and (max-width:767px) {
    .stamps-list__category-info {
        display: none
    }
}

.stamps-list__category-price {
    font-size: 18px;
    color: #B3B3B3
}

.stamps-list__category-find {
    z-index: 1;
    font-weight: 500;
    color: #5F82D3;
    cursor: pointer
}

.stamps-list__category-spec,
.stamps-list__category-stock {
    width: 24px;
    height: 24px;
    background: url(../images/general/spec.svg);
    opacity: 0
}

.stamps-list__category-spec.active,
.stamps-list__category-stock.active {
    opacity: 1;
    z-index: 1
}

.stamps-list__category-stock {
    background: url(../images/general/instock.svg)
}

.stamps-list__loadmore {
    display: inline-flex;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .stamps-list__loadmore {
        display: flex;
        justify-content: center;
        margin-top: 16px;
        margin-bottom: -16px
    }
}

.stamps-list__loadmore.active svg {
    transform: scale(-1)
}

.stamps-list__loadmore:hover {
    background-color: #fff
}

.gostLevel2__breadcrumb {
    margin-top: 32px;
    margin-bottom: 24px
}

.gostLevel2__listing {
    margin-bottom: 48px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width:991px) {
    .gostLevel2__breadcrumb {
        display: none
    }

    .gostLevel2__listing {
        margin-bottom: 16px
    }

    .gostLevel2__listing #page__gostLevel2 {
        margin-bottom: 16px
    }
}

.gost_categories {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.gost_categories__title {
    font-family: PT Root UI;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #4a4953
}

.gost_categories__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px
}

@media screen and (max-width:1200px) {
    .gost_categories__content {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (max-width:950px) {
    .gost_categories__content {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:650px) {
    .gost_categories__content {
        grid-template-columns: 1fr
    }
}

.gost_categories__category {
    display: flex;
    padding: 8px 16px 8px 8px;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--grayscale-mist-10, #e6e6e6);
    background: var(--grayscale-white, #fff)
}

.gost_categories__category.inactive {
    display: none
}

.gost_categories__category_icon {
    width: 56px;
    height: 56px;
    flex-shrink: 0
}

.gost_categories__category_icon img {
    width: 56px;
    height: 56px;
    border-radius: 8px 8px 0 8px
}

@media screen and (max-width:650px) {
    .gost_categories__category_icon {
        width: 48px;
        height: 48px
    }

    .gost_categories__category_icon img {
        width: 48px;
        height: 48px
    }
}

.gost_categories__category_info {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.gost_categories__category_name {
    color: var(--grayscale-mist-80, #4a4953);
    font-family: PT Root UI;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.gost_categories__category_gost {
    color: #8f8f92;
    font-family: PT Root UI;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.gost_categories__collapser.inactive {
    display: none
}

.gost_page {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.gost_page__head_wrapper {
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

@media screen and (max-width:800px) {
    .gost_page__head_wrapper {
        flex-direction: column;
        align-items: flex-start
    }
}

.gost_page__labels {
    display: flex;
    overflow: auto;
    padding-bottom: 10px;
    margin-bottom: -10px
}

.gost_page__labels_link {
    font-weight: 500;
    color: #5F82D3;
    display: flex;
    align-items: center
}

.gost_page__labels_link .icon {
    fill: #CCC
}

.gost_page__labels .icon {
    margin: -4px
}

.gost_page__labels a {
    cursor: pointer
}

.gost_page__description {
    font-size: 12px;
    line-height: 16px;
    color: #666
}

.gost_page__pages {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 24px;
    padding: 16px 0
}

.gost_page__pages img {
    width: 100%;
    max-width: 992px
}

.gost_page__pages embed {
    max-width: 1200px
}

.gost_page__body_wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.gost_page__body_wrapper_title {
    display: flex;
    align-items: center;
    gap: 16px
}

.gost_page__body_wrapper_title span {
    font-family: 'PT Root UI';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 12px;
    background: var(--gradient-metal, linear-gradient(90deg, #404d6c 0, #2f384f 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gost_page__body_wrapper .label.search__label {
    flex: 1;
    max-width: unset
}

.gost_page__body_wrapper_search {
    flex: 1;
    margin: 0 -12px
}

.gost_page__body_wrapper_search_content {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px;
    border-radius: 0 0 8px 8px;
    background-color: #fff
}

.gost_page__body_wrapper_search_content input {
    flex: 1
}

@media screen and (max-width:600px) {
    .gost_page__body_wrapper_search_content .search__label {
        display: none
    }
}

.gost_page__body_wrapper_search_content a {
    text-transform: none
}

@media screen and (max-width:600px) {
    .gost_page__body_wrapper_search_content a {
        flex: 1;
        text-align: center
    }
}

.gost_page__body_wrapper_search_results {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 8px
}

.gost_page__body_wrapper_search_results .search_results_count {
    color: #999;
    font-size: 12px
}

.gost_page__body_wrapper_search_results .icon {
    position: static;
    margin: 0;
    cursor: pointer
}

.gost_page__body_wrapper_search_results .icon:hover {
    fill: #666
}

.gost_page .gostbody marker {
    display: inline;
    background-color: #d3dff5
}

.gost_page .gostbody marker.active {
    background-color: #a1bcfa
}

.gost_page .gost_empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 80px 0
}

.gost_page .gost_empty__description {
    color: var(--grayscale-mist-80, #4a4953);
    text-align: center;
    font-family: PT Root UI;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.gost_pdf_page__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

.gost_pdf_page__page {
    min-width: 220px;
    max-width: 800px
}

.gost_pdf_page__page img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.gostbody {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.125em
}

.gostbody a {
    color: #0d6efd
}

.gostbody a:hover {
    color: #0d6efd;
    text-decoration: underline
}

.gostbody-table {
    margin-left: auto;
    margin-right: auto;
    min-width: 220px;
    max-width: 800px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    overflow-x: auto
}

.gostbody-header {
    line-height: 22px;
    color: #393a3d;
    font-weight: 700;
    font-size: 120%;
    margin-bottom: 1em !important;
    margin-top: .1em !important
}

.gostbody-line {
    padding-top: 1em
}

.gostbody-image {
    display: inline;
    vertical-align: middle
}

.gostbody-text {
    margin-bottom: .1em;
    margin-top: .1em;
    line-height: 22px
}

.gostbody p {
    min-width: 220px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    word-wrap: break-word;
    word-break: keep-all;
    margin-bottom: .3em;
    box-sizing: border-box;
    margin-top: 0;
    position: relative
}

.gostbody table {
    border-collapse: collapse
}

.gostbody table tr {
    position: relative
}

.gostbody table td {
    height: 1.4em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.gostbody table p {
    min-width: inherit;
    max-width: inherit;
    padding-right: 0;
    padding-left: 0;
    line-height: 1.4em;
    font-size: 14px
}

.cs_0001 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0002 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0003 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0004 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0005 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0006 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0007 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0008 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0009 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_000a {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_000b {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_000c {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_000d {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_000e {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_000f {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0010 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0011 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0012 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_0013 {
    width: 594px
}

#id_0014 {
    width: 592px
}

#id_0015 {
    width: 679px
}

#id_0016 {
    width: 644px
}

#id_0017 {
    width: 684px
}

#id_0018 {
    width: 752px
}

.cs_0019 {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_001a {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_001b {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_001c {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_001d {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_001e {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_001f {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0020 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0021 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0022 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0023 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0024 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0025 {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_0026 {
    width: 704px
}

#id_0027 {
    width: 706px
}

#id_0028 {
    width: 703px
}

#id_0029 {
    width: 698px
}

#id_002a {
    width: 697px
}

#id_002b {
    width: 699px
}

#id_002c {
    width: 700px
}

#id_002d {
    width: 696px
}

#id_002e {
    width: 702px
}

#id_002f {
    width: 732px
}

#id_0030 {
    width: 838px
}

#id_0031 {
    width: 707px
}

#id_0032 {
    width: 718px
}

.cs_0033 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0034 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0035 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0036 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0037 {
    width: 705px
}

#id_0038 {
    width: 775px
}

#id_0039 {
    width: 734px
}

#id_003a {
    width: 728px
}

#id_003b {
    width: 725px
}

#id_003c {
    width: 724px
}

#id_003d {
    width: 721px
}

#id_003e {
    width: 710px
}

#id_003f {
    width: 685px
}

#id_0040 {
    width: 714px
}

#id_0041 {
    width: 635px
}

.cs_0042 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0043 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0044 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

#id_0045 {
    width: 686px
}

#id_0046 {
    width: 717px
}

.cs_0047 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0048 {
    padding-left: 8.17px;
    padding-right: 8.17px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0049 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_004a {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_004b {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_004c {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_004d {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_004e {
    width: 618px
}

#id_004f {
    width: 315px
}

#id_0050 {
    width: 476px
}

.cs_0051 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0052 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0053 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0054 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0055 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0056 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0057 {
    padding-left: 3.51px;
    padding-right: 3.51px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0058 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0059 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_005a {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_005b {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_005c {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_005d {
    width: 621px
}

#id_005e {
    width: 723px
}

.cs_005f {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0060 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0061 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0062 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0063 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0064 {
    padding-left: 8.19px;
    padding-right: 8.19px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0065 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0066 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0067 {
    padding-left: 8.18px;
    padding-right: 8.18px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_0068 {
    width: 758px
}

#id_0069 {
    width: 727px
}

#id_006a {
    width: 726px
}

#id_006b {
    width: 762px
}

.cs_006c {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_006d {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_006e {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_006f {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0070 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_0071 {
    width: 492px
}

#id_0072 {
    width: 504px
}

#id_0073 {
    width: 687px
}

#id_0074 {
    width: 424px
}

#id_0075 {
    width: 576px
}

#id_0076 {
    width: 544px
}

#id_0077 {
    width: 742px
}

#id_0078 {
    width: 479px
}

#id_0079 {
    width: 735px
}

#id_007a {
    width: 444px
}

#id_007b {
    width: 744px
}

#id_007c {
    width: 478px
}

#id_007d {
    width: 515px
}

#id_007e {
    width: 631px
}

#id_007f {
    width: 549px
}

#id_0080 {
    width: 637px
}

#id_0081 {
    width: 739px
}

#id_0082 {
    width: 671px
}

#id_0083 {
    width: 675px
}

#id_0084 {
    width: 672px
}

#id_0085 {
    width: 731px
}

#id_0086 {
    width: 692px
}

#id_0087 {
    width: 741px
}

#id_0088 {
    width: 751px
}

#id_0089 {
    width: 437px
}

#id_008a {
    width: 677px
}

#id_008b {
    width: 766px
}

#id_008c {
    width: 797px
}

#id_008d {
    width: 683px
}

#id_008e {
    width: 691px
}

#id_008f {
    width: 716px
}

#id_0090 {
    width: 719px
}

#id_0091 {
    width: 438px
}

#id_0092 {
    width: 733px
}

#id_0093 {
    width: 693px
}

#id_0094 {
    width: 689px
}

#id_0095 {
    width: 690px
}

#id_0096 {
    width: 464px
}

#id_0097 {
    width: 484px
}

#id_0098 {
    width: 473px
}

#id_0099 {
    width: 560px
}

.cs_009a {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_009b {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_009c {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_009d {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_009e {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_009f {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_00a0 {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00a1 {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_00a2 {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00a3 {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_00a4 {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_00a5 {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00a6 {
    padding-left: 4.67px;
    padding-right: 4.67px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_00a7 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_00a8 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00a9 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_00aa {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00ab {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_00ac {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00ad {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_00ae {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_00af {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00b0 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_00b1 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00b2 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_00b3 {
    padding-left: 5.85px;
    padding-right: 5.85px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_00b4 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00b5 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00b6 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00b7 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00b8 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00b9 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00ba {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00bb {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00bc {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00bd {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00be {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

#id_00bf {
    width: 513px
}

#id_00c0 {
    width: 666px
}

#id_00c1 {
    width: 608px
}

#id_00c2 {
    width: 538px
}

#id_00c3 {
    width: 658px
}

#id_00c4 {
    width: 670px
}

#id_00c5 {
    width: 534px
}

#id_00c6 {
    width: 713px
}

#id_00c7 {
    width: 552px
}

#id_00c8 {
    width: 730px
}

#id_00c9 {
    width: 668px
}

#id_00ca {
    width: 720px
}

#id_00cb {
    width: 503px
}

#id_00cc {
    width: 559px
}

#id_00cd {
    width: 556px
}

#id_00ce {
    width: 531px
}

#id_00cf {
    width: 678px
}

#id_00d0 {
    width: 740px
}

#id_00d1 {
    width: 456px
}

#id_00d2 {
    width: 711px
}

#id_00d3 {
    width: 800px
}

#id_00d4 {
    width: 859px
}

#id_00d5 {
    width: 852px
}

#id_00d6 {
    width: 664px
}

.cs_00d7 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00d8 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00d9 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00da {
    padding-left: 4px;
    padding-right: 4px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_00db {
    width: 860px
}

.cs_00dc {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00dd {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00de {
    padding-left: 3px;
    padding-right: 3px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00df {
    padding-left: 3px;
    padding-right: 3px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00e0 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_00e1 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00e2 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_00e3 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_00e4 {
    width: 661px
}

#id_00e5 {
    width: 765px
}

#id_00e6 {
    width: 747px
}

.cs_00e7 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00e8 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_00e9 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_00ea {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00eb {
    padding-left: 7px;
    padding-right: 7px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_00ec {
    width: 737px
}

#id_00ed {
    width: 561px
}

#id_00ee {
    width: 526px
}

#id_00ef {
    width: 795px
}

#id_00f0 {
    width: 803px
}

#id_00f1 {
    width: 835px
}

#id_00f2 {
    width: 1040px
}

#id_00f3 {
    width: 1034px
}

#id_00f4 {
    width: 903px
}

#id_00f5 {
    width: 1032px
}

.cs_00f6 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00f7 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_00f8 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00f9 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_00fa {
    width: 620px
}

#id_00fb {
    width: 627px
}

#id_00fc {
    width: 632px
}

#id_00fd {
    width: 645px
}

.cs_00fe {
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_00ff {
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0100 {
    padding-left: 2px;
    padding-right: 2px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0101 {
    padding-left: 2px;
    padding-right: 2px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0102 {
    width: 822px
}

.cs_0103 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0104 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0105 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0106 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0107 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0108 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0109 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_010a {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_010b {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_010c {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_010d {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_010e {
    width: 607px
}

#id_010f {
    width: 625px
}

.cs_0110 {
    padding-left: 16.35px;
    padding-right: 16.35px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0111 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

#id_0112 {
    width: 285px
}

#id_0113 {
    width: 738px
}

#id_0114 {
    width: 676px
}

.cs_0115 {
    padding-left: 3.5px;
    padding-right: 3.5px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_0116 {
    width: 622px
}

#id_0117 {
    width: 709px
}

#id_0118 {
    width: 615px
}

#id_0119 {
    width: 623px
}

#id_011a {
    width: 1084px
}

#id_011b {
    width: 680px
}

#id_011c {
    width: 546px
}

#id_011d {
    width: 641px
}

#id_011e {
    width: 651px
}

#id_011f {
    width: 673px
}

#id_0120 {
    width: 650px
}

.cs_0121 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0122 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0123 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

#id_0124 {
    width: 960px
}

#id_0125 {
    width: 950px
}

#id_0126 {
    width: 990px
}

#id_0127 {
    width: 1030px
}

#id_0128 {
    width: 1020px
}

#id_0129 {
    width: 636px
}

#id_012a {
    width: 602px
}

#id_012b {
    width: 1246px
}

#id_012c {
    width: 1247px
}

.cs_012d {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_012e {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_012f {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0130 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0131 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_0132 {
    width: 609px
}

.cs_0133 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0134 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0135 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0136 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0137 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0138 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0139 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_013a {
    width: 665px
}

#id_013b {
    width: 599px
}

.cs_013c {
    padding-left: 11.69px;
    padding-right: 11.69px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_013d {
    padding-left: 11.69px;
    padding-right: 11.69px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_013e {
    padding-left: 11.69px;
    padding-right: 11.69px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_013f {
    width: 669px
}

#id_0140 {
    width: 654px
}

#id_0141 {
    width: 824px
}

#id_0142 {
    width: 655px
}

.cs_0143 {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0144 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0145 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0146 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0147 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_0148 {
    width: 760px
}

#id_0149 {
    width: 754px
}

#id_014a {
    width: 764px
}

#id_014b {
    width: 767px
}

#id_014c {
    width: 769px
}

.cs_014d {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_014e {
    width: 652px
}

.cs_014f {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0150 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0151 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0152 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0153 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0154 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0155 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0156 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0157 {
    width: 840px
}

#id_0158 {
    width: 802px
}

#id_0159 {
    width: 964px
}

#id_015a {
    width: 659px
}

#id_015b {
    width: 649px
}

#id_015c {
    width: 369px
}

#id_015d {
    width: 432px
}

#id_015e {
    width: 630px
}

#id_015f {
    width: 617px
}

#id_0160 {
    width: 603px
}

#id_0161 {
    width: 629px
}

.cs_0162 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0163 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0164 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0165 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0166 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0167 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0168 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0169 {
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_016a {
    padding-left: 4px;
    padding-right: 4px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_016b {
    width: 750px
}

#id_016c {
    width: 774px
}

#id_016d {
    width: 749px
}

#id_016e {
    width: 781px
}

#id_016f {
    width: 755px
}

#id_0170 {
    width: 756px
}

#id_0171 {
    width: 753px
}

#id_0172 {
    width: 865px
}

#id_0173 {
    width: 643px
}

#id_0174 {
    width: 420px
}

#id_0175 {
    width: 647px
}

#id_0176 {
    width: 520px
}

.cs_0177 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0178 {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0179 {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_017a {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_017b {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_017c {
    width: 748px
}

#id_017d {
    width: 639px
}

.cs_017e {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_017f {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0180 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0181 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0182 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0183 {
    padding-left: 16.38px;
    padding-right: 16.38px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0184 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0185 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0186 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0187 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0188 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0189 {
    width: 930px
}

#id_018a {
    width: 1050px
}

#id_018b {
    width: 1090px
}

#id_018c {
    width: 1220px
}

.cs_018d {
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_018e {
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_018f {
    padding-left: 2px;
    padding-right: 2px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0190 {
    padding-left: 2px;
    padding-right: 2px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

#id_0191 {
    width: 585px
}

#id_0192 {
    width: 514px
}

#id_0193 {
    width: 854px
}

#id_0194 {
    width: 772px
}

#id_0195 {
    width: 880px
}

#id_0196 {
    width: 940px
}

#id_0197 {
    width: 567px
}

#id_0198 {
    width: 638px
}

#id_0199 {
    width: 763px
}

#id_019a {
    width: 845px
}

#id_019b {
    width: 847px
}

#id_019c {
    width: 809px
}

#id_019d {
    width: 384px
}

.cs_019e {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_019f {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01a0 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01a1 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01a2 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_01a3 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01a4 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_01a5 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_01a6 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_01a7 {
    width: 555px
}

.cs_01a8 {
    padding-left: 2.34px;
    padding-right: 2.34px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

#id_01a9 {
    width: 532px
}

.cs_01aa {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_01ab {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_01ac {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_01ad {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_01ae {
    width: 563px
}

#id_01af {
    width: 512px
}

#id_01b0 {
    width: 662px
}

#id_01b1 {
    width: 837px
}

#id_01b2 {
    width: 841px
}

#id_01b3 {
    width: 694px
}

#id_01b4 {
    width: 525px
}

#id_01b5 {
    width: 663px
}

#id_01b6 {
    width: 657px
}

.cs_01b7 {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01b8 {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_01b9 {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01ba {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01bb {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_01bc {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01bd {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_01be {
    padding-left: 0;
    padding-right: 0;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01bf {
    padding-left: 0;
    padding-right: 0;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_01c0 {
    width: 572px
}

#id_01c1 {
    width: 377px
}

#id_01c2 {
    width: 761px
}

#id_01c3 {
    width: 958px
}

#id_01c4 {
    width: 577px
}

.cs_01c5 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01c6 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01c7 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_01c8 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_01c9 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_01ca {
    width: 533px
}

#id_01cb {
    width: 743px
}

#id_01cc {
    width: 869px
}

#id_01cd {
    width: 878px
}

#id_01ce {
    width: 596px
}

#id_01cf {
    width: 624px
}

#id_01d0 {
    width: 586px
}

#id_01d1 {
    width: 616px
}

#id_01d2 {
    width: 600px
}

#id_01d3 {
    width: 601px
}

#id_01d4 {
    width: 548px
}

#id_01d5 {
    width: 582px
}

#id_01d6 {
    width: 712px
}

#id_01d7 {
    width: 597px
}

#id_01d8 {
    width: 574px
}

#id_01d9 {
    width: 553px
}

#id_01da {
    width: 642px
}

#id_01db {
    width: 606px
}

#id_01dc {
    width: 768px
}

#id_01dd {
    width: 1110px
}

.cs_01de {
    padding-left: 8.17px;
    padding-right: 8.17px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01df {
    padding-left: 8.17px;
    padding-right: 8.17px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01e0 {
    padding-left: 8.17px;
    padding-right: 8.17px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_01e1 {
    width: 522px
}

#id_01e2 {
    width: 475px
}

.cs_01e3 {
    padding-left: 17.54px;
    padding-right: 17.54px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01e4 {
    padding-left: 17.54px;
    padding-right: 17.54px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01e5 {
    padding-left: 17.54px;
    padding-right: 17.54px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01e6 {
    padding-left: 17.54px;
    padding-right: 17.54px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_01e7 {
    width: 505px
}

#id_01e8 {
    width: 457px
}

#id_01e9 {
    width: 613px
}

#id_01ea {
    width: 472px
}

#id_01eb {
    width: 507px
}

#id_01ec {
    width: 530px
}

#id_01ed {
    width: 519px
}

#id_01ee {
    width: 575px
}

#id_01ef {
    width: 583px
}

#id_01f0 {
    width: 783px
}

#id_01f1 {
    width: 836px
}

#id_01f2 {
    width: 604px
}

#id_01f3 {
    width: 568px
}

.cs_01f4 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_01f5 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01f6 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_01f7 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_01f8 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_01f9 {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_01fa {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_01fb {
    width: 547px
}

#id_01fc {
    width: 541px
}

#id_01fd {
    width: 611px
}

#id_01fe {
    width: 648px
}

#id_01ff {
    width: 656px
}

#id_0200 {
    width: 499px
}

#id_0201 {
    width: 590px
}

.cs_0202 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0203 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0204 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0205 {
    padding-left: 8.17px;
    padding-right: 8.17px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

#id_0206 {
    width: 460px
}

#id_0207 {
    width: 931px
}

#id_0208 {
    width: 759px
}

#id_0209 {
    width: 491px
}

#id_020a {
    width: 927px
}

#id_020b {
    width: 929px
}

#id_020c {
    width: 1121px
}

#id_020d {
    width: 834px
}

#id_020e {
    width: 1058px
}

#id_020f {
    width: 1081px
}

#id_0210 {
    width: 1045px
}

#id_0211 {
    width: 1048px
}

#id_0212 {
    width: 286px
}

#id_0213 {
    width: 517px
}

#id_0214 {
    width: 276px
}

#id_0215 {
    width: 1400px
}

#id_0216 {
    width: 828px
}

#id_0217 {
    width: 542px
}

#id_0218 {
    width: 757px
}

#id_0219 {
    width: 527px
}

#id_021a {
    width: 796px
}

#id_021b {
    width: 610px
}

#id_021c {
    width: 788px
}

#id_021d {
    width: 789px
}

#id_021e {
    width: 1228px
}

#id_021f {
    width: 1229px
}

#id_0220 {
    width: 1823px
}

#id_0221 {
    width: 434px
}

#id_0222 {
    width: 985px
}

#id_0223 {
    width: 614px
}

#id_0224 {
    width: 588px
}

#id_0225 {
    width: 493px
}

#id_0226 {
    width: 871px
}

#id_0227 {
    width: 506px
}

#id_0228 {
    width: 551px
}

#id_0229 {
    width: 580px
}

#id_022a {
    width: 510px
}

#id_022b {
    width: 539px
}

#id_022c {
    width: 565px
}

#id_022d {
    width: 850px
}

#id_022e {
    width: 558px
}

#id_022f {
    width: 417px
}

#id_0230 {
    width: 1404px
}

#id_0231 {
    width: 1381px
}

.cs_0232 {
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0233 {
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0234 {
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_0235 {
    padding-left: 2px;
    padding-right: 2px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0236 {
    width: 587px
}

#id_0237 {
    width: 745px
}

#id_0238 {
    width: 1072px
}

#id_0239 {
    width: 992px
}

#id_023a {
    width: 817px
}

#id_023b {
    width: 793px
}

#id_023c {
    width: 792px
}

#id_023d {
    width: 589px
}

#id_023e {
    width: 490px
}

#id_023f {
    width: 222px
}

#id_0240 {
    width: 238px
}

#id_0241 {
    width: 305px
}

#id_0242 {
    width: 489px
}

#id_0243 {
    width: 1258px
}

#id_0244 {
    width: 395px
}

#id_0245 {
    width: 404px
}

#id_0246 {
    width: 579px
}

.cs_0247 {
    padding-left: 11.68px;
    padding-right: 11.68px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0248 {
    padding-left: 11.68px;
    padding-right: 11.68px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0249 {
    padding-left: 11.68px;
    padding-right: 11.68px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_024a {
    padding-left: 11.68px;
    padding-right: 11.68px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_024b {
    padding-left: 14.03px;
    padding-right: 14.03px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_024c {
    padding-left: 14.03px;
    padding-right: 14.03px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_024d {
    padding-left: 14.03px;
    padding-right: 14.03px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_024e {
    padding-left: 14.03px;
    padding-right: 14.03px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_024f {
    padding-left: 14.04px;
    padding-right: 14.04px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0250 {
    padding-left: 14.04px;
    padding-right: 14.04px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0251 {
    padding-left: 14.04px;
    padding-right: 14.04px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0252 {
    padding-left: 14.04px;
    padding-right: 14.04px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0253 {
    width: 682px
}

#id_0254 {
    width: 972px
}

#id_0255 {
    width: 857px
}

#id_0256 {
    width: 459px
}

#id_0257 {
    width: 455px
}

#id_0258 {
    width: 355px
}

#id_0259 {
    width: 339px
}

.cs_025a {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_025b {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_025c {
    width: 595px
}

#id_025d {
    width: 518px
}

#id_025e {
    width: 573px
}

#id_025f {
    width: 782px
}

#id_0260 {
    width: 780px
}

.cs_0261 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0262 {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_0263 {
    width: 430px
}

#id_0264 {
    width: 482px
}

#id_0265 {
    width: 1024px
}

#id_0266 {
    width: 535px
}

#id_0267 {
    width: 1531px
}

#id_0268 {
    width: 1012px
}

#id_0269 {
    width: 1772px
}

#id_026a {
    width: 801px
}

#id_026b {
    width: 322px
}

#id_026c {
    width: 540px
}

#id_026d {
    width: 508px
}

#id_026e {
    width: 868px
}

#id_026f {
    width: 397px
}

#id_0270 {
    width: 386px
}

#id_0271 {
    width: 387px
}

.cs_0272 {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0273 {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0274 {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0275 {
    width: 554px
}

#id_0276 {
    width: 388px
}

#id_0277 {
    width: 380px
}

#id_0278 {
    width: 439px
}

#id_0279 {
    width: 418px
}

#id_027a {
    width: 360px
}

#id_027b {
    width: 441px
}

#id_027c {
    width: 498px
}

#id_027d {
    width: 569px
}

#id_027e {
    width: 528px
}

#id_027f {
    width: 566px
}

#id_0280 {
    width: 325px
}

#id_0281 {
    width: 299px
}

#id_0282 {
    width: 320px
}

#id_0283 {
    width: 311px
}

#id_0284 {
    width: 820px
}

#id_0285 {
    width: 468px
}

#id_0286 {
    width: 815px
}

#id_0287 {
    width: 770px
}

#id_0288 {
    width: 511px
}

#id_0289 {
    width: 273px
}

#id_028a {
    width: 904px
}

.cs_028b {
    padding-left: 2px;
    padding-right: 2px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_028c {
    width: 746px
}

#id_028d {
    width: 771px
}

.cs_028e {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_028f {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

#id_0290 {
    width: 806px
}

.cs_0291 {
    padding-left: 1px;
    padding-right: 1px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0292 {
    padding-left: 1px;
    padding-right: 1px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0293 {
    padding-left: 1px;
    padding-right: 1px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0294 {
    padding-left: 1px;
    padding-right: 1px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0295 {
    width: 830px
}

#id_0296 {
    width: 581px
}

#id_0297 {
    width: 462px
}

.cs_0298 {
    padding-left: 10.52px;
    padding-right: 10.52px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0299 {
    padding-left: 10.52px;
    padding-right: 10.52px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_029a {
    padding-left: 10.52px;
    padding-right: 10.52px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_029b {
    width: 593px
}

#id_029c {
    width: 785px
}

#id_029d {
    width: 342px
}

#id_029e {
    width: 477px
}

#id_029f {
    width: 977px
}

#id_02a0 {
    width: 778px
}

#id_02a1 {
    width: 928px
}

#id_02a2 {
    width: 1104px
}

#id_02a3 {
    width: 786px
}

#id_02a4 {
    width: 435px
}

#id_02a5 {
    width: 486px
}

#id_02a6 {
    width: 365px
}

#id_02a7 {
    width: 356px
}

#id_02a8 {
    width: 271px
}

#id_02a9 {
    width: 570px
}

#id_02aa {
    width: 628px
}

#id_02ab {
    width: 359px
}

#id_02ac {
    width: 442px
}

#id_02ad {
    width: 634px
}

#id_02ae {
    width: 1214px
}

#id_02af {
    width: 1652px
}

#id_02b0 {
    width: 1659px
}

#id_02b1 {
    width: 999px
}

#id_02b2 {
    width: 1028px
}

#id_02b3 {
    width: 790px
}

#id_02b4 {
    width: 776px
}

#id_02b5 {
    width: 779px
}

#id_02b6 {
    width: 521px
}

#id_02b7 {
    width: 319px
}

#id_02b8 {
    width: 345px
}

#id_02b9 {
    width: 827px
}

#id_02ba {
    width: 313px
}

#id_02bb {
    width: 400px
}

#id_02bc {
    width: 811px
}

#id_02bd {
    width: 810px
}

#id_02be {
    width: 773px
}

#id_02bf {
    width: 826px
}

#id_02c0 {
    width: 1249px
}

#id_02c1 {
    width: 1007px
}

#id_02c2 {
    width: 409px
}

#id_02c3 {
    width: 338px
}

#id_02c4 {
    width: 308px
}

.cs_02c5 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_02c6 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_02c7 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_02c8 {
    padding-left: 16.36px;
    padding-right: 16.36px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_02c9 {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_02ca {
    width: 250px
}

#id_02cb {
    width: 497px
}

#id_02cc {
    width: 805px
}

#id_02cd {
    width: 794px
}

.cs_02ce {
    padding-left: 16.35px;
    padding-right: 16.35px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_02cf {
    padding-left: 16.35px;
    padding-right: 16.35px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_02d0 {
    padding-left: 16.35px;
    padding-right: 16.35px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_02d1 {
    padding-left: 16.35px;
    padding-right: 16.35px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_02d2 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_02d3 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_02d4 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_02d5 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_02d6 {
    padding-left: 11.7px;
    padding-right: 11.7px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_02d7 {
    padding-left: 11.7px;
    padding-right: 11.7px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_02d8 {
    padding-left: 11.7px;
    padding-right: 11.7px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_02d9 {
    padding-left: 11.7px;
    padding-right: 11.7px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_02da {
    width: 361px
}

.cs_02db {
    padding-left: 10.53px;
    padding-right: 10.53px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_02dc {
    padding-left: 10.53px;
    padding-right: 10.53px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_02dd {
    padding-left: 10.53px;
    padding-right: 10.53px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_02de {
    padding-left: 10.53px;
    padding-right: 10.53px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_02df {
    width: 816px
}

#id_02e0 {
    width: 1169px
}

#id_02e1 {
    width: 431px
}

#id_02e2 {
    width: 900px
}

#id_02e3 {
    width: 463px
}

#id_02e4 {
    width: 853px
}

#id_02e5 {
    width: 1065px
}

#id_02e6 {
    width: 1514px
}

#id_02e7 {
    width: 398px
}

#id_02e8 {
    width: 453px
}

#id_02e9 {
    width: 326px
}

.cs_02ea {
    padding-left: 14.02px;
    padding-right: 14.02px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_02eb {
    padding-left: 14.02px;
    padding-right: 14.02px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_02ec {
    padding-left: 14.02px;
    padding-right: 14.02px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_02ed {
    padding-left: 14.02px;
    padding-right: 14.02px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_02ee {
    width: 562px
}

#id_02ef {
    width: 813px
}

#id_02f0 {
    width: 281px
}

#id_02f1 {
    width: 367px
}

#id_02f2 {
    width: 458px
}

#id_02f3 {
    width: 496px
}

#id_02f4 {
    width: 425px
}

#id_02f5 {
    width: 449px
}

#id_02f6 {
    width: 1127px
}

#id_02f7 {
    width: 807px
}

#id_02f8 {
    width: 1078px
}

#id_02f9 {
    width: 1019px
}

#id_02fa {
    width: 855px
}

#id_02fb {
    width: 244px
}

#id_02fc {
    width: 396px
}

#id_02fd {
    width: 451px
}

#id_02fe {
    width: 321px
}

.cs_02ff {
    padding-left: 11.69px;
    padding-right: 11.69px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0300 {
    padding-left: 11.69px;
    padding-right: 11.69px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_0301 {
    padding-left: 11.69px;
    padding-right: 11.69px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0302 {
    padding-left: 11.69px;
    padding-right: 11.69px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0303 {
    width: 524px
}

#id_0304 {
    width: 494px
}

#id_0305 {
    width: 401px
}

#id_0306 {
    width: 405px
}

#id_0307 {
    width: 297px
}

#id_0308 {
    width: 307px
}

#id_0309 {
    width: 848px
}

.cs_030a {
    padding-left: 2.33px;
    padding-right: 2.33px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_030b {
    padding-left: 2.33px;
    padding-right: 2.33px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_030c {
    padding-left: 2.33px;
    padding-right: 2.33px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_030d {
    width: 336px
}

#id_030e {
    width: 487px
}

#id_030f {
    width: 390px
}

#id_0310 {
    width: 829px
}

#id_0311 {
    width: 814px
}

#id_0312 {
    width: 842px
}

#id_0313 {
    width: 818px
}

#id_0314 {
    width: 383px
}

#id_0315 {
    width: 471px
}

#id_0316 {
    width: 293px
}

.cs_0317 {
    padding-left: 0;
    padding-right: 0;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0318 {
    padding-left: 9.35px;
    padding-right: 9.35px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0319 {
    padding-left: 9.35px;
    padding-right: 9.35px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_031a {
    padding-left: 9.35px;
    padding-right: 9.35px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_031b {
    padding-left: 9.35px;
    padding-right: 9.35px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_031c {
    width: 500px
}

.cs_031d {
    padding-left: 9.36px;
    padding-right: 9.36px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_031e {
    padding-left: 9.36px;
    padding-right: 9.36px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_031f {
    padding-left: 9.36px;
    padding-right: 9.36px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0320 {
    padding-left: 9.36px;
    padding-right: 9.36px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0321 {
    width: 545px
}

#id_0322 {
    width: 537px
}

#id_0323 {
    width: 402px
}

#id_0324 {
    width: 445px
}

#id_0325 {
    width: 376px
}

#id_0326 {
    width: 277px
}

#id_0327 {
    width: 1301px
}

#id_0328 {
    width: 893px
}

.cs_0329 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_032a {
    padding-left: 7px;
    padding-right: 7px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_032b {
    padding-left: 7px;
    padding-right: 7px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_032c {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_032d {
    padding-left: 4.68px;
    padding-right: 4.68px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_032e {
    width: 306px
}

#id_032f {
    width: 446px
}

#id_0330 {
    width: 823px
}

#id_0331 {
    width: 480px
}

#id_0332 {
    width: 429px
}

#id_0333 {
    width: 334px
}

#id_0334 {
    width: 1008px
}

.cs_0335 {
    padding-left: 2px;
    padding-right: 2px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_0336 {
    width: 1060px
}

#id_0337 {
    width: 1207px
}

#id_0338 {
    width: 1015px
}

#id_0339 {
    width: 1124px
}

#id_033a {
    width: 973px
}

#id_033b {
    width: 187px
}

#id_033c {
    width: 287px
}

#id_033d {
    width: 849px
}

#id_033e {
    width: 291px
}

.cs_033f {
    padding-left: 2px;
    padding-right: 2px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

#id_0340 {
    width: 1165px
}

#id_0341 {
    width: 856px
}

#id_0342 {
    width: 391px
}

#id_0343 {
    width: 968px
}

#id_0344 {
    width: 413px
}

#id_0345 {
    width: 152px
}

#id_0346 {
    width: 452px
}

#id_0347 {
    width: 349px
}

#id_0348 {
    width: 230px
}

.cs_0349 {
    padding-left: 10.52px;
    padding-right: 10.52px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_034a {
    padding-left: 10.52px;
    padding-right: 10.52px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_034b {
    width: 340px
}

.cs_034c {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_034d {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_034e {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_034f {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_0350 {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_0351 {
    padding-left: 16.37px;
    padding-right: 16.37px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_0352 {
    width: 411px
}

#id_0353 {
    width: 328px
}

#id_0354 {
    width: 804px
}

#id_0355 {
    width: 799px
}

#id_0356 {
    width: 876px
}

#id_0357 {
    width: 867px
}

#id_0358 {
    width: 332px
}

#id_0359 {
    width: 333px
}

#id_035a {
    width: 470px
}

#id_035b {
    width: 851px
}

#id_035c {
    width: 1056px
}

#id_035d {
    width: 263px
}

#id_035e {
    width: 1222px
}

.cs_035f {
    padding-left: 4px;
    padding-right: 4px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

#id_0360 {
    width: 331px
}

#id_0361 {
    width: 415px
}

#id_0362 {
    width: 443px
}

#id_0363 {
    width: 465px
}

#id_0364 {
    width: 909px
}

#id_0365 {
    width: 902px
}

#id_0366 {
    width: 905px
}

#id_0367 {
    width: 907px
}

#id_0368 {
    width: 916px
}

#id_0369 {
    width: 394px
}

.cs_036a {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_036b {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_036c {
    width: 242px
}

#id_036d {
    width: 831px
}

.cs_036e {
    padding-left: 0;
    padding-right: 0;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_036f {
    width: 1014px
}

.cs_0370 {
    padding-left: 8.17px;
    padding-right: 8.17px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_0371 {
    padding-left: 8.17px;
    padding-right: 8.17px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_0372 {
    width: 416px
}

#id_0373 {
    width: 787px
}

#id_0374 {
    width: 874px
}

#id_0375 {
    width: 953px
}

#id_0376 {
    width: 991px
}

#id_0377 {
    width: 982px
}

#id_0378 {
    width: 989px
}

#id_0379 {
    width: 963px
}

#id_037a {
    width: 980px
}

#id_037b {
    width: 984px
}

#id_037c {
    width: 933px
}

.cs_037d {
    padding-left: 7px;
    padding-right: 7px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_037e {
    width: 917px
}

#id_037f {
    width: 808px
}

#id_0380 {
    width: 833px
}

#id_0381 {
    width: 975px
}

#id_0382 {
    width: 971px
}

#id_0383 {
    width: 924px
}

#id_0384 {
    width: 839px
}

#id_0385 {
    width: 819px
}

#id_0386 {
    width: 1061px
}

#id_0387 {
    width: 1172px
}

#id_0388 {
    width: 937px
}

#id_0389 {
    width: 1042px
}

#id_038a {
    width: 1185px
}

#id_038b {
    width: 1179px
}

#id_038c {
    width: 1182px
}

#id_038d {
    width: 858px
}

#id_038e {
    width: 956px
}

#id_038f {
    width: 945px
}

#id_0390 {
    width: 947px
}

#id_0391 {
    width: 217px
}

.cs_0392 {
    padding-left: 23.37px;
    padding-right: 23.37px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

#id_0393 {
    width: 428px
}

#id_0394 {
    width: 485px
}

#id_0395 {
    width: 862px
}

#id_0396 {
    width: 962px
}

#id_0397 {
    width: 1054px
}

#id_0398 {
    width: 784px
}

#id_0399 {
    width: 1433px
}

#id_039a {
    width: 896px
}

#id_039b {
    width: 906px
}

#id_039c {
    width: 1006px
}

.cs_039d {
    padding-left: 1px;
    padding-right: 1px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_039e {
    width: 1033px
}

#id_039f {
    width: 1031px
}

.cs_03a0 {
    padding-left: 7.01px;
    padding-right: 7.01px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_03a1 {
    width: 351px
}

#id_03a2 {
    width: 910px
}

#id_03a3 {
    width: 421px
}

#id_03a4 {
    width: 979px
}

.cs_03a5 {
    padding-left: 5.84px;
    padding-right: 5.84px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_03a6 {
    width: 1233px
}

#id_03a7 {
    width: 890px
}

#id_03a8 {
    width: 1098px
}

#id_03a9 {
    width: 1092px
}

#id_03aa {
    width: 1088px
}

#id_03ab {
    width: 1091px
}

#id_03ac {
    width: 1093px
}

#id_03ad {
    width: 798px
}

#id_03ae {
    width: 892px
}

#id_03af {
    width: 501px
}

#id_03b0 {
    width: 882px
}

#id_03b1 {
    width: 1010px
}

#id_03b2 {
    width: 993px
}

#id_03b3 {
    width: 922px
}

#id_03b4 {
    width: 1000px
}

#id_03b5 {
    width: 883px
}

#id_03b6 {
    width: 1036px
}

#id_03b7 {
    width: 1016px
}

#id_03b8 {
    width: 921px
}

.cs_03b9 {
    padding-left: 7px;
    padding-right: 7px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03ba {
    padding-left: 7px;
    padding-right: 7px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_03bb {
    width: 970px
}

#id_03bc {
    width: 1055px
}

#id_03bd {
    width: 1046px
}

#id_03be {
    width: 1003px
}

#id_03bf {
    width: 844px
}

#id_03c0 {
    width: 915px
}

#id_03c1 {
    width: 932px
}

#id_03c2 {
    width: 870px
}

#id_03c3 {
    width: 1025px
}

#id_03c4 {
    width: 1440px
}

#id_03c5 {
    width: 1240px
}

.cs_03c6 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_03c7 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03c8 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_03c9 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_03ca {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_03cb {
    padding-left: 6px;
    padding-right: 6px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_03cc {
    width: 1278px
}

#id_03cd {
    width: 920px
}

#id_03ce {
    width: 957px
}

.cs_03cf {
    padding-left: 1.17px;
    padding-right: 1.17px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03d0 {
    padding-left: 1px;
    padding-right: 1px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03d1 {
    padding-left: 1px;
    padding-right: 1px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_03d2 {
    padding-left: 1px;
    padding-right: 1px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03d3 {
    padding-left: 1px;
    padding-right: 1px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_03d4 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03d5 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03d6 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

.cs_03d7 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none
}

#id_03d8 {
    width: 791px
}

#id_03d9 {
    width: 891px
}

#id_03da {
    width: 938px
}

#id_03db {
    width: 987px
}

#id_03dc {
    width: 994px
}

#id_03dd {
    width: 897px
}

.cs_03de {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_03df {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03e0 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_03e1 {
    padding-left: 7.02px;
    padding-right: 7.02px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

.cs_03e2 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_03e3 {
    width: 374px
}

#id_03e4 {
    width: 292px
}

#id_03e5 {
    width: 327px
}

#id_03e6 {
    width: 304px
}

.cs_03e7 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none
}

#id_03e8 {
    width: 140px
}

#id_03e9 {
    width: 362px
}

#id_03ea {
    width: 280px
}

#id_03eb {
    width: 245px
}

#id_03ec {
    width: 257px
}

#id_03ed {
    width: 1160px
}

#id_03ee {
    width: 1170px
}

#id_03ef {
    width: 1290px
}

#id_03f0 {
    width: 1560px
}

#id_03f1 {
    width: 1360px
}

#id_03f2 {
    width: 436px
}

#id_03f3 {
    width: 410px
}

#id_03f4 {
    width: 414px
}

.cs_03f5 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: none
}

.cs_03f6 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: none
}

.cs_03f7 {
    padding-left: 6px;
    padding-right: 6px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none
}

#id_03f8 {
    width: 821px
}

#id_03f9 {
    width: 951px
}

#id_03fa {
    width: 1080px
}

.cs_03fb {
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs_03fc {
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid #000;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #000
}

#id_03fd {
    width: 1156px
}

#id_03fe {
    width: 1472px
}

#id_03ff {
    width: 1481px
}

#id_0400 {
    width: 1471px
}

#id_0401 {
    width: 1476px
}

#id_0402 {
    width: 1456px
}

#id_0403 {
    width: 1454px
}

#id_0404 {
    width: 1461px
}

#id_0405 {
    width: 312px
}

#id_0406 {
    width: 427px
}

#id_0407 {
    width: 483px
}

._material-head {
    display: flex
}

._material-head__open {
    width: 1.5rem;
    height: 1.5rem;
    transition: transform .3s
}

._material-head__open.active .icon {
    transform: rotate(180deg)
}

._material-head__open .icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #CCC
}

._material-head__icon {
    flex-shrink: 0;
    float: left;
    margin: 0 8px 0 0;
    overflow: hidden;
    border-radius: 8px 8px 0 8px
}

._material-head__icon img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 32px;
    transition: transform .3s
}

._material-head__title {
    font-size: 18px;
    line-height: 32px
}

._material-list {
    margin-top: 8px;
    max-height: 220px;
    overflow: hidden;
    transition: max-height .3s;
    gap: 4px;
    display: flex;
    flex-direction: column
}

._material-list--opened {
    max-height: initial
}

._material-list__item {
    line-height: 1.5rem;
    font-size: 16px
}

._material-list--short {
    max-height: 108px
}

._material-open {
    color: #5F82D3;
    font-size: .875rem;
    line-height: 1.5rem
}

._material-open.active .icon {
    transform: rotate(180deg)
}

._material-open .icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #CCC
}

@media screen and (max-width:767px) {
    ._material-group {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        border: none !important
    }
}

@media screen and (max-width:1199px) {
    ._material {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media screen and (max-width:767px) {
    ._material {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0;
        border-bottom: 1px solid #E6E6E6
    }

    ._material--opened {
        padding-bottom: 1rem
    }

    ._material-head {
        position: relative;
        margin-bottom: 1rem;
        display: flex
    }

    ._material-head__open {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    ._material-head__open .icon {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }

    ._material-head__icon {
        width: 32px;
        height: 32px
    }

    ._material-head__icon img {
        width: 100%
    }

    ._material-list {
        max-height: 0;
        gap: 0
    }
}

.search-page {
    margin-top: 40px
}

@media screen and (max-width:991px) {
    .search-page .row:first-child {
        margin-right: 0
    }

    .search-page .row:first-child>div:nth-child(2) {
        padding-right: 0
    }
}

.search-page__form-search {
    position: relative
}

.search-page__form-search input {
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #ccc;
    padding: 8px 8px 8px 16px !important;
    color: #4a4953;
    transition: all .3s ease
}

.search-page__form-search input:focus {
    border-color: transparent;
    background: var(--grayscale-white, #fff);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .02)
}

.search-page__links {
    margin-top: 24px
}

.search-page__links-item {
    padding: 12px 8px 12px 16px;
    border-radius: 8px;
    position: relative
}

@media screen and (max-width:1199px) {
    .search-page__links-item {
        padding: 8px 6px 8px 8px
    }
}

.search-page__links-item a {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.search-page__links-item span {
    display: block;
    padding: 4px 8px;
    background: #EEE;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    border-radius: 4px
}

.search-page__links-item.active {
    background: #EEF5FF
}

.search-page__links-item.active span {
    background: #0387ce
}

.search-page__links-item:hover {
    cursor: pointer
}

.search-page__content-block {
    filter: drop-shadow(0 4px 50px rgba(0, 0, 0, .05))
}

@media (min-width:992px) {
    .search-page__content-block[data-accordion-mobile=true] .accordion__body {
        opacity: 1
    }
}

.search-page__content-block ._block-head {
    width: 100%
}

.search-page__content-block ._block-head .icon-arrow-down {
    display: none
}

.search-page__content-block ._block-body {
    max-height: none
}

.search-page__content-element {
    border-radius: 24px;
    border: 1px solid #E6E6E6;
    background-color: #fff;
    display: none;
    opacity: 0;
    transition: .4s ease-in-out
}

.search-page__content-element .accordion__head {
    cursor: inherit
}

.search-page__content-element ._block-footer {
    padding: 0;
    text-align: center
}

.search-page__content-element ._block-footer svg {
    display: none
}

.search-page__content-element ._block-footer a {
    display: block;
    padding: 20px;
    width: 100%
}

.search-page__content-element ._block-footer a svg {
    fill: #CCC
}

.search-page__content-element.active {
    opacity: 1
}

.search-page__content-element.db {
    display: block
}

.search-page__content-element .accordion__head svg {
    transition: .3s ease-in-out
}

.search-page__content-element.active-acc .accordion__head svg {
    transform: rotate(180deg);
    fill: #0387ce !important
}

.search-page__content-element.active-acc .search-page__body {
    max-height: 100% !important
}

.search-page__content-subtitle {
    margin-left: 6px;
    font-size: 24px;
    font-weight: 700
}

.search-page__body {
    padding: 0 !important
}

.search-page__products {
    margin: 0
}

.search-page__products-item {
    padding: 20px 32px;
    border-bottom: 1px solid #E6E6E6;
    justify-content: space-between;
    position: relative
}

.search-page__products-item_info {
    align-items: center;
    max-width: 50%
}

.search-page__products-item_info a {
    font-weight: 500;
    text-decoration: underline
}

.search-page__products-item_img {
    width: 32px;
    height: 32px;
    border-radius: 8px 8px 0 8px;
    overflow: hidden;
    background: #EEE;
    margin-right: 16px;
    flex-shrink: 0
}

@media screen and (max-width:991px) {
    .search-page__products-item_img {
        flex-shrink: 0;
        width: 48px;
        height: 48px
    }
}

.search-page__products-item_img img {
    width: 100%;
    height: 100%
}

.search-page__products-item_dynamic {
    align-items: center
}

.search-page__products-item_discount {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 147px
}

.search-page__products-item_discount div {
    min-width: 32px
}

.search-page__products-item_discount a {
    font-weight: 500
}

.search-page__products-item_discount .icon-discount {
    fill: #5F82D3;
    margin-right: 6px
}

.search-page__products-item_discount .icon-good {
    fill: #B8EFBA;
    margin-left: 8px
}

.search-page__products-item_btn {
    min-width: 186px;
    text-align: right;
    margin-left: 24px
}

@media screen and (max-width:1199px) {
    .search-page__products-item_btn {
        margin-left: 8px
    }
}

.search-page__products-item_btn button:first-child {
    margin-right: 6px
}

.search-page__category-list {
    flex-wrap: wrap;
    gap: 40px 16px;
    margin-bottom: 0
}

.search-page__category ._block-footer {
    border-top: 1px solid #E6E6E6
}

.search-page__category-item {
    flex: 0 0 calc(33.333% - 11px);
    align-items: center;
    position: relative
}

.search-page__category-item a {
    margin-left: 8px;
    font-weight: 500
}

.search-page__category-img {
    width: 32px;
    height: 32px;
    border-radius: 8px 8px 0 8px;
    overflow: hidden;
    background: #EEE;
    margin-right: 16px;
    flex-shrink: 0
}

.search-page__category-img img {
    height: 100%;
    width: 100%
}

.search-page__stamps .search-page__category-item:hover {
    background: linear-gradient(0deg, rgba(238, 245, 255, .4), rgba(238, 245, 255, .4)), #fff;
    overflow: hidden
}

.search-page__stamps .search-page__category-item {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6;
    position: relative
}

.search-page__stamps .search-page__category-item a {
    font-weight: 500;
    margin-right: 16px;
    margin-left: 0
}

.search-page__stamps .search-page__category-item span {
    font-weight: 500;
    margin-left: 16px;
    margin-right: 0
}

.search-page__stamps .search-page__category-img {
    width: 21px;
    min-width: 21px;
    min-height: 24px;
    max-width: 21px;
    background: 0 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.search-page__stamps ._block-body {
    padding: 0
}

.search-page__stamps ._block-footer {
    border-top: none
}

.search-page__gost .search-page__category-item:hover {
    background: linear-gradient(0deg, rgba(238, 245, 255, .4), rgba(238, 245, 255, .4)), #fff;
    overflow: hidden
}

.search-page__gost .search-page__category-item {
    padding: 20px 32px;
    border-bottom: 1px solid #E6E6E6;
    position: relative
}

.search-page__gost .search-page__category-item a {
    min-width: 30%;
    padding-right: 16px;
    font-weight: 500
}

.search-page__gost .search-page__category-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 16px
}

.search-page__gost ._block-body {
    padding: 0
}

.search-page__gost ._block-footer {
    border-top: none
}

@media screen and (max-width:991px) {
    .search-page__link-side-bar {
        margin-left: 16px;
        padding-right: 32px;
        margin-bottom: 24px
    }
}

@media screen and (max-width:991px) {
    .search-page .search-page__content-block ._block-body {
        max-height: 0
    }

    .search-page .search-page__category-item {
        flex: 0 0 calc(50% - 8px)
    }
}

@media (max-width:991px) {
    .search-page__products .search-page__products-item {
        flex-direction: column
    }

    .search-page__products .search-page__products-item_info {
        margin-bottom: 16px;
        max-width: 100%
    }

    .search-page__products .search-page__products-item_dynamic {
        justify-content: space-between;
        align-items: flex-end
    }
}

@media screen and (max-width:991px) {
    .search__search {
        padding-right: 8px;
        padding-left: 8px
    }

    .search__search .col-lg-3 {
        padding-right: 16px;
        padding-left: 32px
    }

    .search__search .col-lg-3 .search__label {
        margin-bottom: 24px
    }

    .search-page ._block-head {
        border: none
    }

    .search-page__content-block {
        filter: none;
        border-radius: 16px;
        overflow: hidden;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .search-page__content-element {
        border-radius: 0;
        border: none;
        margin-bottom: 0 !important;
        box-shadow: unset !important;
        border-bottom: 1px solid #E6E6E6
    }

    .search-page__content-element ._block-head {
        border: none
    }

    .search-page__content-element ._block-footer {
        display: none;
        opacity: 0
    }

    .search-page__content-element ._block-footer a {
        padding: 16px;
        display: flex;
        justify-content: center
    }

    .search-page__content-element ._block-footer svg {
        display: block
    }

    .search-page__content-element.active-acc {
        border-bottom: none
    }

    .search-page__content-element.active-acc ._block-footer {
        display: block;
        opacity: 1;
        transition: opacity .9s ease-in-out
    }

    .search-page ._block-head span {
        font-size: 26px !important;
        line-height: 36px
    }

    .search-page .search-page__content-block ._block-head {
        display: flex;
        justify-content: space-between
    }

    .search-page .search-page__content-block ._block-head span {
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 24px !important
    }

    .search-page .search-page__content-block ._block-head .icon-arrow-down {
        fill: #CCC;
        display: block
    }

    .search-page ._block-body,
    .search-page .search-page__stamps ._block-body {
        padding: 0 !important
    }

    .search-page .search-page__category ._block-body {
        padding: 16px
    }

    .search-page .search-page__category-list {
        gap: 0
    }

    .search-page .search-page__category .search-page__category-item,
    .search-page .search-page__gost .search-page__category-item,
    .search-page .search-page__stamps .search-page__category-item {
        padding: 16px
    }

    .search-page .search-page__gost .search-page__category-item {
        flex-direction: column;
        align-items: flex-start
    }

    .search-page .search-page__gost .search-page__category-item a {
        margin-left: 0
    }

    .search-page__products .search-page__products-item {
        padding: 16px
    }

    .search-page__products .search-page__products-item_dynamic {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 62px
    }

    .search-page__products .search-page__products-item_discount {
        margin-bottom: 16px;
        min-width: auto
    }

    .search-page__products .search-page__products-item_btn {
        min-width: 100%;
        display: flex;
        margin-left: 0
    }

    .search-page__products .search-page__products-item_btn button:first-child {
        background-color: #0387ce;
        border: none;
        padding: 9px 16px
    }
}

@media screen and (max-width:991px) and (max-width:500px) {
    .search-page__products .search-page__products-item_btn button:first-child {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .search-page__products .search-page__products-item_btn button:first-child:hover {
        background-color: #666666
    }

    .search-page .search-page__category-item {
        flex: 0 0 100%;
        border-bottom: 1px solid #E6E6E6
    }

    .search-page .search-page__category ._block-footer {
        border-top: none
    }
}

.not_found_page {
    margin-top: 40px
}

.not_found_page.form-success .not_found_page__content-form {
    display: none
}

.not_found_page.form-success .not_found_page__content-head_description {
    display: none
}

.not_found_page.form-success .not_found_page__content-form_success {
    display: flex
}

.not_found_page__form-search {
    position: relative
}

.not_found_page__form-search input {
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #ccc;
    padding: 8px 8px 8px 16px !important;
    color: #4a4953;
    transition: all .3s ease
}

.not_found_page__form-search input:focus {
    border-color: transparent;
    background: var(--grayscale-white, #fff);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .02)
}

@media screen and (max-width:991px) {
    .not_found_page .row:first-child {
        margin-right: 0
    }

    .not_found_page .row:first-child>div:nth-child(2) {
        padding-right: 0
    }
}

.not_found_page__links {
    margin-top: 24px
}

.not_found_page__links-item {
    padding: 12px 0;
    border-radius: 8px;
    position: relative
}

@media screen and (max-width:1199px) {
    .not_found_page__links-item {
        padding: 8px 6px 8px 8px
    }
}

.not_found_page__links-item span:nth-child(1) {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.not_found_page__links-item span:nth-child(2) {
    display: block;
    padding: 4px 8px;
    background: #EEE;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    border-radius: 4px
}

.not_found_page__content-block {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .06)
}

.not_found_page__content-head_description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

.not_found_page__content-head {
    width: 100%;
    max-width: 640px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: #2f384f;
    text-align: center
}

.not_found_page__content-head span {
    color: #5f82d3;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-transform: lowercase
}

.not_found_page__content-description {
    color: var(--grayscale-mist-60, #666);
    width: 100%;
    max-width: 640px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.not_found_page__content-description span {
    color: #5f82d3;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.not_found_page__content-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px
}

.not_found_page__content-form_inputs {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.not_found_page__content-form_buttons_policy {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px
}

.not_found_page__content-form_policy {
    color: var(--grayscale-mist-40, #999);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.not_found_page__content-form_policy a {
    background: var(--gradient-metal, linear-gradient(90deg, #404d6c 0, #2f384f 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.not_found_page__content-form_policy a:hover {
    text-decoration: underline
}

.not_found_page__content-form_buttons {
    display: flex;
    gap: 16px
}

@media (max-width:520px) {
    .not_found_page__content-form_buttons {
        flex-direction: column
    }
}

.not_found_page__content-form_buttons a,
.not_found_page__content-form_buttons button {
    flex: 1 1 0;
    text-align: center
}

.not_found_page__content-form_success {
    display: flex;
    flex-direction: column;
    align-items: center;
    display: none
}

.not_found_page__content-form_success .icon {
    width: 96px;
    height: 96px;
    fill: #cbe0ff;
    margin: 0 auto 20px
}

.not_found_page__content-form_success_title {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin-bottom: 8px;
    font-weight: 500
}

.not_found_page__content-form_success_desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    max-width: 300px;
    margin: 0 auto;
    text-align: center
}

.not_found_page__content-form_success_button {
    margin-top: 16px
}

.news .active {
    background-color: #FFF7E2
}

.news ._block-body {
    padding: 0
}

.news ._block-head {
    padding-right: 0
}

@media screen and (max-width:575px) {
    .news ._block-head {
        margin-bottom: 0
    }
}

.news-body {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:575px) {
    .news-body {
        gap: 0
    }
}

.news-body_line-content {
    padding-top: 32px;
    padding-bottom: 32px !important
}

@media screen and (max-width:575px) {
    .news-body_line-content {
        padding-bottom: 40px !important
    }
}

.news-head_undertitle {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    flex-wrap: nowrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding-bottom: 10px;
    margin-top: 8px;
    margin-right: 16px
}

.news-head_undertitle .tag-link {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 1.71;
    text-transform: capitalize;
    position: relative
}

.news-head_undertitle .tag-link .loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px
}

.news-head_undertitle .tag-link.active {
    pointer-events: none
}

.news-head_undertitle .tag-link.loading {
    pointer-events: none
}

.news-head_undertitle .tag-link.loading .loader {
    display: block
}

.news-head_undertitle .tag-link.loading .tag-link-text {
    opacity: 0
}

@media screen and (max-width:575px) {
    .news-body_line-content:last-child .news-body_img-inner {
        border-radius: 0 0 16px 16px;
        overflow: hidden
    }
}

.news-body_line-content {
    display: flex;
    padding-left: 32px;
    padding-right: 32px;
    border-bottom: 1px solid #E6E6E6
}

.news-body_line-content.hide {
    display: none
}

@media screen and (max-width:575px) {
    .news-body_line-content {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news-body_line-content {
        flex-direction: column-reverse
    }

    .news-body_line-content .news-body_img {
        margin-bottom: 16px
    }

    .news-body_line-content .news-body_date {
        margin-bottom: 8px
    }
}

.news-body_date span {
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:767px) {
    .news-body_date span {
        font-size: 14px !important;
        line-height: 1.71 !important
    }
}

@media screen and (max-width:575px) {
    .news-body_date span {
        font-size: 14px !important;
        line-height: 1.71 !important
    }
}

.news-body_date-inner {
    padding-top: 3px;
    margin-left: 8px
}

@media screen and (max-width:575px) {
    .news-body_date-inner {
        margin-left: 4px;
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .news-body_date-inner {
        flex-direction: row !important
    }
}

.news-body_date-inner span:first-child {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71
}

.news-body_date-inner span:last-child {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.67;
    color: #999
}

@media screen and (max-width:767px) {
    .news-body_date-inner span:last-child {
        margin-left: 10px
    }
}

@media screen and (max-width:575px) {
    .news-body_date-inner span:last-child {
        margin-left: 4px
    }
}

@media screen and (max-width:575px) {
    .news-body_desc {
        margin-top: 8px
    }
}

@media (min-width:1200px) {
    .news-body_desc {
        max-height: 224px
    }
}

.news-body_desc-inner {
    max-width: 580px;
    height: 100%
}

@media screen and (max-width:991px) {
    .news-body_desc-inner {
        max-width: none
    }
}

.news-body_desc-title {
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33
}

@media screen and (max-width:575px) {
    .news-body_desc-title {
        font-size: 20px;
        line-height: 1.4
    }
}

.news-body_desc-desc {
    color: #4A4953;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-body_desc-desc p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .news-body_desc-desc {
        display: none
    }
}

.news-body_desc-desc .text-block__three-img,
.news-body_desc-desc .text-block__two-img,
.news-body_desc-desc picture {
    display: none
}

@media screen and (max-width:767px) {
    .news-body_desc-link {
        display: none
    }
}

.news-body_img {
    display: flex
}

@media (min-width:768px) {
    .news-body_img {
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .news-body_img {
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .news-body_img {
        padding-left: 32px
    }
}

.news-body_img-inner {
    overflow: hidden;
    border-radius: 16px 0 16px 16px;
    min-width: 224px;
    max-width: 224px;
    min-height: 224px;
    max-height: 224px;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:575px) {
    .news-body_img-inner {
        width: 100%;
        max-width: none;
        max-height: none;
        border-radius: 0
    }
}

.news-body_img-inner picture {
    display: flex;
    justify-content: flex-end;
    border-radius: 16px 0 16px 16px;
    height: 100%
}

@media screen and (max-width:575px) {
    .news-body_img-inner picture {
        border-radius: 0
    }
}

.news-body_img-inner img {
    min-width: 224px;
    min-height: 224px
}

@media (min-width:1200px) {
    .news-body_img-inner img {
        max-height: 224px
    }
}

@media screen and (max-width:575px) {
    .news-body_img-inner img {
        width: 100%
    }
}

@media screen and (max-width:575px) {
    .news-body__text {
        padding: 0 24px 0 24px
    }
}

.news-footer_show-more {
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.71;
    transition: color .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px
}

.news-footer_show-more .loader {
    display: none
}

.news-footer_show-more.loading {
    pointer-events: none
}

.news-footer_show-more.loading .loader {
    display: block
}

.news-footer_show-more.loading .more_text {
    display: none
}

.news-footer_show-more.invisible {
    display: none
}

.news-footer_show-more:hover {
    cursor: pointer
}

.news__date {
    display: flex;
    gap: 4px;
    align-items: center
}

.news__footer {
    padding-top: 16px !important;
    margin-top: 24px;
    border-top: 1px solid #E6E6E6
}

.news__footer .link {
    font-weight: 400
}

@media screen and (max-width:575px) {
    .news__footer {
        padding: 0 !important
    }

    .news__footer>div {
        flex-direction: column
    }

    .news__footer>div .flex-row-reverse {
        flex-direction: row !important
    }

    .news__footer>div .link {
        justify-content: space-between;
        padding: 16px
    }

    .news__footer>div .link:last-child:not(:only-child) {
        border-top: 1px solid #E6E6E6
    }
}

.news__line {
    padding: 20px;
    border-bottom: 1px solid #E6E6E6;
    position: relative
}

.news__line-name {
    font-size: 16px;
    transition: color .3s
}

.news__line-name:hover {
    color: #5F82D3
}

.site-map {
    background: #333741;
    border-radius: 0 32px 32px 32px;
    padding: 24px;
    color: #fff;
    margin-bottom: 56px
}

@media (max-width:991px) {
    .site-map {
        border-radius: 0;
        margin: -16px;
        padding: 16px
    }
}

.site-map__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px
}

.site-map__search {
    color: #4A4953
}

.site-map__body .site-map__li {
    font-weight: 400;
    line-height: 24px
}

.site-map__body ul {
    display: flex;
    flex-direction: column
}

@media (max-width:991px) {
    .site-map__body ul {
        padding: 16px !important;
        row-gap: 16px !important;
        margin-top: 16px !important
    }
}

.site-map__body .site-map__lists-level-1 {
    background: #3C455B;
    padding: 28px;
    border-radius: 0 28px 28px 28px;
    margin-top: 28px;
    row-gap: 28px
}

.site-map__body .site-map__lists-level-1 li {
    font-size: 22px
}

.site-map__body .site-map__lists-level-2 {
    background: #445374;
    padding: 24px;
    border-radius: 0 24px 24px 24px;
    margin-top: 28px;
    row-gap: 24px
}

@media (max-width:991px) {
    .site-map__body .site-map__lists-level-2 {
        row-gap: 24px !important
    }
}

.site-map__body .site-map__lists-level-2 li {
    font-size: 20px
}

.site-map__body .site-map__lists-level-3 {
    background: #4E6290;
    padding: 20px;
    border-radius: 0 20px 20px 20px;
    margin-top: 24px;
    row-gap: 20px
}

.site-map__body .site-map__lists-level-3 li {
    font-size: 18px
}

.site-map__body .site-map__lists-level-4 {
    background: #5770AA;
    padding: 16px;
    border-radius: 0 16px 16px 16px;
    margin-top: 20px;
    row-gap: 16px
}

.site-map__body .site-map__lists-level-4 li {
    font-size: 16px
}

.site-map__body .site-map__lists-level-5 {
    background: #607DC3;
    padding: 12px;
    border-radius: 0 12px 12px 12px;
    margin-top: 16px
}

.site-map__body .site-map__lists-level-5 li {
    font-size: 12px
}

.listing-no-products__body {
    display: flex;
    flex-direction: column
}

.listing-no-products__null {
    margin-bottom: 8px
}

.listing-no-products__link {
    color: #000;
    margin-bottom: 24px
}

.listing-no-products__search button {
    margin-left: 8px
}

.aluminumrolled__listing ._block-title {
    display: block;
    margin-bottom: 8px
}

.aluminumrolled__listing-descr {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000
}

.aluminumrolled__listing-descr.folded {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical
}

.aluminumrolled__listing-descr-expand {
    margin-top: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #5f82d3
}

.aluminumrolled__listing-descr-expand.hidden {
    display: none
}

@media (max-width:767px) {
    .aluminumrolled__listing-descr {
        font-size: 14px;
        line-height: 171%;
        overflow: visible !important;
        line-clamp: initial !important;
        -webkit-line-clamp: initial !important
    }

    .aluminumrolled__listing-descr-expand {
        display: none
    }
}

@media screen and (max-width:575px) {
    .metal-alloys {
        padding: 0 !important
    }
}

@media screen and (max-width:575px) {
    .metal-alloys__item {
        padding: 16px 16px;
        border-bottom: 1px solid #E6E6E6
    }
}

@media screen and (max-width:575px) {
    .metal-alloys ._material-head {
        margin: 0
    }
}

.metal-alloys .row {
    row-gap: 39px
}

@media screen and (max-width:575px) {
    .metal-alloys .row {
        row-gap: 0;
        margin: 0
    }
}

.metal-alloys ._block-group:first-child {
    border-bottom: 1px solid #E6E6E6 !important
}

.metal-alloys ._block-group {
    border-bottom: none !important
}

.metal-alloys ._block-group:nth-child(2) {
    padding: 24px 32px 16px 32px
}

@media screen and (max-width:575px) {
    .metal-alloys ._block-group:nth-child(2) {
        padding: 16px 16px 8px 16px !important
    }
}

.metal-alloys ._block-group:last-child {
    padding: 32px
}

@media screen and (max-width:575px) {
    .metal-alloys ._block-group:last-child {
        padding: 0
    }
}

.contacts__map .row:first-child {
    margin-right: 0 !important
}

.contacts__map .row:first-child .col-12,
.contacts__map .row:first-child .col-9 {
    padding-right: 0
}

.list-shopping ._block-body {
    padding: 24px 32px
}

@media screen and (max-width:575px) {
    .list-shopping ._block-body {
        padding: 0 16px
    }
}

@media screen and (max-width:575px) {
    .list-shopping__category_title {
        display: none
    }
}

.list-shopping__category_title span:first-child {
    margin-right: 8px
}

.list-shopping__category_title span:last-child {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #B3B3B3
}

@media screen and (max-width:575px) {
    .list-shopping__category_element {
        min-height: 48px
    }
}

.list-shopping__category_element:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (max-width:575px) {
    .list-shopping__category_element:not(:last-child) {
        margin-bottom: 0
    }
}

.list-shopping__category_element:last-child .list-shopping__category_item:last-child {
    border: none
}

.list-shopping__category_item {
    padding: 16px 0;
    border-bottom: 1px solid #E6E6E6
}

@media screen and (max-width:767px) {
    .list-shopping__category_item {
        flex-direction: column
    }
}

.list-shopping__category_img {
    max-width: 40px;
    min-width: 40px;
    max-height: 40px;
    min-height: 40px;
    border-radius: 8px 8px 0 8px;
    overflow: hidden;
    margin-right: 16px
}

@media screen and (max-width:575px) {
    .list-shopping__category_img {
        display: none
    }
}

.list-shopping__category_img img {
    min-height: 100%
}

.list-shopping__category_info {
    align-items: center;
    margin-right: 24px;
    position: relative
}

@media screen and (max-width:767px) {
    .list-shopping__category_info {
        margin-bottom: 16px
    }
}

@media screen and (max-width:575px) {
    .list-shopping__category_info {
        margin-right: 0
    }
}

.list-shopping__category_info span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.list-shopping__category_price {
    min-width: 176px;
    justify-content: flex-end
}

.list-shopping__category_price svg {
    fill: #5F82D3;
    min-width: 24px
}

@media screen and (max-width:767px) {
    .list-shopping__category_price .icon-discount {
        display: none
    }
}

.list-shopping__category_price span {
    font-weight: 500;
    font-size: 14px;
    margin-left: 6px;
    min-width: -moz-max-content;
    min-width: max-content
}

@media screen and (max-width:767px) {
    .list-shopping__category_price span {
        margin-left: 0
    }
}

@media screen and (max-width:767px) {
    .list-shopping__category_price {
        justify-content: space-between
    }
}

.list-shopping__category_price button {
    margin-left: 24px
}

.vacancy-page .vacancy__list ._block-body {
    padding: 0
}

.vacancy-page .vacancy__list_element {
    display: flex;
    flex-direction: column;
    padding: 48px 32px
}

.vacancy-page .vacancy__list_element:not(:first-child) {
    border-top: 1px solid #E6E6E6
}

.vacancy-page .vacancy__list_element:first-child {
    padding-top: 24px
}

@media screen and (max-width:991px) {
    .vacancy-page .vacancy__list_element:first-child {
        padding-top: 16px
    }
}

.vacancy-page .vacancy__list_element:last-child {
    padding-bottom: 24px
}

@media screen and (max-width:991px) {
    .vacancy-page .vacancy__list_element:last-child {
        padding-bottom: 16px
    }
}

@media screen and (max-width:991px) {
    .vacancy-page .vacancy__list_element {
        padding: 16px 32px
    }
}

.vacancy-page .vacancy__list_element_head {
    justify-content: space-between;
    margin-bottom: 24px
}

.vacancy-page .vacancy__list_element_head button svg {
    transition: .3s ease-in-out
}

.vacancy-page .vacancy__list_element_head_info {
    width: 100%;
    flex-wrap: wrap;
    row-gap: 8px;
    margin-right: 16px
}

@media screen and (max-width:991px) {
    .vacancy-page .vacancy__list_element_head_info .vacancy__list_element_head_title {
        order: 2;
        width: 100%
    }

    .vacancy-page .vacancy__list_element_head_info .vacancy__list_element_head_price {
        order: 3;
        width: 100%;
        text-align: left
    }

    .vacancy-page .vacancy__list_element_head_info .vacancy__list_element_head_city {
        order: 1
    }
}

.vacancy-page .vacancy__list_element_head_title {
    width: 80%;
    font-size: 18px;
    line-height: 24px
}

.vacancy-page .vacancy__list_element_head_price {
    width: 20%;
    text-align: right
}

@media screen and (max-width:991px) {
    .vacancy-page .vacancy__list_element_head_price {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }
}

.vacancy-page .vacancy__list_element_head_city {
    background-color: #FFF7E2;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px
}

.vacancy-page .vacancy__list_element.active-acc .vacancy__list_element_head_title {
    color: #000
}

.vacancy-page .vacancy__list_element.active-acc .vacancy__list_element_head button svg {
    transform: rotate(180deg)
}

.vacancy-page .vacancy__list_element.active-acc .vacancy__list_element_body {
    margin-bottom: 24px
}

.vacancy-page .vacancy__list_element_body .text-block {
    color: #666;
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

.vacancy-page .vacancy__list_element_body .text-block p {
    margin-bottom: 0
}

.vacancy-page .vacancy__list_element_body .text-block ul {
    padding-left: 22px
}

.vacancy-page .vacancy__list_element_body .text-block ul span {
    margin-left: -22px
}

.vacancy-page .vacancy__list_element_body .text-block ul li:after {
    left: -13px;
    width: 3px;
    height: 3px;
    background-color: #666
}

.vacancy-page .vacancy__list_element_footer {
    padding: 32px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .vacancy-page .vacancy__list_element_footer {
        flex-direction: column;
        row-gap: 12px;
        padding: 16px
    }
}

.vacancy-page .vacancy__list_element_footer_man {
    gap: 16px;
    align-items: center
}

.vacancy-page .vacancy__list_element_footer_img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 56px;
    min-height: 56px;
    max-width: 56px;
    max-height: 56px;
    border-radius: 100%;
    overflow: hidden
}

.vacancy-page .vacancy__list_element_footer_name {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vacancy-page .vacancy__list_element_footer_post {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.vacancy-page .vacancy__list_element_footer_contacts {
    align-items: center;
    gap: 24px
}

@media screen and (max-width:991px) {
    .vacancy-page .vacancy__list_element_footer_contacts {
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }

    .vacancy-page .vacancy__list_element_footer_contacts button {
        width: -moz-max-content;
        width: max-content;
        margin-top: 12px
    }

    .vacancy-page .vacancy__list_element_footer_contacts a:first-child {
        margin-bottom: 4px
    }
}

.vacancy-page .vacancy__side-bar {
    margin-bottom: 48px;
    text-align: right
}

.vacancy-page .vacancy__side-bar video {
    border-radius: 12px;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width:1199px) {
    .vacancy-page .vacancy__side-bar {
        display: none
    }
}

.delivery-container {
    display: flex;
    align-items: flex-start;
    gap: 36px
}

@media screen and (max-width:1024px) {
    .delivery-container {
        flex-direction: column;
        gap: 24px
    }
}

.delivery-video {
    order: 1;
    width: 30%;
    height: auto;
    min-width: 560px;
    aspect-ratio: 1.68;
    border-radius: 12px
}



@media screen and (max-width:1200px) {
    .delivery-video {
        min-width: 450px
    }
}

@media screen and (max-width:1024px) {
    .delivery-video {
        order: -1;
        min-width: unset
    }
}

.certificates_page__list {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width:767px) {
    .certificates_page__list {
        gap: 0
    }
}

@media screen and (max-width:767px) {
    .certificates_page .certificates_page__list {
        padding: 0
    }
}

.certificates_page .certificate {
    display: flex;
    gap: 24px
}

@media screen and (max-width:767px) {
    .certificates_page .certificate {
        flex-direction: column;
        gap: 20px;
        padding: 24px 16px
    }

    .certificates_page .certificate:not(:last-child) {
        border-bottom: 1px solid #e6e6e6
    }
}

.certificates_page .certificate__image {
    display: flex;
    flex: 0 0 360px;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .12);
    cursor: pointer;
    position: relative
}

.certificates_page .certificate__image picture {
    flex: 1;
    display: flex
}

.certificates_page .certificate__image img {
    flex: 1;
    -o-object-fit: contain;
    object-fit: contain
}

.certificates_page .certificate__image img:not(:first-child) {
    display: none
}

.certificates_page .certificate__image:hover .certificate__magnify {
    opacity: 1
}

@media screen and (max-width:767px) {
    .certificates_page .certificate__image {
        flex: unset;
        aspect-ratio: .7;
        box-shadow: 0 3px 17px 0 rgba(0, 0, 0, .12)
    }

    .certificates_page .certificate__image img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.certificates_page .certificate__actions {
    position: absolute;
    height: 40px;
    display: flex;
    gap: 8px;
    top: 16px;
    right: 16px
}

.certificates_page .certificate__magnify {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(74, 73, 83, .88);
    opacity: 0;
    transition: opacity .3s ease
}

@media screen and (max-width:767px) {
    .certificates_page .certificate__magnify {
        opacity: 1
    }
}

.certificates_page .certificate__magnify svg {
    fill: #fff
}

@media screen and (min-width:767px) {
    .certificates_page .certificate__download {
        display: none
    }
}

.certificates_page .certificate__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 900px
}

.certificates_page .certificate__title_description {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.certificates_page .certificate__title {
    color: #4a4953;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

@media screen and (max-width:767px) {
    .certificates_page .certificate__title {
        color: #4a4953;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px
    }
}

.certificates_page .certificate__description {
    color: #4a4953;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

@media screen and (max-width:767px) {
    .certificates_page .certificate__description {
        color: #4a4953;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px
    }
}

.certificates_page .certificate__button {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: flex-start;
    text-transform: none
}

@media screen and (max-width:767px) {
    .certificates_page .certificate__button {
        display: none
    }
}

.certificates_page .certificate__button span {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.certificates_page .certificate__button svg {
    fill: #ffffff
}

.certificates_gallery {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.certificates_gallery__slider {
    flex: 1;
    background: var(--Grayscale-Mist-10, #e6e6e6);
    position: relative;
    display: flex;
    max-height: calc(100vh - 128px)
}

@media screen and (max-width:575px) {
    .certificates_gallery__slider {
        max-height: calc(100vh - 108px)
    }
}

.certificates_gallery__button_close {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 40px;
    height: 40px;
    z-index: 9;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-Mist-10, #e6e6e6);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .certificates_gallery__button_close {
        top: 16px;
        right: 16px
    }
}

.certificates_gallery__button_close svg {
    fill: #ccc;
    width: 24px;
    height: 24px
}

.certificates_gallery__button_next,
.certificates_gallery__button_prev {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    z-index: 9;
    top: calc(50% - 32px)
}

@media screen and (max-width:767px) {

    .certificates_gallery__button_next,
    .certificates_gallery__button_prev {
        width: 40px;
        height: 40px;
        top: calc(50% - 20px)
    }
}

.certificates_gallery__button_next svg,
.certificates_gallery__button_prev svg {
    fill: #ccc;
    width: 36px;
    height: 36px
}

.certificates_gallery__button_prev {
    left: 16px
}

.certificates_gallery__button_next {
    right: 16px
}

.certificates_gallery__images {
    flex: 1
}

.certificates_gallery__image {
    display: flex;
    justify-content: center
}

@media screen and (min-width:767px) {
    .certificates_gallery__image {
        padding: 24px
    }
}

.certificates_gallery__image img {
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #fff
}

.certificates_gallery__previews_wrapper {
    flex: 0 0 128px;
    display: flex;
    align-items: center;
    background: var(--Grayscale-Mist-20, #ccc);
    margin: unset
}

@media screen and (max-width:575px) {
    .certificates_gallery__previews_wrapper {
        flex: 0 0 108px
    }
}

@media screen and (max-width:767px) {
    .certificates_gallery__previews_wrapper {
        padding: 0 16px
    }
}

@media screen and (min-width:767px) {
    .certificates_gallery__previews_wrapper {
        justify-content: center
    }
}

.certificates_gallery__previews {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto
}

.certificates_gallery__preview {
    width: 80px;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px 0 8px 8px;
    border: 4px solid var(--Solid-Yellow, #0387ce);
    transition: border-color .3s ease;
    background-color: #fff;
    background-clip: content-box;
    overflow: hidden;
    cursor: pointer
}

@media screen and (max-width:575px) {
    .certificates_gallery__preview {
        width: 64px;
        height: 64px
    }
}

.certificates_gallery__preview:not(.active) {
    border-color: transparent
}

.certificates_gallery__preview img {
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #fff
}

.certificates_gallery__counter {
    position: absolute;
    left: 50%;
    bottom: 16px;
    z-index: 9;
    transform: translateX(-50%);
    width: 40px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 17px;
    background: var(--Grayscale-White, #fff);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .1);
    color: var(--Grayscale-Mist-60, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.forsuppliers-prev {
    margin-top: 48px;
    margin-bottom: 48px
}

.forsuppliers-prev__banner {
    position: relative;
    padding: 65px 60px;
    border-radius: 12px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .05);
    background-image: url(../images/content/for-suppliers-prev.png);
    background-size: cover;
    background-repeat: no-repeat;
    -o-object-fit: cover;
    object-fit: cover
}

.forsuppliers-prev__banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    border-radius: 12px
}

.forsuppliers-prev__banner h1,
.forsuppliers-prev__banner p {
    position: relative;
    z-index: 10;
    color: #fff
}

.forsuppliers-prev__banner h1 {
    margin-bottom: 28px;
    font-weight: 700;
    font-size: 52px;
    line-height: 92%
}

.forsuppliers-prev__banner p {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 0
}

.for-suppliers {
    margin-bottom: 48px
}

.for-suppliers__content {
    background: #fff;
    border-radius: 12px
}

.for-suppliers__content-head {
    padding: 16px 32px;
    border-bottom: 1px solid #e6e6e6
}

.for-suppliers__content-head h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    color: #4a4953
}

.for-suppliers__content-body {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 24px;
    padding: 34px 40px
}

.for-suppliers__content-footer {
    border-top: 1px solid #e6e6e6;
    padding: 24px 32px
}

.for-suppliers__content-footer p {
    font-weight: 700;
    font-size: 24px;
    line-height: 133%;
    color: #4a4953
}

.for-suppliers__contacts,
.for-suppliers__info {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 20px 32px;
    grid-column: 1/10
}

.for-suppliers__info-descr {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000
}

.for-suppliers__info-title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 133%;
    color: #4a4953
}

.for-suppliers__info ul {
    list-style: none;
    padding-left: 40px;
    margin-bottom: 0
}

.for-suppliers__info ul li {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: #000
}

.for-suppliers__info ul li:not(:last-child) {
    margin-bottom: 8px
}

.for-suppliers__info ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: #ccc;
    border-radius: 100%
}

.for-suppliers__contacts p {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000
}

.for-suppliers__contacts a {
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    color: #5f82d3
}

.for-suppliers .form-wrapper {
    grid-row: 1/3;
    grid-column: 10/13;
    padding: 28px 32px;
    border-radius: 12px;
    background: #f1f1f1
}

.for-suppliers .form-wrapper .contact-us {
    width: 100%;
    padding: 0;
    background: 0 0
}

.for-suppliers .form-wrapper .contact-us__submit:disabled {
    background-color: #0387ce;
    opacity: .5
}

.for-suppliers .form-wrapper .contact-us__license {
    margin: 0
}

@media (max-width:1300px) {
    .forsuppliers-prev {
        margin-bottom: 32px
    }

    .forsuppliers-prev__banner h1 {
        font-size: 44px;
        line-height: 114%
    }

    .forsuppliers-prev__banner p {
        font-size: 20px;
        line-height: 120%
    }

    .for-suppliers__content-body {
        row-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        padding: 24px 20px
    }

    .for-suppliers__info {
        grid-column: 1/8;
        padding: 20px
    }

    .for-suppliers__info-descr {
        font-size: 14px;
        line-height: 171%
    }

    .for-suppliers__info ul li::after {
        top: 25%
    }

    .for-suppliers__contacts {
        grid-column: 12 span;
        padding: 20px
    }

    .for-suppliers__contacts p {
        font-size: 14px;
        line-height: 171%
    }

    .for-suppliers__contacts a {
        font-size: 32px;
        line-height: 150%
    }

    .for-suppliers .form-wrapper {
        grid-column: 8/13;
        grid-row: 1/2;
        padding: 16px 24px
    }
}

@media (max-width:650px) {
    .forsuppliers-prev {
        margin-bottom: 16px
    }

    .forsuppliers-prev__banner {
        padding: 40px 20px
    }

    .forsuppliers-prev__banner h1 {
        margin-bottom: 8px;
        font-size: 26px;
        line-height: 119%
    }

    .forsuppliers-prev__banner p {
        font-size: 14px;
        line-height: 171%
    }

    .for-suppliers__content-head {
        padding: 16px
    }

    .for-suppliers__content-head h2 {
        font-size: 26px;
        line-height: 138%
    }

    .for-suppliers__content-body {
        padding: 0;
        grid-template-columns: 1fr;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .for-suppliers__content-footer {
        padding: 16px
    }

    .for-suppliers__content-footer p {
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
        color: #4a4953
    }

    .for-suppliers__info {
        order: 1;
        grid-column: 1/2;
        padding: 16px;
        border: none
    }

    .for-suppliers__info-descr {
        margin-bottom: 16px
    }

    .for-suppliers__info ul {
        padding-left: 32px
    }

    .for-suppliers__info ul li::after {
        top: 50%
    }

    .for-suppliers .form-wrapper {
        order: 2;
        grid-column: 1/2;
        grid-row: 2/3;
        padding: 32px 24px
    }

    .for-suppliers .form-wrapper .contact-us {
        max-width: none
    }

    .for-suppliers__contacts {
        order: 3;
        grid-column: 1/2;
        padding: 16px;
        border: none
    }

    .for-suppliers__contacts p {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 16px
    }

    .for-suppliers__contacts a {
        font-size: 24px;
        line-height: 117%
    }
}

.header {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    max-width: 100vw;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}

@media screen and (max-width:480px) {
    .header {
        top: 28px
    }
}

.header_ab1__link {
    color: #5f82d3;
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding: 4px 16px;
    margin: 4px 0;
    font-size: 14px;
    cursor: pointer
}

.header_ab1__link:last-child {
    border-left: 1px solid #f0f0f0
}

@media screen and (max-width:575px) {
    .header_ab1__link:last-child {
        display: none
    }
}

@media screen and (max-width:575px) {
    .header_ab1__link span {
        display: none
    }
}

.header_ab1__link_city {
    color: #4a4953;
    gap: 2px
}

.header_ab1__link_city svg {
    fill: #ccc
}

.header_ab1__link_email {
    -webkit-mask-image: linear-gradient(to right, #5f82d3 30%, transparent);
    mask-image: linear-gradient(to right, #5f82d3 30%, transparent);
    animation-name: blurAnim;
    animation-duration: 10ms;
    animation-fill-mode: both;
    animation-play-state: paused
}

.header_ab1__link_email:hover {
    animation-fill-mode: forwards;
    animation-play-state: running
}

@keyframes blurAnim {
    to {
        -webkit-mask-image: none;
        mask-image: none
    }
}

.header_ab2__link {
    color: #5f82d3;
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding: 4px 16px;
    margin: 4px 0;
    font-size: 14px;
    line-height: 150%;
    cursor: pointer
}

.header_ab2__link_phone {
    color: #4a4953;
    -webkit-mask-image: linear-gradient(to right, #4a4953 30%, transparent);
    mask-image: linear-gradient(to right, #4a4953 30%, transparent)
}

.header_ab2__link_email {
    color: #5f82d3;
    -webkit-mask-image: linear-gradient(to right, #5f82d3 30%, transparent);
    mask-image: linear-gradient(to right, #5f82d3 30%, transparent)
}

.header_ab2__link_email,
.header_ab2__link_phone {
    animation-name: blurAnim;
    animation-duration: 10ms;
    animation-fill-mode: both;
    animation-play-state: paused
}

.header_ab2__link_email:hover,
.header_ab2__link_phone:hover {
    animation-fill-mode: forwards;
    animation-play-state: running
}

@keyframes blurAnim {
    to {
        -webkit-mask-image: none;
        mask-image: none
    }
}

@media screen and (max-width:575px) {
    .header_ab2__link_city span {
        display: none
    }
}

.header_ab2__link_city svg {
    fill: #ccc
}

@media screen and (min-width:575px) {
    .header_ab2__link_city svg {
        display: none
    }
}

.header_ab2__link_group {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #f0f0f0
}

@media screen and (max-width:575px) {
    .header_ab2__link_group {
        display: none
    }
}

.header_ab2__link_group>.header_ab2__link {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0
}

.header__form-search {
    display: flex;
    justify-content: flex-end;
    /* width: 100%; */
    width: 60%;
    position: relative
}

.header__form-search:focus-within .button-search {
    background-color: #0387ce
}

.header__form-search:focus-within .button-search svg {
    fill: #ffffff;
}

.header__form-search__mobile {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    background-color: #fff;
    transition: .3s ease-in-out;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    padding: 8px 16px 8px 8px;
    display: flex;
    align-items: center
}

@media (min-width:1155px) {
    .header__form-search__mobile {
        display: none
    }
}

.header__form-search__mobile .header__form-search {
    height: 100%;
    display: flex;
    height: 40px;
    align-items: center
}

.header__form-search__mobile .header__form-search .button-back {
    width: 40px;
    height: 40px;
    padding: 8px
}

.header__form-search__mobile .header__form-search .button-search {
    width: 32px;
    height: 32px
}

.header__form-search__mobile .button-search,
.header__form-search__mobile input {
    display: block !important
}

.header__form-search__mobile input {
    max-width: none !important
}

@media (max-width:1155px) {
    .header__form-search__mobile input:not(:-moz-placeholder-shown)+.button-close {
        display: block
    }

    .header__form-search__mobile input:not(:-ms-input-placeholder)+.button-close {
        display: block
    }

    .header__form-search__mobile input:not(:placeholder-shown)+.button-close {
        display: block
    }
}

.header__form-search__mobile.active {
    left: 0
}

.header__form-search div {
    height: 40px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    transition: .3s ease-in-out
}

.header__form-search button.button-search {
    transition: .3s;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    bottom: 4px;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background-color: #fff
}

@media (max-width:1155px) {
    .header__form-search button.button-search {
        display: none
    }
}

.header__form-search button.button-search_mobile {
    display: none
}

@media (max-width:1155px) {
    .header__form-search button.button-search_mobile {
        display: block
    }
}

.header__form-search button.button-search svg {
    fill: #CCC
}

.header__form-search button.button-close {
    display: none;
    position: absolute;
    right: 44px;
    top: 4px;
    bottom: 4px
}

.header__form-search button.button-close svg {
    fill: #CCC
}

.header__form-search input {
    height: 40px;
    width: 100%;
    padding: 0 0 0 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: .3s ease-in-out;
    opacity: 1;
    max-width: 480px;
    font-size: 16px;
    color: var(--grayscale-mist-80, #4a4953);
    padding: 8px 8px 8px 16px;
    color: #4a4953;
    transition: all .3s ease
}

.header__form-search input:hover {
    border-color: #B3B3B3
}

@media (min-width:1156px) {
    .header__form-search input:not(:-moz-placeholder-shown)+.button-close {
        display: block
    }

    .header__form-search input:not(:-ms-input-placeholder)+.button-close {
        display: block
    }

    .header__form-search input:not(:placeholder-shown)+.button-close {
        display: block
    }
}

.header__form-search input:focus {
    border-color: transparent;
    background: var(--grayscale-white, #fff);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .02)
}

@media (max-width:1155px) {
    .header__form-search input {
        display: none
    }

    .header__form-search input+.button-close {
        display: none
    }
}

.header__old-block {
    background: #404D6C;
    padding: 9px 0;
    display: none;
    align-items: center;
    height: 40px;
    justify-content: center;
    position: relative
}

.header__old-block.active {
    display: flex
}

.header__old-block-close {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 8px;
    cursor: pointer;
    height: 24px;
    width: 24px;
    display: flex
}

.header__old-block-close:hover svg {
    fill: #fff
}

.header__old-block-close svg {
    fill: #CCC
}

.header__old-block a {
    font-size: 16px;
    color: #CCC
}

.header__old-block a:hover {
    color: #fff
}

.header .btn {
    letter-spacing: 0
}

.header__container {
    display: flex;
    align-items: center;
    max-width: 1920px;
    width: 100%;
    padding: 12px 0;
    margin: 0 auto
}

.header.z-index {
    z-index: 999999;
    pointer-events: none
}

.header.table-mode {
    box-shadow: none;
    border-bottom: 1px solid #dee2e6
}

.header__logo {
    display: inline-block;
    min-width: 36px
}

.header__burger {
    display: flex;
    align-items: center;
    margin: 0 32px;
    text-transform: none;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    -moz-column-gap: 14px;
    column-gap: 14px
}

.header__burger .icon-burger {
    fill: #fff;
    display: block
}

.header__burger .icon-close {
    fill: #fff;
    display: none
}

.header__burger.active .icon-burger {
    display: none
}

.header__burger.active .icon-close {
    display: block
}

.header__menu {
    margin-bottom: 0
}

.header__menu li {
    position: relative
}

.header__menu li:hover {
    color: #000
}

.header__menu li:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    top: 100%;
    left: 0
}

.header__menu li ul {
    top: 33px !important;
    left: -15px !important;
    padding: 0 !important;
    border: 1px solid #e6e6e6
}

.header__menu li ul li:hover a {
    background-color: #EEF5FF !important
}

.header__menu li a {
    position: relative;
    margin-right: 24px;
    font-size: 16px;
    line-height: 1.4;
    color: #4A4953;
    white-space: nowrap
}

.header__wrap-btn {
    display: flex;
    width: 100%;
    max-height: 40px;
    justify-content: flex-end
}

.header .material-select {
    width: 68px;
    height: 40px;
    transform: translateY(-2px);
    vertical-align: middle;
    margin-right: 0;
    margin-left: 16px
}

.header .material-select picture {
    margin-right: 4px
}

.header .material-select .__select__title {
    padding: 7px
}

.header .material-select .__select__content a,
.header .material-select .__select__content picture {
    margin: auto
}

.header__btn {
    height: initial;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: initial
}

.header__btn-country picture {
    margin-right: 4px
}

.header__btn-country[data-state=active] .__select__title {
    background-color: transparent !important;
    border-color: #E6E6E6 !important;
    border-radius: 8px
}

.header__btn-country[data-state=active] .__select__title::after,
.header__btn-country[data-state=active] .__select__title::before {
    background-color: #CCC !important
}

.header__btn-country[data-state=active] .__select__content {
    border: none
}

.header__btn-country .__select__content {
    border-radius: 8px;
    border: none !important;
    margin-top: 8px
}

.header__btn-country.material-select:hover .__select__title {
    background-color: #0387ce;
    border-color: #0387ce
}

.header__btn-city {
    margin-left: 12px;
    padding-left: 16px;
    white-space: nowrap
}

.header__btn-city img {
    margin-left: 8px
}

.header__btn-contacts {
    padding-left: 16px
}

.header__btn-contacts .icon {
    margin-left: 4px
}

.header__btn-contacts.active .icon-arrow-down {
    transform: scaleY(-1)
}

.header__btn-basket,
.header__btn-search {
    padding: 0
}

.header__btn-basket:hover .icon,
.header__btn-search:hover .icon {
    fill: #414E6D
}

.header__btn-basket {
    margin: 8px 24px
}

.header__btn-basket.active::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: -2px;
    width: 11px;
    height: 11px;
    background-color: #0387ce;
    border-radius: 50%;
    border: 2px solid #fff
}

@media (max-width:1750px) {
    .header__container.container {
        max-width: 100%;
        padding-left: 0 !important
    }

    .header__container {
        padding: 12px 0
    }

    .header__burger {
        margin: 0 24px
    }
}

@media (max-width:1200px) {
    .header__burger {
        margin: 0 16px
    }

    .header__menu li a {
        margin-right: 16px
    }
}

@media screen and (max-width:991px) {
    .header {
        z-index: 1001
    }

    .header__old-block a {
        font-size: 14px
    }

    .header__burger {
        order: -1;
        background: 0;
        font-size: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        padding: 0;
        margin-left: 0;
        height: 24px
    }

    .header__burger svg {
        fill: #CCC !important
    }

    .header__logo img {
        width: 31px;
        /* height: 24px */
    }

    .header__menu {
        position: relative;
        vertical-align: top
    }
}

@media screen and (max-width:767px) {
    .header__container {
        margin: 0 8px;
        width: auto
    }
}

.footer {
    flex: 0 0 auto;
    background: linear-gradient(360deg, #1a243c -3.3%, #2a3653 100%);
    overflow: hidden
}

.footer [data-hover-hidden]::after {
    display: none !important
}

.footer__wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 32px;
    padding: 32px
}

.footer__logo {
    grid-column: 2 span
}

.footer__logo img {
    display: block;
    width: 100px;
    margin-bottom: 16px
}

.footer__logo p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #e6e6e6
}

.footer__list {
    grid-column: 2 span
}

.footer__contacts {
    grid-column: 4 span
}

.footer__contacts .footer__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: #e6e6e6;
    opacity: 1
}

.footer__last-column .footer__link {
    display: inline-block;
    width: 100%
}

.footer__title {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 133%;
    color: #fff;
    margin-bottom: 8px
}

.footer__title:visited {
    color: #fff;
}

.footer__title .icon {
    display: none
}

.footer__title:hover {
    color: #fff
}

.footer__link {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: #e6e6e6;
    margin-bottom: 8px;
    opacity: .5;
    transition: .2s
}

.footer__link:visited {
    color: #e6e6e6;
    text-decoration: none;
}

.footer__link:last-child {
    margin-bottom: 24px
}

.footer__link .icon {
    width: 24px;
    height: 24px;
    fill: #ccc;
    margin-right: 10px
}

.footer__link .icon-call-thin {
    display: none
}

.footer__link .icon-geo-thin {
    display: none
}

.footer__link .icon-mail-thin {
    display: none
}

.footer__link:hover {
    color: #fff;
    opacity: 1
}

.footer__link.unhover:hover {
    color: #fff;
    opacity: .5
}

.footer__link-phone {
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: #e6e6e6;
    margin-bottom: 8px;
    opacity: 1;
    transition: .2s
}

.footer__link-phone a:hover {
    color: #fff
}

.footer__link-phone>span {
    opacity: .4;
    margin: 0 10px
}

.footer__link-phone .icon {
    width: 24px;
    height: 24px;
    fill: #ccc;
    margin-right: 8px
}

.footer__link-phone .icon-call-thin {
    display: none
}

.footer__social-link {
    opacity: .5;
    margin-right: 16px
}

.footer__social-link .icon {
    width: 24px;
    height: 24px;
    stroke-width: 0;
    fill: #ccc
}

.footer__social-link:hover {
    opacity: 1
}

.footer__debug {
    margin-top: 24px
}

.footer__debug button svg {
    fill: #CCC;
    margin-right: 8px
}

.footer__debug button span {
    color: #EEE;
    font-weight: 500
}

.footer__bottom {
    color: #fff
}

.footer__bottom span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    width: 100%
}

.footer__bottom a {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    opacity: .5
}

@media screen and (max-width:991px) {
    .footer__wrap {
        padding: 16px
    }

    .footer__last-column {
        margin-left: 0
    }

    .footer__last-column .footer__title .icon {
        margin: auto auto auto 8px;
        transform: rotate(-90deg)
    }

    .footer__last-column .footer__title:hover {
        color: #fff
    }

    .footer__last-column .footer__link {
        padding-left: 8px
    }

    .footer__list {
        padding-bottom: 24px;
        padding: 0;
        margin-bottom: 16px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        max-height: 48px;
        overflow: hidden;
        transition: max-height .5s
    }

    .footer__list.active {
        max-height: 500px
    }

    .footer__link {
        display: flex;
        padding: 10px;
        margin-bottom: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px
    }

    .footer__link-phone-mob {
        opacity: .5;
        color: #fff
    }

    .footer__link-phone-mob .icon {
        width: 24px;
        height: 24px;
        fill: #ccc;
        stroke-width: 0
    }

    .footer__link-phone-mob .icon-call-thin {
        display: inline-block
    }

    .footer__link .icon {
        flex-shrink: 0
    }

    .footer__link .icon-geo-thin,
    .footer__link .icon-mail-thin {
        display: inline-block
    }

    .footer__link .icon-geo,
    .footer__link .icon-mail {
        display: none
    }

    .footer__title {
        display: flex;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 0;
        padding-bottom: 16px;
        margin-bottom: -8px
    }

    .footer__title .icon {
        margin: auto 0 auto auto;
        display: block;
        width: 24px;
        height: 24px;
        fill: #fff
    }

    .footer__title.active .icon {
        transform: scaleY(-1)
    }

    .footer__social {
        margin-top: 16px;
        border-top: 1px solid rgba(255, 255, 255, .1);
        padding: 32px 0 0;
        display: flex
    }

    .footer__debug {
        margin-top: 32px;
        border-top: 1px solid rgba(255, 255, 255, .1);
        padding: 16px 0 16px;
        display: flex
    }

    .footer__bottom {
        padding: 0 8px
    }
}

@media (max-width:991px) {
    .footer__wrap {
        display: block;
        padding: 16px 0
    }

    .footer__logo {
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .footer__logo p {
        max-width: 85%
    }

    .footer__list:nth-child(2) {
        margin-top: 16px
    }

    .footer__link {
        display: flex !important
    }

    .footer__link:last-child {
        margin-bottom: 16px
    }

    .footer__link span {
        display: block
    }

    .footer__social {
        margin-top: 0;
        justify-content: center;
        gap: 32px;
        padding: 32px 20px
    }

    .footer__social-link {
        margin: 0
    }
}

.modal.show {
    opacity: 1
}

.modal-backdrop {
    opacity: 0;
    background: linear-gradient(90deg, rgba(64, 77, 108, .8) 0, rgba(47, 56, 79, .8) 100%)
}

.modal-backdrop.show {
    opacity: 1
}

.modal-backdrop.visible {
    background: 0 0;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0)
}

.modal-content--rounded {
    border-radius: 1.5rem
}

.modal input:hover,
.modal textarea:hover {
    border-color: #B3B3B3
}

.modal input:focus,
.modal textarea:focus {
    box-shadow: 0 0 0 2px #0387ce;
    border-color: transparent
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .modal input,
    .modal textarea {
        overflow: auto
    }
}

.fade {
    opacity: 0;
    transition: opacity .2s ease-in
}

#modalSearch {
    z-index: 999999999
}

#modalSearch .modal-dialog {
    max-width: 100%;
    margin: 0
}

#modalSearch .modal-content {
    height: 72px
}

#modalContacts {
    z-index: 1000000
}

#modalContacts .modal-dialog {
    margin: 60px 345px auto auto
}

#modalContacts .modal-content {
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    width: 480px;
    border-radius: 8px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    #modalContacts .modal-content {
        width: 100%
    }
}

#modalGeo {
    z-index: 1000;
    pointer-events: none;
    padding-right: 0 !important
}

@media screen and (max-width:991px) {
    #modalGeo.show {
        display: flex !important
    }
}

#modalGeo .modal-dialog {
    margin: 100px 33px auto auto;
    max-width: 529px;
    width: 100%;
    margin-right: 11.6%
}

@media (min-width:2000px) {
    #modalGeo .modal-dialog {
        margin: auto
    }
}

@media screen and (max-width:991px) {
    #modalGeo .modal-dialog {
        margin: 0 auto !important;
        margin-top: auto !important
    }
}

#modalGeo .modal-content {
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    width: 528px;
    border-radius: 8px;
    border-top-right-radius: 0
}

@media screen and (max-width:991px) {
    #modalGeo .modal-content {
        width: 100%;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

#modalCity {
    z-index: 9999999
}

#modalCity .modal-dialog {
    max-width: 920px;
    width: 100%
}

#modalCity .modal-content {
    border-radius: 24px;
    margin: auto
}

#modalCallback {
    z-index: 9999999
}

#modalCallback .modal-dialog {
    max-width: 480px
}

#modalCallback .modal-content {
    border-radius: 24px;
    width: 100%
}

@media (max-width:1750px) {
    #modalContacts .modal-dialog {
        margin-right: 146px
    }

    #modalGeo .modal-dialog {
        margin-right: 16px
    }
}

@media screen and (max-width:991px) {
    #modalCallback {
        z-index: 9999999
    }

    #modalCallback .modal-dialog {
        margin: auto 8px;
        max-width: 100%
    }

    #modalCallback .modal-content {
        border-radius: 16px;
        width: 100%
    }

    #modalCity .modal-dialog {
        margin: 8px;
        width: calc(100% - 16px)
    }

    #modalCity .modal-content {
        margin: 0
    }

    #modalContacts .modal-dialog {
        margin: 16px auto !important
    }
}

@media screen and (max-width:575px) {
    #modalContacts .modal-dialog {
        margin: 16px 8px !important
    }
}

.opacity-100 {
    opacity: 1 !important
}

.contacts-modal__tabs-link {
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    padding: 13px 16px 0;
    height: 64px
}

.contacts-modal__tabs-link .btn-close {
    bottom: 1px;
    margin-left: auto;
    padding: 8px
}

@media (min-width:992px) {
    .contacts-modal__tabs-link .btn-close {
        display: none
    }
}

@media screen and (max-width:991px) {
    .contacts-modal__tabs-link-item:last-child {
        margin-right: 0 !important
    }
}

.contacts-modal__tabs-link-item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    height: 100%;
    padding: 0 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #B3B3B3;
    margin-right: 24px;
    transition: color .2s
}

.contacts-modal__tabs-link-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #0387ce;
    left: 0;
    bottom: 0;
    border-radius: 8px 8px 0 0;
    transform: translateY(4px);
    opacity: 0;
    transition: transform .2s, opacity .2s
}

.contacts-modal__tabs-link-item.active {
    color: #414E6D
}

.contacts-modal__tabs-link-item.active:after {
    transform: translateY(0);
    opacity: 1
}

.contacts-modal__tabs-link-item:hover {
    color: #414E6D !important
}

.contacts-modal__tabs-item {
    overflow: hidden;
    display: none;
    opacity: 0;
    transition: opacity .2s
}

.contacts-modal__tabs-item.active {
    opacity: 1
}

@media screen and (max-width:991px) {
    .contacts-modal__tabs-item.active {
        display: block
    }
}

.contacts-modal__tabs-item.db {
    display: block
}

.contacts-modal__section {
    padding: 24px;
    border-bottom: 1px solid #E6E6E6;
    position: relative
}

@media screen and (max-width:991px) {
    .contacts-modal__section {
        padding: 16px
    }
}

.contacts-modal__section:last-child {
    border: none
}

.contacts-modal__section:nth-child(3) {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.contacts-modal__section-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: #4A4953
}

.contacts-modal__section-mail {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5F82D3;
    display: inline-block
}

@media (max-width:389px) {
    .contacts-modal__section-mail:last-child {
        margin-left: 8px
    }
}

.contacts-modal__section-copy+.icon-good {
    position: absolute;
    right: 2px;
    top: 3px;
    width: 35px;
    height: 35px;
    stroke-width: 0;
    fill: #B8EFBA;
    opacity: 0
}

@media screen and (max-width:991px) {
    .contacts-modal__section-copy+.icon-good {
        display: none
    }
}

.contacts-modal__section-copy {
    margin-left: 16px
}

@media (max-width:400px) {
    .contacts-modal__section-copy {
        margin-left: auto
    }
}

.contacts-modal__section-copy:hover .icon-good {
    fill: #B8EFBA
}

.contacts-modal__section-phone {
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

@media screen and (max-width:991px) {
    .contacts-modal__section-phone {
        margin-bottom: 16px;
        margin-right: 0
    }
}

.contacts-modal__section-phone a.btn {
    display: block !important
}

.contacts-modal__section-phone-sub {
    background-color: #EEF5FF;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px;
    margin-top: 8px;
    border-radius: 0 4px 4px
}

.contacts-modal__section-text {
    margin: 8px 0
}

.contacts-modal__section-item:first-child {
    padding-top: 16px
}

.contacts-modal__section-item:last-child {
    padding-bottom: 16px
}

.contacts-modal__section-item {
    display: flex;
    padding: 8px;
    cursor: pointer;
    border-radius: 8px;
    transition: .2s
}

@media screen and (max-width:991px) {
    .contacts-modal__section-item {
        padding: 8px 16px;
        border-radius: 0
    }

    .contacts-modal__section-item:not(:last-child) {
        border-bottom: 1px solid #E6E6E6
    }
}

.contacts-modal__section-item:hover {
    background-color: #EEF5FF
}

.contacts-modal__section-item:hover .contacts-modal__section-item-copy {
    opacity: 1
}

.contacts-modal__section-item-text {
    width: 81%
}

@media screen and (max-width:991px) {
    .contacts-modal__section-item-text {
        width: 100%
    }
}

.contacts-modal__section-item-text-title {
    font-size: 14px;
    line-height: 24px;
    color: #999
}

.contacts-modal__section-item-text-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.contacts-modal__section-item-copy {
    margin: auto 0 auto auto;
    border: 0;
    opacity: 0;
    position: relative
}

.contacts-modal__section-item-copy:hover {
    background-color: #fff
}

.contacts-modal__section-item-copy .icon-good {
    position: absolute;
    right: 2px;
    top: 3px;
    width: 35px;
    height: 35px;
    stroke-width: 0;
    fill: #B8EFBA;
    opacity: 0
}

.contacts-modal__section-item.copied .contacts-modal__section-item-copy {
    background-color: transparent;
    opacity: 1
}

.contacts-modal__section-item.copied .contacts-modal__section-item-copy .icon-good {
    opacity: 1
}

.contacts-modal__section-item.copied .contacts-modal__section-item-copy .icon-copy {
    opacity: 0
}

.contacts-modal__section-download {
    margin-top: 8px;
    padding-right: 16px
}

@media screen and (max-width:991px) {
    .contacts-modal__section-download {
        width: 100% !important;
        min-width: auto !important;
        min-height: auto !important;
        text-align: center !important;
        margin: 0 !important
    }
}

.contacts-modal__section-download_parent {
    background-color: transparent !important;
    cursor: auto !important
}

@media screen and (max-width:991px) {
    .contacts-modal__section-download_parent {
        padding: 16px !important
    }
}

.contacts-modal__section-download .icon {
    stroke-width: 0;
    fill: #5F82D3;
    margin-right: 4px
}

.contacts-modal__btn {
    padding: 8px 16px
}

@media screen and (max-width:991px) {
    .contacts-modal__btn {
        width: 100%
    }
}

.contacts-modal__mobile-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 8px 10px 16px;
    border-bottom: 1px solid #E6E6E6
}

.contacts-modal__mobile-header p {
    margin: 0;
    font-weight: 500;
    font-size: 26px;
    line-height: 140%
}

@media screen and (max-width:991px) {
    #tab-requisites .contacts-modal__section {
        padding: 0
    }
}

.geo-modal {
    padding: 24px;
    color: #4A4953
}

.geo-modal__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 16px;
    color: #000
}

.geo-modal__desc {
    margin-bottom: 16px
}

@media screen and (max-width:767px) {
    .geo-modal__desc {
        display: none
    }
}

.geo-modal__buttons {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.geo-modal__buttons .btn {
    padding: 8px 16px
}

@media screen and (max-width:767px) {
    .geo-modal__buttons .btn {
        width: calc(50% - 8px)
    }
}

.modal-city {
    padding: 0
}

.modal-city .modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.modal-city .modal__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.5;
    background: linear-gradient(90deg, #404D6C 0, #2F384F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

@media screen and (max-width:767px) {
    .modal-city .modal__title {
        font-size: 26px;
        line-height: 1.4
    }
}

.modal-city .w-100 {
    width: 100%
}

.modal-city .__select img {
    margin-right: 8px
}

.modal-city__main {
    display: flex
}

@media screen and (max-width:767px) {
    .modal-city__main {
        flex-direction: column
    }
}

.modal-city__body {
    padding: 16px 32px;
    padding-bottom: 0;
    width: 100%
}

@media screen and (max-width:575px) {
    .modal-city__body {
        padding: 16px
    }
}

.modal-city__country {
    max-width: 208px;
    flex-shrink: 0;
    width: 100%;
    padding-top: 32px !important;
    background: linear-gradient(90deg, #404D6C 0, #2F384F 100%);
    margin-bottom: 0;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

@media screen and (max-width:767px) {
    .modal-city__country {
        display: none
    }
}

.modal-city__country-item {
    display: flex;
    font-weight: 400;
    border-radius: 16px;
    padding: 8px 32px;
    padding-right: 0;
    width: 100%;
    cursor: pointer;
    color: #fff;
    opacity: .6;
    transition: opacity .3s;
    position: relative
}

.modal-city__country-item img {
    margin-right: 8px
}

.modal-city__country-item picture {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.modal-city__country-item.active {
    opacity: 1
}

.modal-city__country-item.active:after {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #fff transparent transparent
}

.modal-city__country-item:hover {
    opacity: .9
}

.modal-city__listing {
    width: 100%;
    height: 42vh;
    overflow-y: scroll;
    margin-top: 16px
}

@media screen and (max-width:767px) {
    .modal-city__listing {
        height: calc(100vh - 293px)
    }
}

.modal-city .select__current,
.modal-city .select__item,
.modal-city__input {
    font-size: 18px
}

.modal-city .select__current::-moz-placeholder,
.modal-city .select__item::-moz-placeholder,
.modal-city__input::-moz-placeholder {
    font-size: 18px
}

.modal-city .select__current:-ms-input-placeholder,
.modal-city .select__item:-ms-input-placeholder,
.modal-city__input:-ms-input-placeholder {
    font-size: 18px
}

.modal-city .select__current::placeholder,
.modal-city .select__item::placeholder,
.modal-city__input::placeholder {
    font-size: 18px
}

.modal-city .select__current~.btn,
.modal-city .select__item~.btn,
.modal-city__input~.btn {
    transform: translateY(-50%);
    top: 50%;
    right: 10px
}

.modal-city__filter {
    display: block;
    max-width: 100%;
    margin-bottom: 24px;
    position: relative
}

.modal-city__filter-btn {
    padding: 0;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: 12px
}

@media screen and (max-width:767px) {
    .modal-city__filter-btn {
        top: 8px
    }
}

.modal-city__filter-btn svg {
    width: 19px;
    height: 19px;
    fill: #DEDEDE
}

.modal-city__filter-btn:hover svg {
    fill: #fd7e14
}

.modal-city__title {
    text-align: left;
    font-weight: 500;
    font-size: 20px
}

.modal-city__list {
    display: none;
    padding-right: 12px;
    -moz-column-count: auto;
    column-count: auto;
    -moz-column-width: 180px;
    column-width: 180px
}

.modal-city__list:nth-child(n+3) {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

.modal-city__list:nth-child(n+3) a,
.modal-city__list:nth-child(n+3) div {
    width: auto
}

.modal-city__list:nth-child(n+3).active {
    display: flex
}

.modal-city__list.active {
    display: block
}

.modal-city__item {
    width: 100%;
    display: inline-block;
    color: #5F82D3;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.7
}

@media screen and (max-width:767px) {
    .modal-city__item {
        line-height: 1.4
    }
}

.modal-city__column {
    display: flex;
    flex-direction: column;
    max-width: 160px;
    width: 100%;
    margin: 0 12px
}

.modal-city__column-title {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    color: #4A4953;
    margin-bottom: 8px;
    line-height: 1.67
}

@media screen and (max-width:767px) {
    .modal-city__column-title {
        line-height: 1.4
    }
}

.modal-city__tags {
    padding-top: 16px
}

.modal-city .main-cities__holder {
    display: none
}

.modal-city .main-cities__holder.active {
    display: flex
}

#modalGallery {
    z-index: 3010 !important
}

#modalGallery .modal-body,
#modalGallery .modal-content,
#modalGallery .modal-dialog,
#modalGallery .modal__middle {
    height: 100%
}

#modalGallery .modal-body .about-company__slider-gallery_pagination_block,
#modalGallery .modal-content .about-company__slider-gallery_pagination_block,
#modalGallery .modal-dialog .about-company__slider-gallery_pagination_block,
#modalGallery .modal__middle .about-company__slider-gallery_pagination_block {
    height: 100%;
    position: relative
}

@media (min-width:200px) and (max-width:380px) {

    #modalGallery .modal-body .about-company__slider-gallery_pagination_block,
    #modalGallery .modal-content .about-company__slider-gallery_pagination_block,
    #modalGallery .modal-dialog .about-company__slider-gallery_pagination_block,
    #modalGallery .modal__middle .about-company__slider-gallery_pagination_block {
        left: -27%
    }
}

#modalGallery .modal-content {
    background-color: transparent
}

#modalGallery .modal-dialog {
    max-height: 770px;
    max-width: 50%;
    min-height: auto;
    position: relative;
    padding-top: 2%
}

@media screen and (max-width:991px) {
    #modalGallery .modal-dialog {
        padding-top: 5%
    }
}

@media screen and (max-width:767px) {
    #modalGallery .modal-dialog {
        padding-top: 20%
    }
}

@media screen and (max-width:575px) {
    #modalGallery .modal-dialog {
        padding-top: 60%;
        max-width: 100%;
        margin: 0;
        align-items: flex-end
    }
}

.about-company__slider-modal {
    position: relative
}

.about-company__slider-navigation {
    left: -15%;
    right: -15%;
    height: 50%;
    position: absolute;
    top: 0
}

@media screen and (max-width:767px) {
    .about-company__slider-navigation {
        top: 5%
    }
}

@media screen and (max-width:575px) {
    .about-company__slider-navigation {
        top: 11%;
        left: 20px;
        right: 20px
    }
}

@media (max-width:500px) {
    .about-company__slider-navigation {
        top: 10%
    }
}

@media (max-width:420px) {
    .about-company__slider-navigation {
        top: 13%
    }
}

@media (max-width:380px) {
    .about-company__slider-navigation {
        top: 17%
    }
}

.about-company__slider-navigation .swiper-custom-nav {
    opacity: 1;
    bottom: 0;
    top: auto;
    display: block;
    transition: .3s ease-in-out
}

@media screen and (max-width:991px) {
    .about-company__slider-navigation .swiper-custom-nav {
        top: 75%;
        padding: 6px;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width:991px) and (max-width:767px) {
    .about-company__slider-navigation .swiper-custom-nav {
        top: 64%
    }
}

@media screen and (max-width:991px) and (min-width:576px) and (max-width:991px) {
    .about-company__slider-navigation .swiper-custom-nav {
        top: 40%
    }
}

@media screen and (max-width:991px) and (max-width:450px) {
    .about-company__slider-navigation .swiper-custom-nav {
        top: 55%
    }
}

@media screen and (max-width:991px) and (max-width:380px) {
    .about-company__slider-navigation .swiper-custom-nav {
        top: 14%
    }
}

@media screen and (max-width:991px) {
    .about-company__slider-navigation .swiper-custom-nav svg {
        width: 28px;
        height: 28px
    }
}

.about-company__slider-gallery {
    overflow: hidden;
    background: 0 0;
    position: relative
}

.about-company__slider-gallery .swiper-wrapper {
    background: 0 0
}

.about-company__slider-gallery .swiper-wrapper img {
    width: 100%;
    max-height: 600px
}

.about-company__slider-gallery .swiper-wrapper .swiper-slide {
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:575px) {
    .about-company__slider-gallery .swiper-wrapper .swiper-slide {
        border-radius: 0 !important
    }
}

.about-company__slider-gallery .about-company__slider-gallery_pagination {
    max-width: 200%
}

.about-company__slider-gallery .about-company__slider-gallery_pagination_block {
    width: 100%;
    margin-top: 18px
}

.about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet {
    transition: .1s ease-in-out;
    display: block;
    width: -moz-max-content;
    width: max-content;
    height: auto
}

.about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
    transition: .2s ease-in-out;
    padding: 8px;
    overflow: hidden;
    border-radius: 16px;
    height: auto;
    max-height: 156px
}

@media screen and (max-width:1199px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        padding: 0
    }
}

@media (max-width:400px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        padding: 0
    }
}

@media (min-width:1910px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 200px
    }
}

@media (min-width:1600px) and (max-width:1909px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 200px
    }
}

@media (min-width:1400px) and (max-width:1599px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 155px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 135px
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 110px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 100px
    }
}

@media (min-width:425px) and (max-width:767px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 80px
    }
}

@media (min-width:380px) and (max-width:424px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 75px
    }
}

@media (min-width:320px) and (max-width:380px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet div {
        width: 90px
    }
}

.about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet-active {
    border: 2px solid #0387ce;
    border-radius: 20px;
    padding: 6px
}

@media screen and (max-width:575px) {
    .about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet-active {
        padding: 2px
    }
}

.about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet-active img {
    border-radius: 16px
}

.about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet::after,
.about-company__slider-gallery .about-company__slider-gallery_pagination .swiper-pagination-bullet::before {
    display: none
}

.documents-modal {
    padding: 32px !important
}

@media screen and (max-width:991px) {
    .documents-modal {
        padding: 16px !important
    }
}

.documents-modal .send-gen-dir {
    padding-bottom: 24px
}

.documents-modal_list {
    margin-bottom: 24px
}

.documents-modal_list li:last-child {
    margin-bottom: 0
}

.documents-modal_list li {
    margin-bottom: 16px
}

.documents-modal_list li a::before {
    content: '';
    background: url(../images/general/Fn-download.svg);
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.documents-modal_list li a:hover {
    cursor: pointer
}

.documents-modal_list li a {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.documents-modal_list li a span:first-child {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.documents-modal_list li a span:last-child {
    max-width: 71px;
    min-width: 52px;
    text-align: right
}

@media screen and (max-width:575px) {
    .documents-modal_list li a span:first-child {
        width: 83%;
        max-width: 395px
    }

    .documents-modal_list li a span:last-child {
        display: none
    }
}

.error-modal {
    max-width: 287px;
    margin: 0 auto;
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media screen and (max-width:991px) {
    .error-modal {
        padding: 16px 0
    }
}

.error-modal__img svg {
    width: 92px;
    height: 92px;
    fill: #CBE0FF
}

.error-modal__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px
}

.error-modal__buttons {
    display: flex;
    margin-top: 32px;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.swiper-head {
    overflow: hidden;
    position: relative;
    border-radius: 24px
}

.swiper-head__wrap-text {
    max-height: 100%
}

.swiper-head__wrap-text .swiper-slide {
    display: flex;
    flex-direction: column;
    opacity: 0 !important;
    transition: .3s ease-in-out;
    width: 100%;
    border-radius: 24px 24px 0 24px
}

.swiper-head__wrap-text .swiper-slide a.btn {
    text-transform: unset;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    align-self: flex-start;
    margin-top: auto
}

@media screen and (max-width:575px) {
    .swiper-head__wrap-text .swiper-slide a.btn {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:991px) {
    .swiper-head__wrap-text .swiper-slide {
        border-radius: 24px;
        padding: 16px 16px 56px 16px
    }
}

@media screen and (min-width:992px) {
    .swiper-head__wrap-text .swiper-slide {
        min-height: 100%;
        height: 308px;
        max-height: 308px;
        padding: 24px 24px 45px 24px
    }
}

@media screen and (max-width:575px) {
    .swiper-head__wrap-text .swiper-slide {
        padding: 16px 16px 43px 16px
    }

    .swiper-head__wrap-text .swiper-slide a.btn {
        text-align: center
    }
}

.swiper-head__wrap-text .swiper-slide-active {
    opacity: 1 !important;
    z-index: 1
}

.swiper-head__text {
    overflow: hidden;
    position: absolute;
    width: 38%;
    max-width: 368px;
    height: auto;
    max-height: 340px;
    background: rgba(255, 255, 255, .7);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    top: 16px;
    left: 16px;
    bottom: 16px;
    display: block;
    z-index: 100;
    border-radius: 24px 24px 0 24px
}

@media (min-width:992px) and (max-width:1200px) {
    .swiper-head__text {
        width: 50%
    }
}

.swiper-head__text-title {
    line-height: 1.33;
    margin-bottom: 16px
}

@media (max-width:1300px) {
    .swiper-head__text-title {
        font-size: 20px !important
    }
}

@media screen and (max-width:991px) {
    .swiper-head__text-title {
        margin-bottom: 8px
    }
}

.swiper-head__text-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4A4953;
    margin-bottom: 12px
}

.swiper-head__text-pag {
    position: absolute;
    display: flex;
    justify-content: space-around;
    bottom: 16px;
    right: 26px;
    left: 24px;
    max-width: 100%;
    z-index: 100
}

.swiper-head__text-pag:hover .swiper-pagination-bullet-active::after {
    animation-play-state: paused
}

.swiper-head__text-pag .swiper-pagination-bullet {
    position: relative;
    height: 12px;
    cursor: pointer;
    padding: 4px 0;
    margin: 0 1px;
    width: 100%
}

.swiper-head__text-pag .swiper-pagination-bullet::before {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    background-color: #ccc;
    transition: .2s
}

.swiper-head__text-pag .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    top: 4px;
    width: 0;
    transition: transform .2s
}

.swiper-head__text-pag .swiper-pagination-bullet-active:after {
    animation: loading 3s ease-in forwards
}

.swiper-head__text-pag .swiper-pagination-bullet-using:after {
    width: 100%
}

.swiper-head__text-pag .swiper-pagination-bullet:hover:after,
.swiper-head__text-pag .swiper-pagination-bullet:hover:before {
    transform: scale(.9) translateY(-2px)
}

.swiper-head__text-pag .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.swiper-head__img {
    border-radius: 16px;
    overflow: hidden
}

.swiper-head__img img {
    min-height: 369px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.swiper-head__contacts {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    width: calc(100% - 32px);
    text-align: center;
    z-index: 11
}

@media (max-width:1300px) {
    .swiper-head__text-title {
        font-size: 26px;
        line-height: 1.2
    }

    .swiper-head__text-desc {
        line-height: 20px
    }
}

@media screen and (max-width:991px) {
    .swiper-head {
        position: relative;
        display: flex;
        height: 420px;
        border-radius: 16px
    }

    .swiper-head__text {
        border-radius: 16px
    }

    .swiper-head__text-pag {
        bottom: 16px;
        right: 16px;
        left: 16px;
        width: auto
    }

    .swiper-head__text-pag .swiper-pagination-bullet:hover:after,
    .swiper-head__text-pag .swiper-pagination-bullet:hover:before {
        transform: scale(1) translateY(0)
    }

    .swiper-head__text-desc {
        font-size: 14px
    }

    .swiper-head__img {
        position: absolute;
        min-height: auto;
        height: 420px;
        z-index: 10;
        left: 0;
        right: 0
    }

    .swiper-head__img .swiper-slide {
        text-align: center;
        text-align: -webkit-center
    }

    .swiper-head__img img {
        min-height: auto;
        height: 100%
    }
}

@media screen and (max-width:991px) {
    .swiper-head__text {
        width: 100%;
        max-width: calc(100% - 16px);
        left: 8px;
        top: auto;
        bottom: 8px;
        padding: 0
    }
}

@media screen and (max-width:991px) {
    .main__head_bg {
        display: block;
        background-color: #fff;
        border-radius: 16px;
        height: 500px;
        position: relative
    }
}

@keyframes loading {
    to {
        width: 100%
    }
}

.contact-us {
    position: relative;
    background: #fff;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: 32px;
    border-radius: 24px;
    max-width: 352px;
    width: 352px
}

.contact-us.was-validate .label {
    margin-bottom: 8px
}

.contact-us #form__contacts-us {
    height: 100%
}

.contact-us #form__contacts-us.email_mode .phone {
    display: none
}

.contact-us #form__contacts-us.email_mode .email {
    display: block
}

.contact-us #form__contacts-us.email_mode .contact-us__tabs [data-tab=phone] {
    color: #b3b3b3
}

.contact-us #form__contacts-us.email_mode .contact-us__tabs [data-tab=phone]:hover {
    color: #5f6772
}

.contact-us #form__contacts-us.email_mode .contact-us__tabs [data-tab=phone]:after {
    display: none
}

.contact-us #form__contacts-us.email_mode .contact-us__tabs [data-tab=email]:after {
    display: block
}

.contact-us #form__contacts-us:not(.email_mode) .phone {
    display: block
}

.contact-us #form__contacts-us:not(.email_mode) .email {
    display: none
}

.contact-us #form__contacts-us:not(.email_mode) .contact-us__tabs [data-tab=phone]:after {
    display: block
}

.contact-us #form__contacts-us:not(.email_mode) .contact-us__tabs [data-tab=email] {
    color: #b3b3b3
}

.contact-us #form__contacts-us:not(.email_mode) .contact-us__tabs [data-tab=email]:hover {
    color: #5f6772
}

.contact-us #form__contacts-us:not(.email_mode) .contact-us__tabs [data-tab=email]:after {
    display: none
}

.contact-us__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px
}

@media screen and (max-width:1199px) {
    .contact-us__title {
        font-size: 22px !important
    }
}

.contact-us__label:last-child {
    margin-bottom: 8px
}

.contact-us__label:hover .contact-us__input {
    border-color: #B3B3B3
}

.contact-us__inputs {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.contact-us__tabs {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid var(--Grayscale-Mist-10, #e6e6e6);
    width: 100%;
    max-width: 420px;
    height: 47px;
    margin-bottom: 10px
}

.contact-us__tab {
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: #5f6772;
    text-align: center;
    font-family: 'PT Root UI';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    cursor: pointer;
    transition: color .3s ease
}

.contact-us__tab:after {
    content: '';
    display: none;
    border-top: 4px solid #0387ce;
    border-radius: 4px 4px 0 0
}

.contact-us .contact-us__input:focus {
    box-shadow: 0 0 0 2px #0387ce;
    border-color: transparent
}

.contact-us__license {
    margin: auto auto 0 auto;
    font-size: 12px;
    line-height: 16px;
    color: #999
}

.contact-us__license button {
    margin-bottom: 8px
}

.contact-us__license span {
    line-height: 20px
}

.contact-us__license a {
    color: #5F82D3
}

.contact-us__submit {
    width: 100%;
    margin: 16px auto 0 auto;
    color: #4A4953
}

.contact-us__content {
    display: flex;
    color: #4A4953;
    flex-direction: column;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity .2s
}

.contact-us__thanks {
    position: absolute;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: 32px;
    transition: opacity .2s
}

.contact-us__content-active {
    opacity: 0;
    visibility: hidden;
}

.contact-us__content-active+.contact-us__thanks {
    opacity: 1 !important;
    visibility: inherit !important;
}

.contact-us__thanks .icon {
    width: 96px;
    height: 96px;
    fill: #cbe0ff;
    margin: 0 auto 30px
}

.contact-us__thanks-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin-bottom: 8px;
    font-weight: 500
}

.contact-us__thanks-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    max-width: 300px;
    margin: 0 auto
}

.contact-us__thanks-btn {
    margin-top: 32px
}

.contact-us__thanks.callback__thanks,
.contact-us__thanks.get-price__thanks,
.contact-us__thanks.order__thanks {
    top: 0;
    left: 0;
    transform: translate(0)
}

@media (max-width:991px) {
    .contact-us {
        padding: 16px
    }
}

@media (max-width:1199px) {
    .contact-us.was-validate .label {
        margin-bottom: 4px
    }
}

.form-success .callback__content {
    opacity: 0;
    display: none;
    visibility: hidden
}

.callback__content-active {
    opacity: 0;
    visibility: hidden;
}

.callback__content-active+.contact-us__thanks {
    opacity: 1 !important;
    visibility: inherit !important;
}

.form-success .contact-us__content {
    opacity: 0;
    visibility: hidden
}

.form-success .contact-us__thanks {
    opacity: 1;
    visibility: visible
}

.form-success .callback__thanks {
    position: static
}

.material {
    padding: 24px 32px 16px
}

.material .__select {
    width: 192px;
    margin-right: 12px
}

@media screen and (max-width:991px) {
    .material .__select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }
}

.material-wrap-search {
    display: flex
}

@media screen and (max-width:991px) {
    .material-wrap-search {
        flex-direction: column
    }

    .material-wrap-search .search__label {
        max-width: 100%
    }
}

.material__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    background: #404D6C;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .material__title {
        background: 0 0;
        color: #414E6D
    }
}

.material-search {
    width: 280px;
    vertical-align: top
}

.material-search:hover input {
    border-color: #B3B3B3
}

.material-search .search__label-input:focus {
    box-shadow: 0 0 0 2px #0387ce;
    border-color: transparent
}

.material__result {
    padding-top: 32px
}

.material__result-wrap {
    max-width: 362px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.material__result-wrap-item {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 14px;
    color: #4A4953;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.material__result-wrap-item:hover {
    color: #000
}

.material__result-wrap-item .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.material__result-wrap-item:last-child {
    margin-bottom: 0 !important
}

.material__show-all .icon {
    width: 24px;
    height: 24px;
    fill: #CCC
}

.material__show-all:hover {
    color: #84A7FA
}

.material__show-all:hover .icon {
    fill: #84A7FA
}

.material__footer {
    display: flex;
    gap: 4px;
    margin-top: 32px
}

@media screen and (max-width:991px) {
    .material__footer {
        margin: 0 -16px;
        padding: 16px 0;
        display: flex;
        justify-content: center;
        border-top: 1px solid #E6E6E6
    }
}

.material__found {
    color: #999
}

.material__found-link {
    display: none
}

.material__found-link.show {
    display: flex
}

@media screen and (max-width:991px) {
    .material {
        padding: 16px 16px 0
    }

    .material-select {
        width: 100%;
        margin-bottom: 16px
    }

    .material-search {
        width: 100%
    }

    .material__result {
        padding-top: 24px;
        padding-bottom: 16px
    }

    .material__result-wrap-item {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: #4A4953
    }
}

.marki {
    padding: 24px 32px 16px
}

.marki .material__result-wrap-item {
    font-size: 12px;
    margin-bottom: 8px
}

.marki-search {
    width: 216px;
    vertical-align: top
}

.marki__result {
    padding-top: 32px
}

.marki__result-wrap-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    color: #4A4953
}

.marki__result-wrap-item .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    fill: #5F82D3;
    margin-right: 8px
}

.marki__result-wrap-item:last-child {
    margin-bottom: 0
}

.marki__show-all {
    display: block;
    margin-top: 32px;
    color: #5F82D3
}

.marki__show-all .icon {
    width: 24px;
    height: 24px;
    fill: #CCC
}

.marki__show-all:hover {
    color: #84A7FA
}

.marki__show-all:hover .icon {
    fill: #84A7FA
}

@media (max-width:1599px) {

    .marki__result-wrap:nth-child(6),
    .marki__result-wrap:nth-child(7) {
        display: none
    }
}

@media screen and (max-width:991px) {
    .marki {
        padding: 16px 16px 0
    }

    .marki-search {
        width: 100%
    }

    .marki__result {
        padding-top: 24px;
        padding-bottom: 16px
    }

    .marki__result-wrap {
        display: none
    }

    .marki__result-wrap.col-6 {
        display: block
    }

    .marki__result-wrap-item {
        font-size: 12px
    }

    .marki__show-all {
        width: calc(100% + 32px);
        font-size: 14px;
        text-align: center;
        margin-top: 0;
        padding: 16px 0;
        margin: 0 -16px 0 -16px;
        border-top: 1px solid #E6E6E6
    }

    .marki__show-all .icon {
        vertical-align: top
    }
}

.gost-tab {
    padding: 24px 0 0
}

.gost-tab-search {
    width: 216px;
    margin-bottom: 16px;
    vertical-align: top
}

.gost-tab-select {
    width: auto;
    min-width: 192px;
    margin-left: 32px;
    margin-right: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.gost-tab-select[data-state=active] .__select__title {
    border-color: #CCC
}

.gost-tab-select[data-state=active] .__select__title::after,
.gost-tab-select[data-state=active] .__select__title::before {
    background-color: #CCC
}

.gost-tab-select .__select__title {
    padding-right: 40px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    color: #4A4953;
    transition: all .3s ease-out
}

.gost-tab-select .__select__title .icon {
    fill: #5F82D3
}

.gost-tab-select .__select__title:hover {
    border-color: #CCC
}

.gost-tab-select .__select__title:hover::after,
.gost-tab-select .__select__title:hover::before {
    background-color: #CCC
}

.gost-tab-select .__select__content {
    background-color: #fff;
    border: 1px solid #CCC;
    border-width: 0 1px 1px
}

.gost-tab-select .__select__label {
    color: #4A4953
}

.gost-tab-select .__select__label:hover {
    background-color: #E6E6E6
}

.gost-tab-select .__select__label:hover .icon {
    fill: #5F82D3
}

.gost-tab__item {
    padding: 8px 16px;
    border-bottom: 1px solid #E6E6E6
}

.gost-tab__item object {
    display: flex
}

.gost-tab__item-head {
    padding: 16px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}

.gost-tab__item-head-title {
    margin: auto 0
}

.gost-tab__item-head-desc {
    margin: auto 0
}

.gost-tab__item-head-desc span {
    color: #4A4953;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.gost-tab__item-title {
    display: flex;
    margin: auto 0;
    color: #4A4953
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .gost-tab__item-title {
        padding: 8px 0
    }
}

.gost-tab__item-title-name {
    margin: auto 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.gost-tab__item-title-name:hover {
    color: #5F82D3
}

.gost-tab__item-desc {
    margin: auto 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .gost-tab__item-desc {
        padding: 8px 0
    }
}

.gost-tab__item-desc span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle
}

.gost-tab__item-btn {
    display: flex
}

.gost-tab__item-icon {
    margin: auto 24px auto 0;
    width: 24px;
    height: 30px
}

.gost-tab__item-icon .icon {
    fill: #FFCDCD;
    width: 24px;
    height: 24px
}

.gost-tab__item:hover {
    background: linear-gradient(0deg, rgba(238, 245, 255, .5), rgba(238, 245, 255, .5)), #FFF
}

.gost-tab__item:hover .gost-tab__download {
    opacity: 1
}

.gost-tab__download {
    font-weight: 400;
    margin: auto 0 auto auto;
    font-size: 14px;
    line-height: 24px;
    text-transform: none;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 0
}

.gost-tab__download .icon {
    fill: #DD2025
}

.gost-tab__filter {
    padding: 8px 32px 32px
}

.gost-tab__filter-icon {
    margin-right: 8px;
    display: inline-block
}

.gost-tab__filter-icon .icon {
    fill: #CCC;
    width: 24px;
    height: 24px
}

.gost-tab__filter-btn {
    padding: 8px 16px;
    margin-right: 8px;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.gost-tab__filter-btn:hover {
    background-color: #fff;
    border-color: #B3B3B3
}

.gost-tab__filter-btn.disabled {
    cursor: default;
    background: #EEE;
    color: #999;
    border-color: #EEE
}

.gost-tab__filter-btn.active {
    background-color: #FFF7E2
}

.gost-tab__bottom {
    display: flex;
    width: 100%
}

.gost-tab__bottom-pagination {
    margin: 0 auto
}

.gost-tab__show-all {
    display: block;
    padding: 16px 30px;
    color: #5F82D3;
    border-top: 1px solid #E6E6E6
}

.gost-tab__show-all .icon {
    width: 24px;
    height: 24px;
    fill: #CCC
}

.gost-tab__show-all:hover {
    color: #84A7FA
}

.gost-tab__show-all:hover .icon {
    fill: #84A7FA
}

.gost-tab .material__footer {
    padding: 16px 32px;
    margin: 0;
    border-top: 1px solid #E6E6E6
}

@media (max-width:1200px) {
    .gost-tab__download {
        white-space: nowrap
    }
}

@media screen and (max-width:991px) {
    .gost-tab__download {
        text-align: left;
        overflow: hidden
    }

    .gost-tab-wrap-search {
        border-bottom: none;
        padding-left: 16px
    }

    .gost-tab__item {
        border: none
    }

    .gost-tab__wrap {
        padding-bottom: 8px
    }

    .gost-tab__show-all {
        width: calc(100% + 32px);
        font-size: 14px;
        text-align: center;
        margin-top: 0;
        padding: 16px 0;
        margin: 0 -16px 0 -16px;
        border-top: 1px solid #E6E6E6
    }

    .gost-tab__show-all .icon {
        vertical-align: top
    }
}

@media screen and (max-width:767px) {
    .gost-tab .gostTable__body {
        border-top: 0;
        padding-bottom: 8px
    }

    .gost-tab .gostTable-item {
        border-bottom: 0 !important;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .gost-tab .gostTable-item__mark-left {
        display: none
    }

    .gost-tab .gostTable-item__name {
        display: none
    }

    .gost-tab .gostTable-item__inner {
        grid-template-rows: initial;
        grid-row-gap: 0;
        min-height: initial
    }

    .gost-tab .gostTable-item__download {
        display: none
    }
}

.gost-index {
    padding-top: 0 !important
}

.gost-search-new {
    padding: 0 !important;
    margin: 0 !important
}

.gostTable .__select__title {
    line-height: 1.1
}

.gost-labels {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 32px
}

@media screen and (max-width:767px) {
    .gost-labels {
        gap: 4px;
        padding: 16px;
        padding-bottom: 0;
        flex-direction: column;
        align-items: flex-start
    }
}

.gost-labels__item {
    border-radius: 8px;
    font-size: 14px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px
}

.gost-labels__item--red {
    background: #FFCDCD
}

.gost-labels__item--green {
    background: #B8EFBA
}

.gost-labels__item--blue {
    background: #f0f4fc;
    color: var(--blue, #5f82d3)
}

.gost-labels__item--blue .icon {
    fill: #5f82d3
}

.gost-labels__item:first-child {
    z-index: 1
}

.gost-labels__item:not(:first-child) {
    margin-left: -8px;
    padding-left: 20px
}

.gost-labels__link {
    color: #5F82D3
}

@media screen and (max-width:767px) {
    .gost-labels__link {
        padding-top: 12px
    }
}

.gost-labels__link .icon {
    fill: #CCC
}

.gost-search {
    width: 216px;
    margin-left: 32px;
    margin-bottom: 16px;
    vertical-align: top
}

.gost__item {
    padding: 8px 16px;
    border-bottom: 1px solid #e6e6e6
}

.gost__item-head {
    padding: 16px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}

.gost__item-head-title {
    margin: auto 0
}

.gost__item-head-desc {
    margin: auto 0
}

.gost__item-head-desc span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.gost__item-title {
    display: flex;
    margin: auto 0
}

.gost__item-title-name {
    margin: auto 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px
}

.gost__item-title-name:hover {
    color: #5F82D3
}

.gost__item-desc {
    margin: auto 0
}

.gost__item-desc span {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle
}

.gost__item-btn {
    display: flex
}

.gost__item-icon {
    margin: auto 24px auto 0;
    width: 24px;
    height: 24px
}

.gost__item-icon .icon {
    fill: #FFCDCD;
    width: 24px;
    height: 24px
}

.gost__item:hover {
    background: linear-gradient(0deg, rgba(238, 245, 255, .5), rgba(238, 245, 255, .5)), #fff
}

.gost__item:hover .gost__download {
    opacity: 1
}

.gost__download {
    font-weight: 400;
    margin: auto 0 auto auto;
    font-size: 14px;
    line-height: 24px;
    text-transform: none;
    opacity: 0
}

.gost__download .icon {
    fill: #DD2025
}

.gost__filter {
    padding: 8px 32px 32px
}

.gost__filter-icon {
    margin-right: 8px;
    display: inline-block
}

.gost__filter-icon .icon {
    fill: #CCC;
    width: 24px;
    height: 24px
}

.gost__filter-btn {
    padding: 8px 16px;
    margin-right: 8px;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.gost__filter-btn:hover {
    background-color: #fff;
    border-color: #B3B3B3
}

.gost__filter-btn.disabled {
    cursor: default;
    background: #EEE;
    color: #999;
    border-color: #EEE
}

.gost__filter-btn.active {
    background-color: #FFF7E2
}

.gost__filter-clear img {
    display: none
}

.gost__filter-clear.active img {
    display: initial
}

.gost__filter-clear.active .icon {
    display: none
}

.gost__bottom {
    display: flex;
    width: 100%
}

.gost__bottom-pagination {
    margin: 0 auto
}

@media (max-width:1599px) {
    .gost__download {
        text-align: left;
        overflow: hidden
    }
}

@media screen and (max-width:991px) {
    .main-js .tab-products-range {
        display: none
    }
}

.tab {
    border-radius: 12px;
    background-color: #fff
}

.tab__link {
    padding: 13px 32px 0 32px;
    height: 64px;
    width: 100%;
    border-bottom: 1px solid #E6E6E6
}

.tab__link-item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    height: 100%;
    padding: 0 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #B3B3B3;
    margin-right: 40px;
    margin-bottom: -1px;
    transition: color .2s
}

.tab__link-item .icon {
    width: 24px;
    height: 24px;
    fill: #CCC;
    margin: auto 0 auto auto;
    display: none
}

.tab__link-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #0387ce;
    left: 0;
    bottom: 0;
    border-radius: 8px 8px 0 0;
    transform: translateY(4px);
    opacity: 0;
    transition: transform .2s, opacity .2s
}

.tab__link-item.active {
    color: #414E6D
}

.tab__link-item.active:after {
    transform: translateY(0);
    opacity: 1
}

.tab__link-item:hover {
    color: #414E6D !important
}

.tab__tabs-item {
    display: none;
    opacity: 0;
    transition: opacity .2s
}

.tab__tabs-item .material .material-wrap-search .__select {
    display: none
}

.tab__tabs-item.active {
    opacity: 1
}

.tab__tabs-item.db {
    display: block
}

.tab__tabs-description {
    padding: 1.5rem 2rem 2rem
}

.tab__tabs-description>:last-child {
    margin-bottom: 0
}

.tab__tabs-description .h2,
.tab__tabs-description h2 {
    margin-bottom: .5rem
}

.tab__tabs-description p {
    font-size: .875rem;
    line-height: 1.5rem
}

.tab .features__card::before {
    display: none
}

@media screen and (max-width:991px) {
    .tab {
        background-color: transparent
    }

    .tab__link {
        padding: 0;
        width: 100%;
        height: initial
    }

    .tab__link:hover .active {
        color: #4A4953
    }

    .tab__link:hover .active:after {
        transform: translateY(4px);
        opacity: 0
    }

    .tab__link-item {
        cursor: pointer;
        position: relative;
        display: flex;
        height: auto;
        border-radius: 16px;
        margin-bottom: 16px;
        background-color: #fff;
        padding: 16px;
        width: 100%;
        font-weight: 700;
        font-size: 20px;
        line-height: 32px;
        color: #414E6D;
        margin-right: 40px;
        transition: border-radius .2s, color .2s, border-bottom .2s
    }

    .tab__link-item:last-of-type {
        margin-bottom: 0
    }

    .tab__link-item .icon {
        display: block
    }

    .tab__link-item:after {
        display: none
    }

    .tab__link-item.active {
        border-radius: 16px 16px 0 0;
        color: #414E6D;
        border-bottom: 1px solid #E6E6E6
    }

    .tab__link-item.active .icon {
        transform: scaleY(-1)
    }

    .tab__link-item:hover {
        color: #414E6D !important
    }

    .tab__link-item:hover::after {
        transform: translateY(0) !important;
        opacity: 1 !important
    }

    .tab__tabs-item {
        background-color: #fff;
        margin-top: -16px;
        margin-bottom: 16px;
        border-radius: 0 0 16px 16px;
        overflow: hidden;
        display: block;
        opacity: 1;
        transform: translateY(-16px);
        max-height: 0;
        transition: transform .2s, max-height .2s
    }

    .tab__tabs-item.active {
        transform: translateY(0);
        max-height: 1400px
    }

    .tab__tabs-item.db {
        display: block
    }

    .tab.tab-details .tab__link-item[data-tab='#tab-features'] {
        border-bottom: 1px solid #E6E6E6;
        border-radius: 16px 16px 0 0
    }

    .tab.tab-details .tab__tabs-item.active#product-details {
        max-height: 10000px
    }

    .tab.tab-details .tab__tabs-item#tab-features {
        max-height: 10000px;
        transform: translateY(0)
    }
}

@media screen and (max-width:991px) {
    .main-js .special__head {
        padding: 16px !important
    }

    .main-js .special__head .special__head_title {
        font-size: 20px !important
    }

    .main-js .about-main__head {
        padding: 16px
    }

    .main-js .about-main__head span,
    .main-js .advantages__head-title {
        font-size: 20px !important
    }
}

.special {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden
}

.special__head {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6;
    align-items: center
}

@media screen and (max-width:991px) {
    .special__head {
        padding: 16px 16px
    }
}

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

.special__head_download .link {
    margin-left: 8px;
    font-weight: 500
}

@media screen and (max-width:575px) {
    .special__head_download .link {
        display: none
    }
}

.special__body {
    padding: 32px
}

@media screen and (max-width:767px) {
    .special__body {
        padding-bottom: 0
    }
}

@media screen and (max-width:991px) {
    .special__body {
        padding-bottom: 0;
        padding: 16px
    }
}

@media screen and (max-width:767px) {
    .special__body {
        padding: 0
    }
}

@media (min-width:768px) {
    .special__body {
        display: flex;
        flex-wrap: wrap;
        gap: 24px
    }
}

.special__body_element:hover img {
    transform: scale(1.1)
}

.special__body_element {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: flex-end;
    filter: drop-shadow(0 4px 50px rgba(0, 0, 0, .05))
}

@media (min-width:1401px) {
    .special__body_element {
        flex: 0 0 calc(25% - 18px);
        height: 342px
    }
}

@media (max-width:1400px) and (min-width:992px) {
    .special__body_element {
        flex: 0 0 calc(33.333% - 16px);
        height: 412px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .special__body_element {
        flex: 0 0 calc(50% - 12px);
        height: 430px
    }
}

@media screen and (max-width:767px) {
    .special__body_element {
        filter: none;
        padding: 16px;
        align-items: center;
        border-radius: 0
    }

    .special__body_element:not(:first-child) {
        border-top: 1px solid #E6E6E6
    }
}

.special__body_element-discount {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1
}

.special__body_element-discount svg {
    fill: #5F82D3
}

@media screen and (max-width:767px) {
    .special__body_element-discount {
        display: none
    }
}

.special__body_element img {
    transition: .3s ease-in-out;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    top: 0
}

@media (min-width:768px) {
    .special__body_element img {
        height: 100%;
        width: auto;
        max-width: none;
        min-width: 100%
    }
}

@media screen and (max-width:767px) {
    .special__body_element img {
        position: relative;
        min-height: 32px;
        max-height: 32px;
        min-width: 32px;
        max-width: 32px;
        border-radius: 8px 8px 0 8px
    }
}

.special__body a {
    display: block;
    margin-left: 16px;
    margin-bottom: 16px;
    margin-right: 16px;
    width: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 1;
    padding: 16px;
    border-radius: 0 8px 8px 8px
}

@media screen and (max-width:767px) {
    .special__body a {
        margin: 0 0 0 16px;
        padding: 0
    }
}

.special .swiper-pagination {
    padding-bottom: 18px
}

.special__footer {
    padding: 0 32px 16px 32px
}

@media screen and (max-width:767px) {
    .special__footer {
        padding-top: 16px;
        width: 100%;
        justify-content: center;
        border-top: 1px solid #e6e6e6
    }
}

.special-table-head {
    position: relative
}

@media screen and (max-width:991px) {
    .special-table-head ._block-title {
        font-size: 20px
    }
}

.special-table-head__icon {
    display: none;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 16px;
    transition: transform .3s
}

@media screen and (max-width:991px) {
    .special-table-head__icon {
        display: flex
    }
}

.special-table-head__icon svg {
    fill: #ccc
}

.special-table-head__icon.active {
    transform: scaleY(-1) translateY(50%)
}

.special-table {
    width: 100%;
    min-height: 70px;
    position: relative
}

.special-table__holder .toggleOverflowBtn.active .icon {
    transform: none !important
}

@media screen and (max-width:991px) {
    .special-table__holder {
        transform: translateY(-16px);
        max-height: 0;
        overflow: hidden;
        transition: opacity .2s, transform .2s, max-height .2s;
        opacity: 0
    }

    .special-table__holder.active {
        max-height: 100%;
        opacity: 1;
        transform: initial
    }
}

.special-table tr:first-child td {
    border-top: 0
}

@media screen and (max-width:991px) {
    .special-table tr {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #E6E6E6
    }
}

.special-table td {
    padding: 16px 24px;
    border-bottom: 1px solid #E6E6E6
}

.special-table td:first-child {
    width: 50%
}

.special-table td:last-child {
    width: 231px
}

@media screen and (max-width:991px) {
    .special-table td {
        padding: 16px;
        padding-left: 70px;
        display: flex;
        border: none;
        width: 100% !important
    }

    .special-table td:first-child {
        padding-left: 16px
    }
}

.special-table__img {
    flex-shrink: 0
}

.special-table__img img {
    width: 40px;
    height: 40px;
    border-radius: 8px 8px 0 8px
}

.special-table__link {
    font-size: 16px
}

.special-table__price {
    padding-right: 6px !important;
    text-align: right
}

.special-table__price div {
    display: inline-block;
    font-weight: 500;
    color: #5F82D3;
    position: relative;
    padding-left: 28px
}

.special-table__price div:before {
    display: block;
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/general/spec.svg)
}

@media screen and (max-width:991px) {
    .special-table__price {
        text-align: left;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
}

@media screen and (max-width:991px) {
    .special-table .product-order {
        background-color: #0387ce
    }

    .special-table .product-order:hover {
        background-color: #666666
    }
}

@media (max-width:500px) {
    .special-table .product-order {
        width: 100%
    }
}

.special-table>._block-body {
    padding-bottom: 32px !important
}

.special-big {
    background: #fff;
    border-radius: 24px;
    position: relative
}

.special-big__head {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.special-big__head-title {
    display: inline-block;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    color: #414E6D
}

.special-big__head-link {
    display: table;
    color: #5F82D3
}

.special-big__head-link .icon {
    width: 24px;
    height: 24px;
    fill: #ccc;
    transition: fill .2s
}

.special-big__head-link:hover {
    color: #84A7FA
}

.special-big__head-link:hover .icon {
    fill: #84A7FA
}

.special-big__body {
    padding: 32px;
    padding-top: 24px;
    position: relative
}

.special-big__body-head {
    display: flex;
    flex-wrap: wrap
}

.special-big__body-head ._block-group__sorting {
    padding-top: 0
}

.special-big__body-head .icon {
    fill: #CCC;
    margin: 8px 8px 8px 0
}

.special-big__body-content {
    margin-top: 48px;
    row-gap: 16px
}

@media screen and (max-width:991px) {
    .special-big__body-content {
        margin-top: 24px
    }
}

@media screen and (max-width:767px) {
    .special-big__body-content {
        margin-top: 8px;
        row-gap: 0
    }
}

.special-big__body-btn {
    display: flex;
    margin-bottom: 16px
}

.special-big__body-btn:hover .btn {
    background-color: #f9f9f9;
    border-color: #B3B3B3
}

.special-big__body-btn:last-child {
    margin-bottom: 0
}

.special-big__body-btn-text {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px
}

.special-big__body-btn .btn {
    display: flex;
    margin-right: 16px;
    align-items: center
}

.special-big__body-btn .btn .icon-pdf {
    fill: #DA4453
}

.special-big__body-btn .btn:active {
    background-color: #EEE
}

.special-big__body .search__label {
    margin-bottom: 24px
}

.special-big__item {
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 8px
}

@media screen and (max-width:767px) {
    .special-big__item {
        padding: 16px;
        padding-right: 48px;
        border-bottom: 1px solid #E6E6E6;
        margin: 0 -16px
    }

    .special-big__item:after {
        content: '';
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 16px;
        width: 24px;
        height: 24px;
        background: url(../images/general/Angle-right.svg)
    }
}

@media screen and (max-width:575px) {
    .special-big__item {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
}

.special-big__item img {
    width: 40px;
    height: 40px;
    border-radius: 8px 8px 0 8px;
    overflow: hidden;
    flex-shrink: 0
}

.special-big__item a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #4A4953
}

.special-big__show-all {
    display: block;
    margin-top: 32px;
    color: #5F82D3
}

.special-big__show-all .icon {
    width: 24px;
    height: 24px;
    fill: #CCC
}

.special-big__show-all:hover {
    color: #84A7FA
}

.special-big__show-all:hover .icon {
    fill: #84A7FA
}

.special-big__filter-clear {
    height: -moz-fit-content;
    height: fit-content
}

.special-big__filter-clear img {
    display: none;
    margin: 8px 8px 8px 0
}

.special-big__filter-clear.active img {
    display: initial
}

.special-big__filter-clear.active .icon {
    display: none
}

.special-big .pagination {
    border-top: 1px solid #E6E6E6
}

@media screen and (max-width:991px) {
    .special-big {
        border-radius: 16px
    }

    .special-big__head {
        padding: 16px
    }

    .special-big__head-title {
        font-size: 20px;
        line-height: 32px
    }

    .special-big__body {
        padding: 16px 16px 0
    }

    .special-big__body-content {
        padding-bottom: 16px
    }

    .special-big__body-btn:last-child {
        margin-bottom: 16px
    }

    .special-big__body-btn-text {
        margin: auto auto auto 0
    }

    .special-big__body-head .__select.material-select {
        width: calc(100% - 32px);
        margin-right: 0
    }

    .special-big__body .search__label {
        width: 100%;
        margin-bottom: 16px
    }

    .special-big__show-all {
        width: calc(100% + 32px);
        font-size: 14px;
        text-align: center;
        margin-top: 0;
        padding: 16px 0;
        margin: 0 -16px 0 -16px;
        border-top: 1px solid #E6E6E6
    }

    .special-big__show-all .icon {
        vertical-align: top
    }
}

@media screen and (max-width:767px) {
    .special-big__body-head ._block-group__sorting {
        width: 100%
    }

    .special-big__body-content {
        padding-bottom: 0
    }
}

.commercial-big__body-head {
    display: flex;
    flex-wrap: wrap
}

.commercial-big__body-head ._block-group__sorting {
    padding-top: 0
}

.commercial-big__body-head .icon-filter {
    fill: #CCC;
    margin: 8px 8px 8px 0
}

.commercial-big__body-content {
    margin-top: 8px
}

.commercial-big__body-btn {
    display: flex;
    margin-bottom: 16px;
    flex-shrink: 0
}

.commercial-big__body-btn:hover .btn {
    background-color: #F9F9F9;
    border-color: #B3B3B3
}

.commercial-big__body-btn:last-child {
    margin-bottom: 0
}

.commercial-big__body-btn-text {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px
}

.commercial-big__body-btn .btn {
    display: flex;
    align-items: center;
    margin: auto 16px auto 0
}

.commercial-big__body-btn .btn .icon-pdf {
    fill: #DA4453
}

.commercial-big__body-btn .btn:active {
    background-color: #EEE
}

.commercial-big__body .search__label {
    width: 216px;
    margin-bottom: 16px
}

.commercial-big__show-all {
    display: block;
    margin-top: 32px;
    color: #5F82D3
}

.commercial-big__show-all .icon {
    width: 24px;
    height: 24px;
    fill: #CCC
}

.commercial-big__show-all:hover {
    color: #84A7FA
}

.commercial-big__show-all:hover .icon {
    fill: #84A7FA
}

.commercial-big__filter-clear {
    height: -moz-fit-content;
    height: fit-content
}

.commercial-big__filter-clear img {
    display: none;
    margin: 8px 8px 8px 0
}

.commercial-big__filter-clear.active img {
    display: initial
}

.commercial-big__filter-clear.active .icon {
    display: none
}

.commercial-big .pagination {
    border-top: 1px solid #E6E6E6
}

@media screen and (max-width:991px) {
    .commercial-big__body {
        padding: 16px 16px 0
    }

    .commercial-big__body-content {
        padding-bottom: 16px;
        padding-bottom: 0
    }

    .commercial-big__body-btn:last-child {
        margin-bottom: 16px
    }

    .commercial-big__body-btn-text {
        margin: auto auto auto 0
    }

    .commercial-big__body-head .__select.material-select {
        width: calc(100% - 32px);
        margin-right: 0
    }

    .commercial-big__body-content {
        margin-top: 24px
    }

    .commercial-big__body .search__label {
        width: 100%;
        margin-bottom: 16px
    }

    .commercial-big__show-all {
        width: calc(100% + 32px);
        font-size: 14px;
        text-align: center;
        margin-top: 0;
        padding: 16px 0;
        margin: 0 -16px 0 -16px;
        border-top: 1px solid #E6E6E6
    }

    .commercial-big__show-all .icon {
        vertical-align: top
    }
}

@media screen and (max-width:767px) {
    .commercial-big__body-head ._block-group__sorting {
        width: 100%
    }
}

.advantages {
    background: #fff;
    border-radius: 24px;
    position: relative;
    overflow: hidden
}

.advantages__head {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6
}

.advantages__head-title {
    display: inline-block;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    background: #404D6C;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .advantages__head-title {
        background: 0 0;
        color: #414E6D
    }
}

.advantages__body {
    padding: 16px 32px 32px;
    overflow: hidden;
    position: relative
}

.advantages__body .swiper-slide {
    height: auto
}

.advantages__body-item {
    display: flex;
    flex-direction: column;
    padding: 0 25px;
    margin: auto;
    height: 100%
}

.advantages__body-item-img {
    width: 96px;
    margin: auto auto 16px
}

.advantages__body-item-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 16px
}

.advantages__body-item-desc {
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.advantages__bullet {
    display: none;
    justify-content: space-around;
    max-width: 100%;
    padding: 18px 56px;
    margin-top: 16px
}

.advantages__bullet .swiper-pagination-bullet {
    position: relative;
    height: 12px;
    cursor: pointer;
    padding: 4px 0;
    margin: 0 1px;
    width: 100%
}

.advantages__bullet .swiper-pagination-bullet::before {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    background-color: #CCC;
    transition: transform .2s
}

.advantages__bullet .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #404D6C 0, #2F384F 100%);
    top: 4px;
    width: 0;
    transition: transform .2s
}

.advantages__bullet .swiper-pagination-bullet-active:after {
    width: 100%
}

.advantages__bullet .swiper-pagination-bullet-using:after {
    width: 100%
}

.advantages__bullet .swiper-pagination-bullet:hover:after,
.advantages__bullet .swiper-pagination-bullet:hover:before {
    transform: scale(.9) translateY(-2px)
}

.advantages__bullet .swiper-pagination-bullet:last-child {
    margin-right: 0
}

@media screen and (max-width:991px) {
    .advantages {
        border-radius: 16px
    }

    .advantages__head {
        padding: 16px;
        border: none
    }

    .advantages__body {
        padding: 16px 0 0 0
    }

    .advantages__body-item {
        width: 304px;
        transform: translateX(-10px);
        padding: 0 16px
    }

    .advantages__body-item-title {
        font-weight: 400;
        font-size: 18px;
        line-height: 32px
    }

    .advantages__body-item-desc {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px
    }

    .advantages__bullet {
        display: flex
    }

    .advantages__bullet .swiper-pagination-bullet:hover:after,
    .advantages__bullet .swiper-pagination-bullet:hover:before {
        transform: scale(1) translateY(0)
    }
}

.partners__body {
    transition: max-height .3s;
    overflow: hidden
}

.partners__body.uncollapsed {
    row-gap: 24px
}

.partners__body .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
    -moz-column-gap: 24px;
    column-gap: 24px
}

@media screen and (max-width:767px) {
    .partners__body .swiper-wrapper {
        flex-wrap: nowrap;
        gap: 0
    }
}

.partners__body-card {
    flex: 0 0 calc(25% - 18px);
    display: flex;
    flex-direction: column;
    min-height: 300px;
    border-radius: 16px;
    box-shadow: 0 0 32px rgba(0, 0, 0, .05);
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.partners__body-card:hover .partners__body-card-back {
    opacity: 1
}

@media screen and (max-width:1199px) {
    .partners__body-card {
        flex: 0 0 calc(33% - 18px)
    }
}

@media screen and (max-width:991px) {
    .partners__body-card {
        flex: 0 0 calc(50% - 18px);
        min-height: 310px
    }
}

@media screen and (max-width:767px) {
    .partners__body-card {
        flex: initial !important;
        flex-shrink: 0 !important;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
        box-shadow: none;
        min-height: auto
    }
}

.partners__body-card-back,
.partners__body-card-front {
    background: #fff;
    padding: 24px
}

@media screen and (max-width:767px) {

    .partners__body-card-back,
    .partners__body-card-front {
        padding: 0;
        padding-bottom: 16px
    }
}

.partners__body-card-back {
    position: absolute;
    opacity: 0;
    height: 100%;
    transition: opacity .3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media screen and (max-width:767px) {
    .partners__body-card-back {
        position: static;
        opacity: 1
    }
}

.partners__body-card-img {
    width: 100%;
    max-height: 176px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 16px
}

@media screen and (max-width:767px) {
    .partners__body-card-img {
        margin-bottom: 10px;
        max-height: 128px
    }
}

.partners__body-card-title {
    font-weight: 700;
    font-size: 18px;
    color: #4A4953;
    text-align: center;
    word-break: break-word
}

@media screen and (max-width:767px) {
    .partners__body-card-title {
        display: none
    }
}

.partners__subtitle {
    font-weight: 700;
    font-size: 18px;
    color: #4A4953;
    margin-bottom: 8px
}

.partners_descr {
    font-size: 16px;
    line-height: 1.5;
    color: #4A4953;
    margin-bottom: 8px
}

.partners__link {
    color: #5F82D3;
    margin-top: auto
}

.yandex-map-holder {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #EEE
}

.map {
    isolation: isolate
}

.map .col-4 {
    padding: 0;
    pointer-events: visible
}

.map__breadcrumb {
    margin: 32px 0 24px
}

.map iframe {
    position: fixed;
    width: 100%;
    height: 100%
}

.map__contacts {
    z-index: 2000;
    height: 100%;
    width: 39%;
    background-color: rgba(247, 245, 245, .93);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    padding-right: 32px;
    padding-left: 56px;
    pointer-events: visible;
    position: relative
}

.map__contacts .col-9 {
    width: 78%
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .map__contacts {
        background: rgba(255, 255, 255, .1);
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px)
    }
}

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .map__contacts {
        background-color: rgba(247, 245, 245, .93)
    }
}

.map__filter {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg, #0387ce 0, #ff9458 100%);
    mix-blend-mode: hue;
    pointer-events: none
}

.map__tabs-item {
    overflow: hidden;
    max-height: 0;
    border-radius: 24px;
    background-color: #fff;
    margin-bottom: 48px;
    transition: .4s
}

.map__tabs-item.active {
    max-height: 1000px;
    transition-delay: .4s
}

.map__flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.map__section {
    padding: 16px 24px;
    border-bottom: 1px solid #E6E6E6
}

@media screen and (max-width:991px) {
    .map__section_list {
        padding: 8px 0 0 0 !important
    }

    .map__section_list .map__section-download {
        margin: 16px
    }

    .map__section_list .map__section-item {
        padding: 8px 16px;
        border-radius: 0
    }

    .map__section_list .map__section-item:not(:last-child) {
        border-bottom: 1px solid #E6E6E6
    }

    .map__section_list .map__section-item-text {
        width: 100%
    }

    .map__section_list .map__section-item-copy {
        display: none
    }
}

.map__section:last-child {
    border: none
}

@media screen and (max-width:991px) {
    .map__section-headtitle1 {
        line-height: 24px !important
    }
}

@media screen and (max-width:991px) {
    .map__section-headtitle2 {
        line-height: 24px !important
    }
}

.map__section-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #4A4953
}

.map__section-mail {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5F82D3
}

.map__section-copy {
    margin-left: 16px
}

.map__section-copy .icon-good {
    width: 35px;
    height: 35px;
    stroke-width: 0;
    fill: #B8EFBA;
    opacity: 0
}

.map__section-copy.copied {
    background-color: transparent;
    opacity: 1;
    border: transparent
}

.map__section-copy.copied .icon-good {
    opacity: 1
}

.map__section-copy.copied .icon-copy {
    opacity: 0
}

.map__section-phone {
    margin-top: 8px;
    display: inline-block;
    margin-right: 48px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 24px
}

.map__section-phone-sub {
    background-color: #EEF5FF;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px;
    margin-top: 8px;
    border-radius: 0 4px 4px;
    font-weight: 400
}

.map__section-phone-wrap {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 0
}

.map__section-text {
    margin: 8px 0;
    font-size: 16px;
    font-weight: 400
}

.map__section-item {
    display: flex;
    padding: 8px;
    cursor: pointer;
    border-radius: 8px;
    transition: .2s
}

.map__section-item:hover {
    background-color: #EEF5FF
}

.map__section-item:hover .map__section-item-copy {
    opacity: 1
}

.map__section-item-text {
    width: 81%
}

.map__section-item-text-title {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    font-weight: 500
}

.map__section-item-text-desc {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.map__section-item-copy {
    margin: auto 0 auto auto;
    border: 0;
    opacity: 0;
    position: relative
}

.map__section-item-copy:hover {
    background-color: #fff
}

.map__section-item-copy .icon-good {
    position: absolute;
    width: 35px;
    height: 35px;
    stroke-width: 0;
    fill: #B8EFBA;
    opacity: 0
}

.map__section-item.copied .map__section-item-copy {
    background-color: transparent;
    opacity: 1
}

.map__section-item.copied .map__section-item-copy .icon-good {
    opacity: 1
}

.map__section-item.copied .map__section-item-copy .icon-copy {
    opacity: 0
}

.map__section-download {
    margin-top: 16px;
    padding-right: 16px;
    margin-bottom: 16px
}

.map__section-download .icon {
    stroke-width: 0;
    fill: #5F82D3;
    margin-right: 4px
}

.map__btn {
    padding: 8px 16px
}

@media (max-width:1600px) {
    .map__section {
        padding: 16px
    }

    .map__tabs-item {
        margin-bottom: 24px
    }
}

@media (max-width:1300px) {
    .map__contacts {
        padding-right: 16px
    }

    .map__contacts .col-9 {
        width: 95%
    }
}

@media screen and (max-width:991px) {
    .map__contacts {
        width: 100%;
        padding: 0 8px
    }

    .map__contacts .col-9 {
        width: 100%
    }

    .map__breadcrumb {
        margin: 16px
    }

    .map>.map__filter {
        display: none
    }

    .map>.yandex-map-holder {
        display: none
    }

    .map__tabs-item {
        border-radius: 16px
    }

    .map__section {
        display: flex;
        flex-wrap: wrap
    }

    .map__section-headtitle1 {
        font-size: 26px;
        line-height: 32px
    }

    .map__section-headtitle2 {
        font-size: 20px;
        line-height: 32px
    }

    .map__section-title {
        display: block;
        min-width: 100%
    }

    .map__section-item {
        width: 100%
    }

    .map__section-mail {
        margin: auto 0
    }

    .map__section-copy {
        margin-left: 16px;
        margin: auto 0 auto auto
    }

    .map__section-phone {
        margin: 16px 0 0
    }

    .map__section-phone-btn {
        margin: 16px 0 0 auto
    }

    .map__section-phone-wrap {
        display: flex;
        width: 100%
    }

    .map__section-iframe {
        position: relative;
        width: 100%;
        height: 250px;
        border-radius: 16px;
        overflow: hidden
    }

    .map__section-iframe iframe {
        position: static;
        display: block;
        width: 100%;
        height: 100%
    }

    .map__section-download {
        width: 100%;
        padding-right: 16px;
        text-align: center
    }

    .map__btn {
        width: 100%;
        margin-top: 16px
    }
}

.contacts__map {
    flex-grow: 1;
    position: relative
}

.breadcrumb {
    margin-top: 32px;
    margin-bottom: 24px
}

@media screen and (max-width:991px) {
    .breadcrumb-wrapper {
        padding-bottom: 16px
    }
}

.breadcrumb__wrap {
    display: flex
}

.breadcrumb__wrap ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    transition: opacity .3s;
    opacity: 0
}

.breadcrumb__wrap ul.active {
    opacity: 1
}

.breadcrumb__link {
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3;
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0
}

.breadcrumb__link a {
    margin-right: 8px;
    position: relative
}

.breadcrumb__link a span {
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden
}

.breadcrumb__link a:hover {
    color: #4A4953
}

.breadcrumb__link a:hover .icon {
    fill: #4A4953
}

.breadcrumb .icon-arrow-down {
    width: 16px;
    height: 16px;
    fill: #B3B3B3;
    transform: rotate(270deg)
}

.breadcrumb__last {
    flex-shrink: 0;
    font-size: 14px;
    line-height: 24px;
    cursor: default
}

.breadcrumb__dots {
    display: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 32px;
    position: relative;
    cursor: pointer;
    transition: background-color .3s
}

.breadcrumb__dots.active {
    display: block
}

.breadcrumb__dots:hover {
    border-color: #B3B3B3
}

.breadcrumb__dots:hover:after {
    width: 150px !important;
    height: 20px !important;
    top: 60% !important
}

.breadcrumb__dots .icon-arrow-down {
    position: absolute;
    right: -27px;
    top: 50%;
    transform: translateY(-50%) rotate(270deg)
}

.breadcrumb__link-menu a {
    padding-right: 16px
}

.breadcrumb__link-menu a:after {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3.5px 0 3.5px;
    border-color: #999 transparent transparent transparent
}

.breadcrumb__link-menu .breadcrumb__list-holder,
.breadcrumb__link-menu>ul,
.header__menu li .breadcrumb__list-holder,
.header__menu li>ul {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 100%;
    padding-top: 8px;
    left: -8px;
    margin: 0;
    z-index: 9999;
    opacity: 0;
    list-style: none;
    border-radius: 8px;
    width: auto;
    overflow: hidden;
    transition: .3s;
    background-color: rgba(0, 0, 0, .038);
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}

.breadcrumb__link-menu .breadcrumb__list-holder li,
.breadcrumb__link-menu>ul li,
.header__menu li .breadcrumb__list-holder li,
.header__menu li>ul li {
    background: #fff;
    padding: 0 8px
}

.breadcrumb__link-menu .breadcrumb__list-holder li:first-child,
.breadcrumb__link-menu>ul li:first-child,
.header__menu li .breadcrumb__list-holder li:first-child,
.header__menu li>ul li:first-child {
    padding-top: 8px;
    border-radius: 8px 8px 0 0
}

.breadcrumb__link-menu .breadcrumb__list-holder li:last-child,
.breadcrumb__link-menu>ul li:last-child,
.header__menu li .breadcrumb__list-holder li:last-child,
.header__menu li>ul li:last-child {
    padding-bottom: 8px;
    border-radius: 0 0 8px 8px
}

.breadcrumb__link-menu .breadcrumb__list-holder li a,
.breadcrumb__link-menu>ul li a,
.header__menu li .breadcrumb__list-holder li a,
.header__menu li>ul li a {
    display: block;
    padding: 8px;
    font-size: 14px;
    line-height: 24px;
    color: #4A4953;
    margin-right: 0;
    border-radius: 4px;
    white-space: nowrap
}

.breadcrumb__link-menu .breadcrumb__list-holder li a span,
.breadcrumb__link-menu>ul li a span,
.header__menu li .breadcrumb__list-holder li a span,
.header__menu li>ul li a span {
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden
}

.breadcrumb__link-menu .breadcrumb__list-holder li a:after,
.breadcrumb__link-menu>ul li a:after,
.header__menu li .breadcrumb__list-holder li a:after,
.header__menu li>ul li a:after {
    content: none
}

.breadcrumb__link-menu .breadcrumb__list-holder li:hover a,
.breadcrumb__link-menu>ul li:hover a,
.header__menu li .breadcrumb__list-holder li:hover a,
.header__menu li>ul li:hover a {
    background-color: #EEF5FF
}

.breadcrumb__link-menu:hover .breadcrumb__list-holder,
.breadcrumb__link-menu:hover ul,
.header__menu li:hover .breadcrumb__list-holder,
.header__menu li:hover ul {
    opacity: 1;
    visibility: visible;
    display: block
}

.breadcrumb__list-holder {
    background-color: #fff !important;
    padding-top: 8px !important;
    padding-right: 4px;
    z-index: 999 !important;
    padding-bottom: 8px;
    margin-top: 10px !important
}

.breadcrumb__list-holder ul {
    max-height: 588px;
    overflow: auto;
    box-shadow: none
}

.breadcrumb__list-holder ul li {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.breadcrumb__link-menu:hover:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    top: 100%;
    left: 0
}

@media screen and (max-width:991px) {
    .breadcrumb {
        display: none
    }
}

@media screen and (max-width:991px) {
    .about-company_company.tab {
        display: none
    }
}

.about-company_company ._block-head {
    padding: 24px 24px 0 24px
}

.about-company_company ._block-head .tab__link-item.active ._block-title {
    color: #414E6D
}

.about-company_company ._block-head .tab__link-item ._block-title {
    color: #B3B3B3;
    line-height: 36px;
    font-size: 20px;
    font-weight: 700
}

.about-company_company ._block-head .tab__link-item h1,
.about-company_company ._block-head .tab__link-item span {
    font-size: 20px
}

.about-company_company ._block-body ul {
    -moz-column-count: 2;
    column-count: 2;
    padding-left: 30px;
    width: 90%
}

.about-company_company ._block-footer {
    display: none
}

.about-company_company_tab.db {
    display: block
}

.about-company_company_tab.active {
    opacity: 1
}

.about-company_company_tab {
    display: none;
    opacity: 0;
    transition: .3s ease-in-out
}

.about-company_company_tab h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.about-company_company_tab p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.about-company_history:not(:last-child) {
    margin-bottom: 33px
}

@media screen and (max-width:575px) {
    .about-company_history:not(:last-child) {
        margin-bottom: 16px
    }
}

.about-company_history span:first-child {
    width: 12%
}

.about-company_history span:last-child {
    width: 88%;
    padding-top: 2px
}

.about-company__accordion {
    display: none
}

@media screen and (max-width:991px) {
    .about-company__accordion {
        display: block
    }

    .about-company__accordion ._block-head {
        width: 100%
    }
}

.about-company_company_mobile {
    margin-top: 16px
}

.about-company_company_mobile ._block-head .icon-arrow-down {
    transition: .3s ease-in-out
}

@media screen and (max-width:991px) {
    .about-company_company_mobile ._block-body {
        padding-bottom: 0
    }

    .about-company_company_mobile ._block-body p:last-child {
        padding-bottom: 16px
    }
}

.about-company_company_mobile .about-company_company_show-more {
    width: 100%;
    border-top: 1px solid #E6E6E6;
    padding: 16px 32px
}

.about-company_history_mobile .about-company_history {
    flex-direction: column
}

.about-company_history_mobile ._block-head .icon-arrow-down {
    transition: .3s ease-in-out
}

.about-company_company_mobile.active ._block-head .icon-arrow-down,
.about-company_history_mobile.active ._block-head .icon-arrow-down {
    transform: rotate(180deg)
}

.about-company_write-to-us {
    padding: 25px 32px
}

@media screen and (max-width:575px) {
    .about-company_write-to-us {
        padding: 16px
    }
}

.about-company_write-to-us .write-to-us__mobile-container {
    width: 100%;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:575px) {
    .about-company_write-to-us .write-to-us__mobile-container {
        flex-direction: column;
        align-items: flex-start
    }
}

.about-company_write-to-us .write-to-us__img {
    margin-right: 16px;
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
    border-radius: 100%;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .about-company_write-to-us .write-to-us__img {
        align-self: flex-start
    }
}

@media screen and (max-width:575px) {
    .about-company_write-to-us .write-to-us__img {
        width: 58px;
        min-width: 58px;
        height: 58px;
        min-height: 58px
    }
}

.about-company_write-to-us .write-to-us__img img {
    height: 100%
}

@media screen and (max-width:575px) {
    .about-company_write-to-us .write-to-us__title {
        margin-bottom: 16px
    }
}

.about-company_write-to-us .write-to-us__title span:first-child {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px
}

@media screen and (max-width:575px) {
    .about-company_write-to-us .write-to-us__title span:first-child {
        font-size: 18px
    }
}

@media screen and (max-width:991px) {
    .about-company_write-to-us .write-to-us__button button {
        padding: 8px 36px
    }
}

@media screen and (max-width:575px) {
    .about-company_write-to-us .write-to-us__button button {
        width: 100%;
        max-width: 198px
    }
}

.about-company_video {
    display: flex;
    justify-content: center;
    min-height: 100px;
    width: 100%;
    overflow: hidden
}

.about-company_video video {
    height: auto;
    max-height: 322px;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:575px) {
    .about-company_video video {
        max-height: 290px
    }
}

.about-company_documents {
    padding: 25px 32px
}

@media screen and (max-width:575px) {
    .about-company_documents {
        padding: 16px
    }
}

.about-company_documents-head {
    margin-bottom: 24px
}

@media (max-width:1418px) {
    .about-company_documents-head {
        flex-direction: column;
        align-items: flex-start !important
    }
}

.about-company_documents-head div:first-child {
    width: 50%
}

@media (min-width:1600px) {
    .about-company_documents-head div:first-child {
        width: 41%
    }
}

@media (max-width:1418px) {
    .about-company_documents-head div:first-child {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .about-company_documents-head div:first-child {
        margin-bottom: 16px
    }
}

@media screen and (max-width:991px) {
    .about-company_documents-head div span:first-child {
        font-size: 26px;
        line-height: 36px
    }
}

@media screen and (max-width:991px) {
    .about-company_documents-head div span:last-child {
        font-size: 16px
    }
}

.about-company_documents-body {
    margin-bottom: 32px
}


@media screen and (max-width:575px) {
    .about-company_documents-body {
        margin-bottom: 0
    }
}

.about-company_documents-body p {
    font-size: 18px
}

.about-company_documents-footer {
    justify-content: space-between
}

@media (max-width:1418px) {
    .about-company_documents-footer {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 16px
    }
}

@media screen and (max-width:575px) {
    .about-company_documents-footer span {
        display: none
    }
}

@media (max-width:450px) {
    .about-company_documents-footer button {
        width: 100%
    }
}

.about-main .about-company_documents {
    padding: 0
}

.about-main .about-company_documents-head .gradient-title24 {
    margin-bottom: 4px
}

.about-main .about-company_documents-body {
    margin-bottom: 0
}

@media (min-width:576px) {
    .about-main .about-company_documents-body p {
        margin-bottom: 0
    }
}

.about-main .about-company_documents-footer {
    display: none !important
}

@media screen and (max-width:575px) {
    .about-main .about-company_documents-footer {
        display: block !important
    }
}

.about-company__portfolio .toggleOverflowBtn {
    width: 100%;
    border-top: 1px solid #E6E6E6;
    margin-top: -1px
}

.about-company__portfolio ._block-body {
    padding-bottom: 0;
    position: relative
}

.about-company__portfolio .portfolio__element:not(:first-child) {
    padding-top: 32px
}

.about-company__portfolio .portfolio__element:not(:last-child) {
    border-bottom: 1px solid #E6E6E6
}

.about-company__portfolio .portfolio__element {
    padding-bottom: 32px;
    position: relative
}

@media screen and (max-width:575px) {
    .about-company__portfolio .portfolio__element {
        flex-direction: column-reverse;
        padding-bottom: 0
    }
}

.about-company__portfolio .portfolio__element-info {
    width: 60%
}

@media screen and (max-width:575px) {
    .about-company__portfolio .portfolio__element-info {
        width: 100%;
        margin-top: 16px
    }
}

.about-company__portfolio .portfolio__element-title {
    color: #3f4c6a;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

.about-company__portfolio .portfolio__element-title a:hover {
    color: #5F82D3
}

.about-company__portfolio .portfolio__element-img {
    overflow: hidden;
    position: relative;
    height: -moz-max-content;
    height: max-content;
    width: -moz-max-content;
    width: max-content
}

.about-company__portfolio .portfolio__element-img_parent {
    min-width: 23%;
    max-width: 37%;
    display: flex;
    justify-content: center
}

@media screen and (max-width:575px) {
    .about-company__portfolio .portfolio__element-img_parent {
        max-width: unset
    }
}

.about-company__portfolio .portfolio__element-img_fancy {
    display: flex;
    justify-content: center
}

.about-company__portfolio .portfolio__element-img img {
    height: 220px;
    min-width: 123px;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:575px) {
    .about-company__portfolio .portfolio__element-img {
        width: 100%
    }

    .about-company__portfolio .portfolio__element-img img {
        width: 100%
    }
}

.portfolio-slider-pagination {
    position: absolute;
    width: 100%;
    bottom: 10px;
    display: flex;
    z-index: 100;
    justify-content: center;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.portfolio-slider-pagination .swiper-pagination-bullet {
    width: 10px;
    min-width: 10px;
    height: 10px;
    min-height: 10px;
    border-radius: 100%;
    border: 1px solid #fff;
    background-color: transparent;
    display: block
}

.portfolio-slider-pagination .swiper-pagination-bullet-active {
    background-color: #fff
}

.portfolio-slider-pagination .swiper-pagination-bullet::after {
    display: none
}

.portfolio-slider-pagination .swiper-pagination-bullet::before {
    display: none
}

.about-company_stages ._block-body {
    padding-bottom: 32px
}

@media screen and (max-width:575px) {
    .about-company_stages ._block-body {
        padding-bottom: 16px
    }
}

.about-company_stages .stages-work__element {
    align-items: center
}

@media screen and (max-width:575px) {
    .about-company_stages .stages-work__element {
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        align-items: flex-start;
        min-height: 277px
    }
}

.about-company_stages .stages-work__element:not(:last-child) .stages-work__info {
    padding-bottom: 24px;
    border-bottom: 1px solid #E6E6E6
}

@media screen and (max-width:575px) {
    .about-company_stages .stages-work__element:not(:last-child) .stages-work__info {
        border-bottom: none;
        padding-bottom: 0
    }
}

.about-company_stages .stages-work__element:not(:first-child) .stages-work__info {
    padding-top: 24px
}

@media screen and (max-width:575px) {
    .about-company_stages .stages-work__element:not(:first-child) .stages-work__info {
        padding-top: 0
    }
}

.about-company_stages .stages-work__img {
    width: 15%
}

@media screen and (max-width:575px) {
    .about-company_stages .stages-work__img {
        width: 100%
    }
}

.about-company_stages .stages-work__img svg {
    width: 80px;
    height: 80px
}

.about-company_stages .stages-work__info {
    width: 85%
}

@media screen and (max-width:575px) {
    .about-company_stages .stages-work__info {
        height: 100%
    }
}

.about-company_stages .stages-work__title {
    margin-bottom: 8px
}

.about-company_stages .stages-work__desc span {
    font-size: 14px
}

@media screen and (max-width:575px) {
    .about-company_stages .stages-work__container {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        height: 275px
    }
}

@media screen and (max-width:575px) and (max-width:400px) {
    .about-company_stages .stages-work__container {
        height: 300px
    }
}

@media (min-width:575px) {
    .about-company_stages .stages-work__container .swiper-wrapper {
        height: 100% !important;
        display: block !important
    }
}

.about-company_stages .stages-work__slider-pagination-mobile {
    display: none;
    width: 100%;
    padding: 10px 48px 0 48px;
    justify-content: space-around
}

@media screen and (max-width:575px) {
    .about-company_stages .stages-work__slider-pagination-mobile {
        display: flex
    }
}

.about-company_gallery ._block-body {
    -moz-column-gap: 24px;
    column-gap: 24px
}

@media screen and (max-width:575px) {
    .about-company_gallery ._block-body {
        flex-direction: column
    }
}

@media screen and (max-width:575px) {
    .about-company_gallery-element:not(:last-child) {
        margin-bottom: 16px
    }
}

.about-company_gallery-element {
    flex: 0 0 calc(33.333% - 16px);
    position: relative
}

@media screen and (max-width:575px) {
    .about-company_gallery-element {
        flex: 0 0 100%
    }
}

.about-company_gallery-img {
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:575px) {
    .about-company_gallery-img img {
        width: 100%
    }
}

.about-company_gallery-img button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.about-company_gallery-title {
    margin-top: 12px
}

@media screen and (max-width:575px) {
    .about-company_gallery-title {
        position: absolute;
        bottom: 15px;
        width: 100%;
        padding: 0 16px
    }

    .about-company_gallery-title span {
        color: #fff
    }
}

.about-company_gallery-title span:first-child {
    font-size: 18px
}

.about-company_gallery-title span:last-child {
    font-size: 16px
}

.about-main {
    border-radius: 24px;
    background-color: #fff
}

.about-main__head {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6
}

@media screen and (max-width:991px) {
    .about-main__head {
        padding: 8px 16px
    }
}

@media screen and (max-width:575px) {
    .about-main__head span {
        font-size: 20px !important
    }
}

.about-main__body {
    padding: 32px
}

@media screen and (max-width:991px) {
    .about-main__body {
        padding: 0
    }
}

.about-main__body_info {
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05);
    border-radius: 16px;
    padding: 32px 32px
}

@media (min-width:992px) {
    .about-main__body_info {
        margin-bottom: 24px
    }
}

@media screen and (max-width:991px) {
    .about-main__body_info {
        box-shadow: 0 0 0;
        padding: 16px
    }
}

.about-main__body_info .about-company_documents-head div:first-child {
    width: 250px
}

.about-main__body_documents {
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05);
    border-radius: 16px;
    padding: 32px 32px
}

@media screen and (max-width:991px) {
    .about-main__body_documents {
        padding: 16px;
        box-shadow: 0 0 0
    }
}

@media screen and (max-width:767px) {
    .about-main__body_documents {
        display: none
    }
}

.about-main__body_documents .order__content {
    margin-bottom: 16px
}

.about-main__body_documents button {
    margin-top: 8px
}

@media screen and (max-width:991px) {
    .about-main__body_element:last-child {
        padding: 32px;
        padding-top: 0
    }
}

.about-main__body_video {
    overflow: hidden;
    border-radius: 16px
}

.about-main__body_video video {
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:1200px) {
    .about-main__body_video video {
        min-height: 518px
    }
}

.utp {
    position: fixed;
    top: 25.96%;
    right: -6px;
    width: 56px;
    z-index: 1000
}

.utp__div {
    position: relative;
    cursor: pointer
}

.utp__div .utp-item {
    color: #575757
}

.utp__div .utp-item:hover {
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    background-color: #fff;
    max-width: 600px;
    opacity: 1
}

.utp__div .utp-item:hover .icon {
    fill: #4A4953
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .utp__div .utp-item:hover .icon {
        margin-left: 8px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .utp__div .utp-item:hover span span {
        display: block
    }
}

.utp__white {
    position: absolute;
    right: 0;
    top: 8px;
    bottom: 0;
    border-radius: 16px 0 0 16px;
    width: 56px;
    z-index: -10;
    background-color: #eee
}

.utp__wrap {
    position: absolute;
    right: 0;
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content
}

.utp-item {
    justify-content: flex-end;
    display: flex;
    min-width: 0;
    opacity: .5;
    max-width: 40px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 8px 8px 16px;
    border-radius: 48px;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    transition: .4s;
    margin: 8px 8px 8px auto
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .utp-item {
        max-width: 50px
    }
}

.utp-item .icon {
    display: flex;
    fill: #999;
    width: 24px;
    height: 24px;
    align-items: center;
    margin-left: 8px;
    transition: .2s;
    flex-shrink: 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .utp-item .icon {
        margin-left: 0
    }
}

.utp-item span {
    display: flex;
    position: relative;
    white-space: nowrap;
    background-color: transparent;
    align-items: center;
    transition: .3s;
    text-align: left
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .utp-item span span {
        display: none
    }
}

@media screen and (max-width:991px) {
    .utp {
        display: none
    }
}

.interesting {
    background: #fff;
    border-radius: 24px;
    position: relative
}

.interesting__head {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6
}

.interesting__head-title {
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #414E6D
}

.interesting__body {
    padding: 24px 32px;
    row-gap: 24px
}

.interesting__body-item {
    display: inline-flex;
    align-items: center;
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.interesting__body-item a {
    font-weight: 500;
    line-height: 1.2;
    font-size: 16px;
    color: #4A4953
}

.interesting__body-item img,
.interesting__body-item picture {
    border-radius: 8px 8px 0 8px;
    width: 32px;
    height: 32px;
    flex-shrink: 0
}

.interesting__pag {
    display: flex;
    border-top: 1px solid #E6E6E6;
    padding: 16px
}

.interesting__pag ul {
    display: flex;
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.interesting__pag-item {
    padding: 8px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #B3B3B3
}

.interesting__pag-item .icon {
    fill: #B3B3B3
}

.interesting__pag-item.active {
    color: #4A4953
}

.interesting__pag-next,
.interesting__pag-prev {
    padding: 6px 8px
}

.interesting__pag-next.disabled,
.interesting__pag-prev.disabled {
    pointer-events: none;
    opacity: .2
}

@media (max-width:1600px) {
    .interesting__body {
        padding: 24px 30px
    }
}

@media screen and (max-width:991px) {
    .interesting {
        border-radius: 16px
    }

    .interesting__head {
        padding: 16px
    }

    .interesting__head-title {
        font-size: 20px;
        line-height: 32px
    }

    .interesting__body {
        padding: 0;
        row-gap: 0
    }

    .interesting__body-item {
        padding: 16px;
        padding-right: 42px;
        display: flex
    }

    .interesting__body-item:after {
        content: "";
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 16px;
        width: 20px;
        height: 20px;
        background: url(../images/general/Angle-right.svg)
    }

    .interesting__body-item:not(last-child) {
        border-bottom: 1px solid #E6E6E6
    }
}

.features {
    position: relative
}

@media screen and (max-width:767px) {
    .features {
        margin-right: -8px
    }
}

.features__swiper {
    overflow: hidden
}

.features__swiper .swiper-pagination {
    position: relative;
    top: -46px;
    z-index: 1;
    margin-bottom: -30px
}

.features .swiper-slide {
    max-width: 100%;
    width: auto
}

@media screen and (max-width:991px) {
    .features .swiper-slide:last-child {
        margin-right: 16px
    }
}

@media (max-width:500px) {
    .features .swiper-slide {
        width: calc(100vw - 30px)
    }
}

.features__card {
    max-width: 480px;
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 20px
}

@media screen and (max-width:991px) {
    .features__card {
        border-radius: 16px
    }
}

.features__card-title {
    position: absolute;
    left: 32px;
    top: 32px
}

@media screen and (max-width:991px) {
    .features__card-title {
        left: 16px;
        top: 16px
    }
}

.features ul {
    padding-left: 32px;
    margin: 32px
}

@media screen and (max-width:991px) {
    .features ul {
        margin: 16px
    }
}

.features ul li {
    font-size: 14px;
    margin-bottom: 8px;
    color: #000;
    list-style: none;
    position: relative
}

.features ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #5F82D3;
    display: block;
    position: absolute;
    border-radius: 20px;
    top: 7px;
    left: -24px
}

.features ul li:last-child {
    margin-bottom: 0
}

.features ul li i {
    font-style: normal;
    color: #5f82d3
}

.features .swiper-slide {
    height: auto
}

.production {
    background: #fff;
    border-radius: 24px;
    position: relative
}

.production__head {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6
}

@media screen and (max-width:991px) {
    .production__head {
        padding: 16px
    }
}

.production__head-title {
    display: inline-block;
    font-weight: 500;
    font-size: 24px;
    line-height: 40px
}

.production__body {
    padding: 32px 0;
    overflow: hidden;
    position: relative;
    margin: 0 -32px;
    row-gap: 32px
}

@media screen and (max-width:991px) {
    .production__body {
        row-gap: 0
    }
}

.production__body-item {
    display: flex;
    flex-direction: column
}

.production__body-item-img {
    transition: .5s;
    position: relative
}

.production__body-item-img img {
    width: 248px;
    height: 248px;
    margin: 0 auto 8px auto;
    text-align: center;
    border-radius: 48px 48px 0 48px;
    transition: .5s
}

.production__body-item-img span {
    background-color: #EEE;
    position: absolute;
    right: 85px;
    bottom: 24px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px 4px 0 4px
}

.production__body-item-img:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    border-radius: 0 0 16px 16px;
    top: 0;
    left: 30%;
    right: 30%;
    background-color: #0387ce;
    transition: .3s
}

.production__body-item-img:hover {
    transform: scale(1)
}

.production__body-item-img:hover:before {
    height: 8px
}

.production__body-item-title {
    max-width: 248px;
    width: 100%;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    transition: .5s
}

.production__body-item-arrow {
    display: none
}

.production__body-item-content {
    display: none
}

@media (max-width:1600px) {
    .production__body {
        margin: 0 20px
    }

    .production__body-item-img span {
        right: 42px;
        bottom: 24px
    }
}

@media (max-width:1200px) {
    .production__body {
        margin: 0 24px
    }

    .production__body-item-img img {
        height: 206px
    }
}

@media screen and (max-width:991px) {
    .production__body {
        margin: 0;
        padding: 0
    }

    .production__body-item {
        flex-direction: row;
        margin: 0 -8px;
        padding: 16px
    }

    .production__body-item:has(+.production__body-item-content:not(:empty)) .production__body-item-arrow {
        transform: rotate(90deg)
    }

    .production__body-item:hover {
        transform: scale(1)
    }

    .production__body-item-img {
        flex-shrink: 0;
        margin-right: 16px
    }

    .production__body-item-img img {
        width: 32px;
        height: 32px;
        margin: 0;
        border-radius: 8px 8px 0 8px;
        transition: .5s
    }

    .production__body-item-title {
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin: auto 0
    }

    .production__body-item-arrow {
        display: flex
    }

    .production__body-item-arrow .icon {
        fill: #CCC;
        margin: auto;
        transition: transform .2s
    }

    .production__body-item-content {
        display: block;
        max-height: 0;
        overflow: hidden;
        border-bottom: 1px solid #E6E6E6;
        margin: 0 -12px;
        padding: 0 12px;
        transition: max-height .2s
    }

    .production__body-item-content.active {
        max-height: 300px
    }

    .production__body-item-content a {
        display: block;
        width: 100%;
        padding: 4px 12px
    }

    .production__body-item-content a:last-child {
        margin-bottom: 12px
    }

    .production__body-item.active .production__body-item-arrow .icon {
        transform: scale(-1)
    }
}

.service-step {
    background: #fff;
    border-radius: 24px;
    position: relative;
    overflow: hidden
}

.service-step__head {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6
}

.service-step__head-title {
    display: inline-block;
    font-weight: 500;
    font-size: 24px;
    line-height: 40px
}

.service-step__body {
    display: none;
    padding: 32px;
    overflow: hidden;
    position: relative
}

.service-step__body.active {
    display: block
}

.service-step__body-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.service-step__body-item::before {
    position: absolute;
    content: "";
    top: 32px;
    width: calc(100% - 1px);
    height: 0;
    border-top: 1px dotted #CCC;
    z-index: 0
}

.service-step__body-item-circle {
    margin: 0 auto 24px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #CCC;
    text-align: center;
    padding: 15px;
    font-weight: 275;
    font-size: 24px;
    line-height: 32px;
    color: #4A4953;
    z-index: 100;
    background-color: #fff;
    transition: .5s
}

.service-step__body-item-img {
    margin: auto auto 0;
    position: relative;
    transition: .5s
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .service-step__body-item-img {
        width: 176px;
        height: 176px
    }
}

.service-step__body-item-img img {
    width: 176px;
    height: 176px;
    text-align: center;
    border-radius: 0 32px 32px 32px;
    transition: .5s
}

.service-step__body-item-title {
    width: 224px;
    margin: 0 auto 32px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    transition: .5s
}

.service-step__body-item:hover .service-step__body-item-circle {
    border-color: #0387ce
}

.service-step .swiper-slide {
    padding: 0;
    height: auto
}

.service-step .swiper-slide:first-child .service-step__body-item::before {
    width: 50%;
    right: 1px
}

.service-step .swiper-slide:last-child .service-step__body-item::before {
    width: 51%;
    left: 0
}

.service-step__lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(64, 77, 108, .8) 0, rgba(47, 56, 79, .8) 100%);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.service-step__lightbox img {
    display: block;
    width: auto;
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.service-step__lightbox-close {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 3em;
    height: 3em
}

.service-step__lightbox-close .icon {
    width: 100%;
    height: 100%;
    fill: #fff
}

.service-step__lightbox.show {
    display: block
}

.service-step__bullet {
    display: none;
    justify-content: space-around;
    max-width: 100%;
    padding: 18px 48px
}

.service-step__bullet .swiper-pagination-bullet {
    position: relative;
    height: 12px;
    cursor: pointer;
    padding: 4px 0;
    margin: 0 1px;
    width: 100%
}

.service-step__bullet .swiper-pagination-bullet::before {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    background-color: #CCC;
    transition: .2s
}

.service-step__bullet .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #404D6C 0, #2F384F 100%);
    top: 4px;
    width: 0;
    transition: transform .2s
}

.service-step__bullet .swiper-pagination-bullet-active:after {
    width: 100%
}

.service-step__bullet .swiper-pagination-bullet:last-child {
    margin-right: 0
}

@media (max-width:1300px) {
    .service-step__body-item-title {
        width: auto
    }

    .service-step__body-item-img {
        margin: auto 12px 0 auto
    }
}

@media screen and (max-width:991px) {
    .service-step {
        border-radius: 16px
    }

    .service-step__body {
        padding: 32px 50px 16px 32px
    }

    .service-step__body-item:after,
    .service-step__body-item:before {
        display: none
    }

    .service-step__body-item-img {
        margin: auto auto 0 auto
    }

    .service-step__body-item-img img {
        border-radius: 0 16px 16px 16px
    }

    .service-step__body-item-circle {
        margin-bottom: 16px
    }

    .service-step__bullet {
        display: flex;
        padding: 10px 48px 18px
    }

    .service-step__bullet .swiper-pagination-bullet:hover:after,
    .service-step__bullet .swiper-pagination-bullet:hover:before {
        transform: scale(1) translateY(0)
    }
}

.box {
    display: inline-block;
    height: 200px;
    width: 200px;
    border: 1px solid #444;
    overflow: hidden
}

.box-pointer {
    position: absolute
}

.box-pointer-hidden {
    display: none
}

.service-tab {
    border-radius: 24px;
    background-color: #fff;
    transition: .3s
}

.service-tab__tags {
    display: none;
    margin-bottom: 4px
}

@media screen and (max-width:767px) {
    .service-tab__tags {
        display: block
    }
}

@media screen and (max-width:767px) {
    .service-tab__menu {
        display: none
    }
}

.service-tab__link {
    padding: 16px 32px 0 32px;
    width: 100%;
    border-bottom: 1px solid #E6E6E6
}

.service-tab__link-item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #B3B3B3;
    margin-right: 40px;
    transition: .2s
}

.service-tab__link-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #0387ce;
    left: 0;
    bottom: 0;
    border-radius: 8px 8px 0 0;
    transform: translateY(4px);
    opacity: 0;
    transition: .2s
}

.service-tab__link-item.active {
    color: #414E6D
}

.service-tab__link-item.active:after {
    transform: translateY(0);
    opacity: 1
}

.service-tab__link-item:hover {
    color: #414E6D !important
}

.service-tab__tabs-item {
    overflow: hidden
}

.service-tab__tabs-item ._block-title {
    font-size: 24px
}

.service-tab__body {
    padding: 24px 32px
}

.service-tab__body .swiper-pagination-bullet:before {
    content: none
}

.service-tab__content-info {
    display: flex
}

@media screen and (max-width:575px) {
    .service-tab__content-info {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 10;
        padding: 16px
    }
}

.service-tab__content-head-title {
    display: flex;
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6
}

.service-tab__content-head-title span {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    color: #414E6D
}

.service-tab__content-head-load .icon {
    margin-right: 4px;
    fill: #DD2025
}

@media screen and (max-width:575px) {
    .service-tab__content-head-load {
        display: none
    }
}

.service-tab__content-head-link {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #5F82D3;
    vertical-align: middle;
    margin-top: 16px;
    display: inline-block
}

.service-tab__content-head-link .icon {
    fill: #CCC
}

.service-tab__content-head-link:hover {
    color: #84A7FA
}

.service-tab__content-head-link:hover .icon {
    fill: #84A7FA
}

.service-tab__content-gal {
    display: flex;
    flex-direction: column;
    gap: 16px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    flex-shrink: 0
}

.service-tab__content-gal__img {
    width: 100%;
    overflow: hidden;
    max-height: 522px;
    position: relative
}

@media (max-width:490px) {
    .service-tab__content-gal__img {
        max-height: 171px
    }
}

.service-tab__content-gal__img .swiper-slide {
    height: auto;
    border-radius: 16px;
    overflow: hidden
}

.service-tab__content-gal__img .swiper-custom-nav__prev {
    left: 16px
}

.service-tab__content-gal__img .swiper-custom-nav__next {
    right: 16px
}

.service-tab__content-gal .video video {
    max-height: 522px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:490px) {
    .service-tab__content-gal .video video {
        max-height: 171px
    }
}

.service-tab__content-gal img {
    width: 100%;
    max-height: 522px;
    -o-object-fit: cover;
    object-fit: cover;
    background: radial-gradient(#ccc, transparent)
}

@media (max-width:490px) {
    .service-tab__content-gal img {
        max-height: 171px
    }
}

.service-tab__content-gal__pag {
    gap: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 -2px
}

.service-tab__content-gal__pag .swiper-wrapper {
    flex-wrap: wrap;
    gap: 4px
}

.service-tab__content-gal__pag .swiper-wrapper .swiper-slide {
    min-height: 64px
}

.service-tab__content-gal__pag .swiper-pagination-bullet {
    display: inline-block;
    opacity: .6;
    cursor: pointer;
    width: 68px;
    height: 68px;
    transition: .2s;
    border-radius: 16px 0 16px 16px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 2px solid transparent;
    position: relative
}

.service-tab__content-gal__pag .swiper-pagination-bullet:after,
.service-tab__content-gal__pag .swiper-pagination-bullet:before {
    content: none
}

.service-tab__content-gal__pag .swiper-pagination-bullet img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:992px) {
    .service-tab__content-gal__pag .swiper-pagination-bullet:hover {
        transform: scale(1.05);
        opacity: 1
    }
}

.service-tab__content-gal__pag .swiper-pagination-bullet-active {
    opacity: 1;
    border-color: #0387ce
}

.service-tab__content-gal__pag .swiper-pagination-bullet.show-more a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    background: rgba(74, 73, 83, .8)
}

.service-tab__content-gal iframe {
    width: 100%;
    height: 100%;
    border-radius: 32px 0 32px 32px
}

.service-tab__content-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000
}

.service-tab__content-order {
    display: flex;
    gap: 16px
}

@media screen and (max-width:575px) {
    .service-tab__content-order .btn-order {
        flex: 1
    }
}

.service-tab__content-order span {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    color: #000;
    margin-right: 16px
}

.service-tab__content-price {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #4A4953
}

@media screen and (max-width:575px) {
    .service-tab__content-price {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        line-height: 18px;
        margin-bottom: 16px
    }
}

.service-tab__content-contract-price {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative
}

.service-tab__content-contract-price span {
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.service-tab__content-contract-price svg {
    width: 24px;
    height: 24px;
    fill: #b3b3b3
}

@media screen and (max-width:575px) {
    .service-tab__content-contract-price {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 8px;
        justify-content: center
    }
}

.service-tab__select {
    padding: 16px
}

.service-tab__menu_link {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #4A4953
}

.service-tab__menu_link:not(:first-child) {
    padding-top: 16px
}

.service-tab__menu_link:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid #E6E6E6
}

.service-tab__menu_link svg {
    fill: #ccc
}

.service-tab__menu_link:hover {
    color: #5F82D3
}

.service-tab__menu_link:hover svg {
    fill: grey
}

@media (max-width:1600px) {
    .service-tab__content-gal {
        min-height: auto
    }
}

@media screen and (max-width:991px) {
    .service-tab {
        border-radius: 16px
    }

    .service-tab__content-head-title {
        padding: 16px
    }

    .service-tab__content-gal {
        flex-direction: column;
        gap: 16px;
        max-height: 100%
    }

    .service-tab__content-gal__img {
        max-width: 100%
    }

    .service-tab__content-gal__pag {
        width: 100%;
        overflow: hidden
    }

    .service-tab__head {
        padding: 16px;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        color: #4A4953;
        border-bottom: 1px solid #E6E6E6
    }

    .service-tab__body {
        padding: 16px
    }

    .service-tab__tabs-item {
        overflow: hidden
    }

    .service-tab.service-tab1 .list__tabs-item {
        display: none
    }
}

.list .col-lg-3,
.list .col-xxl-2 {
    border-right: 1px solid #E6E6E6
}

.list__link {
    padding: 32px;
    padding-right: 16px
}

.list__link-item {
    display: block;
    padding: 8px 36px 8px 16px;
    border-radius: 8px;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    color: #4A4953;
    overflow: hidden;
    cursor: pointer;
    transition: .2s;
    padding-right: 38px
}

.list__link-item:hover {
    color: #000
}

.list__link-item:hover::before {
    width: 4px
}

.list__link-item[data-ul]:hover {
    color: #4A4953
}

.list__link-item[data-ul]:hover .list__link-item-sub {
    color: #999
}

.list__link-item[data-ul]:hover .icon {
    fill: #4A4953
}

.list__link-item[data-ul]:hover::before {
    width: 0;
    box-shadow: none
}

.list__link-item.active {
    color: #000;
    background-color: #EEF5FF
}

.list__link-item.show {
    display: block
}

.list__link-item.show[data-ul] .icon {
    transform: scaleY(-1) translateY(50%)
}

.list__link-item.show .list__link-item-sub {
    display: block
}

.list__link-item-sub {
    display: none;
    position: relative;
    cursor: pointer;
    padding: 7px 0;
    padding-right: 15px;
    min-height: 32px;
    padding-left: 16px;
    margin-right: -38px;
    border-radius: 8px
}

.list__link-item-sub:hover {
    color: #000 !important
}

.list__link-item-sub:first-of-type {
    margin-top: 12px
}

.list__link-item-sub:last-of-type {
    margin-bottom: 12px
}

.list__link-item-sub.active {
    color: #000;
    background-color: #EEF5FF
}

.list__link-item span {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.list__link-item span .icon {
    position: absolute;
    top: 50%;
    right: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    fill: #CCC;
    float: right;
    margin-right: -28px;
    transform: scaleY(1) translateY(-50%);
    transition: .2s
}

.list__tabs-item {
    overflow: hidden;
    display: none;
    opacity: 0;
    transition: .2s
}

.list__tabs-item.active {
    display: block;
    opacity: 1;
    transition: .2s
}

.list__tabs-item.db {
    display: block
}

@media screen and (max-width:991px) {
    .list .col-xxl-2 {
        padding-right: calc(var(--bs-gutter-x) * .5);
        border-right: 0
    }

    .list__tabs-item {
        overflow: hidden;
        display: none
    }

    .list__tabs-item.active {
        display: block
    }

    .list__link {
        overflow: hidden;
        padding: 0;
        position: relative;
        border-radius: 0 0 16px 16px
    }

    .list__link.active {
        padding-bottom: 57px
    }

    .list__link-item {
        padding: 16px;
        max-height: unset;
        display: flex;
        align-items: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        border-bottom: 1px solid #E6E6E6;
        color: #4A4953;
        border-radius: 0
    }

    .list__link-item[data-ul] {
        display: flex;
        flex-wrap: wrap
    }

    .list__link-item.active {
        color: #4A4953;
        background-color: initial
    }

    .list__link-item.active::before {
        width: 0
    }

    .list__link-item img {
        display: inline-block;
        margin-right: 8px;
        width: 32px;
        height: 32px;
        border-radius: 8px 8px 0 8px
    }

    .list__link-item span {
        display: inline-block;
        width: calc(100% - 40px);
        padding-right: 30px
    }

    .list__link-item span .icon {
        float: right;
        margin-right: 0
    }

    .list__link-item-sub {
        display: none;
        padding: 4px 0 4px 4px;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        color: #4A4953
    }

    .list__link-item-sub:first-of-type {
        margin-top: 15px
    }

    .list__link-item-sub:last-child {
        margin-bottom: 0
    }

    .list__link-item-sub::before {
        display: none
    }

    .list__link-btn {
        width: 100%;
        background-color: #fff;
        padding: 16px;
        text-align: center;
        color: #5F82D3;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px
    }

    .list__link-btn span {
        margin-right: 4px
    }

    .list__link-btn.active .icon {
        transform: scale(-1)
    }

    .list__link-btn .icon {
        transition: transform .2s;
        fill: #CCC
    }
}

.pagination {
    display: flex;
    justify-content: center
}

.pagination ._pagination {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center
}

.pagination ._pagination__item {
    display: block;
    min-width: 40px;
    min-height: 40px;
    cursor: pointer;
    color: #B3B3B3;
    text-align: center;
    vertical-align: middle;
    padding: 8px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.pagination ._pagination__item:not(:nth-child(1)),
.pagination ._pagination__item:not(:nth-child(2)) {
    padding: 8px
}

@media (max-width:400px) {
    .pagination ._pagination__item {
        min-width: 31px
    }
}

.pagination ._pagination__item .icon {
    width: 24px;
    height: 24px;
    fill: #B3B3B3;
    margin: auto
}

.pagination ._pagination__item.selected {
    color: #4A4953
}

.pagination--none {
    display: none !important
}

.pagination--none * {
    display: none !important
}

.pagination__productTable._block-group:not(:last-child) {
    border-bottom: none
}

@media screen and (max-width:991px) {
    .pagination__productTable._block-group:not(:last-child) {
        border-bottom: 1px solid #E6E6E6
    }
}

._block {
    border-radius: 12px;
    background: #fff
}

._block-container {
    margin-bottom: 48px
}

@media screen and (max-width:991px) {
    ._block-container {
        margin-bottom: 16px
    }
}

._block-head {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6
}

@media screen and (max-width:991px) {
    ._block-head {
        padding: 16px
    }
}

._block-title {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:767px) {
    ._block-title {
        line-clamp: 2;
        box-orient: vertical;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        white-space: unset
    }
}

._block-title-wrapper {
    position: relative
}

._block-title span {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: .25rem;
    display: inline
}

._block-title.white-spaced-title {
    white-space: normal
}

._block .icon-question {
    vertical-align: middle;
    fill: #CCC
}

._block-subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    color: #404D6C
}

@media screen and (max-width:991px) {
    ._block-subtitle {
        font-size: 20px;
        line-height: 1.4
    }
}

._block-body,
._block-footer {
    padding: 32px
}

._block-body-short,
._block-footer-short {
    padding: 16px 32px
}

@media screen and (max-width:991px) {

    ._block-body,
    ._block-footer {
        padding: 16px
    }
}

._block-footer {
    padding-top: 0;
    padding-bottom: 16px
}

._block-group,
._block-group-large {
    padding: 1rem 2rem
}

._block-group-large__head,
._block-group__head {
    position: relative;
    -moz-column-gap: 16px;
    column-gap: 16px
}

._block-group-large__head-controls,
._block-group__head-controls {
    flex-shrink: 0
}

._block-group-large__head-left,
._block-group__head-left {
    max-width: 100%;
    min-width: 0
}

._block-group-large__filter,
._block-group__filter {
    position: relative;
    z-index: 7;
    margin-bottom: 0 !important
}

@media screen and (min-width:767px) {

    ._block-group-large__filter+.stamps-list,
    ._block-group__filter+.stamps-list {
        border-top: 0
    }
}

._block-group-large__search,
._block-group__search {
    padding-top: .5rem;
    padding-bottom: 1rem
}

._block-group-large__categories,
._block-group__categories {
    z-index: 997
}

._block-group-large__sorting,
._block-group__sorting {
    padding-top: .5rem;
    padding-bottom: 1rem
}

._block-group-large:not(:last-child),
._block-group:not(:last-child) {
    border-bottom: 1px solid #E6E6E6
}

._block-group--border-none,
._block-group-large--border-none {
    border-bottom: none !important
}

._block-group--n,
._block-group-large--n {
    margin-left: -2rem;
    margin-right: -2rem
}

._block-group-large {
    padding: 1.5rem 2rem
}

._block-gost-search {
    max-width: 216px
}

._block-description__icon {
    width: 3.5rem;
    height: 3.5rem
}

._block-description__icon .icon {
    width: 3.5rem;
    height: 3.5rem;
    fill: #CBE0FF
}

._block-description__txt {
    color: #4A4953;
    font-size: .75rem;
    line-height: 1.5rem;
    width: calc(100% - 3.5rem);
    padding-left: 1rem
}

._block-controls__inner {
    -moz-column-gap: 16px;
    column-gap: 16px;
    flex-wrap: wrap
}

._block-controls__col {
    flex: 1 0 0%
}

._block-controls__col .btn {
    padding: 8px
}

@media (max-width:380px) {
    ._block-controls__col .btn {
        padding: 8px 6px
    }
}

._block-btn {
    width: 100%;
    text-transform: initial;
    font-weight: 400
}

._block-more {
    padding: 8px
}

._block-more:active,
._block-more:hover {
    background: #fff;
    border-color: #E6E6E6
}

._block-more:active .icon,
._block-more:hover .icon {
    fill: #4A4953
}

._block-analogs {
    position: absolute;
    right: 0;
    left: -2px;
    top: 100%;
    margin-top: .5rem;
    z-index: 99;
    display: none
}

._block-analogs--active {
    display: block
}

._block-categories {
    border-bottom: 0 !important
}

._block-categories__lg_title {
    font-family: 'PT Root UI';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 24px
}

@media screen and (max-width:575px) {
    ._block-categories__lg_title {
        display: none
    }
}

._block-categories__head {
    padding: 1rem;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    background: #fff;
    top: 0;
    z-index: 10000;
    position: sticky
}

._block-categories__close {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0
}

._block-categories__close .icon {
    fill: #CCC
}

._block-selects {
    position: relative
}

._block-sorting__icon .icon {
    fill: #CCC
}

._block-sorting__btn {
    height: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .875rem;
    line-height: 1.5rem;
    border: 1px solid #E6E6E6;
    background: #fff;
    border-radius: .5rem
}

._block-sorting__btn--selected,
._block-sorting__btn:hover {
    background: #FFF7E2
}

._block-sorting__btn--disabled,
._block-sorting__btn:disabled {
    opacity: .3;
    pointer-events: none
}

._block-sorting__btn .icon {
    display: none
}

._block-sorting__select {
    width: 100%
}

._block-sorting__select .__select__title {
    padding-left: .5rem
}

._block-links {
    position: absolute;
    background: #fff;
    right: 0;
    z-index: 999;
    top: 3rem;
    display: none
}

._block-links--active {
    display: block;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}

._block-links__item:not(:last-child) {
    border-bottom: 1px solid #E6E6E6
}

._block-links__a {
    padding: 1rem
}

._block-links__a .icon {
    margin-right: .5rem;
    fill: #CCC
}

._block-links__a .icon-pdf,
._block-links__a .icon-trash {
    fill: #DD2025
}

._block-sticky {
    position: sticky;
    top: 0
}

._block--no-bg {
    background: 0 0
}

._block-row {
    border-bottom: 1px solid #E6E6E6
}

._block-left {
    width: calc(100% - 22rem)
}

._block-right {
    width: 22rem;
    border-left: 1px solid #E6E6E6
}

._block-filter__title {
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700 !important;
    margin-right: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (max-width:1199px) {

    ._block-group-large__head-left,
    ._block-group__head-left {
        max-width: 100%;
        min-width: 0
    }
}

@media screen and (max-width:991px) {
    ._block-selects {
        display: none
    }

    ._block-group-large {
        margin-bottom: 1rem
    }

    ._block-group-large__head-left {
        max-width: 100%;
        min-width: 0
    }

    ._block-links {
        left: 0
    }
}

@media screen and (max-width:991px) {
    ._block-categories[data-mobile-menu-target=certificates] {
        display: none;
        padding: 0 !important;
        margin: 0;
        opacity: 0;
        transition: opacity .2s ease-in-out
    }

    ._block-categories[data-mobile-menu-target=certificates] ._block-categories__content {
        padding: 16px;
        overflow: hidden;
        position: relative;
        flex: 1
    }

    ._block-categories--block[data-mobile-menu-target=certificates] {
        display: flex;
        border-radius: 0 !important
    }

    ._block-categories--animate[data-mobile-menu-target=certificates] {
        opacity: 1
    }

    ._block-group__categories[data-mobile-menu-target=certificates] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        background: #fff;
        z-index: 9999;
        flex-direction: column;
        align-items: stretch
    }

    ._block-group__categories[data-mobile-menu-target=certificates] ._block-categories__content {
        padding: 16px;
        overflow: hidden;
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: stretch
    }

    ._block-group__categories[data-mobile-menu-target=certificates] ._block-categories__content .__select__scroll {
        flex: 1;
        max-height: unset
    }
}

@media screen and (max-width:767px) {
    ._block-categories:not([data-mobile-menu-target=certificates]) {
        display: none;
        padding: 0 !important;
        margin: 0;
        opacity: 0;
        transition: opacity .2s ease-in-out
    }

    ._block-categories:not([data-mobile-menu-target=certificates]) ._block-categories__content {
        padding: 16px;
        overflow: hidden;
        position: relative
    }

    ._block-categories--block:not([data-mobile-menu-target=certificates]) {
        display: block;
        border-radius: 0 !important
    }

    ._block-categories--animate:not([data-mobile-menu-target=certificates]) {
        opacity: 1
    }

    ._block-group__categories:not([data-mobile-menu-target=certificates]) {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        background: #fff;
        z-index: 9999
    }
}

@media screen and (max-width:767px) {
    ._block {
        border-radius: 1rem
    }

    ._block-left {
        width: 100%
    }

    ._block-right {
        width: 100%
    }

    ._block-title {
        font-size: 26px;
        line-height: 1.38
    }

    ._block-title span {
        display: none
    }

    ._block-filter__foot {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 16px 24px;
        background: #fff;
        box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
        z-index: 111
    }

    ._block-filter__foot.active {
        display: block !important
    }

    ._block-filter__apply {
        width: 100%
    }

    ._block-filter__close .icon {
        fill: #CCC
    }

    ._block-gost-search {
        max-width: 100%
    }

    ._block-group,
    ._block-group-large {
        padding: 1rem
    }

    ._block-group-large:last-child,
    ._block-group:last-child {
        padding-bottom: 1rem
    }

    ._block-group-large__filter,
    ._block-group__filter {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        background: #fff;
        z-index: 9999;
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) and (max-width:767px) {

    ._block-group-large__filter,
    ._block-group__filter {
        overflow: hidden
    }
}

@media screen and (max-width:767px) {

    ._block-group-large__head,
    ._block-group__head {
        position: relative;
        z-index: 999
    }

    ._block-group-large__head-left,
    ._block-group__head-left {
        max-width: 100%;
        min-width: 0
    }

    ._block-group-large__search,
    ._block-group__search {
        padding-top: 0;
        padding-bottom: 0
    }

    ._block-group-large__sorting,
    ._block-group__sorting {
        padding-bottom: 0;
        padding-top: 1rem
    }

    ._block-description__icon {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem
    }

    ._block-description__txt {
        padding-left: 0;
        width: 100%
    }

    ._block-filter {
        display: none;
        padding: 0;
        opacity: 0;
        transition: opacity .2s ease-in-out
    }

    ._block-filter__content {
        padding: 16px;
        padding-bottom: 72px;
        padding-top: 0
    }

    ._block-filter--block {
        display: block
    }

    ._block-filter--animate {
        opacity: 1
    }

    ._block-categories__content {
        padding: 16px 0 !important
    }

    ._block-categories__content.product-groups {
        padding: 16px !important
    }

    ._block-categories__content .__select__title {
        padding-right: 0 !important
    }
}

.text-block {
    list-style: unset;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000
}

.text-block .h2,
.text-block h2 {
    font-size: 24px
}

@media screen and (max-width:991px) {

    .text-block .h2,
    .text-block h2 {
        font-size: 18px;
        line-height: 1.56
    }
}

.text-block .h3,
.text-block h3 {
    font-size: 16px
}

.text-block .h4,
.text-block h4 {
    font-size: 14px
}

.text-block .h2,
.text-block .h3,
.text-block h2,
.text-block h3,
.text-block h4 {
    margin-bottom: 16px;
    line-height: 1.33;
    color: #4A4953;
    font-weight: 700
}

@media (min-width:992px) {

    .text-block .h2:not(:first-child),
    .text-block .h3:not(:first-child),
    .text-block h2:not(:first-child),
    .text-block h3:not(:first-child),
    .text-block h4:not(:first-child) {
        margin-top: 48px;
        position: relative
    }
}

@media (min-width:992px) {

    .text-block--borders .h2:not(:first-child):after,
    .text-block--borders .h3:not(:first-child):after,
    .text-block--borders h2:not(:first-child):after,
    .text-block--borders h3:not(:first-child):after,
    .text-block--borders h4:not(:first-child):after {
        content: '';
        position: absolute;
        top: -24px;
        left: -32px;
        right: -32px;
        background-color: #E6E6E6;
        width: 110%;
        height: 1px
    }
}

.text-block--borders>* {
    margin-left: 32px;
    margin-right: 32px
}

@media screen and (max-width:991px) {
    .text-block--borders>* {
        margin-left: 16px;
        margin-right: 16px
    }
}

.text-block p {
    color: inherit;
    line-height: 1.7
}

.text-block p:last-child {
    margin-bottom: 0
}

.text-block a {
    color: #5F82D3;
    transition: -webkit-text-decoration .3s;
    transition: text-decoration .3s;
    transition: text-decoration .3s, -webkit-text-decoration .3s
}

.text-block a:hover {
    text-decoration: underline
}

.text-block ol {
    counter-reset: ol-numbers;
    list-style-type: none
}

.text-block ol li {
    position: relative
}

.text-block ol li::before {
    counter-increment: ol-numbers;
    content: counter(ol-numbers);
    z-index: 1;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    padding-top: 2px;
    justify-content: center;
    position: absolute;
    left: -25px;
    top: 1px;
    background: #EEE;
    list-style: none;
    border-radius: 4px
}

.text-block ul {
    padding-left: 40px;
    list-style: none
}

.text-block ul li {
    position: relative
}

.text-block ul li:after {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 12px;
    left: -24px;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background-color: #CCC
}

.text-block table {
    width: calc(100% - 64px);
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 0 1px #E6E6E6
}

@media screen and (max-width:991px) {
    .text-block table {
        width: 100%;
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        overflow-x: auto;
        white-space: nowrap
    }
}

.text-block table thead {
    background-color: #EEF5FF
}

.text-block table td {
    padding: 10px 16px;
    border: 1px solid #E6E6E6
}

.text-block table td:first-child {
    border-left: 0
}

.text-block table td:last-child {
    border-right: 0
}

.text-block table tr:first-child td {
    border-top: 0
}

.text-block table tr:last-child td {
    border-bottom: 0
}

.text-block picture {
    display: flex
}

.text-block img {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 8px
}

.text-block__three-img,
.text-block__two-img {
    display: flex;
    gap: 24px
}

@media screen and (max-width:767px) {

    .text-block__three-img,
    .text-block__two-img {
        gap: 16px
    }
}

.text-block__three-img img,
.text-block__three-img picture,
.text-block__two-img img,
.text-block__two-img picture {
    width: calc(50%)
}

.text-block__three-img img,
.text-block__two-img img {
    max-height: 255px
}

.text-block__three-img picture img,
.text-block__two-img picture img {
    width: 100%
}

.text-block__three-img img,
.text-block__three-img picture {
    width: calc(33%)
}

.text-block__three-img img {
    max-height: 165px
}

@media (min-width:992px) {

    .h3,
    h3 {
        font-size: 1.125rem;
        line-height: 2rem
    }

    .h2,
    h2 {
        font-size: 1.5rem;
        line-height: 2.5rem
    }
}

.h2,
h2 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2rem
}

.h3,
h3 {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2rem
}

.text-description .h1,
.text-description .h2,
.text-description .h3,
.text-description h1,
.text-description h2,
.text-description h3 {
    background: #404D6C;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .text-description .h1,
    .text-description .h2,
    .text-description .h3,
    .text-description h1,
    .text-description h2,
    .text-description h3 {
        background: 0 0;
        color: #414E6D
    }
}

.select-category {
    border: 1px solid #E6E6E6;
    border-radius: .5rem;
    background: #fff;
    width: 100%;
    transition: border-color .3s, color .3s
}

@media screen and (max-width:767px) {
    .select-category {
        border-width: 0 0 1px;
        border-radius: 0
    }
}

.select-category:hover {
    color: #000;
    border-color: #B3B3B3
}

.select-category:hover img {
    transform: scale(1.1)
}

.select-category--indicator .select-category__icon::before {
    content: '';
    width: .5rem;
    height: .5rem;
    background: #0387ce;
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    box-sizing: content-box;
    left: -4px;
    top: -5px
}

.select-category__inner {
    padding: calc(.5rem - 1px);
    position: relative
}

.select-category__inner .icon.icon-angle-right {
    background: 0 0;
    display: none;
    margin-right: 0
}

@media screen and (max-width:767px) {
    .select-category__inner .icon.icon-angle-right {
        display: block
    }
}

.select-category__icon {
    flex: 0 0 2.5rem;
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 8px
}

.select-category__icon img {
    height: 40px;
    transition: transform .3s
}

.select-category__txt {
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: 0 1.5rem 0 1rem
}

.select-category__btn {
    flex: 0 0 1.5rem
}

.select-category__btn .icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #CCC
}

@media screen and (max-width:767px) {
    .select-category-list>div {
        margin-top: 0
    }

    .select-category-list>div:last-child .select-category {
        border: none
    }
}

.filters {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width:767px) {
    .filters {
        gap: 0
    }
}

.filters__lg_title {
    font-family: 'PT Root UI';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: none
}

@media screen and (max-width:768px) {
    .filters__lg_title {
        display: none
    }
}

.filters__lg_title.visible {
    display: block
}

@media screen and (max-width:768px) {
    .filters__lg_title.visible {
        display: none
    }
}

.filters .__select {
    z-index: 60
}

.filters .__select--white[data-state=active] .__select__content {
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .05);
    overflow: scroll
}

.filters .__select--white[data-state=active] .__select__content .__select__scroll {
    max-height: 360px
}

.filters-specialoffer {
    line-height: 1.2;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 16px;
    padding-right: 64px;
    position: relative;
    display: none
}

.filters-specialoffer:not(:last-child):before {
    content: '';
    position: absolute;
    width: 1px;
    height: 24px;
    transform: translateY(-50%);
    top: 50%;
    right: 32px;
    background-color: #E6E6E6
}

@media screen and (max-width:991px) {
    .filters-specialoffer:not(:last-child):before {
        content: none
    }
}

@media screen and (max-width:991px) {
    .filters-specialoffer {
        padding-right: 0
    }
}

.filters-specialoffer .checkbox__txt:before {
    margin-right: 14px
}

.filters-specialoffer,
.filters__download-link {
    font-size: 16px
}

.filters__top {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 16px
}

@media screen and (max-width:767px) {
    .filters__top {
        gap: 0
    }
}

.filters-more-info {
    display: flex;
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    position: relative;
    flex-wrap: wrap;
    row-gap: 16px
}

@media screen and (max-width:991px) {
    .filters-more-info {
        display: none
    }
}

.filters-more-info .__select__content {
    left: 0;
    width: -moz-max-content !important;
    width: max-content !important
}

.filters-more-info .__select__content a {
    font-size: 14px
}

.filters__certificates {
    max-width: 480px
}

.filters__certificate-link {
    display: flex;
    padding: 8px;
    gap: 16px;
    border-radius: 4px
}

.filters__certificate-link:hover {
    background-color: #eef5ff
}

.filters__certificate-link_image {
    flex: 0 0 80px;
    width: 80px;
    height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .08), 0 1px 3px 0 rgba(0, 0, 0, .02);
    overflow: hidden
}

.filters__certificate-link_image img {
    -o-object-fit: contain;
    object-fit: contain
}

.filters__certificate-link_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .filters__certificate-link_content {
        height: 112px
    }
}

.filters__certificate-link_title {
    color: #4a4953;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.filters__certificate-link_desc {
    flex: 1;
    color: #4a4953;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.filters__download-link {
    color: #5F82D3;
    font-weight: 500;
    padding-left: 32px;
    position: relative;
    display: inline-block
}

.__select__group .filters__download-link {
    margin-right: 8px
}

.filters__download-link:after {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    background: url(../images/general/Fn-download.svg);
    width: 24px;
    height: 24px
}

.filter {
    padding-top: calc(.5rem - 3px);
    padding-bottom: calc(.5rem - 3px);
    padding-left: 1rem;
    border-radius: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    position: relative;
    transition: .2s
}

.filter--active .filter__label {
    margin-right: 16px
}

.filter--active .filter__tags {
    margin-right: 8px;
    margin-left: -8px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .filter {
        display: inline-flex
    }
}

.filter:hover {
    border: 1px solid #B3B3B3
}

.filter:hover .icon-plus {
    fill: #4A4953
}

.filter:hover .filter__sort {
    opacity: 1
}

.filter:hover .filter__clear {
    border-color: #B3B3B3
}

.filter-wrapper {
    position: relative
}

.filter-wrapper:hover .filter__btn-clear {
    opacity: 1
}

.filter-wrapper.disabled .filter {
    background-color: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.filter-wrapper.disabled .__select__title {
    background-color: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.filter-wrapper.disabled .filter-header {
    color: #CCC;
    pointer-events: none
}

.filter-wrapper.disabled .filter-header svg {
    display: none
}

.filter-dropdown {
    position: absolute;
    top: 0;
    z-index: 100;
    border-radius: .5rem;
    background: #fff;
    padding: .5rem 1rem 1rem;
    width: 328px;
    display: none;
    opacity: 0;
    transition: opacity .3s
}

.filter-dropdown--block {
    display: block;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1)
}

.filter-dropdown--static {
    padding: 0;
    opacity: 1;
    position: unset;
    z-index: unset;
    display: flex;
    width: 100%
}

.filter-dropdown--animate {
    opacity: 1
}

.filter-dropdown__title {
    margin-bottom: 1rem;
    font-weight: 500;
    display: flex;
    gap: 8px
}

.filter-dropdown__reset {
    width: 24px;
    height: 24px;
    background: url(../images/general/filter-reset.svg);
    display: none
}

.filter-dropdown__reset.active {
    display: block
}

.filter-dropdown__search {
    margin-bottom: 1rem
}

.filter-dropdown__search-input {
    height: 2.5rem;
    padding-left: 2.25rem;
    padding-right: .5rem;
    background: #fff url(../images/general/search.svg) .5rem center no-repeat;
    width: 100%
}

.filter-dropdown__search-input::-moz-placeholder {
    color: #B3B3B3
}

.filter-dropdown__search-input:-ms-input-placeholder {
    color: #B3B3B3
}

.filter-dropdown__search-input::placeholder {
    color: #B3B3B3
}

.filter-dropdown__list {
    margin-bottom: 1rem;
    max-height: 300px;
    overflow-y: auto;
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px;
    min-height: 40px
}

.filter-dropdown__btn {
    width: 100%
}

.filter-checkbox {
    padding: .5em 1rem;
    cursor: pointer;
    opacity: .3;
    pointer-events: none
}

.filter-checkbox.active {
    order: -1;
    opacity: 1;
    pointer-events: inherit
}

.filter-checkbox.active.filter-checkbox--selected,
.filter-checkbox.active:hover {
    background: #FFF7E2
}

.filter-checkbox__input {
    display: none
}

.filter-checkbox__value {
    pointer-events: none
}

.filter-checkbox__not-found {
    display: none;
    font-weight: 500
}

.filter-checkbox__not-found.active {
    display: flex;
    align-items: center
}

.filter__label {
    font-weight: 500;
    white-space: break-spaces
}

.filter__btn {
    border-left: 1px solid transparent;
    margin-top: calc(-.5rem + 2px);
    margin-bottom: calc(-.5rem + 2px);
    transition: .2s;
    max-height: 40px
}

.filter__btn button {
    padding: .5rem
}

.filter__btn-clear {
    display: none
}

.filter__btn-clear .icon {
    fill: #CCC
}

.filter__btn-clear:hover .icon {
    fill: #DD2025
}

.filter__btn-add::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.filter__btn-add .icon {
    fill: #CCC
}

.filter--active .filter__btn {
    border-color: #E6E6E6 !important
}

.filter--active .filter__btn-clear {
    display: block
}

.filter--active .filter__btn-add {
    display: none
}

.filter-tag {
    display: inline-block;
    padding: .25rem .5rem;
    border-radius: .25rem;
    background: #FFF7E2;
    font-size: .75rem;
    line-height: 1rem
}

.filter-tag--blue {
    background: #EEF5FF
}

.filter-reset-all {
    padding-left: 7px;
    padding-right: 16px;
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .filter-reset-all {
        display: none
    }
}

.filter-reset-all::before {
    content: url(../images/general/filter-clear-active.svg);
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .25rem
}

.filter__sort {
    font-size: 0;
    transition: .2s
}

.filter__sort:hover {
    cursor: pointer
}

.filter__sort:hover .icon {
    fill: #4A4953
}

.filter__sort .icon {
    fill: #CCC
}

.filter__sort .icon-sort-up {
    display: none
}

.filter__sort.min {
    opacity: 1
}

.filter__sort.min .icon-sort-up {
    display: block;
    fill: #0387ce !important
}

.filter__sort.min .icon-sort-down {
    display: none
}

.filter__sort.max {
    opacity: 1
}

.filter__sort.max .icon-sort-up {
    display: none
}

.filter__sort.max .icon-sort-down {
    display: block;
    fill: #0387ce !important
}

.filter__long {
    width: 248px
}

@media screen and (max-width:767px) {
    .filter-scroll {
        max-height: calc(100% - 96px);
        padding-bottom: 50px;
        overflow: auto
    }
}

td.filter-wrapper .td-filter {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-right: 1px solid #E6E6E6;
    padding-right: 12px;
    min-width: 100px;
    max-width: 230px
}

td.filter-wrapper .td-filter__bottom {
    display: flex;
    gap: 8px
}

td.filter-wrapper .td-filter__open {
    position: relative
}

td.filter-wrapper .td-filter__open svg {
    fill: #CCC
}

td.filter-wrapper .td-filter__open:hover {
    cursor: pointer
}

td.filter-wrapper .td-filter__open:hover svg {
    fill: #4A4953
}

td.filter-wrapper .filter-dropdown {
    top: 52px !important;
    left: -18px !important
}

td.filter-wrapper .filter__btn-clear {
    display: block;
    opacity: 0;
    transition: opacity .3s
}

td.filter-wrapper .filter__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px
}

td.filter-wrapper.filter--active .td-filter__open:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: #0387ce;
    border-radius: 10px;
    border: 2px solid #fff
}

.open-filter {
    display: flex;
    align-items: center;
    justify-content: center
}

.open-filter__icon {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/general/filter-clear.svg) 0 0 no-repeat;
    display: inline-flex
}

.listing-filter-active .open-filter__icon,
.open-filter--active .open-filter__icon {
    background: url(../images/general/filter-clear-alert.svg) 0 0 no-repeat
}

@media (min-width:768px) {
    .filter-collapse {
        display: flex !important
    }
}

@media screen and (max-width:767px) {
    .filters {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .filters .filters-specialoffer {
        padding: 16px;
        border-bottom: 1px solid #E6E6E6
    }

    .filters .filters-btn {
        opacity: 0;
        margin: 0 auto 0 8px;
        width: 1.5rem;
        height: 1.5rem;
        background: url(../images/general/filter-reset.svg) 0 0 no-repeat;
        transition: opacity .5s
    }

    .filters .filters-btn.show {
        opacity: 1
    }

    .filter {
        border: none;
        width: 100%;
        padding: 1rem;
        display: none
    }

    .filter-header {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 24px
    }

    .filter-header[aria-expanded=true] .icon {
        transform: rotate(180deg)
    }

    .filter-header .icon {
        fill: #CCC;
        transform: rotate(270deg)
    }

    .filter-header__inner {
        display: flex;
        gap: 16px;
        width: 100%
    }

    .filter-header__inner-right {
        display: flex;
        gap: 20px;
        align-items: center;
        margin-left: auto
    }

    .filter-header__inner-txt {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 500;
        font-size: 16px
    }

    .filter-header__current {
        display: flex;
        gap: 8px;
        margin: 0 -16px -16px 0;
        padding: 0 16px 16px 0 !important;
        overflow: auto
    }

    .filter-dropdown {
        opacity: 1 !important;
        width: 100%;
        transform: initial;
        position: fixed !important;
        top: 64px;
        z-index: 100;
        bottom: 0;
        border-radius: 0;
        display: block !important;
        border: none;
        padding: 16px
    }

    .filter-dropdown__title {
        display: none
    }

    .filter-dropdown__foot {
        display: none
    }

    .filter-dropdown__list {
        margin-bottom: 0
    }

    .filter-dropdown__inner {
        height: 100%
    }

    .filter-wrapper {
        width: 100%
    }

    .filter-wrapper:not(:last-child) {
        border-bottom: 1px solid #E6E6E6
    }

    .filter__tags {
        display: none
    }

    .filter__clear {
        display: none
    }

    .filter__label {
        font-size: 1.125rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .filter__label .icon {
        fill: #CCC
    }

    .filter-checkbox.active:hover {
        background: 0 0
    }

    .filter-checkbox.active.filter-checkbox--selected {
        background: #FFF7E2
    }
}

.productTable {
    width: 100%;
    position: relative;
    min-height: 500px
}

@media screen and (max-width:767px) {
    .productTable {
        min-height: unset
    }
}

.productTable__spacer {
    height: 500%
}

@media screen and (max-width:767px) {
    .productTable__spacer {
        display: none !important
    }
}

.productTable__spacer td:nth-child(2) {
    position: relative;
    overflow: hidden
}

.productTable__spacer td:nth-child(2):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: -100px;
    left: -100px;
    right: -100px;
    box-shadow: inset 10px 0 13px rgba(0, 0, 0, .04)
}

.productTable-scroll {
    position: relative;
    z-index: 3
}

.productTable-scroll .simplebar-track.simplebar-horizontal {
    height: .25rem;
    border-radius: .5rem;
    background: #EEE;
    left: 2rem;
    right: 2rem;
    bottom: 1rem
}

.productTable-scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: .25rem;
    border-radius: .5rem;
    background: #CCC;
    top: 0
}

.productTable-scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
    background: #CCC
}

.productTable-wrapper {
    position: relative;
    overflow: hidden;
    box-shadow: 0 -10px 50px -10px rgba(0, 0, 0, .1);
    z-index: 5
}

.productTable-wrapper__head {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: top .3s;
    display: none
}

.productTable-wrapper__head div {
    height: 75px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    z-index: 2;
    background: #fff
}

.productTable-wrapper__head-left {
    min-width: 480px
}

.productTable-wrapper__head-right {
    flex-grow: 1
}

.productTable td:not(.productTable__left) {
    padding-left: 1rem;
    padding-right: 36px;
    white-space: nowrap;
    width: auto
}

.productTable td:nth-child(2) {
    padding-left: 48px !important
}

.productTable td:last-child {
    width: 100%
}

.productTable thead {
    height: 81px;
    position: relative;
    top: 0;
    z-index: 99;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05)
}

.productTable thead:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff
}

.productTable thead .filter-dropdown {
    position: fixed;
    top: 0;
    left: 0
}

.productTable thead .productTable__left {
    position: relative;
    top: 0;
    position: sticky;
    position: -webkit-sticky;
    cursor: default
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .productTable thead .productTable__left {
        min-width: 525px
    }
}

.productTable thead td {
    padding: 12px 0 12px 16px !important
}

.productTable thead td .filter {
    position: relative;
    z-index: 3
}

.productTable thead .productTable__left {
    padding: 16px !important;
    background: #fff
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .productTable thead .productTable__left {
        padding: 0
    }
}

.productTable thead .params-select {
    padding: 20px
}

.productTable thead .params-select__btn {
    display: flex;
    position: relative;
    z-index: 3;
    padding: 7px
}

.productTable thead .params-select__btn svg {
    fill: #CCC
}

.productTable thead .params-select .__select__content {
    min-width: 169px;
    width: auto;
    right: 0
}

.productTable tbody td:nth-child(2),
.productTable tbody td:nth-child(3) {
    cursor: grab
}

.productTable tbody td:not(.productTable__left) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.productTable tbody td.productTable__copy {
    opacity: 0;
    width: -moz-fit-content;
    width: fit-content;
    transition: opacity .2s
}

.productTable tbody td.productTable__copy button.btn {
    background-color: transparent;
    font-family: 'PT Root UI';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #5f82d3;
    text-transform: unset;
    border: none;
    margin-left: auto;
    letter-spacing: unset;
    display: flex;
    align-items: center;
    gap: 8px
}

.productTable tbody td.productTable__copy button.btn span {
    position: relative;
    display: block;
    width: 24px;
    height: 24px
}

.productTable tbody tr {
    position: relative
}

.productTable tbody tr:not(:last-child) {
    border-bottom: 1px solid #E6E6E6
}

.productTable tbody tr:not(:last-child):has(+.productTable__spacer) {
    border-bottom: none
}

.productTable tbody tr.highlighting,
.productTable tbody tr:hover {
    background: rgba(238, 245, 255, .5);
    transition: background .3s
}

.productTable tbody tr.highlighting .productTable__left,
.productTable tbody tr:hover .productTable__left {
    background: #f6faff
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .productTable tbody tr.highlighting .productTable__left .product,
    .productTable tbody tr:hover .productTable__left .product {
        background: #f6faff
    }
}

.productTable tbody tr.highlighting td.productTable__copy,
.productTable tbody tr:hover td.productTable__copy {
    opacity: 1
}

.productTable tbody .table__error {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 100px
}

.productTable tbody .table__error .filter-reset-all {
    margin: 16px auto
}

.productTable__left {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    background: #fff;
    min-width: 478px;
    max-width: 50%;
    padding: 1rem;
    z-index: 1
}

.productTable__left:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    box-shadow: 10px 0 13px rgba(0, 0, 0, .04);
    z-index: -1
}

@media screen and (max-width:991px) {
    .productTable__left:after {
        display: none
    }
}

.productTable__right {
    width: calc(100% - 525px);
    vertical-align: baseline
}

.productTable-select {
    width: 100%
}

.productTable-select-wrapper {
    gap: 16px;
    width: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .productTable-select-wrapper.IE {
        position: absolute;
        padding: 1rem;
        box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
        background-color: #fff;
        min-width: 525px
    }
}

.productTable-select-wrapper .icon {
    fill: #CCC;
    position: relative
}

.productTable-select .__select__title {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #4a4953;
    transition: all .3s ease-out;
    padding-right: 36px;
    padding-left: 40px
}

.productTable-select .__select__title:before {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 8px;
    width: 24px;
    height: 24px;
    background: url(../images/general/Fn-sort-down.svg)
}

.productTable-link {
    display: inline-flex;
    align-items: center;
    color: #4a4953;
    line-height: 1.5rem;
    font-size: 16px;
    position: relative;
    padding: 10px 0;
    margin: -10px 0;
    font-weight: 300;
    text-decoration: underline
}

.productTable-link:hover {
    color: #5F82D3;
    text-decoration: underline
}

.productTable-link.no-hover:hover {
    color: #4A4953
}

.productTable-link__tooltip {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -28px
}

.productTable-link__tooltip .icon {
    fill: #FFCDCD;
    vertical-align: baseline
}

.productTable-link__txt.with-arrow {
    padding-right: 24px
}

.productTable-link__txt.with-arrow:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(../images/general/Arrow-right.svg)
}

.productTable-params {
    left: 0;
    padding: 16px 16px 16px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    min-width: 100%
}

.productTable-params__list {
    display: flex;
    flex-direction: column
}

.product {
    display: block;
    position: relative
}

.product__in-stock {
    content: url(../images/general/instock.svg);
    width: 24px;
    height: 24px
}

.product__main-info {
    display: flex;
    gap: 8px;
    flex-direction: column
}

@media screen and (max-width:991px) {
    .product__main-info {
        width: 100%
    }
}

.product-input {
    display: none
}

.product__inner {
    display: flex;
    gap: 16px
}

.product__image {
    flex-shrink: 0
}

.product__image img {
    border-radius: 8px 8px 0 8px;
    max-height: 72px;
    height: 100%;
    font-size: 11px;
    line-height: 1.6
}

@media screen and (max-width:991px) {
    .product__image img {
        max-width: 48px;
        max-height: 48px
    }
}

.product__mobile_stamp_gost {
    display: none;
    flex-direction: column;
    gap: 4px
}

.product__mobile_stamp_gost:empty {
    display: none
}

@media screen and (max-width:575px) {
    .product__mobile_stamp_gost {
        display: flex
    }
}

.product__mobile_stamp_gost>div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product__mobile_stamp_gost>div>span {
    font-family: 'PT Root UI';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4a4953
}

.product__mobile_stamp_gost>div>a {
    font-family: 'PT Root UI';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #4a4953
}

.product__mobile_stamp_gost>div>a:hover {
    color: #5F82D3
}

.product__description {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.product-controls {
    gap: 8px;
    align-items: flex-start
}

.product-category {
    color: #B3B3B3;
    font-size: .75rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.product-name {
    display: inline-block;
    line-height: 1.5rem;
    color: #4a4953;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding: 10px 0;
    margin: -10px 0
}

.product-name span {
    display: block
}

.product-name:hover {
    color: #5F82D3;
    text-decoration: underline
}

.product-cart .icon {
    fill: #CCC
}

@media screen and (max-width:991px) {
    .product-order {
        background-color: #0387ce;
        border-color: #0387ce
    }
}

@media (max-width:500px) {
    .product-order {
        width: 100%
    }
}

.product-price {
    color: #4a4953;
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative
}

.product-price.special-price {
    padding-left: 28px;
    font-weight: 500;
    color: #5F82D3
}

.product-price.special-price:before {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/general/spec.svg)
}

.product-checkbox__input {
    display: none
}

.product-checkbox__input:checked+.product-checkbox__fake::before {
    border: none;
    background: url(../images/general/check.svg), #404D6C;
    background-repeat: no-repeat;
    background-position: center
}

.product-checkbox__fake {
    cursor: pointer
}

.product-checkbox__fake::before {
    width: 1.25rem;
    height: 1.25rem;
    content: '';
    border: 2px solid #CCC;
    border-radius: 2px;
    display: block;
    transition: border-color .3s
}

@media screen and (max-width:991px) {
    .productTable td:not(.productTable__left) {
        display: none
    }

    .productTable tbody tr:hover {
        transition: background .3s
    }

    .productTable tbody tr:hover .productTable__left {
        background: 0 0
    }

    .productTable tbody td.productTable__copy {
        display: none
    }

    .productTable__left {
        display: block;
        width: 100%;
        min-width: initial;
        max-width: 100%
    }

    .productTable-select {
        flex-grow: 1
    }
}

@media (min-width:768px) and (max-width:991px) {
    .product-name span {
        display: inline
    }
}

@media screen and (max-width:767px) {
    .productTable {
        display: block
    }

    .productTable tbody,
    .productTable thead,
    .productTable tr {
        display: block
    }

    .productTable-wrapper {
        box-shadow: none
    }

    .productTable-wrapper__left {
        display: none
    }

    .productTable thead {
        overflow: initial;
        box-shadow: none;
        height: auto
    }

    .productTable thead td {
        border-bottom: 1px solid #e6e6e6
    }

    .productTable__left {
        padding-bottom: 16px !important
    }

    .product-category {
        display: none
    }

    .product-controls {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .product-price {
        order: 1;
        width: 100%
    }

    .product-order {
        order: 2
    }

    .product-cart {
        order: 2
    }

    .product-name {
        padding-right: 35px
    }
}

.skeleton span {
    display: inline-block;
    height: 1rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #DDDBDD;
    border-radius: 8px;
    flex-shrink: 0;
    z-index: 3
}

.skeleton span::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0));
    animation: shimmer 2s infinite;
    content: ''
}

@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

body .skeleton__checkbox {
    width: 20px;
    height: 20px;
    padding: 6px;
    margin-right: 14px;
    border-radius: 2px
}

@media screen and (max-width:991px) {
    body .skeleton__checkbox {
        display: none
    }
}

body .skeleton__img {
    width: 72px;
    height: 72px;
    margin-right: 16px
}

@media screen and (max-width:991px) {
    body .skeleton__img {
        width: 48px;
        height: 48px
    }
}

body .skeleton__line {
    width: 91px
}

body .skeleton__col {
    width: 80px;
    height: 30px
}

body .skeleton__col-large {
    max-width: 280px;
    width: 100%;
    height: 30px
}

._tooltip .tooltip-arrow {
    display: none
}

._tooltip .tooltip-inner {
    border-radius: 0 .5rem .5rem .5rem;
    background: #fff;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    padding: .5rem 1rem;
    color: #4A4953;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    max-width: 376px
}

._tooltip--top-right .tooltip-inner {
    border-radius: .5rem .5rem .5rem 0;
    transform: translateX(50%)
}

._tooltip--service-contract-price .tooltip-inner {
    border-radius: .5rem
}

.analogs {
    border-radius: .5rem;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    background: #fff;
    border: 1px solid #E6E6E6
}

.analogs-item {
    font-size: .875rem;
    line-height: 1.5rem
}

.analogs-item:first-child {
    border-bottom: 1px solid #E6E6E6
}

.analogs-item__head {
    padding: 1rem 3rem 1rem 1rem;
    position: relative;
    cursor: pointer;
    width: 100%
}

.analogs-item__head[aria-expanded=true]::before {
    transform: translate(-3px, -50%) rotate(-45deg)
}

.analogs-item__head[aria-expanded=true]::after {
    transform: translate(3px, -50%) rotate(45deg)
}

.analogs-item__head::after,
.analogs-item__head::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    z-index: 3;
    display: block;
    width: 10px;
    height: 2px;
    transition: all .3s ease-out;
    background-color: #ccc;
    transform: translate(-3px, -50%) rotate(45deg)
}

.analogs-item__head::after {
    transform: translate(3px, -50%) rotate(-45deg)
}

.analogs-item__head-icon {
    margin-right: .625rem
}

.analogs-item__head-icon .icon {
    fill: #CCC
}

.analogs-item__content-inner {
    padding: .5rem 1rem 1rem
}

.analogs-item__group:not(:last-child) {
    margin-bottom: 1rem
}

.analogs-item__group-title {
    padding: 0 .5rem;
    color: #999
}

.analogs-item__group-link {
    display: flex;
    padding: .5rem;
    border-radius: .25rem
}

.analogs-item__group-link:hover {
    background: #EEF5FF
}

.gostTable {
    position: relative
}

.gostTable .__select {
    width: 100%
}

.gostTable__head {
    z-index: 3;
    background: #fff;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05)
}

@media screen and (max-width:767px) {
    .gostTable__head {
        position: static;
        box-shadow: none
    }
}

.gostTable__head-inner {
    display: grid;
    grid-template-columns: 255px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 48px;
    grid-row-gap: 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .gostTable__head-inner {
        display: flex
    }
}

.gostTable__head-col {
    padding: 1rem
}

@media screen and (max-width:767px) {
    .gostTable__head-col {
        padding-top: 0
    }
}

.gostTable__head-left {
    padding-left: 32px;
    display: flex;
    width: 100%;
    gap: 12px;
    font-weight: 500
}

@media screen and (max-width:991px) {
    .gostTable__head-left {
        padding-left: 16px
    }
}

.gostTable__head-right {
    font-weight: 500;
    display: flex
}

.gostTable__head-right svg {
    fill: #ccc;
    margin-left: 8px;
    cursor: pointer
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .gostTable__head-right {
        margin: 0 auto;
        transform: translateX(-100%)
    }
}

.gostTable__body {
    position: relative;
    min-height: 70px
}

.gostTable-item {
    padding: .5rem 2rem;
    font-size: 14px;
    line-height: 1.5rem;
    transition: background .3s;
    position: relative
}

.gostTable-item:hover {
    background: linear-gradient(0deg, rgba(238, 245, 255, .5), rgba(238, 245, 255, .5)), #fff
}

.gostTable-item:hover .gostTable-item__download {
    opacity: 1
}

.gostTable-item:not(:last-child) {
    border-bottom: 1px solid #E6E6E6
}

.gostTable-item__inner {
    justify-content: space-between;
    display: grid;
    grid-template-columns: 240px 1fr auto;
    grid-template-rows: 1fr;
    grid-column-gap: 48px;
    grid-row-gap: 0;
    min-height: 40px
}

.gostTable-item__mark-left {
    width: 1.5rem;
    height: 1.5rem;
    z-index: 2;
    position: relative;
    margin-right: 16px
}

.gostTable-item__mark-left span {
    display: block
}

.gostTable-item__mark-left .icon {
    fill: #FFCDCD;
    vertical-align: baseline
}

.gostTable-item__download {
    opacity: 0;
    z-index: 2
}

.gostTable-item-download {
    font-size: .875rem;
    padding: .5rem;
    border-radius: .5rem;
    border: 1px solid #E6E6E6;
    background: #fff;
    height: 40px
}

.gostTable-item-download__type {
    width: 1.5rem;
    height: 1.5rem
}

.gostTable-item-download__type .icon {
    vertical-align: baseline
}

.gostTable-item-download__icon .icon {
    fill: #CCC
}

.gostTable-item-download__txt {
    line-height: 16px
}

@media screen and (max-width:767px) {
    .gostTable-item-download {
        border: none
    }
}

.gostTable-item__link {
    font-weight: 500
}

@media screen and (max-width:767px) {
    .gostTable-item__link {
        font-weight: 400;
        font-size: 16px
    }
}

.gostTable-item__link:hover {
    color: #5F82D3
}

.gostTable-item__author {
    font-weight: 500;
    color: grey
}

.gostTable-item__no-found {
    font-weight: 400;
    font-size: 16px;
    margin: 15px 0;
    color: #b3b3b3
}

.gostTable-item__no-found:hover {
    background: 0
}

@media (max-width:1199px) {
    .gostTable-item__inner {
        grid-template-columns: 240px 1fr 58px
    }

    .gostTable-item__download {
        opacity: 1;
        padding: .5rem;
        border: none
    }
}

@media screen and (max-width:991px) {
    .gostTable__head-inner {
        grid-template-columns: 1fr
    }

    .gostTable__head-right {
        display: none
    }

    .gostTable-item {
        padding: 1rem
    }

    .gostTable-item__inner {
        grid-template-columns: 1fr 72px;
        grid-template-rows: repeat(2, auto);
        grid-column-gap: 8px;
        grid-row-gap: 16px
    }

    .gostTable-item__mark {
        grid-area: 1/1/2/2
    }

    .gostTable-item__mark-left {
        margin-left: 10px;
        width: auto;
        height: auto
    }

    .gostTable-item__mark-left .icon {
        vertical-align: bottom
    }

    .gostTable-item__download {
        grid-area: 1/3/1/4;
        opacity: 1
    }

    .gostTable-item__name {
        grid-area: 2/1/3/3;
        line-height: 1.7
    }
}

@media screen and (max-width:991px) {
    .gostTable-item__mark-left {
        margin-left: 0;
        margin-right: 10px
    }

    .gostTable-item__mark-left:empty {
        display: none
    }
}

.cart {
    max-width: 560px;
    width: 100%
}

.cart_empty .cart__empty {
    display: flex
}

.cart_empty .cart__bottom,
.cart_empty .cart__content,
.cart_empty .cart__share {
    display: none
}

.cart__main {
    overflow-y: auto;
    position: relative;
    max-height: calc(100vh - 145px)
}

@media screen and (max-width:991px) {
    .cart__main {
        max-height: calc(100vh - 90px);
        padding-bottom: 60px
    }
}

.cart__empty {
    padding: 48px 32px;
    display: none;
    flex-direction: column;
    align-items: center
}

@media screen and (max-width:991px) {
    .cart__empty {
        padding: 24px 16px
    }
}

.cart__empty-text {
    font-weight: 500;
    font-size: 18px;
    text-align: center
}

.cart__content {
    display: flex;
    gap: 32px;
    flex-direction: column;
    margin-top: 32px;
    margin-bottom: 32px
}

@media screen and (max-width:991px) {
    .cart__content {
        margin-top: 24px
    }
}

.cart__head-title {
    display: flex;
    padding: 0 24px
}

@media screen and (max-width:767px) {
    .cart__head-title {
        padding: 0 16px
    }
}

.cart__subtitle {
    font-weight: 700;
    font-size: 18px;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.cart__count {
    font-weight: 700;
    font-size: 18px;
    color: #B3B3B3;
    margin-left: 8px
}

.cart__list {
    margin-bottom: 0
}

.cart__product {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    gap: 24px;
    align-items: center;
    border-bottom: 1px solid #E6E6E6
}

.cart__product-name {
    max-width: 336px
}

@media screen and (max-width:767px) {
    .cart__product-name {
        max-width: 100%
    }
}

.cart__product-controls {
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: flex-end
}

@media screen and (max-width:767px) {
    .cart__product-controls {
        width: 100%;
        gap: 16px;
        align-items: flex-start
    }
}

.cart__product-controls-main {
    display: flex;
    gap: 8px
}

@media screen and (max-width:767px) {
    .cart__product-controls-main {
        justify-content: space-between
    }
}

@media screen and (max-width:767px) {
    .cart__product {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
        align-items: flex-start
    }
}

.cart__bottom {
    display: flex;
    gap: 16px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 8px 24px 46px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05)
}

@media screen and (max-width:767px) {
    .cart__bottom {
        padding: 8px 16px 16px
    }
}

.header__logo img .cart__bottom a {
    text-align: center
}

.cart__bottom a:hover:visited {
    color: #fff !important;
}

.cart__get-price {
    background: #fff;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05);
    transition: transform .3s;
    position: absolute;
    width: 100%;
    top: 100%
}

@media screen and (max-width:767px) {
    .cart__get-price {
        border-radius: 16px 16px 0 0
    }
}

.cart__get-price .callback__product-info {
    display: none
}

.cart__get-price__mobile-backdrop {
    display: none;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    opacity: .4;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.cart__get-price__mobile-backdrop.active {
    display: block
}

.cart__get-price.active {
    transform: translateY(-100%)
}

.cart__share {
    padding: 0 24px 32px 24px
}

.cart__share-btn svg {
    height: 24px;
    padding-bottom: 2px;
    fill: #00c193 !important;
    display: none
}

.cart__share-btn.successful {
    color: #00c193;
    cursor: default
}

.cart__share-btn.successful svg {
    display: initial
}

.cart__share-link {
    font-weight: 500;
    color: #666
}

@media screen and (max-width:767px) {
    .cart__share {
        padding: 0 16px 24px 16px;
        text-align: center;
        font-weight: 500
    }
}

.count {
    height: 2.5rem;
    padding: 8px 4px;
    display: flex;
    align-items: center;
    gap: 2px;
    width: 104px
}

.count__btn {
    width: 1.5rem;
    height: 1.5rem
}

.count__btn:hover .icon {
    fill: #4A4953
}

.count__btn .icon {
    fill: #CCC
}

.count__input {
    border: none !important;
    border-radius: 0 !important;
    text-align: center;
    font-weight: 500;
    width: 100%;
    padding: 0 !important;
}

.count__input::-webkit-inner-spin-button,
.count__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.count__unit {
    font-size: 12px;
    color: #000
}

.certificates ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.certificates ul a {
    padding: 4px 0 4px 32px;
    color: #5F82D3;
    font-size: 16px;
    position: relative;
    display: inline-block;
    word-break: break-all
}

.certificates ul a:before {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    background: url(../images/general/Fn-download.svg);
    width: 24px;
    height: 24px
}

.certificates ul a:hover {
    color: #84A7FA
}

.tags {
    display: flex;
    width: 100%;
    height: 100%
}

@media screen and (max-width:991px) {
    .tags {
        overflow: hidden
    }
}

.tags__wrapper {
    max-height: 40px;
    overflow: hidden;
    margin-left: -16px
}

@media screen and (max-width:991px) {
    .tags__wrapper {
        max-height: 100%;
        display: flex;
        overflow: auto;
        margin-left: 0;
        margin-right: -32px;
        padding-right: 32px;
        padding-bottom: 12px;
        gap: 8px
    }
}

@media screen and (max-width:767px) {
    .tags__wrapper {
        margin-right: -16px;
        padding-right: 16px
    }
}

.tags__wrapper.active {
    max-height: none
}

.tags__item {
    display: inline-block;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #5F82D3
}

@media screen and (max-width:991px) {
    .tags__item {
        flex-shrink: 0;
        padding: 4px 12px !important;
        border: 1px solid #E6E6E6;
        border-radius: 8px
    }
}

.tags__item:hover {
    color: #84A7FA
}

.tags__btn {
    cursor: pointer;
    display: flex;
    color: #5F82D3;
    font-size: 14px;
    line-height: 24px;
    flex-shrink: 0;
    padding: 8px 16px 8px 8px;
    transition: color .2s
}

@media screen and (max-width:991px) {
    .tags__btn {
        display: none
    }
}

.tags__btn span {
    margin-left: 5px
}

.tags__btn .icon {
    width: 24px;
    height: 24px;
    fill: #CCC;
    margin-right: 4px
}

.tags__btn:hover {
    color: #84A7FA
}

.tags__btn:hover .icon {
    fill: #84A7FA
}

.tags__btn p {
    margin: 0
}

.tags__btn p:last-child {
    display: none
}

.tags__btn.active {
    margin: auto auto 0
}

.tags__btn.active .icon {
    transform: scale(-1)
}

.tags__btn.active span {
    display: none
}

.tags__btn.active p:last-child {
    display: block
}

.tags__btn.active p:nth-child(2) {
    display: none
}

.product-details {
    padding: 24px 32px 32px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    max-height: 568px;
    overflow: hidden;
    transition: max-height .2s
}

.product-details h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px
}

.product-details p {
    margin-bottom: 3rem
}

.product-details ol,
.product-details ul {
    padding-left: 1.5rem;
    margin-bottom: 3rem
}

.product-details :last-child {
    margin-bottom: 0
}

.product-details__btn {
    cursor: pointer;
    padding: 16px 0;
    width: 100%;
    border-top: 1px solid #E6E6E6;
    color: #5F82D3;
    z-index: 1;
    text-align: center;
    transition: color .2s
}

.product-details__btn .icon {
    margin-left: 4px;
    fill: #CCC;
    transition: transform .2s
}

.product-details__btn span>span:first-child {
    display: none
}

.product-details__btn span>span:last-child {
    display: inline-block
}

.product-details__btn:hover {
    color: #84A7FA
}

.product-details__btn:hover .icon {
    fill: #84A7FA
}

.product-details__btn.active span>span:first-child {
    display: inline-block
}

.product-details__btn.active span>span:last-child {
    display: none
}

.product-details__btn.active .icon {
    transform: scale(-1)
}

@media screen and (max-width:991px) {
    .product-details {
        max-height: 480px;
        padding: 16px 16px 8px
    }
}

._material-list__item {
    color: #CCC;
    transition: color .2s;
    line-height: 0
}

@media screen and (max-width:767px) {
    ._material-list__item {
        margin-bottom: 16px
    }
}

._material-list__item a {
    font-size: 14px;
    line-height: 24px;
    transition: none
}

._material-list__item.active {
    color: #4A4953;
    order: -1
}

._material-list__item.active a {
    cursor: pointer
}

._material-list__item.active a:hover {
    color: #000
}

._material-list__item.active.only-filter {
    display: none
}

.filterActive .only-filter.active {
    display: block !important
}

._material {
    flex: 1;
    display: flex;
    flex-direction: column
}

._material-head {
    display: flex;
    transition: opacity .3s
}

._material-head__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #4A4953;
    transition: color .3s
}

@media screen and (max-width:767px) {
    ._material-head__title {
        font-weight: 400
    }
}

._material-head.disabled {
    opacity: .5
}

@media screen and (max-width:767px) {
    ._material-head.disabled {
        pointer-events: none
    }
}

._material-head.disabled svg {
    opacity: 0
}

._material-head:hover ._material-head__title {
    color: #000
}

._material-head:hover img {
    transform: scale(1.1)
}

._material-body {
    flex: 1;
    display: flex;
    flex-direction: column
}

._material-wrapper {
    display: flex;
    flex-direction: column
}

._material-wrapper.hide {
    display: none
}

._material-open.hide {
    display: none !important
}

._material-group.disabled {
    order: 1
}

.rolledmetal {
    background-color: #fff;
    border-radius: 12px
}

.rolledmetal .filters-specialoffer {
    padding-bottom: 16px
}

@media screen and (max-width:767px) {
    .rolledmetal .filters-specialoffer {
        padding: 16px;
        border-bottom: 1px solid #e6e6e6
    }
}

.rolledmetal__wrapper {
    padding: 16px 32px;
    border-bottom: 1px solid #E6E6E6
}

.rolledmetal__head {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative
}

.rolledmetal__head .__select__title {
    padding-left: 10px
}

.rolledmetal__head .__select__title::after {
    top: calc(50% - 3px);
    width: 9px;
    height: 9px
}

.rolledmetal__head-title {
    font-weight: 700;
    font-size: 32px;
    background: #404D6C;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .rolledmetal__head-title {
        background: 0 0;
        color: #414E6D
    }
}

.rolledmetal__body:not(:has(.toggleOverflowBtn)) {
    padding-bottom: 32px
}

@media screen and (max-width:767px) {
    .rolledmetal__body:not(:has(.toggleOverflowBtn)) {
        padding-bottom: 0
    }
}

.rolledmetal__body .toggleOverflowBtn {
    border-top: 1px solid #E6E6E6;
    margin-top: -1px
}

.rolledmetal__body-sort {
    display: flex;
    flex-shrink: 0;
    row-gap: 8px;
    flex-wrap: wrap
}

.rolledmetal__body-sort .filter-header__current {
    display: none
}

.rolledmetal__body-sort .filter-header__current.active {
    display: flex;
    flex-wrap: wrap
}

.rolledmetal__body-sort-select {
    margin-right: 8px
}

.rolledmetal__body-sort-select .icon {
    margin: auto 8px auto 0;
    fill: #CCC;
    flex-shrink: 0
}

.rolledmetal__body-sort-tags {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

.rolledmetal__body-sort-tags-item {
    max-height: 40px;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    white-space: nowrap
}

.rolledmetal__body-sort-tags-item.active {
    background-color: #FFF7E2
}

.rolledmetal__body-sort-tags-item:hover {
    background-color: #FFF7E2
}

.rolledmetal__body ._block-group__filter {
    margin-bottom: 0
}

.rolledmetal__body-filter {
    display: flex;
    width: calc(100% - 32px);
    padding: 8px;
    justify-content: center;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    margin: 0 16px
}

.rolledmetal__body-filter span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.rolledmetal__body-filter span:first-child {
    width: 24px;
    height: 24px;
    background: url(../images/general/filter-clear.svg);
    margin-right: 4px
}

.rolledmetal__body-filter.active span:first-child {
    background: url(../images/general/filter-clear-alert.svg)
}

.rolledmetal__body-material {
    display: flex;
    flex-direction: column;
    transition: max-height .1s ease;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .rolledmetal__body-material {
        max-height: 100%
    }
}

.rolledmetal__body-material.active {
    max-height: 100%
}

.rolledmetal__body-material .toggleOverflowBtn {
    border-top: none;
    order: 15
}

.rolledmetal__body-material ._block-group.dhide {
    display: none
}

.rolledmetal__body-material ._block-group.dh {
    display: none
}

.rolledmetal__body-filter-clear img {
    display: none;
    margin-right: 8px
}

.rolledmetal__body-filter-clear.active img {
    display: block
}

.rolledmetal__body-filter-clear.active .icon {
    display: none
}

.rolledmetal__empty {
    display: none;
    flex-direction: column
}

.rolledmetal__empty span {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px
}

.rolledmetal__empty .filter-clear {
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 16px 8px 8px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px auto;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    transition: border-color .2s
}

.rolledmetal__empty .filter-clear span {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url(../images/general/filter-clear-active.svg);
    margin-right: 4px
}

.rolledmetal__empty .filter-clear:hover {
    border-color: #B3B3B3
}

.rolledmetal__empty.show {
    display: flex
}

@media (max-width:1200px) {
    .rolledmetal__body-material {
        padding-bottom: 0
    }

    .rolledmetal__body ._material-wrapper ._material {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media screen and (max-width:991px) {
    .rolledmetal {
        border-radius: 16px
    }

    .rolledmetal__wrapper {
        padding: 16px
    }

    .rolledmetal__head-title {
        font-size: 26px;
        line-height: 32px
    }

    .rolledmetal__body-material ._block-group {
        margin-bottom: 0 !important;
        padding-top: 0 !important
    }

    .rolledmetal__body ._block-group:last-child {
        padding-bottom: 0
    }

    .rolledmetal__body ._material-wrapper ._material {
        padding-bottom: 0
    }

    .rolledmetal__body-sort-select .material-select {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .rolledmetal ._material-head__title {
        padding-right: 35px;
        line-height: 27px
    }

    .rolledmetal__body-material {
        padding-bottom: 0
    }

    .rolledmetal__body-material ._block-group {
        margin-bottom: 0
    }

    .rolledmetal__body ._material-body {
        transition: margin-bottom .2s
    }

    .rolledmetal__body ._material--opened ._material-body {
        margin-bottom: 1rem
    }

    .rolledmetal__body-sort .filter-header {
        width: 100%
    }

    .rolledmetal__body-sort .filter-header.point-none {
        pointer-events: none
    }

    .rolledmetal__body-sort-select {
        padding: 1rem;
        padding-top: 0;
        width: 100%
    }

    .rolledmetal__body-sort-select .icon {
        display: none
    }

    .rolledmetal__body-filter-clear {
        display: none
    }
}

@media screen and (max-width:767px) {
    .filters-btn {
        display: none;
        color: #5F82D3;
        font-weight: 500
    }

    .filters-btn.show {
        display: block
    }

    .filters-back {
        width: 24px;
        height: 24px;
        background: url(../images/general/Arrow-left.svg);
        display: none;
        margin-right: 4px
    }

    .filters-back.active {
        display: block
    }

    .filters-head-block {
        margin-left: auto;
        display: flex;
        gap: 20px
    }

    .listing-filter-active .filters-btn {
        display: block
    }
}

.active-basket-transfer {
    border-radius: 50%;
    border-color: #fff;
    border-width: 10px;
    transition: transform 1s ease;
    width: auto;
    height: auto
}

.active-basket-transfer:hover {
    border-color: #fff
}

.active-basket-transfer .icon {
    opacity: 0
}

.modal-basket {
    padding: 16px 32px 32px
}

.modal-basket__title {
    display: flex;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    padding-bottom: 40px;
    color: #4A4953
}

.modal-basket__close {
    margin: auto 0 auto auto;
    cursor: pointer
}

.modal-basket__close .icon {
    margin-bottom: 4px;
    width: 24px;
    height: 24px;
    fill: #ccc
}

.modal-basket__thanks {
    display: flex;
    flex-direction: column;
    text-align: center;
    transition: opacity .2s
}

.modal-basket__thanks .icon {
    width: 96px;
    height: 96px;
    fill: #CBE0FF;
    margin: 0 auto 30px
}

.modal-basket__thanks-btn {
    margin-top: 32px
}

.product-groups {
    right: 0
}

@media screen and (min-width:575px) {
    .product-groups {
        min-width: 420px !important
    }
}

@media screen and (max-width:767px) {
    .product-groups {
        min-width: initial;
        padding: 16px
    }
}

.product-groups__head {
    padding: 8px
}

@media screen and (max-width:991px) {
    .product-groups__head {
        padding: 0 0 8px 0
    }
}

.product-groups__main {
    overflow: auto;
    max-height: 340px;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .product-groups__main {
        overflow: unset;
        max-height: 100%
    }
}

.product-groups__main ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.product-groups__main ul li {
    margin: 4px 0
}

@media screen and (max-width:767px) {
    .product-groups__main ul li {
        width: 100%
    }
}

.product-groups__main ul a {
    color: #666;
    word-break: break-word;
    line-height: 1.3
}

.product-groups__main ul a:hover {
    color: #84A7FA
}

.product-groups__main ul a.disabled {
    opacity: .3;
    pointer-events: none
}

.product-groups__holder {
    display: flex;
    flex-direction: column;
    padding: 8px
}

@media screen and (max-width:767px) {
    .product-groups__holder {
        gap: 0;
        padding: 0;
        display: flex;
        flex-direction: column
    }
}

.product-groups__group:not(:last-child) {
    margin-bottom: -4px
}

.product-groups__title {
    font-weight: 500;
    color: #4A4953;
    margin-bottom: 12px;
    word-break: break-word
}

@media screen and (max-width:767px) {
    .product-groups__title {
        padding: 12px 0 4px;
        font-size: 16px;
        margin-bottom: 0
    }
}

.product-groups__link {
    padding: 20px 0 8px 0;
    margin-left: 8px;
    margin-right: 8px;
    display: block;
    border-top: 1px solid #E6E6E6
}

@media screen and (max-width:767px) {
    .product-groups__link {
        margin: 0
    }
}

.callback {
    padding: 16px 24px 24px
}

.callback__title {
    display: flex;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 24px;
    background: linear-gradient(90deg, #404D6C 0, #2F384F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.callback__close {
    margin: auto 0 auto auto;
    cursor: pointer
}

.callback__close .icon {
    margin-bottom: 4px;
    width: 24px;
    height: 24px;
    fill: #ccc
}

.callback__product-info {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 24px
}

.callback .label {
    margin: 0 0 16px;
    width: 100%
}

.callback .textaria {
    margin: 0 0 16px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .callback .textaria {
        overflow: auto
    }
}

.callback__submit {
    padding: .5rem 3.25rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    display: block;
    width: 100%
}

.callback__license {
    font-size: 12px;
    line-height: 16px;
    color: #B3B3B3;
    text-align: center
}

.callback.form-success .get-price__content,
.callback.form-success .order__content {
    opacity: 0;
    display: none
}

.main_errors__forms-active {
    opacity: 0;
    visibility: hidden;
}

.main_errors__forms-active+.contact-us__thanks {
    opacity: 1;
    visibility: inherit;
}


.callback.form-success .get-price__thanks,
.callback.form-success .order__thanks {
    position: static;
    visibility: visible;
    opacity: 1
}

@media screen and (max-width:991px) {
    .callback {
        padding: 16px
    }

    .callback__title {
        font-size: 20px;
        line-height: 32px;
        padding-bottom: 16px
    }

    .callback__close .icon {
        display: inline;
        vertical-align: middle
    }

    .callback .textaria {
        margin: 0 0 32px
    }
}

.callback__file {
    position: relative;
    max-height: 40px;
    width: calc(50% - 0px)
}

@media screen and (max-width:575px) {
    .callback__file {
        width: 100%;
        order: 1;
        margin-bottom: 5px
    }
}

.callback__file_attention {
    display: none;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:575px) {
    .callback__file_attention {
        order: 2
    }
}

.callback__file_item {
    flex: 0 0 auto
}

.callback__file_input {
    max-width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute
}

@media screen and (max-width:575px) {
    .callback__file_button {
        width: 100%;
        text-align: center
    }
}

.callback__file_span {
    display: none;
    margin: 0
}

.callback__file_span .icon-Trash {
    flex-shrink: 0;
    margin-bottom: 2px;
    margin-right: 10px;
    fill: #CCC
}

.callback__file_span .icon-Trash:hover {
    cursor: pointer
}

.callback__file.file-selected {
    display: flex;
    align-items: center
}

.callback__file.file-selected .callback__file_button {
    display: none
}

.callback__file.file-selected .callback__file_span {
    display: flex
}

.callback__file_parent {
    display: flex;
    flex-wrap: wrap
}

.callback__file_parent button[type=submit] {
    width: 50%
}

@media screen and (max-width:575px) {
    .callback__file_parent button[type=submit] {
        width: 100%;
        margin-top: 16px;
        order: 3
    }
}

.callback__file_parent.file-big>.callback__file_attention {
    display: block;
    max-height: -moz-max-content !important;
    max-height: max-content !important;
    padding: 4px 8px !important;
    opacity: 1 !important
}

.page-error {
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex
}

.page-error__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 16px
}

.page-error__container img {
    width: 127px
}

.page-error__title {
    color: #4A4953;
    margin-bottom: 8px;
    line-height: 32px
}

.page-error__text {
    color: #4A4953;
    text-align: left;
    max-width: 400px
}

.page-error__reload {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #5F82D3;
    margin-top: 24px
}

.page-error__reload:hover {
    cursor: pointer
}

.page-error__tabs {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid var(--Grayscale-Mist-10, #e6e6e6);
    width: 100%;
    max-width: 420px;
    height: 47px;
    margin-bottom: -10px
}

.page-error__tab {
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: #5f6772;
    text-align: center;
    font-family: 'PT Root UI';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    cursor: pointer;
    transition: color .3s ease
}

.page-error__tab:after {
    content: '';
    display: none;
    border-top: 4px solid #0387ce;
    border-radius: 4px 4px 0 0
}

.page-error__content-block {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    border-radius: 24px;
    background: #fff
}

.page-error__content-head_description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

.page-error__content-head {
    width: 100%;
    max-width: 640px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: #2f384f;
    text-align: center
}

.page-error__content-head span {
    color: #5f82d3;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-transform: lowercase
}

.page-error__content-description {
    color: var(--grayscale-mist-60, #666);
    width: 100%;
    max-width: 640px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.page-error__content-description span {
    color: #5f82d3;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.page-error__content-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px
}

.page-error__content-form.email_mode .phone {
    display: none
}

.page-error__content-form.email_mode .email {
    display: block
}

.page-error__content-form.email_mode .page-error__tabs [data-tab=phone] {
    color: #b3b3b3
}

.page-error__content-form.email_mode .page-error__tabs [data-tab=phone]:hover {
    color: #5f6772
}

.page-error__content-form.email_mode .page-error__tabs [data-tab=phone]:after {
    display: none
}

.page-error__content-form.email_mode .page-error__tabs [data-tab=email]:after {
    display: block
}

.page-error__content-form:not(.email_mode) .phone {
    display: block
}

.page-error__content-form:not(.email_mode) .email {
    display: none
}

.page-error__content-form:not(.email_mode) .page-error__tabs [data-tab=phone]:after {
    display: block
}

.page-error__content-form:not(.email_mode) .page-error__tabs [data-tab=email] {
    color: #b3b3b3
}

.page-error__content-form:not(.email_mode) .page-error__tabs [data-tab=email]:hover {
    color: #5f6772
}

.page-error__content-form:not(.email_mode) .page-error__tabs [data-tab=email]:after {
    display: none
}

.page-error__content-form_inputs {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.page-error__content-form_buttons_policy {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px
}

.page-error__content-form_policy {
    color: var(--grayscale-mist-40, #999);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.page-error__content-form_policy a {
    background: var(--gradient-metal, linear-gradient(90deg, #404d6c 0, #2f384f 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-error__content-form_policy a:hover {
    text-decoration: underline
}

.page-error__content-form_buttons {
    display: flex;
    gap: 16px
}

@media (max-width:520px) {
    .page-error__content-form_buttons {
        flex-direction: column
    }
}

.page-error__content-form_buttons a,
.page-error__content-form_buttons button {
    flex: 1 1 0;
    text-align: center
}

.page-error__content-form_success {
    display: flex;
    flex-direction: column;
    align-items: center;
    display: none
}

.page-error__content-form_success .icon {
    width: 96px;
    height: 96px;
    fill: #cbe0ff;
    margin: 0 auto 20px
}

.page-error__content-form_success_title {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin-bottom: 8px;
    font-weight: 500
}

.page-error__content-form_success_desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    max-width: 300px;
    margin: 0 auto;
    text-align: center
}

.page-error__content-form_success_button {
    margin-top: 16px
}

.docs {
    position: relative
}

.docs-slider {
    overflow: hidden
}

.docs-slider .swiper-slide {
    width: auto;
    height: -moz-max-content;
    height: max-content
}

@media screen and (max-width:575px) {
    .docs-slider .swiper-slide {
        width: 100%
    }
}

.docs-slider .swiper-slide:nth-child(2) img {
    max-height: 613px
}

.docs-slider .swiper-custom-nav__next {
    right: -60px
}

@media (max-width:1619px) {
    .docs-slider .swiper-custom-nav__next {
        right: -30px
    }
}

.docs-slider .swiper-custom-nav__prev {
    left: -60px
}

@media (max-width:1619px) {
    .docs-slider .swiper-custom-nav__prev {
        left: -30px
    }
}

.docs__item {
    height: 100%;
    max-width: 448px;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05)
}

.docs__item img {
    height: 100%
}

@media screen and (min-width:992px) {
    .docs__item:hover .docs__front::after {
        opacity: 1
    }
}

@media screen and (min-width:992px) and (max-width:575px) {
    .docs__item:hover .docs__front::after {
        opacity: 0
    }
}

@media screen and (min-width:992px) {
    .docs__item:hover .docs__back {
        opacity: 1
    }
}

.docs__item.active .docs__front::after {
    opacity: 1
}

@media screen and (max-width:575px) {
    .docs__item.active .docs__front::after {
        opacity: 0
    }
}

.docs__item.active .docs__back {
    opacity: 1
}

@media screen and (max-width:575px) {
    .docs__item {
        max-width: calc(100vw - 80px);
        border-radius: 0;
        box-shadow: none
    }

    .docs__item .docs__front {
        display: flex;
        justify-content: center;
        max-height: 100vw
    }

    .docs__item .docs__front picture {
        display: flex;
        justify-content: center
    }

    .docs__item .docs__front img {
        max-height: 100%;
        height: auto
    }
}

.docs__text {
    line-height: 24px;
    font-size: 14px;
    color: #4A4953
}

@media screen and (max-width:575px) {
    .docs__text {
        display: none
    }
}

.docs__front {
    height: 100%;
    max-height: 612px
}

@media screen and (max-width:575px) {
    .docs__front {
        max-height: 1.2vw
    }
}

.docs__front:after {
    opacity: 0;
    transition: opacity .6s;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(64, 77, 108, .8) 0, rgba(47, 56, 79, .8) 100%);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

@media screen and (max-width:575px) {
    .docs__front {
        margin-bottom: 16px
    }
}

.docs__back {
    padding: 24px;
    opacity: 0;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 24px;
    right: 24px;
    background: #fff;
    border-radius: 8px;
    transition: opacity .6s
}

@media screen and (max-width:575px) {
    .docs__back {
        position: static;
        opacity: 1;
        transform: none;
        padding: 0
    }
}

.docs__back ._block-subtitle {
    font-size: 24px;
    line-height: 32px
}

.docs__back .btn {
    text-transform: none;
    font-weight: 500
}

@media screen and (max-width:575px) {
    .docs__back .btn {
        text-align: center;
        width: 100%
    }
}

.product-card ._block-body {
    border-bottom: 1px solid #EEE
}

@media screen and (max-width:991px) {
    .product-card ._block-body {
        padding-bottom: 24px
    }
}

.product-card ._block-body .col,
.product-card ._block-body .col-lg-9 {
    margin-left: -16px
}

@media screen and (max-width:991px) {

    .product-card ._block-body .col,
    .product-card ._block-body .col-lg-9 {
        margin-left: 0
    }
}

.product-card ._block-body:last-child {
    padding-bottom: 70px
}

@media screen and (max-width:991px) {
    .product-card ._block-body:last-child {
        padding-bottom: 24px;
        overflow: hidden
    }
}

.product-card ._block-body .accordion__body-content a {
    color: #5f82d3;
    font-style: normal;
    -webkit-mask-image: linear-gradient(to right, #5f82d3 30%, transparent);
    mask-image: linear-gradient(to right, #5f82d3 30%, transparent);
    animation-name: blurAnim;
    animation-duration: 10ms;
    animation-fill-mode: both;
    animation-play-state: paused
}

.product-card ._block-body .accordion__body-content a:hover {
    animation-fill-mode: forwards;
    animation-play-state: running
}

@keyframes blurAnim {
    to {
        -webkit-mask-image: none;
        mask-image: none
    }
}

.product-card .swiper-slide {
    height: auto;
    display: flex;
    justify-content: center
}

.product-card .product-card__img-holder picture,
.product-card__img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.product-card .product-card__img-holder picture-holder,
.product-card__img-holder {
    max-width: 288px;
    max-height: 288px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    overflow: hidden;
    border-radius: 8px 0 8px 8px;
    position: relative
}

.product-card .product-card__img-holder picture-holder_pag,
.product-card__img-holder_pag {
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    z-index: 1;
    display: flex
}

@media screen and (max-width:410px) {

    .product-card .product-card__img-holder picture-holder_pag,
    .product-card__img-holder_pag {
        justify-content: center;
        background-color: #fff;
        border-radius: 12px;
        bottom: 5px;
        left: 47%;
        width: 33px;
        font-size: 12px;
        line-height: 16px;
        padding: 2px 8px
    }
}

@media screen and (max-width:991px) {

    .product-card .product-card__img-holder picture-holder,
    .product-card__img-holder {
        margin-bottom: 16px
    }
}

@media screen and (max-width:991px) and (max-width:410px) {

    .product-card .product-card__img-holder picture-holder,
    .product-card__img-holder {
        margin-top: -16px;
        margin-left: -16px;
        margin-right: -16px;
        border-radius: 8px 8px 0 0;
        max-width: none
    }
}

@media screen and (max-width:991px) {

    .product-card .product-card__img-holder picture,
    .product-card__img {
        max-width: 415px
    }
}

@media screen and (max-width:410px) {

    .product-card .product-card__img-holder picture,
    .product-card__img {
        max-height: 171px
    }
}

.product-card__title {
    max-width: 736px;
    display: block;
    margin-bottom: 16px;
    overflow: unset;
    text-overflow: unset;
    white-space: unset
}

@media screen and (max-width:991px) {
    .product-card__title {
        font-size: 20px;
        line-height: 1.4
    }
}

.product-card__labels {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
    align-items: flex-start
}

@media screen and (max-width:991px) {
    .product-card__labels {
        flex-direction: column;
        margin-bottom: 14px
    }
}

.product-card__subtitle {
    font-size: 24px;
    font-weight: 700;
    color: #4A4953
}

.product-card__subtitle--link {
    display: flex;
    position: relative;
    cursor: default
}

@media screen and (max-width:991px) {
    .product-card__subtitle--link {
        cursor: pointer
    }
}

@media screen and (max-width:991px) {
    .product-card__subtitle {
        padding: 14px 0;
        font-size: 18px
    }
}

.product-card__label {
    font-size: 12px;
    color: #4A4953;
    padding: 4px 8px;
    border-radius: 0 4px 4px 4px;
    background-color: #B8EFBA
}

@media screen and (max-width:991px) {
    .product-card__label {
        padding: 4px 8px;
        font-size: 12px;
        line-height: 1.33
    }
}

.product-card__label-blue {
    background-color: #5F82D3;
    color: #fff
}

.product-card__label-red {
    background-color: #FFCDCD
}

.product-card__price-block {
    display: flex;
    align-items: flex-end;
    background: #fff
}

@media screen and (max-width:991px) {
    .product-card__price-block {
        position: sticky;
        z-index: 999;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 16px 16px 16px;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        margin-top: 0;
        box-shadow: 0 4px 50px rgba(0, 0, 0, .05)
    }
}

.product-card__price {
    font-weight: 500;
    font-size: 32px;
    color: #4A4953;
    margin-right: 24px
}

@media screen and (max-width:991px) {
    .product-card__price-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.product-card__price-info {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: .01em;
    color: #b3b3b3
}

@media screen and (max-width:991px) {
    .product-card__price-info {
        margin-bottom: 0
    }
}

@media screen and (max-width:991px) {
    .product-card__price {
        font-size: 18px;
        margin-right: 0
    }
}

.product-card__price-no {
    font-weight: 500;
    font-size: 16px;
    color: #999
}

@media screen and (max-width:991px) {
    .product-card__price-no {
        align-self: center
    }
}

.product-card__price-no span svg {
    fill: #ccc;
    max-width: 17px;
    max-height: 17px
}

.product-card__price-no_tooltip {
    font-weight: 400;
    font-size: 12px;
    line-height: 16.8px;
    margin-bottom: 0
}

.product-card__price-buttons {
    display: flex;
    gap: 8px;
    margin-right: 10px
}

@media screen and (max-width:991px) {
    .product-card__price-buttons {
        margin-right: 0
    }

    .product-card__price-buttons .btn-primary {
        flex-grow: 1
    }
}

.product-card__price-buttons svg {
    fill: #CCC
}

@media screen and (max-width:575px) {
    .product-card__price-buttons {
        width: 100%
    }

    .product-card__price-buttons .btn {
        flex-grow: 1
    }

    .product-card__price-buttons .btn-40x40 {
        flex-grow: 0
    }
}

.product-card__counter {
    display: flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 8px
}

.product-card__counter-decrement,
.product-card__counter-increment {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.product-card__counter-decrement svg,
.product-card__counter-increment svg {
    display: block
}

.product-card__counter-value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #4a4953
}

@media screen and (max-width:991px) {
    .product-card__counter {
        display: none
    }
}

.product-card__chars {
    max-width: 608px;
    gap: 8px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:767px) {
    .product-card__chars {
        gap: 16px
    }
}

.product-card__chars-row {
    display: flex;
    font-size: 16px;
    color: #999;
    gap: 4px
}

@media screen and (max-width:767px) {
    .product-card__chars-row {
        flex-direction: column
    }
}

.product-card__chars-row div {
    flex: 1
}

.product-card__chars-row div:last-child {
    color: #4A4953
}

.product-card__serts {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start
}

@media screen and (max-width:991px) {
    .product-card__serts {
        gap: 12px
    }
}

.product-card__serts a {
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: row-reverse
}

@media screen and (max-width:991px) {
    .product-card__serts a {
        font-weight: 400
    }
}

@media screen and (max-width:575px) {
    .product-card__serts a {
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }
}

.no-product-card ._block-body {
    border-bottom: 1px solid #EEE
}

@media screen and (max-width:991px) {
    .no-product-card ._block-body {
        padding-bottom: 24px
    }
}

.no-product-card ._block-body .col,
.no-product-card ._block-body .col-lg-9 {
    margin-left: -16px
}

@media screen and (max-width:991px) {

    .no-product-card ._block-body .col,
    .no-product-card ._block-body .col-lg-9 {
        margin-left: 0
    }
}

.no-product-card ._block-body:last-child {
    padding-bottom: 70px
}

@media screen and (max-width:991px) {
    .no-product-card ._block-body:last-child {
        padding-bottom: 24px;
        overflow: hidden
    }
}

.no-product-card ._block-body .accordion__body-content a {
    color: #5f82d3;
    font-style: normal;
    -webkit-mask-image: linear-gradient(to right, #5f82d3 30%, transparent);
    mask-image: linear-gradient(to right, #5f82d3 30%, transparent);
    animation-name: blurAnim;
    animation-duration: 10ms;
    animation-fill-mode: both;
    animation-play-state: paused
}

.no-product-card ._block-body .accordion__body-content a:hover {
    animation-fill-mode: forwards;
    animation-play-state: running
}

@keyframes blurAnim {
    to {
        -webkit-mask-image: none;
        mask-image: none
    }
}

.no-product-card .swiper-slide {
    height: auto
}

.no-product-card__img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 288px;
    max-height: 288px;
    border-radius: 16px 0 16px 16px
}

@media screen and (max-width:991px) {
    .no-product-card__img {
        max-width: 415px
    }
}

@media screen and (max-width:410px) {
    .no-product-card__img {
        max-height: 171px;
        border-radius: 8px 8px 0 0
    }
}

.no-product-card__info {
    display: flex;
    flex-direction: column
}

.no-product-card__title {
    max-width: 736px;
    display: block;
    margin-bottom: 16px;
    overflow: unset;
    text-overflow: unset;
    white-space: unset
}

@media screen and (max-width:991px) {
    .no-product-card__title {
        font-size: 20px;
        line-height: 1.4
    }
}

.no-product-card__labels {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
    align-items: flex-start
}

@media screen and (max-width:991px) {
    .no-product-card__labels {
        flex-direction: column;
        margin-bottom: 14px
    }
}

.no-product-card__subtitle {
    font-size: 24px;
    font-weight: 700;
    color: #4A4953
}

.no-product-card__subtitle--link {
    display: flex;
    position: relative;
    cursor: default
}

@media screen and (max-width:991px) {
    .no-product-card__subtitle--link {
        cursor: pointer
    }
}

@media screen and (max-width:991px) {
    .no-product-card__subtitle {
        padding: 14px 0 20px;
        font-size: 18px
    }
}

.no-product-card__label {
    font-size: 12px;
    color: #4A4953;
    padding: 4px 8px;
    border-radius: 0 4px 4px 4px;
    background-color: #B8EFBA
}

@media screen and (max-width:991px) {
    .no-product-card__label {
        padding: 4px 8px;
        font-size: 12px;
        line-height: 1.33
    }
}

.no-product-card__label-blue {
    background-color: #5F82D3;
    color: #fff
}

.no-product-card__label-red {
    background-color: #FFCDCD
}

.no-product-card__price-block {
    display: flex;
    align-items: center;
    background: #fff
}

@media screen and (max-width:500px) {
    .no-product-card__price-block {
        position: fixed;
        flex-direction: column;
        padding: 8px 16px 16px 16px;
        gap: 8px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000000;
        box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .05)
    }
}

.no-product-card__price {
    font-weight: 400;
    font-size: 32px;
    color: #4A4953;
    margin-right: 24px
}

@media screen and (max-width:991px) {
    .no-product-card__price {
        font-size: 18px;
        margin-right: 0
    }
}

.no-product-card__price-no {
    font-weight: 500;
    font-size: 16px;
    color: #999
}

.no-product-card__price-no span svg {
    fill: #ccc;
    max-width: 17px;
    max-height: 17px
}

.no-product-card__price-no_tooltip {
    font-weight: 400;
    font-size: 12px;
    line-height: 16.8px;
    margin-bottom: 0
}

.no-product-card__price-buttons {
    display: flex;
    gap: 8px
}

.no-product-card__price-buttons svg {
    fill: #CCC
}

@media screen and (max-width:575px) {
    .no-product-card__price-buttons {
        width: 100%
    }

    .no-product-card__price-buttons .btn {
        flex-grow: 1
    }

    .no-product-card__price-buttons .btn-40x40 {
        flex-grow: 0
    }
}

.no-product-card__chars {
    max-width: 608px;
    gap: 8px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:767px) {
    .no-product-card__chars {
        gap: 16px
    }
}

.no-product-card__chars-row {
    display: flex;
    font-size: 16px;
    color: #999;
    gap: 4px
}

@media screen and (max-width:767px) {
    .no-product-card__chars-row {
        flex-direction: column
    }
}

.no-product-card__chars-row div {
    flex: 1
}

.no-product-card__chars-row div:last-child {
    color: #4A4953
}

.no-product-card__serts {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start
}

@media screen and (max-width:991px) {
    .no-product-card__serts {
        gap: 12px
    }
}

.no-product-card__serts a {
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: row-reverse
}

@media screen and (max-width:991px) {
    .no-product-card__serts a {
        font-weight: 400
    }
}

@media screen and (max-width:575px) {
    .no-product-card__serts a {
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }
}

.no-product-card__description {
    color: var(--grayscale-mist-80, #4a4953);
    font-family: PT Root UI;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px
}

.no-product-card__description a {
    color: #5f82d3;
    font-family: PT Root UI;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.no-product-card__downloads {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 8px
}

.no-product-card__download {
    display: flex;
    padding: 4px 0;
    align-items: center;
    gap: 8px;
    font-weight: 500
}

.no-product-card__download svg {
    fill: #ccc
}

.no-product-card__similars {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: -12px
}

.no-product-card__similars .link-show-more:not(.visible) {
    display: none
}

.no-product-card__similars_wrapper {
    display: flex;
    flex-direction: column
}

.no-product-card__similar {
    display: flex;
    padding: 16px 0;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: var(--grayscale-white, #fff);
    transition: background .3s ease
}

.no-product-card__similar:not(.visible) {
    display: none
}

.no-product-card__similar:not(:only-child) {
    border-bottom: 1px solid var(--grayscale-mist-10, #e6e6e6)
}

@media screen and (max-width:700px) {
    .no-product-card__similar {
        flex-direction: column;
        align-items: stretch;
        gap: 12px
    }
}

.no-product-card__similar:hover {
    background: var(--hover_blue, rgba(238, 245, 255, .4))
}

.no-product-card__similar_left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 0 0
}

.no-product-card__similar_right {
    display: flex;
    align-items: center;
    gap: 24px
}

@media screen and (max-width:500px) {
    .no-product-card__similar_right {
        flex-direction: column;
        align-items: stretch;
        padding-left: 64px;
        gap: 16px
    }
}

.no-product-card__similar_img img {
    width: 40px;
    height: 40px;
    border-radius: 8px 8px 0 8px
}

@media screen and (max-width:500px) {
    .no-product-card__similar_img img {
        width: 48px;
        height: 48px
    }
}

.no-product-card__similar_name {
    flex: 1 0 0;
    color: var(--grayscale-mist-80, #4a4953);
    font-family: PT Root UI;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.no-product-card__similar_price {
    color: #4a4953;
    font-family: PT Root UI;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 4px
}

.no-product-card__similar_price.special_price {
    color: var(--solid-blue, #5f82d3)
}

.no-product-card__similar_price.special_price:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/general/spec.svg)
}

.no-product-card__similar_buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px
}

.no-product-card__similar_buttons button {
    white-space: nowrap
}

.no-product-card__categories {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    align-self: stretch;
    gap: 24px
}

.no-product-card__categories .link-show-all:not(.visible) {
    display: none
}

.no-product-card__categories_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 0;
    gap: 24px
}

@media screen and (max-width:900px) {
    .no-product-card__categories_wrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:600px) {
    .no-product-card__categories_wrapper {
        grid-template-columns: 1fr
    }
}

.no-product-card__category {
    display: flex;
    align-items: center;
    gap: 8px
}

.no-product-card__category:not(.visible) {
    display: none
}

.no-product-card__category_img {
    flex: 0 0 40px
}

.no-product-card__category_img img {
    width: 40px;
    height: 40px;
    border-radius: 8px 8px 0 8px
}

.no-product-card__category_name {
    flex: 1 0 0;
    color: var(--grayscale-mist-80, #4a4953);
    font-family: PT Root UI;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.accordion {
    padding: 0;
    margin: 0;
    list-style: none
}

@media screen and (max-width:575px) {
    .accordion {
        margin: 0 -16px
    }
}

.accordion__item {
    overflow: hidden;
    transition: box-shadow .3s
}

@media screen and (max-width:575px) {
    .accordion__item.active-acc {
        box-shadow: 0 4px 50px rgba(0, 0, 0, .05)
    }
}

.accordion__item.active-acc .accordion__body {
    opacity: 1
}

.accordion__item.active-acc .accordion__icon svg {
    transform: rotate(45deg)
}

.accordion__item.active-acc .accordion__head-text {
    color: #000
}

.accordion__head {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:575px) {
    .accordion__head {
        width: 100%
    }
}

.accordion__head-content {
    padding: 4px 16px 4px 32px
}

@media screen and (max-width:575px) {
    .accordion__head-content {
        padding: 12px 16px
    }
}

.accordion__head-text {
    color: #4A4953;
    font-weight: 500;
    font-size: 16px;
    transition: color .3s
}

@media screen and (max-width:575px) {
    .accordion__head-text {
        font-weight: 400
    }
}

.accordion__head-label {
    margin-top: 2px;
    font-size: 11px;
    line-height: 12px;
    display: block;
    animation: fade-in .3s
}

.accordion__head:hover .accordion__head-text {
    color: #000
}

.accordion__head:hover svg {
    fill: #84A7FA
}

.accordion__icon {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px
}

@media screen and (max-width:575px) {
    .accordion__icon {
        left: auto;
        right: 16px
    }
}

.accordion__icon svg {
    fill: #B3B3B3;
    transition: transform .3s
}

.accordion__body {
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all .25s ease-out;
    opacity: 0;
    box-sizing: content-box
}

.accordion__body-content {
    color: #4A4953;
    line-height: 1.73;
    padding: 8px 16px 24px 32px
}

@media screen and (max-width:575px) {
    .accordion__body-content {
        padding: 4px 16px 12px 16px;
        font-size: 16px;
        line-height: 1.5
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.similar-product {
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 256px;
    width: 100%;
    height: 100%
}

@media screen and (max-width:991px) {
    .similar-product {
        filter: drop-shadow(0 4px 50px rgba(0, 0, 0, .1));
        border-radius: 0 0 16px 16px;
        overflow: hidden
    }
}

.similar-product-slider {
    overflow: hidden;
    padding: 32px 0;
    margin: -32px 0;
    margin-right: -48px;
    padding-right: 16px;
    padding-left: 2px
}

@media screen and (max-width:991px) {
    .similar-product-slider {
        padding: 16px;
        margin: -16px;
        overflow: initial
    }
}

.similar-product-slider .swiper-slide {
    width: auto;
    height: 100%
}

.similar-product-slider .swiper-custom-nav__next {
    right: -55px
}

.similar-product img {
    height: 264px;
    border-radius: 8px;
    overflow: hidden
}

.similar-product__info {
    padding: 12px 0 0 0;
    background-color: #fff;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .similar-product__info {
        padding: 16px
    }
}

.similar-product__name {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
    display: block
}

.similar-product__name:hover {
    color: #84A7FA
}

.similar-product__price {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.similar-product__price-label {
    font-size: 12px;
    line-height: 16px
}

.similar-product__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    z-index: 1
}

.similar-product__footer .btn {
    z-index: 1
}

@media screen and (max-width:991px) {
    .similar-product__footer .btn {
        width: 100%
    }
}

.similar-product-list__item {
    padding: 16px 32px;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .similar-product-list__item {
        padding: 16px;
        flex-direction: column
    }
}

.similar-product-list__title {
    font-size: 16px;
    line-height: 24px
}

.similar-product-list__img {
    border-radius: 8px 8px 0 8px;
    overflow: hidden;
    max-width: 40px;
    max-height: 40px;
    margin-right: 16px
}

.similar-product-list__img img {
    aspect-ratio: 1
}

.similar-product-list__info {
    align-items: center
}

.similar-product-list__order .similar-product-list__special {
    margin-right: 28px
}

.similar-product-list__order button:nth-child(2) {
    margin-right: 8px
}

.similar-product-list__order button:not(.btn-cart) {
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:991px) {
    .similar-product-list__order {
        flex-wrap: wrap;
        padding-left: 56px;
        margin-top: 8px
    }

    .similar-product-list__order .mobile-btn {
        width: calc(100% - 50px) !important;
        margin-right: 8px
    }
}

.similar-product-list__special {
    color: #5F82D3;
    fill: #5F82D3;
    display: flex;
    align-items: center;
    font-weight: 500
}

@media screen and (max-width:991px) {
    .similar-product-list__special {
        margin-bottom: 8px;
        font-size: 16px
    }
}

.similar-product-list__special svg {
    margin-right: 4px
}

.similar-product-list__footer {
    display: flex;
    justify-content: center
}

.tab-products {
    padding: 32px 32px 16px 32px
}

.tab-products .link {
    font-weight: 500
}

.tab-products__body {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 39px;
    overflow: hidden;
    transition: .3s ease-in-out;
    padding-bottom: 32px
}

.tab-products__element {
    /* display: flex;
    flex: 0 0 calc(25% - 12px);
    align-items: center */
    display: flex;
    flex: 0 0 calc(33% - 12px);
    align-items: center;
    border: 1px solid #108DD1;
    border-radius: 25px;
    padding: 20px;
}

.tab-products__element:hover img {
    transform: scale(1.1)
}

@media screen and (max-width:1199px) {
    .tab-products__element {
        flex: 0 0 calc(33.333% - 12px)
    }
}

@media screen and (max-width:991px) {
    .tab-products__element {
        flex: 0 0 calc(50% - 12px)
    }
}

.tab-products__element-img {
    margin-right: 8px;
    border-radius: 8px 8px 0 8px;
    overflow: hidden
}

.tab-products__element-img img {
    height: 32px;
    transition: transform .3s
}

.tab-products__element-text {
    font-weight: 500;
    font-size: 16px
}

.tab-products__element-text a:hover {
    color: #000
}

.main__in-mobile-products .accordion {
    margin: 0
}

.in-mobile-product-range {
    display: none
}

@media screen and (max-width:991px) {
    .in-mobile-product-range {
        display: block
    }
}

.in-mobile-product-range .in-mobile__products,
.in-mobile-product-range .in-mobile__services {
    margin-bottom: 16px
}

.in-mobile-product-range .in-mobile__production.active .icon-arrow-down,
.in-mobile-product-range .in-mobile__products.active .icon-arrow-down,
.in-mobile-product-range .in-mobile__services.active .icon-arrow-down {
    transform: scaleY(-1);
    fill: #666666
}

.in-mobile-product-range .in-mobile__production.active .in-mobile__production_body,
.in-mobile-product-range .in-mobile__production.active .in-mobile__products_body,
.in-mobile-product-range .in-mobile__production.active .in-mobile__services_body,
.in-mobile-product-range .in-mobile__products.active .in-mobile__production_body,
.in-mobile-product-range .in-mobile__products.active .in-mobile__products_body,
.in-mobile-product-range .in-mobile__products.active .in-mobile__services_body,
.in-mobile-product-range .in-mobile__services.active .in-mobile__production_body,
.in-mobile-product-range .in-mobile__services.active .in-mobile__products_body,
.in-mobile-product-range .in-mobile__services.active .in-mobile__services_body {
    padding: 0
}

@media screen and (max-width:991px) {

    .in-mobile-product-range .in-mobile__production.active .in-mobile__production_body,
    .in-mobile-product-range .in-mobile__production.active .in-mobile__products_body,
    .in-mobile-product-range .in-mobile__production.active .in-mobile__services_body,
    .in-mobile-product-range .in-mobile__products.active .in-mobile__production_body,
    .in-mobile-product-range .in-mobile__products.active .in-mobile__products_body,
    .in-mobile-product-range .in-mobile__products.active .in-mobile__services_body,
    .in-mobile-product-range .in-mobile__services.active .in-mobile__production_body,
    .in-mobile-product-range .in-mobile__services.active .in-mobile__products_body,
    .in-mobile-product-range .in-mobile__services.active .in-mobile__services_body {
        padding: 0
    }
}

.in-mobile-product-range .in-mobile__products.active-acc .icon-arrow-down {
    transform: rotate(180deg)
}

.in-mobile-product-range .in-mobile__production,
.in-mobile-product-range .in-mobile__products,
.in-mobile-product-range .in-mobile__services {
    border-radius: 16px;
    background-color: #fff
}

.in-mobile-product-range .in-mobile__production.active-acc .accordion__body,
.in-mobile-product-range .in-mobile__products.active-acc .accordion__body,
.in-mobile-product-range .in-mobile__services.active-acc .accordion__body {
    opacity: 1
}

.in-mobile-product-range .in-mobile__production .icon-arrow-down,
.in-mobile-product-range .in-mobile__products .icon-arrow-down,
.in-mobile-product-range .in-mobile__services .icon-arrow-down {
    transition: .3s ease-in-out;
    fill: #CCC
}

.in-mobile-product-range .in-mobile__production_head,
.in-mobile-product-range .in-mobile__products_head,
.in-mobile-product-range .in-mobile__services_head {
    justify-content: space-between;
    padding: 16px 32px
}

@media screen and (max-width:991px) {

    .in-mobile-product-range .in-mobile__production_head,
    .in-mobile-product-range .in-mobile__products_head,
    .in-mobile-product-range .in-mobile__services_head {
        padding: 16px 16px;
        border-bottom: 1px solid #E6E6E6
    }
}

.in-mobile-product-range .in-mobile__production_body a,
.in-mobile-product-range .in-mobile__products_body a,
.in-mobile-product-range .in-mobile__services_body a {
    display: block;
    width: 100%;
    text-align: center
}

.in-mobile-product-range .in-mobile__production_body a.link-show-all,
.in-mobile-product-range .in-mobile__products_body a.link-show-all,
.in-mobile-product-range .in-mobile__services_body a.link-show-all {
    padding: 16px 0
}

.in-mobile-product-range .in-mobile__production_body,
.in-mobile-product-range .in-mobile__production_head,
.in-mobile-product-range .in-mobile__products_body,
.in-mobile-product-range .in-mobile__products_head,
.in-mobile-product-range .in-mobile__services_body,
.in-mobile-product-range .in-mobile__services_head {
    display: flex;
    flex-wrap: wrap
}

.in-mobile-product-range .in-mobile__production_element:first-child,
.in-mobile-product-range .in-mobile__products_element:first-child,
.in-mobile-product-range .in-mobile__services_element:first-child {
    border-top: 1px solid #E6E6E6
}

@media screen and (max-width:991px) {

    .in-mobile-product-range .in-mobile__production_element:first-child,
    .in-mobile-product-range .in-mobile__products_element:first-child,
    .in-mobile-product-range .in-mobile__services_element:first-child {
        border-top: none
    }
}

.in-mobile-product-range .in-mobile__production_element,
.in-mobile-product-range .in-mobile__products_element,
.in-mobile-product-range .in-mobile__services_element {
    position: relative;
    flex: 0 0 calc(33.333% - 11px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991px) {

    .in-mobile-product-range .in-mobile__production_element,
    .in-mobile-product-range .in-mobile__products_element,
    .in-mobile-product-range .in-mobile__services_element {
        flex: 0 0 calc(50% - 11px);
        padding: 16px
    }
}

@media screen and (max-width:767px) {

    .in-mobile-product-range .in-mobile__production_element,
    .in-mobile-product-range .in-mobile__products_element,
    .in-mobile-product-range .in-mobile__services_element {
        flex: 0 0 100%;
        border-bottom: 1px solid #E6E6E6
    }
}

.in-mobile-product-range .in-mobile__production_element img,
.in-mobile-product-range .in-mobile__products_element img,
.in-mobile-product-range .in-mobile__services_element img {
    margin-right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 8px 8px 0 8px
}

.in-mobile-product-range .in-mobile__production_element a,
.in-mobile-product-range .in-mobile__products_element a,
.in-mobile-product-range .in-mobile__services_element a {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left
}

@media screen and (max-width:575px) {

    .in-mobile-product-range .in-mobile__production_element a,
    .in-mobile-product-range .in-mobile__products_element a,
    .in-mobile-product-range .in-mobile__services_element a {
        width: 90%
    }
}

.in-mobile-product-range .in-mobile__production_element svg,
.in-mobile-product-range .in-mobile__products_element svg,
.in-mobile-product-range .in-mobile__services_element svg {
    display: none;
    fill: #CCC
}

@media screen and (max-width:767px) {

    .in-mobile-product-range .in-mobile__production_element svg,
    .in-mobile-product-range .in-mobile__products_element svg,
    .in-mobile-product-range .in-mobile__services_element svg {
        display: block
    }
}

.portfolio {
    padding-top: 32px;
    gap: 24px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .portfolio {
        padding-top: 16px;
        gap: 12px
    }
}

@media screen and (max-width:575px) {
    .portfolio {
        gap: 0;
        margin: 0 -16px
    }
}

.portfolio__item {
    flex: 0 0 auto;
    width: calc(33.333% - 16px);
    max-width: 100%;
    position: relative;
    border: 1px solid #E6E6E6;
    box-shadow: 0 5px 100px 2px rgba(34, 60, 80, .05);
    border-radius: 8px;
    overflow: hidden
}

.portfolio__item.hide {
    display: none
}

@media screen and (max-width:991px) {
    .portfolio__item {
        width: calc(50% - 16px)
    }
}

@media screen and (max-width:767px) {
    .portfolio__item {
        width: calc(50% - 6px)
    }
}

@media screen and (max-width:575px) {
    .portfolio__item {
        width: 100%;
        box-shadow: none;
        border: none;
        border-radius: 0
    }
}

.portfolio__item:hover .portfolio__img img {
    transform: scale(1.1)
}

.portfolio__img {
    overflow: hidden
}

.portfolio__img img {
    width: 100%;
    height: 261px;
    transition: transform .5s
}

.portfolio__category {
    margin-top: -37px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 24px;
    background: #EEE;
    border-radius: 15px;
    padding: 2px 8px;
    display: flex;
    width: auto;
    z-index: 1
}

.portfolio__body {
    padding: 24px 12px 42px 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.portfolio__name {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
    transition: color .3s
}

@media screen and (max-width:575px) {
    .portfolio__name {
        font-weight: 700;
        line-height: 1.56
    }
}

.portfolio__name:hover {
    color: #5F82D3
}

.portfolio__short-text {
    font-size: 16px;
    color: #666;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (max-width:575px) {
    .portfolio__short-text {
        display: none
    }
}

.debug {
    position: fixed;
    bottom: -1px;
    background-color: #fff;
    right: 350px;
    padding: 8px 19px 8px 16px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05);
    border-radius: 8px 8px 0 0;
    z-index: 1000;
    max-height: 40px;
    border: 1px solid #E6E6E6
}

@media screen and (max-width:767px) {
    .debug {
        display: none
    }
}

.debug span {
    font-weight: 500;
    font-size: 14px;
    color: #666
}

.debug .icon-debug {
    width: 24px;
    height: 24px;
    fill: #CCC
}

#modalDebug .modal-content {
    border-radius: 12px
}

.debug-modal ._block-head {
    padding: 0;
    border-bottom: 0
}

.debug-modal ._block-head svg {
    fill: #CCC
}

.debug-modal ._block-head .button-close:hover {
    cursor: pointer
}

.debug-modal ._block-body {
    padding: 0;
    padding-top: 24px
}

.debug-modal form span {
    font-size: 16px
}

.debug-modal form .textarea {
    margin-top: 24px;
    position: relative
}

.debug-modal form .textarea label {
    position: absolute;
    left: 8px;
    top: 8px
}

.debug-modal form .textarea label svg {
    fill: #CCC
}

.debug-modal form .textarea textarea {
    text-indent: 27px;
    width: 100%;
    padding: 8px;
    min-height: 128px
}

.debug-modal form .btn {
    margin-top: 20px
}

#modalLeadsCatcher .modal-content {
    border-radius: 12px;
    background: var(--Grayscale-White, #fff);
    max-width: 400px
}

#modalLeadsCatcher.email_mode .phone {
    display: none
}

#modalLeadsCatcher.email_mode .email {
    display: block
}

#modalLeadsCatcher.email_mode .leads-catcher-modal__tabs [data-tab=phone] {
    color: #b3b3b3
}

#modalLeadsCatcher.email_mode .leads-catcher-modal__tabs [data-tab=phone]:hover {
    color: #5f6772
}

#modalLeadsCatcher.email_mode .leads-catcher-modal__tabs [data-tab=phone]:after {
    display: none
}

#modalLeadsCatcher.email_mode .leads-catcher-modal__tabs [data-tab=email]:after {
    display: block
}

#modalLeadsCatcher:not(.email_mode) .phone {
    display: block
}

#modalLeadsCatcher:not(.email_mode) .email {
    display: none
}

#modalLeadsCatcher:not(.email_mode) .leads-catcher-modal__tabs [data-tab=phone]:after {
    display: block
}

#modalLeadsCatcher:not(.email_mode) .leads-catcher-modal__tabs [data-tab=email] {
    color: #b3b3b3
}

#modalLeadsCatcher:not(.email_mode) .leads-catcher-modal__tabs [data-tab=email]:hover {
    color: #5f6772
}

#modalLeadsCatcher:not(.email_mode) .leads-catcher-modal__tabs [data-tab=email]:after {
    display: none
}

.leads-catcher-modal {
    border-radius: 12px;
    background: var(--Grayscale-White, #fff)
}

.leads-catcher-modal.form-success .leads-catcher-modal__content {
    display: none
}

.leads-catcher-modal:not(.form-success) .leads-catcher-modal__result {
    display: none
}

.leads-catcher-modal__content {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.leads-catcher-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.leads-catcher-modal__head .button-close {
    cursor: pointer
}

.leads-catcher-modal__head .button-close:hover svg {
    fill: #999
}

.leads-catcher-modal__head .button-close svg {
    fill: #ccc
}

.leads-catcher-modal__title {
    font-family: 'PT Root UI';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    background: var(--Gradient-Metal, linear-gradient(90deg, #404d6c 0, #2f384f 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.leads-catcher-modal__description {
    color: var(--Grayscale-Mist-80, #4a4953);
    font-family: 'PT Root UI';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.leads-catcher-modal__tabs {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid var(--Grayscale-Mist-10, #e6e6e6);
    margin-bottom: 24px
}

.leads-catcher-modal__tab {
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: #5f6772;
    text-align: center;
    font-family: 'PT Root UI';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    cursor: pointer;
    transition: color .3s ease
}

.leads-catcher-modal__tab:after {
    content: '';
    display: none;
    border-top: 4px solid #0387ce;
    border-radius: 4px 4px 0 0
}

.leads-catcher-modal__form {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.leads-catcher-modal__inputs {
    display: flex;
    flex-direction: column
}

.leads-catcher-modal__policy {
    color: var(--Grayscale-Mist-40, #999);
    text-align: center;
    font-family: 'PT Root UI';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.leads-catcher-modal__policy a {
    font-family: 'PT Root UI';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #5f82d3
}

.leads-catcher-modal__result {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center
}

.leads-catcher-modal__result .icon {
    width: 96px;
    height: 96px;
    fill: #cbe0ff;
    margin: 15px auto 15px
}

.leads-catcher-modal__result_title {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin-bottom: 8px;
    font-weight: 500
}

.leads-catcher-modal__result_desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 24px
}

.services-modul {
    margin-top: 48px
}

@media screen and (max-width:767px) {
    .services-modul {
        margin-top: 16px
    }
}

.services-modul__head-btns {
    margin-bottom: 24px
}

@media screen and (max-width:767px) {
    .services-modul__head-btns {
        display: none
    }

    .services-modul__head-btns button {
        width: 100%;
        border: none
    }
}

.services-modul__head-btns a:hover {
    background: #FFF7E2;
    border-color: #E6E6E6
}

.services-modul__items {
    display: none;
    flex-direction: column
}

@media screen and (max-width:991px) {
    .services-modul__items {
        display: flex
    }
}

.services-modul__items .service__item {
    border-bottom: 1px solid #E6E6E6
}

.services-modul__items .service__item.active-acc .accordion__head svg {
    transform: rotate(180deg);
    fill: #0387ce
}

.services-modul__items .service__item.active-acc .accordion__body {
    opacity: 1;
    padding-bottom: 16px
}

.services-modul__items .service__head {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 16px
}

.services-modul__items .service__head span {
    width: 100%;
    font-size: 16px;
    color: #000
}

.services-modul__items .service__head a {
    margin-right: 24px;
    font-size: 16px
}

.services-modul__items .service__head:after {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 16px;
    width: 20px;
    height: 20px;
    background: url(../images/general/Angle-right.svg)
}

.services-modul__items .service__body {
    margin: 0;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

@media screen and (max-width:575px) {
    .services-modul__items .service__body {
        padding: 0 32px
    }
}

.services-modul__img {
    max-width: 32px;
    max-height: 32px;
    min-width: 32px;
    min-height: 32px;
    background: #E6E6E6;
    border-radius: 8px 8px 0 8px;
    overflow: hidden;
    margin-right: 16px
}

.services-modul__img img {
    height: 32px
}

.services-modul__body {
    padding-top: 16px
}

@media screen and (max-width:991px) {
    .services-modul__body {
        display: none
    }
}

.services-modul__bottom {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px
}

@media screen and (max-width:1199px) {
    .services-modul__bottom {
        flex-direction: column
    }
}

.services-modul__bottom .price {
    font-family: 'PT Root UI';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    display: flex;
    align-items: center;
    color: #4a4953
}

.services-modul__bottom .spacer {
    flex: 1
}

.services-modul__bottom_download {
    gap: 16px;
    align-items: flex-start
}

@media screen and (max-width:1199px) {
    .services-modul__bottom_download {
        flex-direction: column;
        margin-top: 8px
    }

    .services-modul__bottom_download button {
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width:1199px) {
    .services-modul__bottom_download button:first-child {
        margin-bottom: 16px
    }
}

.services-modul__bottom_download button:first-child svg {
    margin-right: 4px
}

.services-modul__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.services-modul__text h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

.services-modul__text li,
.services-modul__text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000
}

.services-modul__text ul {
    padding-left: 40px;
    list-style: none
}

.services-modul__text ul li {
    position: relative
}

.services-modul__text ul li:after {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -24px;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background-color: #CCC
}

.services-modul__tab-content {
    display: none;
    opacity: 0;
    transition: .2s
}

.services-modul__tab-content img {
    max-height: 400px;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    overflow: hidden
}

.services-modul__tab-content video {
    max-height: 400px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.services-modul__tab-content.active {
    opacity: 1
}

.services-modul__tab-content.db {
    display: flex
}

.modal-open .sidebar {
    z-index: 1000
}

.sidebar {
    transform: translateX(-115%);
    transition: transform .3s;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1500;
    background-color: #fff
}

.sidebar_right {
    transform: translateX(115%);
    right: 0;
    left: auto
}

.sidebar_right .sidebar__close {
    right: auto;
    left: -32px;
    transform: rotate(180deg)
}

.sidebar.active {
    transform: translateX(0)
}

.sidebar.active .sidebar__search {
    position: fixed
}

@media (max-width:1360px) {
    .sidebar.active .sidebar__close {
        display: none
    }
}

@media screen and (max-width:767px) {
    .sidebar_mobile-bottom {
        max-width: 100%;
        width: 100%;
        transform: translate(0, 150%);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }

    .sidebar_mobile-bottom.active {
        height: auto;
        bottom: 0;
        top: auto
    }
}

.sidebar__container {
    display: flex;
    height: 100%;
    position: relative;
    flex-direction: column
}

@media (max-width:1360px) {
    .sidebar__container {
        width: 400px
    }
}

@media (max-width:576px) {
    .sidebar__container {
        width: 100vw
    }
}

.sidebar__body {
    height: 100%;
    display: flex
}

.sidebar__body-classic {
    padding: 0 24px
}

@media screen and (max-width:991px) {
    .sidebar__body-classic {
        padding: 0 16px
    }
}

@media (max-width:1360px) {
    .sidebar__body {
        height: 0
    }
}

.sidebar__head {
    padding: 24px;
    display: flex;
    align-items: center
}

@media screen and (max-width:991px) {
    .sidebar__head {
        padding: 8px;
        padding-left: 16px
    }
}

.sidebar__main-title {
    font-weight: 700;
    font-size: 24px;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.33
}

@media screen and (max-width:991px) {
    .sidebar__main-title {
        font-size: 20px
    }
}

.sidebar__search-body {
    display: none;
    position: fixed;
    top: 136px;
    left: 0;
    background-color: #fff;
    max-width: 358px;
    width: 100%;
    height: calc(100% - 136px)
}

.sidebar__search-body a {
    position: relative
}

.sidebar__search-body a:after {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/general/Arrow-up-left.svg) no-repeat center
}

@media (max-width:1420px) {
    .sidebar__search-body {
        max-width: 300px
    }
}

@media (max-width:1360px) {
    .sidebar__search-body {
        max-width: 400px;
        top: 120px;
        height: calc(100% - 120px)
    }
}

@media (max-width:576px) {
    .sidebar__search-body {
        max-width: 100vw
    }
}

.sidebar__search-body.active {
    display: block;
    z-index: 1
}

.sidebar__search-body .not-found {
    text-align: center
}

.sidebar__search {
    width: 358px;
    top: 64px;
    padding: 16px
}

@media (max-width:1420px) {
    .sidebar__search {
        width: 300px
    }
}

@media (max-width:1360px) {
    .sidebar__search {
        width: 100%;
        display: none;
        position: static !important;
        padding-bottom: 8px
    }
}

.sidebar__search label {
    margin: 0
}

.sidebar__search label input {
    padding: 8px 36px 8px 8px
}

.sidebar__search label .icon-search {
    right: 0 !important;
    left: auto
}

.sidebar__backdrop,
.sidebar__cart-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    display: none;
    background: linear-gradient(90deg, rgba(64, 77, 108, .8) 0, rgba(47, 56, 79, .8) 100%);
    z-index: 1010
}

.sidebar__backdrop.active,
.sidebar__cart-backdrop.active {
    display: block
}

.sidebar__close {
    cursor: pointer;
    position: absolute;
    right: -32px;
    top: 0;
    width: 32px;
    height: 64px;
    background: url(../images/general/sidebarClose.svg) 0 0 no-repeat
}

.sidebar__tabs {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 0 16px;
    /* justify-content: space-between; */
    width: 350px
}

@media (max-width:1420px) {
    .sidebar__tabs {
        width: 300px
    }
}

@media (max-width:1360px) {
    .sidebar__tabs {
        padding-top: 16px;
        width: 100%;
        position: static;
        flex-direction: column
    }
}

.sidebar__tabs-item {
    cursor: pointer;
    transition: opacity .3s;
    color: #404d6c;
    opacity: .8;
    padding: 20px 16px 16px 16px;
    border-bottom: 4px solid transparent
}

.sidebar__tabs-item:nth-child(n+4) {
    display: none
}

@media (max-width:1420px) {
    .sidebar__tabs-item {
        padding: 20px 8px 16px 8px
    }
}

@media (max-width:1360px) {
    .sidebar__tabs-item {
        padding: 12px 50px 12px 0;
        border-bottom: 0;
        display: block !important;
        color: #4A4953 !important;
        opacity: 1;
        position: relative
    }

    .sidebar__tabs-item.link:after {
        display: none
    }

    .sidebar__tabs-item:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0;
        background: url(../images/general/Angle-right.svg) 0 0 no-repeat
    }
}

.sidebar__tabs-item.active {
    border-color: #0387ce;
    border-radius: 4px;
    opacity: 1
}

.sidebar__tabs-item:hover {
    opacity: 1
}

.sidebar__header {
    width: inherit;
    display: none;
    align-items: center;
    height: 56px;
    border-bottom: 1px solid #E6E6E6;
    padding: 0 8px 0 16px;
    flex-shrink: 0
}

@media (max-width:1360px) {
    .sidebar__header {
        display: flex
    }
}

.sidebar__header-prev {
    display: none;
    margin-right: 4px;
    margin-left: -8px
}

.sidebar__header-prev svg {
    fill: #CCC
}

.sidebar__header-title {
    font-weight: 500;
    font-size: 20px;
    color: #2F384F;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.sidebar__header-close {
    display: flex;
    margin-left: auto;
    padding: 8px;
    cursor: pointer
}

@media (min-width:1360px) {
    .sidebar__header-close {
        display: none
    }
}

.sidebar__header-close svg {
    fill: #4A4953
}

.sidebar__bottom-link {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 16px 16px;
    background-color: #fff;
    z-index: 1
}

.sidebar__bottom-link.active {
    display: block
}

.sidebar__bottom-link a {
    width: 100%;
    text-align: center
}

.sidebar__footer {
    display: none;
    padding: 16px;
    margin-top: auto;
    gap: 4px;
    flex-direction: column;
    border-top: 1px solid #e6e6e6
}

.sidebar__footer_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-right: 40px
}

.sidebar__footer_row .btn_phone {
    align-self: flex-start
}

.sidebar__footer_phone_time {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start
}

.sidebar__footer_phone {
    color: var(--Grayscale-Mist-80, #4a4953);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    -webkit-mask-image: linear-gradient(to right, #4a4953 30%, transparent);
    mask-image: linear-gradient(to right, #4a4953 30%, transparent)
}

.sidebar__footer_email {
    color: #5f82d3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    -webkit-mask-image: linear-gradient(to right, #5f82d3 30%, transparent);
    mask-image: linear-gradient(to right, #5f82d3 30%, transparent)
}

.sidebar__footer_email,
.sidebar__footer_phone {
    animation-name: blurAnim;
    animation-duration: 10ms;
    animation-fill-mode: both;
    animation-play-state: paused
}

.sidebar__footer_email:hover,
.sidebar__footer_phone:hover {
    animation-fill-mode: forwards;
    animation-play-state: running
}

@keyframes blurAnim {
    to {
        -webkit-mask-image: none;
        mask-image: none
    }
}

.sidebar__footer_time {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0 4px 4px 4px;
    background: var(--Solid-Blue-Extralight, #eef5ff);
    color: var(--Grayscale-Mist-80, #4a4953);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.sidebar__footer_row_contacts_city {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px
}

.sidebar__footer_row_contacts_city .btn {
    flex: 50%;
    text-transform: none
}

.sidebar__footer_row_contacts_city .btn[data-modal=modalCity] {
    padding-left: 8px;
    padding-right: 8px
}

.sidebar__footer_row_contacts_city .btn[data-modal=modalCity] picture {
    display: none
}

.sidebar__footer_row_contacts_city .btn span {
    padding-right: 10px;
    font-size: 16px
}

@media (max-width:390px) {
    .sidebar__footer_row_contacts_city .btn span {
        padding-right: 0;
        letter-spacing: 0
    }
}

@media screen and (max-width:991px) {
    .sidebar__footer {
        display: flex
    }
}

.menu-block {
    margin-bottom: 0;
    padding: 0 8px 16px 8px !important;
    overflow: auto;
    height: 100%
}

.menu-block::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 8px
}

.menu-block:first-child {
    padding: 0 16px 16px 16px !important
}

.menu-block-li {
    position: relative;
    display: flex;
    align-items: center;
    transition: background-color .3s;
    border-radius: 8px
}

.menu-block-li.active,
.menu-block-li:hover {
    background-color: #eef5ff
}

@media screen and (max-width:575px) {

    .menu-block-li.active,
    .menu-block-li:hover {
        background-color: initial
    }
}

.menu-block-li.active>svg,
.menu-block-li:hover>svg {
    fill: #666
}

.menu-block-li svg {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 4px;
    fill: #EEE;
    flex-shrink: 0
}

@media (max-width:1360px) {
    .menu-block-li svg {
        margin-right: 0
    }
}

.menu-block-li a {
    color: #000;
    font-size: 14px;
    line-height: 1.33;
    display: block;
    width: 100%;
    padding: 7px 32px 7px 16px;
    word-break: break-word
}

@media (max-width:1360px) {
    .menu-block-li a {
        font-size: 14px;
        padding: 12px 32px 12px 0
    }
}

.menu-block__holder {
    padding-top: 136px;
    width: 254px;
    background: linear-gradient(90deg, #fcfcfc 0, #fff 10.33%)
}

@media (max-width:1360px) {
    .menu-block__holder {
        z-index: 1;
        padding-top: 0;
        position: fixed;
        top: 120px;
        width: 100%;
        height: calc(100% - 120px)
    }

    .menu-block__holder:nth-child(n+2) .menu-block {
        padding-bottom: calc(16px + 64px) !important
    }
}

.menu-block__holder:first-child {
    width: 358px;
    background: #fff
}

@media (max-width:1420px) {
    .menu-block__holder:first-child {
        width: 300px
    }
}

@media (max-width:1360px) {
    .menu-block__holder:first-child {
        width: 100%
    }
}

.no-search .menu-block__holder {
    top: 60px;
    height: calc(100% - 60px)
}

.notifications {
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    position: fixed;
    left: 5vw;
    bottom: 35px
}

.notification {
    padding: 14px 18px;
    background: linear-gradient(90deg, #404D6C 0, #2F384F 100%);
    display: flex;
    gap: 16px;
    border-radius: 16px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05)
}

@media screen and (max-width:991px) {
    .notification {
        display: none
    }
}

.notification-holder {
    opacity: 1;
    transition: opacity 3s
}

.notification svg {
    fill: #fff
}

.notification__text {
    font-weight: 500;
    font-size: 18px;
    color: #fff
}

.chips {
    background: #666;
    padding: 4px 12px;
    border-radius: 8px;
    color: #fff;
    align-items: center;
    display: inline-flex;
    flex-shrink: 0
}

.chips__close {
    width: 24px;
    height: 24px;
    background: url(../images/general/Fn-close.svg)
}

.chips.chips--with-icon {
    padding-right: 4px;
    gap: 4px
}

@media screen and (max-width:991px) {
    .sourcesTable {
        border-top: 1px solid #e6e6e6
    }
}

.sourcesTable .gostTable-item__mark-left {
    display: none
}

@media screen and (max-width:991px) {
    .sourcesTable .gostTable-item__inner {
        gap: 4px;
        display: flex;
        flex-direction: column;
        align-items: flex-start !important
    }
}

@media screen and (max-width:991px) {
    .sourcesTable .gostTable-item__name {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 16px
    }
}

@media screen and (max-width:991px) {
    .sourcesTable .gostTable-item__download {
        padding: 0
    }
}

@media screen and (max-width:991px) {
    .sourcesTable .gostTable-item-download {
        border: 1px solid #e6e6e6
    }
}

@media screen and (max-width:991px) {
    .sourcesTable .gostTable-item-download__txt {
        display: block !important
    }
}

.dictionary__container ._block-head {
    margin: 0 -16px
}

.dictionary__search {
    margin: 0 -16px;
    border-bottom: 1px solid #E6E6E6;
    position: relative
}

.dictionary__search__button {
    padding: 16px 20px;
    border-right: 1px solid #E6E6E6;
    max-width: 80px
}

.dictionary__search__button button.active {
    background: #0387ce
}

.dictionary__search__button button.active svg {
    fill: #4a4953
}

.dictionary__search__input {
    padding: 16px;
    max-width: none;
    width: 100%
}

.dictionary__search__alphabet {
    padding: 16px;
    display: none;
    flex-wrap: wrap;
    position: absolute;
    z-index: 10;
    left: 20px;
    top: 72px;
    background: #fff;
    max-width: 314px;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .05);
    border-radius: 16px;
    border: 1px solid #e6e6e6
}

.dictionary__search__alphabet.active {
    display: flex
}

.dictionary__search__alphabet span {
    padding: 8px 15.5px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    max-width: 40px;
    max-height: 40px;
    min-width: 40px;
    min-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dictionary__search__alphabet span:hover {
    border: 1px solid #5F82D3;
    outline: #EEF5FF;
    cursor: pointer
}

.dictionary__search__alphabet span.active {
    background: #5F82D3;
    color: #fff
}

.dictionary__search__alphabet span.fill {
    background: #EEF5FF
}

.dictionary__list_show-more {
    padding: 16px;
    text-align: center;
    border-top: 1px solid #E6E6E6
}

.dictionary__list_show-more a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #5F82D3
}

.dictionary__list_show-more:hover {
    cursor: pointer
}

.dictionary__list_item {
    display: flex;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 -16px
}

@media screen and (max-width:991px) {
    .dictionary__list_item {
        flex-direction: column
    }
}

.dictionary__list_letter {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
    min-width: 80px;
    border-right: 1px solid #E6E6E6;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width:991px) {
    .dictionary__list_letter {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 16px;
        border-bottom: 1px solid #E6E6E6;
        position: sticky;
        top: 104px;
        background: #fff;
        z-index: 10
    }
}

.dictionary__list_terms {
    width: 100%
}

.dictionary__list_terms_el {
    padding: 16px;
    position: relative
}

.dictionary__list_terms_el:hover {
    background: #EEF5FF
}

.dictionary__list_terms_el a,
.dictionary__list_terms_el span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.dictionary__list_terms_el a {
    color: #5F82D3
}

.dictionary__list_terms_el:not(:first-child) {
    border-top: 1px solid #E6E6E6
}

.dictionary-inner ._block-body {
    padding: 24px
}

.dictionary-inner__container {
    min-height: 654px
}

.dictionary-inner__body p {
    margin: 0;
    font-weight: 500
}

.dictionary-inner__hover {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    min-width: 300px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 16px 0 16px 16px;
    filter: drop-shadow(0 4px 50px rgba(0, 0, 0, .05));
    overflow: hidden;
    z-index: 11
}

.dictionary-inner__hover_a {
    position: relative;
    margin-right: 3px
}

.dictionary-inner__hover_a:hover .dictionary-inner__hover {
    display: block
}

.dictionary-inner__hover_text {
    padding: 24px
}

.dictionary-inner__hover_text p {
    text-align: left;
    color: #4A4953
}

.dictionary-inner__hover_text p a {
    color: #5F82D3
}

.cookies_alert {
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background: #fff;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px)
}

.cookies_alert:not(.visible) {
    display: none
}

@media screen and (max-width:600px) {
    .cookies_alert {
        flex-direction: column;
        padding: 12px 16px;
        gap: 8px
    }
}

.cookies_alert__info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    gap: 16px
}

@media screen and (max-width:600px) {
    .cookies_alert__info {
        gap: 8px
    }
}

.cookies_alert__icon {
    width: 24px;
    height: 24px;
    fill: #ccc
}

@media screen and (max-width:368px) {
    .cookies_alert__icon {
        display: none
    }
}

.cookies_alert__text {
    font-family: PT Root UI;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background: linear-gradient(90deg, #404d6c 0, #2f384f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cookies_alert__link {
    display: inline;
    white-space: nowrap
}

@media screen and (max-width:600px) {
    .cookies_alert__button {
        width: 100%
    }
}

.work_restrictions_alert {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #e6e6e6;
    background-color: #fff7e2;
    margin-top: 16px
}

.work_restrictions_alert:not(.visible) {
    display: none
}

@media screen and (max-width:600px) {
    .work_restrictions_alert {
        gap: 8px;
        padding: 12px;
        align-items: flex-start
    }
}

.work_restrictions_alert__close {
    flex: 0 0 24px;
    width: 24px;
    height: 24px
}

.work_restrictions_alert__close svg {
    width: 24px;
    height: 24px;
    fill: #898889
}

.work_restrictions_alert__icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    fill: #898889
}

.work_restrictions_alert__text {
    flex: 1;
    font-family: PT Root UI;
    font-weight: bold;
    color: #4a4953;
    font-size: 14px;
    font-style: normal;
    line-height: 19px;
    letter-spacing: .84px;
    text-transform: uppercase
}

.content:has(.work_restrictions_alert:not(.visible)) {
    display: none
}

.content:has(.work_restrictions_alert.visible) {
    flex: 0
}

.mobile_contacts {
    display: flex;
    padding: 4px 16px;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    background-color: #eff0f3;
    z-index: 1001
}

@media screen and (min-width:480px) {
    .mobile_contacts {
        display: none
    }
}

.mobile_contacts__phone {
    color: var(--Grayscale-Mist-80, #4a4953);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.mobile_contacts__email {
    color: #5f82d3;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.details {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden
}

.details__title {
    padding: 16px 32px;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    color: #404d6c
}

.details__content {
    padding: 16px 32px
}

.details .toggleOverflowBtn {
    border-top: 1px solid #e6e6e6
}

.post,
.page {
    margin: 0 !important;
}

.main__delivery-txt {
    width: 70%;
}

@media(max-width: 1200px) {
    .main__delivery-txt {
        width: 60%;
    }
}

@media(max-width: 1025px) {
    .delivery-video {
        width: 100%;
    }

    .main__delivery-txt {
        width: 100%;
    }
}

.facetwp-facet {
    margin-bottom: 0 !important;
}

.facetwp-radio {
    background-image: none !important;
    background-size: none !important;
    margin-bottom: 0 !important;
    padding-left: 12px !important;
}


.main__directors__form-active {
    opacity: 0;
    visibility: hidden;
    align-items: center;
    display: flex;
    justify-content: center;
}

.main__directors__form-active+.contact-us__thanks {
    opacity: 1;
    visibility: inherit;
}

.main-product-image img {
    width: 72px;
    height: 72px;
}

.main-get-price__content-active {
    opacity: 0 !important;
}

.main-thank-get-price__content-active {
    opacity: 1 !important;
    visibility: inherit !important;
}


.main-search {
    width: 100%;
    height: 40px;
    padding-left: 36px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
    color: #414E6D
}

.main-search::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.main-search:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.main-search::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #B3B3B3
}

.main-search:focus {
    box-shadow: 0 0 0 2px #0387ce;
    border-color: transparent !important
}

.material-search .main-search:focus {
    box-shadow: 0 0 0 2px #0387ce;
    border-color: transparent
}


.wp-pagenavi .pages {
    display: none;
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 8px !important;
    border: none !important;

    min-width: 40px;
    min-height: 40px;
    cursor: pointer;
    color: #B3B3B3;
    text-align: center;
    vertical-align: middle;
    padding: 8px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.wp-pagenavi span.current {
    color: #000;
}

.nextpostslink,
.previouspostslink {
    font-size: 30px !important;
}

.facetwp-type-search i {
    display: none;
}

.main__gost__select {
    padding: 15px 12px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    outline: none;
}


.facetwp-search {
    border-radius: 8px !important;
}


  .facetwp-facet-to_alphavet select {
    display: none;
  }

  .sort__kind {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .sort-radio {
    cursor: pointer;
  }

  .main-gost-sort-up,
  .main-gost-sort-dawn {
    width: 24px;
    height: 24px;
    fill: #000;
  }


  .main-gost-sort-up:hover,
  .main-gost-sort-dawn:hover {
    fill: #0387CE;
  }

  .sort-radio.checked {
    opacity: 0.7;
  }

  .woocommerce nav.woocommerce-pagination ul {
    border: 0 !important;
  }

  .woocommerce nav.woocommerce-pagination ul li {
    border: 0 !important;
  }

  .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: #0387CE !important;
    color: #fff !important;
  }

.about-company_documents-body p {
    margin-bottom: 15px !important;
}


@media(max-width: 1248px) {
    .header__form-search {
        width: 33%;
    }
}

.main__header__btn {
    display: block !important;
    width: 30%;
    margin-right: 20px;
}


@media(max-width: 1155px){
    .main__header__btn {
        display: none !important;
    }
}

@media(max-width:767px) {
.footer__link-phone-mob:nth-of-type(3) {
    display: none !important;
}
}