/* Start:/local/css/style.min.css?1746705303189201*/
/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);

/* fontawesome */
@import url(http://weloveiconfonts.com/api/?family=fontawesome);

[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input, textarea {
    outline: 0;
    width: 100%
}

button, input, optgroup, select, textarea {
    display: block;
    font-family: inherit;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

:root {
    --inW: 1200px;
    --inP: 20px;
    --inP2: calc(var(--inP) / 2);
    --inM: calc(var(--inP2) * -1);
    --slider-nav-arrow: 57px
}

@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
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide img {
    object-fit: contain;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .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, .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.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-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 999999;
    background: rgba(58, 63, 68, .7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    opacity: 0;
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    -o-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:0px) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

* {
    margin: 0;
    padding: 0;
    outline: 0
}

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

body, html {
    margin: 0;
    padding: 0;
    min-width: 320px;
    width: 100%;
    height: 100%
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    color: #000;
    font-family: "Noto Sans", Roboto, sans-serif;
    font-weight: 400;
    cursor: default;
    overflow-x: hidden;
    overflow-y: auto
}

.body--fixed, .fancybox-active {
    overflow: hidden !important;
    padding-right: var(--sbW)
}

.clear {
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    position: relative;
    font-size: 0;
    line-height: 0
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

b {
    font-weight: 700
}

i {
    font-style: italic
}

.ui-btn, a {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.disabled {
    pointer-events: none;
    cursor: default !important
}

img {
    width: 100%;
    display: block;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

img[data-src] {
    opacity: 0
}

picture.lazyLoad img {
    opacity: 0
}

picture.loaded img {
    opacity: 1 !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-nowrap {
    white-space: nowrap
}

.display-ib {
    display: inline-block
}

.display-b {
    display: block
}

.display-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-expand__hidden {
    display: none
}

.ui-accordion__panel {
    display: none
}

.ui-tabs-trigger.active, .ui-tabs__item.active .ui-tabs__btn {
    pointer-events: none
}

.ui-tabs-content:not(.ui-tabs-content--fix-height) {
    width: 100%;
    position: absolute;
    left: -9999px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.ui-tabs-content:not(.ui-tabs-content--fix-height).active {
    width: auto;
    position: relative;
    left: auto;
    top: auto
}

.ui-tabs-content--fh {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.ui-tabs-content--fh.active {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.ui-tabs-content.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transition: opacity .2s, visibility .2s;
    -o-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

.ui-tabs-contents {
    position: relative
}

.ui-tabs-contents--fh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.svg-sprite {
    position: absolute;
    left: -99999px;
    top: -99999px;
    width: 0;
    height: 0
}

svg {
    display: block;
    width: 100%;
    height: 100%;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality
}

.ui-grid {
    --gGap: 20px;
    --gGapB: var(--gGap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--gGapB) var(--gGap)
}

.ui-grid__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc((100% - (var(--gOf) - 1) * var(--gGap)) / var(--gOf) * var(--gCols) + var(--gGap) * (var(--gCols) - 1))
}

.ui-grid__col--1 {
    --gCols: 1;
    --gOf: 1
}

.ui-grid__col--1of2, .ui-grid__col--2of4, .ui-grid__col--3of6, .ui-grid__col--4of8 {
    --gCols: 1;
    --gOf: 2
}

.ui-grid__col--1of3 {
    --gCols: 1;
    --gOf: 3
}

.ui-grid__col--2of3 {
    --gCols: 2;
    --gOf: 3
}

.ui-grid__col--1of4 {
    --gCols: 1;
    --gOf: 4
}

.ui-grid__col--3of4 {
    --gCols: 3;
    --gOf: 4
}

.ui-grid__col--1of5 {
    --gCols: 1;
    --gOf: 5
}

.ui-grid__col--2of5 {
    --gCols: 2;
    --gOf: 5
}

.ui-grid__col--3of5 {
    --gCols: 3;
    --gOf: 5
}

.ui-grid__col--4of5 {
    --gCols: 4;
    --gOf: 5
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: .5;
    text-align: inherit !important;
    color: inherit !important;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: .5;
    text-align: inherit !important;
    color: inherit !important;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

textarea::-webkit-input-placeholder {
    opacity: .5;
    text-align: inherit !important;
    color: inherit !important;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

textarea::-moz-placeholder {
    opacity: .5;
    text-align: inherit !important;
    color: inherit !important;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

input::-moz-placeholder, input::-webkit-input-placeholder, textarea::-moz-placeholder, textarea::-webkit-input-placeholder {
    opacity: 1
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 1
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 1
}

label {
    display: block;
    position: relative
}

button, input, textarea {
    border-radius: 0
}

textarea {
    resize: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

:-webkit-autofill, :-webkit-autofill:focus, :-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

.ui-input {
    padding: 0;
    position: relative;
    cursor: text
}

.ui-input input, .ui-input textarea {
    width: 100%;
    display: block;
    color: var(--ui-input-color);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: var(--ui-input-border) solid 1px;
    background: var(--ui-input-bg);
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-radius: 3px
}

.ui-input input {
    height: var(--ui-input-height);
    padding: 0 19px
}

.ui-input textarea {
    min-height: var(--ui-input-ta-height);
    padding: var(--ui-input-ta-pad) 19px
}

.ui-input__ph {
    display: block;
    width: 100%;
    font-size: var(--ui-input-ph-size);
    line-height: 16px;
    text-align: left;
    color: var(--ui-input-ph);
    cursor: text;
    margin-bottom: 5px
}

.ui-input__ph em,
.ui-knob__text em {
    color: #dc385e !important
}

.ui-input--1 {
    --ui-input-height: 62px;
    --ui-input-ph: #000;
    --ui-input-ph-size: 12px;
    --ui-input-color: #000;
    --ui-input-border: #B7B7B7;
    --ui-input-bg: #F5F5F5;
    --ui-input-ta-pad: 19px;
    --ui-input-ta-height: 62px
}

.ui-input--2 {
    --ui-input-height: 50px;
    --ui-input-ph: #B7B7B7;
    --ui-input-ph-size: 14px;
    --ui-input-color: #000;
    --ui-input-border: #D9D9D9;
    --ui-input-bg: #FCFCFC;
    --ui-input-ta-pad: 13px;
    --ui-input-ta-height: 50px
}

.ui-input--3 {
    --ui-input-height: 50px;
    --ui-input-ph: #B7B7B7;
    --ui-input-ph-size: 14px;
    --ui-input-color: #000;
    --ui-input-border: #ddd;
    --ui-input-bg: #fff;
    --ui-input-ta-pad: 13px;
    --ui-input-ta-height: 50px
}

.ui-input:focus-within input, .ui-input:focus-within textarea {
    border-color: #365edc
}

.ui-check {
    position: relative;
    padding: 0;
    cursor: pointer
}

.ui-check input {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.ui-check__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.ui-check__icon {
    display: block;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.ui-check__icon:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 3px;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    background: rgba(78, 70, 180, .12)
}

.ui-check__icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M16 9c-.28 0-.53.11-.71.29L11 13.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42l3 3c.18.18.43.29.71.29.28 0 .53-.11.71-.29l5-5A1.003 1.003 0 0 0 16 9Z" fill="%23fff"/%3E%3C/svg%3E') no-repeat center
}

.ui-check__text {
    display: block;
    font-weight: 200;
    font-size: 18px;
    line-height: 24px;
    color: #000
}

html.no-touch .ui-check:hover .ui-check__icon:before {
    background: rgba(78, 70, 180, .3)
}

.ui-check input:checked ~ .ui-check__inner .ui-check__icon:before {
    background: #365edc
}

.ui-check input:disabled ~ .ui-check__inner .ui-check__icon:before {
    background: rgba(78, 70, 180, .12);
}

.disabled .ui-check__text {
    opacity: 0.5;
}

.ui-knob {
    --ui-knob-width: 28px;
    --ui-knob-height: 16px;
    position: relative;
    padding: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.ui-knob input {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.ui-knob__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.ui-knob__icon {
    width: var(--ui-knob-width);
    height: var(--ui-knob-height);
    position: relative;
    border-radius: 8px;
    background: var(--ui-knob-icon);
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.ui-knob__icon:before {
    content: "";
    position: absolute;
    width: var(--ui-knob-height);
    height: var(--ui-knob-height);
    top: 0;
    left: 0;
    border-radius: 100%;
    border: var(--ui-knob-icon-dot-border) solid 2px;
    background: var(--ui-knob-icon-dot-bg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.ui-knob__text {
    color: var(--ui-knob-color)
}

.ui-knob__text a {
    color: var(--ui-knob-link-color);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .15em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

html.no-touch .ui-knob__text a:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.ui-knob--c1 {
    --ui-knob-color: #fff;
    --ui-knob-icon: #F5F5F5;
    --ui-knob-icon-dot-bg: #31333B;
    --ui-knob-icon-dot-border: #F5F5F5;
    --ui-knob-color-a: #fff;
    --ui-knob-icon-a: #365EDC;
    --ui-knob-icon-dot-bg-a: #fff;
    --ui-knob-icon-dot-border-a: #365EDC;
    --ui-knob-link-color: #365EDC
}

.ui-knob--c2 {
    --ui-knob-color: #000;
    --ui-knob-icon: #eee;
    --ui-knob-icon-dot-bg: #fff;
    --ui-knob-icon-dot-border: #eee;
    --ui-knob-color-a: #fff;
    --ui-knob-icon-a: #365EDC;
    --ui-knob-icon-dot-bg-a: #fff;
    --ui-knob-icon-dot-border-a: #365EDC;
    --ui-knob-link-color: #365EDC
}

.ui-knob--s2 {
    --ui-knob-width: 33px;
    --ui-knob-height: 16px
}

.ui-knob--f2 {
    font-weight: 200;
    font-size: 16px;
    line-height: 22px
}

.ui-knob input:checked ~ .ui-knob__inner .ui-knob__icon {
    background-color: var(--ui-knob-icon-a)
}

.ui-knob input:checked ~ .ui-knob__inner .ui-knob__icon:before {
    left: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: var(--ui-knob-icon-dot-bg-a);
    border-color: var(--ui-knob-icon-dot-border-a)
}

.ui-btn {
    --ui-btn-height: 50px;
    --ui-btn-fw: 400;
    min-height: var(--ui-btn-height);
    font-weight: var(--ui-btn-fw);
    font-size: 16px;
    line-height: 22px;
    width: auto;
    padding: 9px 19px;
    border-radius: 3px;
    text-align: center;
    border: var(--ui-btn-border) solid 1px;
    background-color: var(--ui-btn-bg);
    color: var(--ui-btn-color)
}

.ui-btn, .ui-btn__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.ui-btn__text {
    display: block
}

.ui-btn__icon {
    width: 24px;
    aspect-ratio: 1/1
}

.ui-btn__icon--20 {
    width: 20px
}

.ui-btn__icon svg {
    stroke: var(--ui-btn-icon);
    fill: var(--ui-btn-icon);
    -webkit-transition: fill .2s, stroke .2s;
    -o-transition: fill .2s, stroke .2s;
    transition: fill .2s, stroke .2s
}

.ui-btn--full {
    width: 100%
}

.ui-btn--fw-300 {
    --ui-btn-fw: 300
}

.ui-btn--fw-500 {
    --ui-btn-fw: 500
}

.ui-btn--s2 {
    font-size: 12px;
    line-height: 16px;
    min-height: 34px;
    padding: 4px 14px
}

.ui-btn--s2 .ui-btn__icon:is(:first-child) {
    margin-left: -10px
}

.ui-btn--s2 .ui-btn__icon:is(:last-child) {
    margin-right: -10px
}

.ui-btn--blue {
    --ui-btn-border: #365EDC;
    --ui-btn-bg: #365EDC;
    --ui-btn-color: #fff;
    --ui-btn-border-h: #6489FF;
    --ui-btn-bg-h: #6489FF;
    --ui-btn-color-h: #fff
}

.ui-btn--border-blue {
    --ui-btn-border: #365EDC;
    --ui-btn-bg: transparent;
    --ui-btn-color: #365EDC;
    --ui-btn-icon: #365EDC;
    --ui-btn-border-h: #365EDC;
    --ui-btn-bg-h: #365EDC;
    --ui-btn-color-h: #fff;
    --ui-btn-icon-h: #fff
}

.ui-btn--border-blue2 {
    --ui-btn-border: #365EDC;
    --ui-btn-bg: transparent;
    --ui-btn-color: #000;
    --ui-btn-icon: #365EDC;
    --ui-btn-border-h: #365EDC;
    --ui-btn-bg-h: #365EDC;
    --ui-btn-color-h: #fff;
    --ui-btn-icon-h: #fff
}

.ui-btn--border-grey {
    --ui-btn-border: #EBEBEB;
    --ui-btn-bg: transparent;
    --ui-btn-color: #000;
    --ui-btn-icon: #365EDC;
    --ui-btn-border-h: #365EDC;
    --ui-btn-bg-h: transparent;
    --ui-btn-color-h: #365EDC;
    --ui-btn-icon-h: #365EDC
}

html.no-touch .ui-btn:hover {
    border-color: var(--ui-btn-border-h);
    background-color: var(--ui-btn-bg-h);
    color: var(--ui-btn-color-h)
}

html.no-touch .ui-btn:hover .ui-btn__icon svg {
    stroke: var(--ui-btn-icon-h);
    fill: var(--ui-btn-icon-h)
}

button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ui-crossbtn {
    position: relative;
    z-index: 3;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-crossbtn:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41 17.59 5Z" fill="%23fff"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41 17.59 5Z" fill="%23fff"/%3E%3C/svg%3E');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: #000;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

html.no-touch .ui-crossbtn:hover:before {
    background: #365edc
}

.popups-overlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(58, 63, 68, .7);
    -webkit-transition: opacity .2s, visibility .2s;
    -o-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

body:not(.body--popup-opened) .popups-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@supports ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())) {
    .popups-overlay {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
}

.popup {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    scroll-behavior: contain;
    -webkit-transition: opacity .2s, visibility .2s;
    -o-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.popup__content {
    padding: 30px;
    background: #fff;
    width: 100%;
    margin: auto;
    position: relative
}

.popup__content--form {
    max-width: 495px;
    padding-top: 54px
}

.popup__close {
    position: absolute;
    right: 0;
    top: 0
}

.popup__head {
    --mb: 25px
}

.popup__form {
    --gGap: 20px
}

.popup__col {
    --gCols: 1;
    --gOf: 1
}

.popup__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.popup__req {
    font-weight: 200;
    font-size: 12px;
    line-height: 16px
}

.popup__req span {
    color: #dc385e
}

.app {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.app--ov {
    overflow: visible
}

.app__content {
    width: 100%;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer, .header, .section {
    width: 100%;
    position: relative
}

.section--fh {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.head, .inner {
    width: calc(100% - var(--inP) * 2);
    max-width: var(--inW);
    margin: 0 auto;
    position: relative
}

.head {
    --mb: 30px;
    margin-bottom: var(--mb)
}

.head__big {
    font-weight: 400;
    font-size: 40px;
    line-height: 1.35em
}

.head__title {
    font-size: 30px;
    line-height: 1.35em;
    font-weight: 300
}

.head__mtitle {
    font-size: 23px;
    line-height: 1.35em;
    font-weight: 300
}

.head__subtext {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px
}

.head__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.head--inner {
    width: 100%
}

.head--no-m {
    --mb: 0 !important
}

.ui-scroll {
    scrollbar-width: thin;
    scrollbar-color: #365edc transparent
}

.ui-scroll::-webkit-scrollbar {
    width: 4px;
    border-radius: 3px
}

.ui-scroll::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 3px
}

.ui-scroll::-webkit-scrollbar-thumb {
    background-color: #365edc;
    border: 0 solid transparent;
    border-radius: 3px
}

.ui-div {
    --ui-div-bg: #B7B7B7;
    width: 100%;
    height: 1px;
    background: var(--ui-div-bg)
}

.ui-carousel__item {
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui-small {
    --ui-small-color: #8E8E8E;
    font-size: 12px;
    line-height: 16px;
    font-weight: 200;
    color: var(--ui-small-color);
    text-transform: uppercase
}

.ui-text {
    font-size: 18px;
    line-height: 25px;
    font-weight: 200
}

.ui-text b {
    font-weight: 500
}

.ui-text a {
    color: #365edc;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .15em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

html.no-touch .ui-text a:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.ui-text h2:not(:last-child), .ui-text h3:not(:last-child), .ui-text ol:not(:last-child), .ui-text p:not(:last-child), .ui-text ul:not(:last-child), .ui-text > img:not(:last-child) {
    margin-bottom: 20px
}

.ui-text > img {
    border-radius: 3px
}

.ui-text h2 {
    font-weight: 300;
    font-size: 30px;
    line-height: 41px
}

.ui-text h3 {
    font-weight: 300;
    font-size: 23px;
    line-height: 31px
}

.ui-text ol li, .ui-text ul li {
    position: relative
}

.ui-text ol li:not(:last-child), .ui-text ul li:not(:last-child) {
    margin-bottom: 10px
}

.ui-text ul li {
    padding-left: 54px
}

.ui-text ul li:before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    left: 20px;
    top: 0;
    background: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M16 6H8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2ZM8 4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4H8Z" fill="%23365EDC"/%3E%3Cpath d="m12 16.42-4-4 1.41-1.41L12 13.59 18.59 7 20 8.42l-8 8Z" fill="%23365EDC"/%3E%3C/svg%3E') no-repeat center
}

.ui-text ol {
    counter-reset: article-count
}

.ui-text ol li {
    counter-increment: article-count;
    padding-left: 46px
}

.ui-text ol li:before {
    position: absolute;
    content: counter(article-count) ".";
    top: 0;
    right: calc(100% - 36px);
    text-align: right;
    font-weight: 500;
    color: #365edc
}

.ui-text blockquote {
    position: relative;
    padding-left: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.ui-text blockquote:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url('data:image/svg+xml,%3Csvg width="50" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M34.109 24.211c3.268 0 5.474 2.275 5.474 5.645 0 3.033-2.533 5.56-5.964 5.56-3.759 0-6.536-3.032-6.536-7.666 0-10.532 7.68-14.745 12.5-15.25v4.634c-3.268.59-6.945 3.875-7.108 7.498.163-.084.817-.42 1.634-.42Z" fill="%23365EDC"/%3E%3Cpath d="M17.442 24.211c3.268 0 5.474 2.275 5.474 5.645 0 3.033-2.533 5.56-5.964 5.56-3.758 0-6.536-3.032-6.536-7.666 0-10.532 7.68-14.745 12.5-15.25v4.634c-3.268.59-6.944 3.875-7.108 7.498.164-.084.817-.42 1.634-.42Z" fill="%23365EDC"/%3E%3C/svg%3E') no-repeat center
}

.ui-text blockquote:not(:last-child) {
    margin-bottom: 30px
}

.ui-text blockquote:not(:first-child) {
    margin-top: 30px
}

.ui-entry {
    display: block
}

.ui-entry__img {
    overflow: hidden;
    border-radius: 3px;
    position: relative
}

.ui-entry__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.ui-entry__action {
    position: absolute;
    top: 10px;
    right: 10px
}

.ui-entry__ttl {
    font-size: 20px;
    line-height: 27px;
    margin-top: 20px
}

.ui-entry__date {
    margin-top: 20px
}

.ui-entry__type {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-entry__type-b {
    padding: 4px 9px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #666;
    border: #b7b7b7 solid 1px
}

.ui-entry__end {
    margin-top: 20px;
    position: relative;
    padding: 4px 0 0 29px
}

.ui-entry__end:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 18a6 6 0 1 1 6-6 6.007 6.007 0 0 1-6 6Zm0-10.8a4.8 4.8 0 1 0 0 9.6 4.8 4.8 0 0 0 0-9.6Zm3 4.8a.6.6 0 0 1-.6.6h-2.621a.379.379 0 0 1-.379-.379V9.6a.6.6 0 1 1 1.2 0v1.8h1.8a.6.6 0 0 1 .6.6Z" fill="%23696969"/%3E%3C/svg%3E') no-repeat center
}

.ui-entry__end span {
    white-space: nowrap;
    color: #dc385e;
    font-weight: 500
}

.ui-entry__date, .ui-entry__ttl {
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

html.no-touch .ui-entry:hover .ui-entry__img img {
    scale: 1.1
}

html.no-touch .ui-entry:hover .ui-entry__ttl {
    color: #365edc
}

html.no-touch .ui-entry:hover .ui-entry__date {
    color: #000
}

.ui-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0;
    z-index: 3
}

.ui-nav__item {
    width: var(--slider-nav-arrow);
    height: var(--slider-nav-arrow);
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-nav__item:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 3px;
    background-color: var(--ui-nav-bg);
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.ui-nav__item svg {
    width: 24px;
    height: 24px;
    position: relative;
    fill: var(--ui-nav-arrow);
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.ui-nav__item--n svg {
    scale: -1 1
}

html.no-touch .ui-nav__item:hover:before {
    background-color: var(--ui-nav-bg-h)
}

html.no-touch .ui-nav__item:hover svg {
    fill: var(--ui-nav-icon-h)
}

.ui-nav__item.swiper-button-disabled {
    pointer-events: none;
    background-color: var(--ui-nav-bg-d)
}

.ui-nav__item.swiper-button-disabled svg {
    fill: var(--ui-nav-icon-d)
}

.ui-nav--s2 {
    --slider-nav-arrow: 24px
}

.ui-nav--white {
    --ui-nav-bg: #fff;
    --ui-nav-icon: #000;
    --ui-nav-bg-h: #365EDC;
    --ui-nav-icon-h: #fff;
    --ui-nav-bg-d: #fff;
    --ui-nav-icon-d: #B7B7B7
}

.ui-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.ui-crumbs__item {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    color: #b7b7b7
}

.ui-crumbs__item:not(:last-child) {
    padding-right: 34px
}

.ui-crumbs__item:not(:last-child):after {
    content: "";
    position: absolute;
    pointer-events: none;
    right: 0;
    top: -4px;
    width: 24px;
    height: 24px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m11 15 3-3-3-3" stroke="%23B7B7B7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m11 15 3-3-3-3" stroke="%23B7B7B7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: #b7b7b7
}

html.no-touch .ui-crumbs__item > a:hover {
    color: #000
}

.ui-qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 82px
}

.ui-qty__ctrl {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    position: relative
}

.ui-qty__ctrl:after, .ui-qty__ctrl:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    background: #b7b7b7;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.ui-qty__ctrl:before {
    width: 8px;
    height: 1px
}

.ui-qty__ctrl:after {
    width: 1px;
    height: 8px
}

.ui-qty__ctrl--m:after {
    content: none
}

html.no-touch .ui-qty__ctrl:hover:after, html.no-touch .ui-qty__ctrl:hover:before {
    background: #365edc
}

.ui-qty__inp {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    border: #eee solid 1px;
    border-radius: 3px;
    width: 34px;
    height: 34px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-card {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px;
    position: relative
}

.ui-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .25);
    box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .25);
    border-radius: 3px;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

.ui-card__img {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    min-height: 230px;
}

.ui-card__img img {
    max-width: 270px;
    max-height: 370px;
    width: auto;
    height: auto;
    margin: 0 auto
}

.ui-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    height: 27px;
    position: relative;
    margin-bottom: 20px
}

.ui-card__fav {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: block;
    position: relative
}

.ui-card__fav svg {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: opacity .2s, fill .2s;
    -o-transition: opacity .2s, fill .2s;
    transition: opacity .2s, fill .2s
}

.ui-card__fav-1 {
    fill: #b7b7b7
}

.ui-card__fav-2 {
    opacity: 0;
    fill: #365edc
}

html.no-touch .ui-card__fav:hover .ui-card__fav-1 {
    fill: #365edc
}

.ui-card__fav.active .ui-card__fav-1 {
    opacity: 0 !important
}

.ui-card__fav.active .ui-card__fav-2 {
    opacity: 1 !important
}

.ui-card__name {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    position: relative;
    min-height: 50px;
    max-height: 50px;
    overflow: hidden;
}

html.no-touch .ui-card__name a:hover {
    color: #365edc
}

.ui-card__bot {
    margin-top: auto;
    padding-top: 15px;
    position: relative
}

.ui-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 500
}

.ui-card__price-new {
    font-size: 22px;
    line-height: 34px
}

.ui-card__price-old {
    font-size: 14px;
    line-height: 20px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #b7b7b7
}

.ui-card__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 10px
}

.ui-card__qty {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-card__add {
    width: 156px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html.no-touch .ui-card:hover:before {
    opacity: 1
}

[data-view=list] .ui-card {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 20px 1fr 20px 245px;
    grid-template-columns:200px 1fr 245px;
    -ms-grid-rows: 1fr 20px 1fr;
    grid-template-rows:1fr 1fr;
    gap: 20px 20px;
    grid-template-areas:"img name bot""img info bot"
}

[data-view=list] .ui-card:before {
    -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, .09);
    box-shadow: 0 0 17px rgba(0, 0, 0, .09)
}

[data-view=list] .ui-card__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: img;
    margin: 0
}

[data-view=list] .ui-card__img img {
    max-width: 200px;
}

[data-view=list] .ui-card__name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: name;
    margin: 10px 0 0 0
}

[data-view=list] .ui-card__info {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: info;
    margin: 0 0 10px 0;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

[data-view=list] .ui-card__bot {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
    grid-area: bot;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0;
    padding: 0
}

.ui-badges {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    pointer-events: none
}

.ui-badges__item {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 17px;
    color: var(--badgeC);
    background: var(--badgeB)
}

.ui-recent {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    position: relative;
    overflow: hidden
}

.ui-recent:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #f5f5f5
}

.ui-recent__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    width: 39.3%;
    max-width: 110px;
    position: relative
}

.ui-recent__img img {
    height: 80%;
    object-fit: contain;
}

.ui-recent__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.ui-recent__name {
    font-weight: 100;
    font-size: 16px;
    line-height: 22px;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ui-recent__price {
    margin-top: auto;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 10px
}

html.no-touch .ui-recent:hover .ui-recent__name {
    color: #365edc
}

.ui-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.ui-socials__item {
    width: 18px;
    height: 18px;
    display: block
}

.ui-socials--white .ui-socials__item svg {
    fill: #fff
}

html.no-touch .ui-socials--white .ui-socials__item:hover {
    opacity: .7
}

.ui-ctrl {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: var(--ui-ctrl-border) solid 1px;
    background: var(--ui-ctrl-bg);
    border-radius: 3px;
    -webkit-transition: background .2s, border .2s, color .2s;
    -o-transition: background .2s, border .2s, color .2s;
    transition: background .2s, border .2s, color .2s;
    text-transform: uppercase;
    height: 34px;
    gap: 10px;
    color: var(--ui-ctrl-color)
}

.ui-ctrl__icon {
    display: block;
    width: 24px;
    height: 24px
}

.ui-ctrl__icon svg {
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s;
    fill: var(--ui-ctrl-icon);
    stroke: var(--ui-ctrl-icon)
}

.ui-ctrl__text {
    display: block
}

.ui-ctrl--1 {
    padding: 5px 15px 5px 5px;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    --ui-ctrl-bg: #fff;
    --ui-ctrl-color: #B7B7B7;
    --ui-ctrl-border: #EBEBEB;
    --ui-ctrl-icon: #B7B7B7;
    --ui-ctrl-bg-h: #fff;
    --ui-ctrl-color-h: #365EDC;
    --ui-ctrl-border-h: #365EDC;
    --ui-ctrl-icon-h: #365EDC;
    --ui-ctrl-bg-a: #365EDC;
    --ui-ctrl-color-a: #fff;
    --ui-ctrl-border-a: #fff;
    --ui-ctrl-icon-a: #fff
}

.ui-ctrl--2 {
    padding: 5px 10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    --ui-ctrl-bg: #fff;
    --ui-ctrl-color: #000;
    --ui-ctrl-border: #EBEBEB;
    --ui-ctrl-icon: #365EDC;
    --ui-ctrl-bg-h: #fff;
    --ui-ctrl-color-h: #365EDC;
    --ui-ctrl-border-h: #365EDC;
    --ui-ctrl-icon-h: #365EDC;
    --ui-ctrl-bg-a: #365EDC;
    --ui-ctrl-color-a: #fff;
    --ui-ctrl-border-a: #fff;
    --ui-ctrl-icon-a: #fff
}

.ui-ctrl--3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    --ui-ctrl-bg: transparent;
    --ui-ctrl-border: transparent;
    --ui-ctrl-color: #fff;
    --ui-ctrl-icon: #365EDC
}

html.no-touch .ui-ctrl:not(.active):hover {
    border-color: var(--ui-ctrl-border-h);
    color: var(--ui-ctrl-color-h);
    background-color: var(--ui-ctrl-bg-h)
}

html.no-touch .ui-ctrl:not(.active):hover svg {
    fill: var(--ui-ctrl-icon-h)
}

.ui-ctrl.active {
    border-color: var(--ui-ctrl-border-a);
    color: var(--ui-ctrl-color-a);
    background-color: var(--ui-ctrl-bg-a)
}

.ui-ctrl.active svg {
    fill: var(--ui-ctrl-icon-a)
}

.ui-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--ui-stars-gap)
}

.ui-stars__item {
    width: var(--ui-stars-size);
    height: var(--ui-stars-size);
    -webkit-mask-image: var(--ui-stars-icon-f);
    mask-image: var(--ui-stars-icon-f);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: var(--ui-stars-color-f)
}

.ui-stars__item:not(.active) {
    -webkit-mask-image: var(--ui-stars-icon);
    mask-image: var(--ui-stars-icon);
    background: var(--ui-stars-color)
}

.ui-stars--1 {
    --ui-stars-gap: 0;
    --ui-stars-size: 24px;
    --ui-stars-color: #B7B7B7;
    --ui-stars-color-f: #FFC700;
    --ui-stars-icon: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 2.5a1 1 0 0 1 .895.553l2.578 5.158 5.671.824a1 1 0 0 1 .554 1.706l-4.127 4.024.928 5.674a1 1 0 0 1-1.455 1.044L12 18.807l-5.044 2.676a1 1 0 0 1-1.455-1.044l.928-5.674-4.127-4.024a1 1 0 0 1 .554-1.706l5.67-.824 2.58-5.158A1 1 0 0 1 12 2.5Z" fill="%23B7B7B7"/%3E%3C/svg%3E');
    --ui-stars-icon-f: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 2.5a1 1 0 0 1 .895.553l2.578 5.158 5.671.824a1 1 0 0 1 .554 1.706l-4.127 4.024.928 5.674a1 1 0 0 1-1.455 1.044L12 18.807l-5.044 2.676a1 1 0 0 1-1.455-1.044l.928-5.674-4.127-4.024a1 1 0 0 1 .554-1.706l5.67-.824 2.58-5.158A1 1 0 0 1 12 2.5Z" fill="%23FFC700"/%3E%3C/svg%3E')
}

.ui-stars--2 {
    --ui-stars-gap: 10px;
    --ui-stars-size: 16px;
    --ui-stars-color: #FFC700;
    --ui-stars-color-f: #FFC700;
    --ui-stars-icon: url('data:image/svg+xml,%3Csvg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.75.75 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694v.001Z" fill="%23FFC700"/%3E%3C/svg%3E');
    --ui-stars-icon-f: url('data:image/svg+xml,%3Csvg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.75.75 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z" fill="%23FFC700"/%3E%3C/svg%3E')
}

.ui-more {
    font-size: 16px;
    line-height: 24px;
    font-weight: 200;
    color: #365edc;
    display: block;
    position: relative;
    padding-right: 34px;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .15em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

html.no-touch .ui-more:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.ui-more:after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12 14.5 5-5H7l5 5Z" fill="%23365EDC"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12 14.5 5-5H7l5 5Z" fill="%23365EDC"/%3E%3C/svg%3E');
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: #365edc
}

.product__review-sec.active .ui-more:after, .ui-expand.active .ui-more:after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.ui-pages {
    --ui-pages-size: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.ui-pages__item {
    width: var(--ui-pages-size);
    height: var(--ui-pages-size);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

html.no-touch .ui-pages__item:is(a):hover {
    color: #fff;
    background: #92b2f9
}

.ui-pages__item.active {
    color: #fff;
    background: #365edc;
    pointer-events: none
}

.ui-pages__btn {
    height: var(--ui-pages-size);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    border-radius: 3px
}

.ui-pages__btn-i {
    width: 24px;
    height: 24px
}

.ui-pages__btn-i svg {
    fill: #000;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.ui-pages__btn-t:is(:last-child) {
    margin-right: 10px
}

.ui-pages__btn-t:is(:first-child) {
    margin-left: 10px
}

.ui-pages__btn--n .ui-pages__btn-i {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

html.no-touch .ui-pages__btn:hover {
    color: #fff;
    background: #92b2f9
}

html.no-touch .ui-pages__btn:hover svg {
    fill: #fff
}

.ui-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.ui-action__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 30px;
    padding: 0 2px;
    height: 40px;
    background: #fff;
    border-radius: 3px;
    color: #000;
    text-align: center
}

.ui-action__item-l {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600
}

.ui-action__item-l.s2 {
    font-size: 15px
}

.ui-action__item-t {
    font-size: 6px;
    line-height: 1em;
    font-weight: 400;
    text-transform: uppercase
}

.ui-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px
}

.popup-window-content img {
    width: auto;
    margin: 0 auto;
}

.ui-dots__item {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-dots__item:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: var(--ui-dots-border) solid 2px;
    background: var(--ui-dots-bg);
    -webkit-transition: background .2s, border .2s;
    -o-transition: background .2s, border .2s;
    transition: background .2s, border .2s
}

.ui-dots__item.active:before, html.no-touch .ui-dots__item:hover:before {
    background-color: var(--ui-dots-bg-h);
    border-color: var(--ui-dots-border-h)
}

.ui-dots--blue {
    --ui-dots-bg: transparent;
    --ui-dots-border: #365EDC;
    --ui-dots-bg-h: #365EDC;
    --ui-dots-border-h: #365EDC
}

.header {
    z-index: 2
}

.header__top {
    height: 50px;
    width: 100%;
    gap: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header__top-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    position: relative
}

.header__menu-link:hover {
    color: #FFF;
}

.header__top-btn-i {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__top-btn-i svg {
    fill: #365edc
}

.header__top-btn-q {
    position: absolute;
    left: 13px;
    bottom: calc(50% - 3px);
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffc700;
    font-weight: 700;
    font-size: 9.35px;
    line-height: 13px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html.no-touch .header__top-btn:hover {
    color: #365edc
}

.header__search {
    height: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 344px;
    right: 340px;
    bottom: 0;
    z-index: 2
}

.header__search-inner {
    width: 100%;
    position: relative
}

.header__search-inner .search-form form > input {
    width: 100%;
    height: 44px;
    background: #fff;
    border-radius: 3px;
    border: #b7b7b7 solid 1px;
    padding: 0 50px 0 14px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s
}

.header__search-inner .search-form form > input:focus {
    border-color: #365edc
}

.header__search-inner button {
    position: absolute;
    width: 39px;
    height: 100%;
    right: 4%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.header__search-inner button svg {
    width: 25px;
    height: 25px;
    fill: #365edc
}

.header__toggle {
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__toggle-line {
    height: 2px;
    background: #fff;
    position: absolute;
    right: 3px;
    top: 11px;
    width: 18px;
    -webkit-transition: all .2s, margin-top .2s .2s;
    -o-transition: all .2s, margin-top .2s .2s;
    transition: all .2s, margin-top .2s .2s
}

.header__toggle-line:nth-child(1) {
    margin-top: -6px
}

.header__toggle-line:nth-child(3) {
    margin-top: 6px;
    width: 9px
}

.body--menu-opened .header__toggle-line {
    width: 18px !important;
    margin-top: 0 !important;
    background: #b7b7b7 !important;
    -webkit-transition: all .2s, -webkit-transform .2s .2s;
    transition: all .2s, -webkit-transform .2s .2s;
    -o-transition: transform .2s .2s, all .2s;
    transition: transform .2s .2s, all .2s;
    transition: transform .2s .2s, all .2s, -webkit-transform .2s .2s
}

.body--menu-opened .header__toggle-line:nth-child(1) {
    -webkit-transform: rotate(45deg) translateY(0);
    -ms-transform: rotate(45deg) translateY(0);
    transform: rotate(45deg) translateY(0)
}

.body--menu-opened .header__toggle-line:nth-child(2) {
    opacity: 0
}

.body--menu-opened .header__toggle-line:nth-child(3) {
    -webkit-transform: rotate(-45deg) translateY(0);
    -ms-transform: rotate(-45deg) translateY(0);
    transform: rotate(-45deg) translateY(0)
}

.header__mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    margin-left: auto
}

.header__mob-i {
    display: block;
    width: 24px;
    height: 24px
}

.header__mob-i svg {
    fill: #fff
}

.header__contacts {
    border-top: #b7b7b7 solid 1px;
    padding: 20px;
    background: #31333b
}

.header__contacts-ttl {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px
}

.header__contacts-i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 200;
    font-size: 14px;
    line-height: 19px
}

.header__contacts-i:not(:last-child) {
    margin-bottom: 34px
}

.header__contacts-i-i {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.header__contacts-i-i svg {
    fill: #fff
}

.intro {
    margin-top: -246px
}

.intro__block {
    position: relative
}

.intro__slider {
    overflow: hidden
}

.intro__slide {
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 290px 0 60px;
    position: relative
}

.intro__slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.intro__slide-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.intro__slide-inner {
    min-height: 345px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.intro__big {
    max-width: 545px
}

.intro__text {
    font-size: 20px;
    line-height: 27px;
    max-width: 430px
}

.intro__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.intro__nav {
    position: absolute;
    left: calc(var(--inOff) - 130px);
    right: calc(var(--inOff) - 130px);
    top: 467px;
    z-index: 3
}

.intro__dots {
    position: absolute;
    z-index: 3;
    bottom: 60px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: var(--inOff);
    left: var(--inOff);
    margin-left: 300px
}

.index-best {
    padding: 20px 0 30px
}

.index-best__head {
    --mb: 50px
}

.index-about {
    background: #e4f7ff
}

.index-about__left {
    min-height: 410px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 600px;
    padding: 100px 0
}

.index-about__ttl {
    margin-bottom: 20px
}

.index-about__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.index-about__right {
    position: absolute;
    width: 589px;
    right: 0;
    bottom: 0
}

.index-news {
    padding: 50px 0
}

.index-news__head--m {
    display: none
}

.index-news__grid {
    --gGap: 20px;
    --gGapB: 30px
}

.index-news__col {
    --gCols: 1;
    --gOf: 4
}

.index-news__text {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 19px;
    font-style: italic;
    font-weight: 300
}

.index-news__btn {
    width: auto
}

.index-action {
    background: #1c97bf;
    padding: 22px 0;
    min-height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.index-action__bg {
    position: absolute;
    inset: 0
}

.index-action__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.index-action__ttl {
    margin-bottom: 20px
}

.index-action__text {
    font-size: 23px;
    line-height: 31px;
    font-weight: 300
}

.index-action__text b {
    font-weight: 500
}

.index-action__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.index-brands {
    padding: 33px 0
}

.index-brands__slider {
    overflow: hidden
}

.index-brands__nav {
    position: absolute;
    left: -87px;
    top: 50%;
    right: -87px
}

.index-brands__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 184px;
    position: relative
}

.index-brands__item img {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.index-brands__item:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 100%;
    -webkit-box-shadow: 0 -16px 18px -18px #beceff, 0 16px 18px -18px #beceff;
    box-shadow: 0 -16px 18px -18px #beceff, 0 16px 18px -18px #beceff;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

html.no-touch .index-brands__item:hover:after {
    opacity: 1
}

html.no-touch .index-brands__item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.reviews {
    padding: 50px 0
}

.reviews__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 60px
}

.reviews__links-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.reviews__links-item:not(:last-child):after {
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 17px;
    background: #8e8e8e;
    pointer-events: none
}

.reviews__links-item-i {
    width: 24px;
    height: 24px
}

.reviews__links-item-i svg {
    fill: #8e8e8e;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.reviews__links-item-t {
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    font-weight: 300
}

html.no-touch .reviews__links-item:hover .reviews__links-item-t {
    color: #365edc
}

html.no-touch .reviews__links-item:hover .reviews__links-item-i svg {
    fill: #365edc
}

.reviews__block {
    padding: 0 calc(var(--slider-nav-arrow) + var(--inP));
    position: relative
}

.reviews__slider {
    margin: 0 auto;
    max-width: 930px;
    overflow: hidden
}

.reviews__nav {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0
}

.reviews__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.reviews__item-img {
    width: 70px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    border-radius: 100%;
    overflow: hidden
}

.reviews__item-info {
    margin-right: 20px
}

.reviews__item-date {
    margin-bottom: 10px;
    font-weight: 300
}

.reviews__item-name {
    font-size: 23px;
    line-height: 31px
}

.reviews__item-text {
    font-weight: 300
}

.reviews__item-rate {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.reviews__item-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.crumbs {
    padding-top: 24px
}

.page {
    padding-bottom: 30px;
    padding: 30px 0
}

.catalog__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog__side {
    width: 25%
}

.catalog__side-banner {
    display: block;
    margin-top: 20px;
    border-radius: 3px;
    overflow: hidden
}

.catalog__menu {
    position: relative;
    z-index: 1
}

.catalog__menu-item {
    position: relative
}

.catalog__menu-item:not(:first-child) {
    margin-top: -1px
}

.catalog__menu-link {
    position: relative;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60px;
    padding: 6px 19px 6px 63px;
    position: relative;
    background: #fff;
    border: #eee solid 1px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #000
}

.catalog__menu-link:before {
    content: "";
    position: absolute;
    left: 19px;
    top: 50%;
    translate: 0 -50%;
    width: 24px;
    height: 24px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.414 18.01 11 16.597l4.6-4.6-4.6-4.6 1.415-1.407 6.01 6.01-6.009 6.01Zm-5.425 0-1.414-1.413 4.6-4.6-4.6-4.593L6.99 5.99 13 12l-6.01 6.01Z" fill="%23365EDC"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.414 18.01 11 16.597l4.6-4.6-4.6-4.6 1.415-1.407 6.01 6.01-6.009 6.01Zm-5.425 0-1.414-1.413 4.6-4.6-4.6-4.593L6.99 5.99 13 12l-6.01 6.01Z" fill="%23365EDC"/%3E%3C/svg%3E');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: #365edc
}

.catalog__menu-item .catalog__menu-list {
    position: absolute;
    left: 100%;
    z-index: 1;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 12px 20px -10px rgba(0, 0, 0, .25);
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, .25);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s;
    -o-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

.submenu .catalog__menu-link {
    min-height: 50px;
}

html.no-touch .catalog__menu-item:hover > .catalog__menu-link {
    color: #365edc
}

html.no-touch .catalog__menu-item:hover > .catalog__menu-list {
    opacity: 1;
    visibility: visible
}

.catalog__menu-item.active {
    z-index: 2
}

.catalog__menu-item.active > .catalog__menu-link {
    color: #fff !important;
    background: #365edc;
    border-color: #365edc
}

.catalog__menu-item.active > .catalog__menu-link:before {
    background-color: #fff
}

.catalog__menu-item.active > .catalog__menu-list {
    z-index: -1
}

.catalog__top {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog__top-view {
    margin-left: auto
}

.catalog__sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog__sort-ttl {
    font-size: 12px;
    line-height: 16px;
    color: #b7b7b7;
    margin-right: -10px
}

.catalog__sort-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.catalog__sort-item-t {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px
}

.catalog__sort-item-i {
    width: 24px;
    height: 24px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 16.5h13v-1H6v1Zm0-4h10v-1H6v1Zm0-4h7v-1H6v1Z" fill="%23365EDC"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 16.5h13v-1H6v1Zm0-4h10v-1H6v1Zm0-4h7v-1H6v1Z" fill="%23365EDC"/%3E%3C/svg%3E');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: #365edc;
    display: none
}

html.no-touch .catalog__sort-item:hover {
    color: #365edc
}

.catalog__sort-item.active .catalog__sort-item-i {
    display: block
}

.catalog__sort-item.desc .catalog__sort-item-i {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.catalog__view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.catalog__view-item {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.catalog__view-item svg {
    fill: #8e8e8e;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

html.no-touch .catalog__view-item:hover svg {
    fill: rgba(54, 94, 220, .5)
}

.catalog__view-item.active {
    pointer-events: none
}

.catalog__view-item.active svg {
    fill: #365edc
}

.catalog__overlay {
    position: absolute;
    left: -9999px;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    z-index: 999;
    background: rgba(58, 63, 68, .7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-transition: opacity .3s, visibility .3s;
    -o-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.catalog__overlay:not(.active) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.catalog__filters {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    bottom: 0;
    width: 360px;
    background: #31333b;
    -webkit-box-shadow: 0 12px 20px -10px rgba(0, 0, 0, .25);
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, .25);
    border-radius: 0 3px 3px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 10px;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.catalog__filters:not(.active) {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.catalog__filters-top {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

.catalog__filters-top-t {
    pointer-events: none
}

.catalog__filters-top-c {
    cursor: pointer;
    width: 24px;
    height: 24px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41 17.59 5Z" fill="%23fff"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41 17.59 5Z" fill="%23fff"/%3E%3C/svg%3E');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: #fff;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

html.no-touch .catalog__filters-top-c:hover {
    background-color: #365edc
}

.catalog__filters-inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    overflow-y: auto
}

.catalog__filters-sec {
    padding: 30px 20px
}

.catalog__filters-sec:not(:last-child) {
    border-bottom: #696969 solid 1px
}

.catalog__filters-sec-ttl {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px
}

.catalog__filters-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.catalog__filters-price-i {
    width: calc(50% - 10px);
    max-width: 134px
}

.catalog__filters-price-i input {
    text-align: center;
    font-size: 18px;
    font-weight: 200
}

.catalog__filters-price-range {
    width: 100%
}

.catalog__filters-price-range .irs {
    width: 100%;
    display: block;
    position: relative;
    height: 20px
}

.catalog__filters-price-range .irs-line {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.catalog__filters-price-range .irs-bar, .catalog__filters-price-range .irs:before {
    position: absolute;
    left: 0;
    top: 8px;
    height: 2px;
    border-radius: 0
}

.catalog__filters-price-range .irs:before {
    background: #365edc;
    content: "";
    right: 0
}

.catalog__filters-price-range .irs-bar {
    background: #d9d9d9
}

.catalog__filters-price-range .irs-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #365edc;
    top: 0
}

.catalog__filters-av {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog__filters-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.catalog__filters-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.catalog__filters-btn--1 {
    width: 64px
}

.catalog__filters-btn--2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.catalog__filters-btn--3 {
    width: 60px
}

.catalog__filters-found {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    border: #696969 solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

.catalog__filters-cats {
    position: relative;
    cursor: pointer;
    color: #000;
    font-weight: 200;
    font-size: 18px;
    line-height: 25px
}

.catalog__filters-cats-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12 15.713 6.01-6.01-1.413-1.415-4.597 4.6-4.596-4.6L5.99 9.702 12 15.713Z" fill="%23365EDC"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12 15.713 6.01-6.01-1.413-1.415-4.597 4.6-4.596-4.6L5.99 9.702 12 15.713Z" fill="%23365EDC"/%3E%3C/svg%3E');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: #365edc
}

.catalog__filters-cats-head {
    border: #ddd solid 2px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 58px 0 28px;
    background: #fff;
    height: 50px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.catalog__filters-cats-pop {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    right: 0;
    background: #fff;
    border: #ddd solid 2px;
    border-top: none;
    border-radius: 0 0 3px 3px
}

.catalog__filters-cats-item {
    padding: 10px 28px
}

html.no-touch .catalog__filters-cats-item:hover {
    background-color: rgba(54, 94, 220, .1)
}

.catalog__filters-cats-item.selected {
    background-color: #365edc !important;
    color: #fff
}

.catalog__filters-cats-checks {
    padding: 0 28px 10px 28px
}

.catalog__filters-cats-check:not(:last-child) {
    margin-bottom: 10px
}

.catalog__filters-cats:not(.active) .catalog__filters-cats-pop {
    opacity: 0;
    visibility: hidden
}

.catalog__filters-cats.active .catalog__filters-cats-head {
    border-radius: 3px 3px 0 0;
    border-bottom-color: transparent
}

.catalog__main {
    width: 75%
}

.catalog__list {
    --gGap: 0px;
    --gGapB: 20px
}

.catalog__list-col {
    --gCols: 1
}

.catalog__list-col--1 {
    --gOf: 3
}

[data-view=list] .catalog__list-col--1 {
    --gOf: 1
}

.catalog__list-col--2, .catalog__list-col--3 {
    --gOf: 4
}

.catalog__more {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.recent {
    padding: 50px 0
}

.recent__block {
    position: relative
}

.recent__block-inner {
    position: relative;
    border: #f5f5f5 solid 1px;
    overflow: hidden;
    margin-left: -1px
}

.recent__slider {
    margin-right: -1px
}

.recent__nav {
    position: absolute;
    left: -87px;
    top: 50%;
    right: -87px
}

.product__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 40px
}

.product__left {
    width: 41.67%;
    max-width: 500%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.product__badges {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 3
}

.product__imgs-slider {
    overflow: hidden
}

.product__thumbs {
    position: relative;
    padding: 0 34px;
    margin-top: 20px;
}

.product__thumbs-slider {
    overflow: hidden
}

.product__thumbs-item {
    position: relative
}

.product__thumbs-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px;
    border: #eee solid 1px;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s
}

.product__thumbs-item.active:after, html.no-touch .product__thumbs-item:hover:after {
    border-color: #365edc
}

.product__nav {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0
}

.product__right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 20px;

    /* background: red;  */
}

/*TEST CSS*/
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0,0,0,0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0,0,0,0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0,0,0,0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
    max-width: 100%;
    margin-bottom: 20px;

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

.table-bordered {
    border: 1px solid #ddd;
}

.table>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
/*END*/


.product__right-c {
    width: 100%
}

.product__right-c--2 {
    width: calc((100% - 20px) / 2)
}

.product__right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    /*padding-bottom: 30px;*/
    border-bottom: #eee solid 1px
}

.product__right-top-ctrls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.product__right-top-code {
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase
}

.product__right-top-rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.product__right-top-rate-t {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .15em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

html.no-touch .product__right-top-rate-t:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.product__dets {
    padding-left: 10px
}

.product__dets-ttl {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px
}

.product__dets-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 200
}

.product__dets-more {
    margin-top: 20px;
    font-weight: 200;
    font-size: 16px;
    line-height: 22px;
    color: #365edc
}

.product__dets-more a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .15em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

html.no-touch .product__dets-more a:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.product__price {
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: #eee solid 1px;
    text-align: center;
    white-space: nowrap
}

.product__price-old {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #b7b7b7;
    margin-bottom: 10px
}

.product__price-new {
    font-weight: 500;
    font-size: 40px;
    line-height: 54px
}

.product__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 20px;
    margin-bottom: 20px
}

.product__qty {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product__add {
    width: 153px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product__click-btn {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 62px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 10px 20px;
    background: #fbfbfb;
    border-radius: 3px;
    color: #365edc;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px
}

html.no-touch .product__click-btn:hover {
    background-color: #365edc;
    color: #fff
}

.product__info {
    margin-top: 20px
}

.product__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    color: #666
}

.product__info-item:not(:last-child) {
    margin-bottom: 20px
}

.product__info-item-i {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    --product-info-icon: #666
}

.product__info-item-i svg {
    fill: var(--product-info-icon)
}

.product__info-item-t {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px
}

.product__info-item-t a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .15em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

html.no-touch .product__info-item-t a:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.product__descr-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 calc(var(--inP) * -1) 30px;
    padding: 0 var(--inP)
}

.product__descr-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.product__descr-tabs-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product__descr-tabs-btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 29px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #8e8e8e;
    background: #f5f5f5;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .25);
    border: transparent solid 1px
}

html.no-touch .product__descr-tabs-btn:hover {
    -webkit-box-shadow: inset 0 2px 0 transparent;
    box-shadow: inset 0 2px 0 transparent;
    background: #e9e9e9
}

.product__descr-tabs-item.active .product__descr-tabs-btn {
    background: #fff;
    border-color: #f5f5f5;
    -webkit-box-shadow: inset 0 2px 0 #365edc;
    box-shadow: inset 0 2px 0 #365edc;
    color: #365edc
}

.product__descr-ttl {
    font-weight: 400;
    font-size: 23px;
    line-height: 31px;
    margin-bottom: 20px
}

.product__chars {
    --product-chars-f: 360px
}

.product__chars-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.product__chars-item:not(:last-child) {
    margin-bottom: 15px
}

.product__chars-item p {
    margin-bottom: 0 !important
}

.product__chars-item:after {
    content: ".............................................................................";
    padding-right: 3px;
    display: block;
    min-width: 20px;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.product__chars-more {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product__chars:not(.active) .product__chars-item:nth-child(n+11) {
    display: none
}

.product__reviews-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product__reviews-head-ttl {
    margin-bottom: 0 !important
}

.product__reviews-head-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.product__reviews-list {
    margin-bottom: 30px
}

.product__reviews-write {
    margin-bottom: 30px
}

.product__review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.product__review:not(:last-child) {
    margin-bottom: 35px
}

.product__review-left {
    width: 170px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product__review-name {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

.product__review-date {
    color: #000;
    margin-bottom: 10px
}

.product__review-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 980px
}

.product__review-sec:not(:last-child) {
    margin-bottom: 10px
}

.product__review-sec-ttl {
    padding-left: 34px;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative
}

.product__review-sec-ttl:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: #365edc;
    -webkit-mask-image: var(--product-review-sec);
    mask-image: var(--product-review-sec)
}

.product__review-sec-ttl--p {
    --product-review-sec: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13 13v6h-2v-6H5v-2h6V5h2v6h6v2h-6Z" fill="%23365EDC"/%3E%3C/svg%3E')
}

.product__review-sec-ttl--m {
    --product-review-sec: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5 13v-2h14v2H5Z" fill="%23365EDC"/%3E%3C/svg%3E')
}

.product__review-sec-ttl--t {
    --product-review-sec: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M15 19H3v-2h12v2Zm6-4H3v-2h18v2Zm-6-4H3V9h12v2Zm6-4H3V5h18v2Z" fill="%23365EDC"/%3E%3C/svg%3E')
}

.product__review-sec-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.product__review-sec:not(.cut) .product__review-sec-more {
    display: none
}

.product__review-sec.cut:not(.active) .product__review-sec-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical
}

.product__write-grid {
    --gGap: 28px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product__write-col {
    --gCols: 1;
    --gOf: 1
}

.product__write-col--2 {
    --gOf: 2;
    max-width: 578px
}

.product__write-rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 25px;
    padding-bottom: 28px;
    border-bottom: #d9d9d9 solid 1px
}

.product__write-rate-ph {
    text-align: left;
    color: #000;
    cursor: text
}

.product__write-rate-ph em {
    color: #dc385e !important
}

.product__write-rate-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.product__write-rate-stars input {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden
}

.product__write-rate-stars label {
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: #ffc700;
    -webkit-transition: -webkit-mask .2s;
    transition: -webkit-mask .2s;
    -o-transition: mask .2s;
    transition: mask .2s;
    transition: mask .2s, -webkit-mask .2s;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.75.75 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694v.001Z" fill="%23FFC700"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.75.75 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694v.001Z" fill="%23FFC700"/%3E%3C/svg%3E')
}

.product__write-rate-stars input + label:hover, .product__write-rate-stars input + label:hover ~ label, .product__write-rate-stars input:checked ~ label {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.75.75 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z" fill="%23FFC700"/%3E%3C/svg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.75.75 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z" fill="%23FFC700"/%3E%3C/svg%3E')
}

.news__grid {
    --gGap: 20px;
    --gGapB: 30px
}

.news__col {
    --gCols: 1;
    --gOf: 4
}

.news__pages {
    margin-top: 30px;
    padding-top: 30px;
    border-top: #eee solid 1px
}

.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.contacts__block-inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding-right: calc(50% + 10px)
}

.contacts__list {
    width: 100%;
    --gGap: 20px;
    --gGapB: 25px
}

.contacts__item {
    --gCols: 1;
    --gOf: 2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 240px
}

.contacts__item-h {
    margin-bottom: 23px;
    font-weight: 300
}

.contacts__item-a {
    white-space: nowrap
}

html.no-touch .contacts__item-a:hover {
    color: #365edc
}

.contacts__item-t {
    font-weight: 300
}

.contacts__soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.contacts__soc-i {
    display: block;
    width: 40px;
    height: 40px
}

html.no-touch .contacts__soc-i:hover {
    opacity: .7
}

.contacts__msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    white-space: nowrap
}

.contacts__msg:not(:last-child) {
    /*margin-bottom: 20px*/
}

.contacts__msg-i {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contacts__msg-t {
    font-weight: 300
}

html.no-touch .contacts__msg:hover {
    color: #365edc
}

.contacts__text {
    margin-top: 25px;
    padding-top: 25px;
    font-weight: 300;
    border-top: #eee solid 1px
}

.contacts__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px
}

.contacts__map {
    position: absolute;
    left: calc(50% + 10px);
    top: 0;
    right: calc(var(--inOff) * -1);
    bottom: -30px;
    background: #b7b7b7;
    margin-right: calc(var(--inOff));
    margin-bottom: 30px;
}

.contacts__map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

.blog__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.blog__head-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog__head-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog__head-btn {
    min-height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 10px 24px;
    border: #eee solid 1px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #8e8e8e;
    position: relative
}

.blog__head-btn.current {
    z-index: 1;
    background: #365edc !important;
    color: #fff !important;
    border-color: #365edc !important;
    border-radius: 3px
}

html.no-touch .blog__head-btn:hover {
    background-color: #f5f5f5
}

.blog__head-btn:not(:first-child) {
    margin-left: -1px
}

.blog__sizer {
    width: 25%
}

.blog__grid {
    margin: 0 -10px -20px;
    position: relative
}

.blog__col {
    width: 25%;
    padding: 0 10px 20px
}

.blog__col--w2 {
    width: 50%
}

.blog__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.article__block {
    position: relative
}

.article__img {
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 20px
}

.article__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.article__date-text {
    padding-bottom: 18px;
    border-bottom: #365edc solid 2px
}

.article__date--n {
    position: absolute;
    top: 0;
    left: calc(40.67% + 20px);
    margin-bottom: 0
}

.article__back {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.article__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.article__share-t {
    width: 100%;
    padding-bottom: 10px
}

.article__share-i {
    display: block;
    width: 40px;
    height: 40px
}

html.no-touch .article__share-i:hover {
    opacity: .7
}

.article__end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding-left: 34px;
    position: relative;
    margin-bottom: 30px
}

.article__end:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 18a6 6 0 1 1 6-6 6.007 6.007 0 0 1-6 6Zm0-10.8a4.8 4.8 0 1 0 0 9.6 4.8 4.8 0 0 0 0-9.6Zm3 4.8a.6.6 0 0 1-.6.6h-2.621a.379.379 0 0 1-.379-.379V9.6a.6.6 0 1 1 1.2 0v1.8h1.8a.6.6 0 0 1 .6.6Z" fill="%23696969"/%3E%3C/svg%3E') no-repeat center
}

.article__end-text span {
    font-weight: 500;
    white-space: nowrap;
    color: #dc385e
}

.cart__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}

.cart__list {
    width: 100%;
    border-collapse: collapse
}

.cart__list-div {
    height: 30px;
    border: none
}

.cart__list-div:last-of-type {
    display: none !important
}

.cart__item {
    border: #eee solid 1px;
    background: #fff;
    vertical-align: middle
}

.cart__item-price {
    text-align: center;
    font-weight: 200
}

.cart__item-price-t {
    font-size: 10px;
    line-height: 14px
}

.cart__item-price-v {
    font-size: 18px;
    line-height: 25px
}

.cart__item-name {
    font-weight: 300
}

.cart__item-badges {
    margin-bottom: 10px
}

.cart__item-add {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart__item-add-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #365edc
}

.cart__item-add-btn-icon {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cart__item-add-btn-icon svg {
    fill: #365edc;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.cart__item-add-btn-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

html.no-touch .cart__item-add-btn:hover {
    color: #6489ff
}

html.no-touch .cart__item-add-btn:hover svg {
    fill: #6489ff
}

.cart__item-sum {
    text-align: center;
    font-weight: 500;
    font-size: 25px;
    line-height: 34px
}

.cart__item-action-btn {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px
}

.cart__item-action-btn svg {
    fill: #365edc;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

html.no-touch .cart__item-action-btn:is(a,button):hover svg {
    fill: #dc385e
}

.cart__total {
    --cart-total-gap: 30px;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--cart-total-gap);
    min-height: 74px;
    padding: 10px 20px;
    background: #f5f5f5;
    border: #eee solid 1px
}

.cart__total-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--cart-total-gap);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart__total-col--1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cart__total-t {
    font-weight: 300;
    font-size: 23px;
    line-height: 31px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cart__total-s {
    font-weight: 500;
    font-size: 25px;
    line-height: 34px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    flex-shrink: 0
}

.cart__total-m {
    position: relative;
    padding-left: 34px;
    --ui-small-color: #000
}

.cart__total-m:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,%3Csvg width="25" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.5 22c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10c-.006 5.52-4.48 9.994-10 10Zm-1-7v2h2v-2h-2Zm0-8v6h2V7h-2Z" fill="%23365EDC"/%3E%3C/svg%3E') no-repeat center
}

.cart__total-m b {
    font-weight: 500
}

.cart__clear {
    margin-top: 30px
}

.cart__order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    position: relative
}

.cart__order-left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cart__order-sec {
    padding: 19px 29px;
    border: #eee solid 1px
}

.cart__order-sec:not(:last-child) {
    margin-bottom: 20px
}

.cart__order-sec-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px;
    margin-bottom: 30px
}

.cart__order-sec-head-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.cart__order-sec-grid {
    --gGap: 20px
}

.cart__order-sec-col {
    --gCols: 1;
    --gOf: 1
}

.cart__order-sec-col--1 {
    --gOf: 2
}

.cart__order-sec-ta {
    height: 127px
}

.cart__order-sec-req {
    font-weight: 200;
    font-size: 12px;
    line-height: 16px
}

.cart__order-sec-req span {
    color: #dc385e
}

.cart__order-type {
    position: relative;
    padding: 0;
    cursor: pointer
}

.cart__order-type input {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.cart__order-type-t {
    display: block;
    padding: 4px 9px;
    border-radius: 3px;
    border: #eee solid 1px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #8e8e8e;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

html.no-touch .cart__order-type:hover .cart__order-type-t {
    border-color: #365edc;
    color: #365edc
}

.cart__order-type input:checked ~ .cart__order-type-t {
    background: #365edc !important;
    border-color: #365edc !important;
    color: #fff !important
}

.cart__order-city-t {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.cart__order-city-m {
    padding: 4px 9px;
    border-radius: 3px;
    border: #365edc solid 1px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #365edc
}

.cart__order-right {
    width: 290px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.cart__order-right-inner {
    position: sticky;
    top: 20px
}

.cart__order-total {
    display: flex;
    flex-flow: column-reverse wrap
}

.cart__order-total-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.cart__order-total-l:not(:last-child) {
    margin-bottom: 10px
}

.cart__order-total-l-i {
    font-size: 12px;
    line-height: 16px
}

.cart__order-total-l-i:last-child {
    text-align: right
}

.cart__order-total-l--h {
    padding-bottom: 10px;
    border-bottom: #eee solid 1px
}

.cart__order-total-l--h .cart__order-total-l-i:first-child {
    font-weight: 300;
    font-size: 23px;
    line-height: 31px
}

.cart__order-total-l--h .cart__order-total-l-i:last-child {
    font-weight: 500;
    font-size: 25px;
    line-height: 34px
}

.cart__order-agree {
    margin-top: 25px
}

.cart__order-send {
    margin-top: 15px
}

.similar {
    padding: 40px 0 60px
}

.similar__grid {
    --gGap: 20px;
    --gGap: 30px
}

.similar__col {
    --gOf: 4;
    --gCols: 1
}

.login__remind {
    font-weight: 200;
    font-size: 16px;
    line-height: 22px
}

.login__remind a {
    color: #365edc
}

html.no-touch .login__remind a:hover {
    color: #000
}

.login__s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.login__s-i {
    display: block;
    width: 40px;
    height: 40px;
    position: relative
}

.login__s-i svg {
    position: absolute;
    left: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.login__s-i svg:nth-child(2) {
    opacity: 0
}

html.no-touch .login__s-i:hover svg:nth-child(1) {
    opacity: 0
}

html.no-touch .login__s-i:hover svg:nth-child(2) {
    opacity: 1
}

.footer {
    background: #31333b;
    color: #fff;
    padding: 32px 0 30px
}

.footer__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 292px 20px 285px 20px 455px;
    /*grid-template-columns:285px 285px 455px;*/
    grid-template-columns: 292px 550px 265px;
    -ms-grid-rows: auto 20px auto 20px auto;
    grid-template-rows:auto auto auto;
    grid-template-areas:"contacts phones menu""contacts phones socials""contacts pay copy";
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    justify-items: stretch;
    gap: 20px 20px
}

.footer__col--1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    grid-area: contacts
}

.footer__col--2 {
    /*-ms-grid-row: 1;*/
    /*-ms-grid-row-span: 3;*/
    /*-ms-grid-column: 3;*/
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-area: phones
}

.footer__col--3 {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-area: socials;
    -ms-grid-row-align: center;
    align-self: center
}

.footer__col--4 {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    grid-area: copy;
    -ms-grid-column-align: end;
    justify-self: end;
    -ms-grid-row-align: end;
    align-self: end
}

.footer__col--5 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: pay;
    -ms-grid-row-align: end;
    align-self: end
}

.footer__col--6 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: menu
}

.footer__logo {
    display: block;
    /*width: 132px;*/
    width: 100px;
    height: 71px;
    margin-bottom: 23px
}

.footer__contacts {
    font-size: 16px;
    line-height: 22px;
    font-weight: 200
}

.footer__contacts p:not(:last-child) {
    margin-bottom: 23px
}

.footer__contacts-b {
    font-weight: 400;
    font-size: 23px;
    line-height: 31px
}

.footer__contacts a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .15em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

html.no-touch .footer__contacts a:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 18px
}

.footer__menu-link {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase
}

html.no-touch .footer__menu-link:hover {
    color: #365edc
}

.footer__socials {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.footer__copy {
    display: flex;
    justify-content: center;
    align-items: center;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-pack: justify;*/
    /*-ms-flex-pack: justify;*/
    /*justify-content: space-between;*/
    /*gap: 20px;*/
    font-size: 14px;
    line-height: 19px;
    font-weight: 100;
    /*width: 435px*/
}

.footer__copy a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .15em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

html.no-touch .footer__copy a:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.footer__copy a:hover {
    color: #FFF;
}

.footer__pay img {
    width: auto
}

.header__menu-item.o-kompanii .header__submenu {
    left: 67%;
    width: 18%;
}

.header__submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 23%;
    width: 21%;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s;
}

.header__submenu.company {
    left: 67.5%;
}

.header__submenu .header__menu-mega-h a {
    color: #365edc;
}

.header__submenu .header__menu-mega-h a:hover {
    text-decoration: none;
}

.header__menu-item:hover .header__submenu {
    /*display: flex;*/
    /*justify-content: space-between;*/
    display: block;
    opacity: 1;
    visibility: visible;
}

.header__submenu li {
    margin-top: 10px;
}

.header__submenu a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 768px) {
    .product__chars-item p:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: var(--product-chars-f);
        padding-right: 3px;
        white-space: nowrap
    }

    .product__chars-item p:nth-child(2) {
        width: calc(100% - var(--product-chars-f) - 20px);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .article__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }

    .article__left {
        width: 40.67%;
        max-width: 488px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .article__right {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-top: 56px
    }

    .cart__item td {
        padding: 10px 15px;
        vertical-align: middle
    }

    .cart__item-img {
        padding-left: 9px !important;
        width: 190px;
        min-width: 190px;
        max-width: 190px;
        height: 161px;
        text-align: center;
    }

    .cart__item-qty {
        padding-left: 10px !important;
        width: 115px;
        min-width: 115px
    }

    .cart__item-qty-ctrl {
        margin-bottom: 20px
    }

    .cart__item-sum {
        min-width: 143px;
        width: 143px
    }

    .cart__item-action {
        width: 79px;
        min-width: 79px;
        max-width: 79px;
        padding-right: 10px !important
    }
}

@media only screen and (min-width: 992px) {
    .header__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 246px
    }

    body:not(.body--index) .header__block:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background: #e8e8e8
    }

    .header__inner {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .header__inner-top {
        display: none
    }

    .header__inner-m {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__inner-i {
        height: auto !important
    }

    .header__inner:before {
        content: "";
        z-index: -1;
        position: absolute;
        left: 0;
        top: 70px;
        right: 0;
        bottom: 0;
        background: #fff;
        border-radius: 3px
    }

    .header__menu {
        width: 100%;
        background: #365edc;
        color: #fff;
        border-radius: 3px;
        padding: 0 30px;
        position: relative;
        z-index: 2;
        margin-bottom: 136px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .header__menu-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__menu-item {
        -webkit-transition: background .2s, color .2s;
        -o-transition: background .2s, color .2s;
        transition: background .2s, color .2s
    }

    html.no-touch .header__menu-item:hover {
        background: #6489ff
    }

    .header__menu-item.current {
        background: #fafafa !important
    }

    .header__menu-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        padding: 0 20px
    }

    .header__menu-link-i {
        width: 24px;
        height: 24px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .header__menu-link-i svg {
        fill: #fff;
        -webkit-transition: fill .2s;
        -o-transition: fill .2s;
        transition: fill .2s
    }

    .header__menu-sublist {
        display: none
    }

    .header__menu-mega {
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        background: #FFF;
        padding: 30px 20px;
        -webkit-box-shadow: 0 14px 18px -11px rgba(0, 0, 0, .25);
        box-shadow: 0 14px 18px -11px rgba(0, 0, 0, .25);
        color: #000;
        -webkit-transition: opacity .2s, visibility .2s;
        -o-transition: opacity .2s, visibility .2s;
        transition: opacity .2s, visibility .2s;
        opacity: 0;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
        visibility: hidden
    }

    .header__menu-mega-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 1100px;
        margin: 0 auto;
        --gGap: 60px;
        --gGapB: 30px
    }

    .header__menu-mega-h {
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        text-transform: uppercase;
        color: #365edc
    }

    html.no-touch .header__menu-mega-h a:hover {
        color: #6489ff
    }

    .header__menu-mega-sm {
        margin-top: 0;
        padding-top: 13px;
    }

    .header__menu-mega-si {
        font-weight: 300;
        font-size: 16px;
        line-height: 21px
    }

    html.no-touch .header__menu-mega-sl:hover {
        color: #365edc
    }

    html.no-touch .header__menu-item:hover .header__menu-mega {
        opacity: 1;
        visibility: visible
    }

    .header__menu-item.active .header__menu-link {
        color: #365edc
    }

    .header__menu-item.active .header__menu-link-i svg {
        fill: #365edc
    }

    .header__phones {
        width: 290px;
        height: 136px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        right: 10px;
        font-family: Inter
    }

    .header__phones em {
        display: none
    }

    .header__phones-inner {
        position: relative;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        color: #000;
        white-space: nowrap
    }

    .header__phones-h {
        height: 64px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 44px;
        position: relative
    }

    .header__phones-h span, .header__phones-h:before {
        display: block;
        width: 24px;
        height: 24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        background: #365edc;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%
    }

    .header__phones-h:before {
        content: "";
        left: 10px;
        -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.262 4.5h4.49l1.447 3.618-2.325 1.55a1 1 0 0 0-.445.832c.003.094 0 .001 0 .001V10.522a2.026 2.026 0 0 0 .006.134c.006.082.016.193.035.33.04.27.114.642.26 1.08.294.88.87 2.019 1.992 3.141 1.122 1.122 2.261 1.698 3.14 1.992.439.146.81.22 1.082.26a4.43 4.43 0 0 0 .463.04l.013.001h.008s.112-.006.001 0a1 1 0 0 0 .894-.553l.67-1.34 4.436.74v4.32c-2.111.305-7.813.606-12.293-3.874C3.656 12.313 3.956 6.61 4.262 4.5Zm5.24 6.486 1.807-1.204a2 2 0 0 0 .747-2.407L10.61 3.757A2 2 0 0 0 8.752 2.5H4.21c-.909 0-1.764.631-1.913 1.617-.34 2.242-.801 8.864 4.425 14.09 5.226 5.226 11.848 4.764 14.09 4.425.986-.15 1.617-1.004 1.617-1.913v-4.372a2 2 0 0 0-1.671-1.973l-4.436-.739a2 2 0 0 0-2.118 1.078l-.346.693a4.71 4.71 0 0 1-.363-.105c-.62-.206-1.481-.63-2.359-1.508-.878-.878-1.302-1.739-1.508-2.36a4.586 4.586 0 0 1-.125-.447Z" fill="%23365EDC"/%3E%3C/svg%3E');
        mask-image: url('data:image/svg+xml,%3Csvg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.262 4.5h4.49l1.447 3.618-2.325 1.55a1 1 0 0 0-.445.832c.003.094 0 .001 0 .001V10.522a2.026 2.026 0 0 0 .006.134c.006.082.016.193.035.33.04.27.114.642.26 1.08.294.88.87 2.019 1.992 3.141 1.122 1.122 2.261 1.698 3.14 1.992.439.146.81.22 1.082.26a4.43 4.43 0 0 0 .463.04l.013.001h.008s.112-.006.001 0a1 1 0 0 0 .894-.553l.67-1.34 4.436.74v4.32c-2.111.305-7.813.606-12.293-3.874C3.656 12.313 3.956 6.61 4.262 4.5Zm5.24 6.486 1.807-1.204a2 2 0 0 0 .747-2.407L10.61 3.757A2 2 0 0 0 8.752 2.5H4.21c-.909 0-1.764.631-1.913 1.617-.34 2.242-.801 8.864 4.425 14.09 5.226 5.226 11.848 4.764 14.09 4.425.986-.15 1.617-1.004 1.617-1.913v-4.372a2 2 0 0 0-1.671-1.973l-4.436-.739a2 2 0 0 0-2.118 1.078l-.346.693a4.71 4.71 0 0 1-.363-.105c-.62-.206-1.481-.63-2.359-1.508-.878-.878-1.302-1.739-1.508-2.36a4.586 4.586 0 0 1-.125-.447Z" fill="%23365EDC"/%3E%3C/svg%3E')
    }

    .header__phones-h span {
        cursor: pointer;
        right: 10px;
        -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12 15.713 6.01-6.01-1.413-1.415-4.597 4.6-4.596-4.6L5.99 9.702 12 15.713Z" fill="%23365EDC"/%3E%3C/svg%3E');
        mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12 15.713 6.01-6.01-1.413-1.415-4.597 4.6-4.596-4.6L5.99 9.702 12 15.713Z" fill="%23365EDC"/%3E%3C/svg%3E');
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .header__phones-p {
        position: absolute;
        z-index: 1;
        top: 65px;
        left: 0;
        min-width: 100%;
        background: #fff;
        border-radius: 0 0 3px 3px;
        padding: 0 44px 20px;
        -webkit-transition: opacity .2s, visibility .2s;
        -o-transition: opacity .2s, visibility .2s;
        transition: opacity .2s, visibility .2s;
        opacity: 0;
        visibility: hidden
    }

    .header__phones-p p:not(:last-child) {
        margin-bottom: 20px
    }

    html.no-touch .header__phones a:hover {
        color: #365edc
    }

    .header__phones.active .header__phones-h span {
        -webkit-transform: scaleY(-1) translateY(50%);
        -ms-transform: scaleY(-1) translateY(50%);
        transform: scaleY(-1) translateY(50%)
    }

    .header__phones.active .header__phones-p {
        opacity: 1;
        visibility: visible
    }

    .header__left {
        width: 94px;
        height: 136px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        left: 20px;
        bottom: 0;
        z-index: 1
    }

    .header__logo {
        width: 94px;
        height: 87px;
        display: block
    }

    html.no-touch .header__logo:hover {
        opacity: .7
    }

    .header__logo svg:nth-child(2) {
        display: none
    }

    .header__name {
        width: 180px;
        height: 136px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        left: 134px;
        bottom: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #000
    }

    .header__search-c {
        display: none
    }

    .header__toggle {
        display: none
    }

    .header__mob {
        display: none
    }

    .header__contacts {
        display: none
    }
}

@media only screen and (max-width: 1500px) {
    .intro__nav {
        left: calc(var(--inOff) - 70px);
        right: calc(var(--inOff) - 70px)
    }
}

@media only screen and (max-width: 1439px) {
    .intro__nav {
        left: var(--inOff);
        right: var(--inOff);
        display: none;
    }

    .index-brands__block {
        padding: 0 70px
    }

    .index-brands__nav {
        left: 0;
        right: 0
    }

    .recent__inner {
        padding: 0 70px
    }

    .recent__nav {
        left: 0;
        right: 0
    }
}

@media only screen and (max-width: 1279px) {
    .ui-text h2 {
        font-size: 25px;
        line-height: 34px
    }

    .ui-text h3 {
        font-size: 21px;
        line-height: 31px
    }

    .head__big {
        font-size: 34.3925px;
        line-height: 47px
    }

    .head__title {
        font-size: 25px;
        line-height: 34px
    }

    .intro__slide {
        padding: 260px 0 24px
    }

    .intro__nav {
        display: none
    }

    .intro__dots {
        bottom: 24px
    }

    .intro__text {
        font-size: 17.1963px;
        line-height: 23px
    }

    .index-about__left {
        margin-right: 500px
    }

    .index-about__right {
        right: -105px
    }

    .footer__grid {
        -ms-grid-columns: 292px 230px 380px;
        grid-template-columns:292px 230px 380px
    }

    .footer__copy {
        display: block;
        text-align: right
    }

    .footer__copy p:not(:last-child) {
        margin-bottom: 10px
    }

    .footer__contacts--1 {
        font-size: 14px;
        line-height: 19px
    }
}

@media only screen and (max-width: 1100px) {
    .header__block {
        width: 100%
    }

    .header__menu {
        border-radius: 0;
        padding: 0
    }

    .intro {
        margin-top: 0
    }

    .intro__slide {
        padding: 20px 0 24px
    }
}

@media only screen and (max-width: 1023px) {
    .head__big {
        font-size: 30px;
        line-height: 41px
    }

    .catalog__top-sort {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .catalog__side {
        display: none
    }

    .catalog__main {
        width: 100%
    }

    .catalog__list {
        --gGap: 30px
    }

    .catalog__list-col--2 {
        --gOf: 3
    }

    .index-about__right {
        width: 450px
    }

    .index-about__left {
        min-height: 300px;
        margin-right: 350px;
        padding: 40px 0
    }

    .index-news__head--m {
        display: block
    }

    .index-news__head--d {
        display: none
    }

    .index-news__col--2 {
        --gOf: 3
    }

    .index-news__col--1 {
        --gOf: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .index-news__text {
        display: none
    }

    .index-news__btns {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .news__col {
        --gOf: 3
    }

    .similar__col {
        --gOf: 3
    }

    .cart__item-img {
        width: 140px;
        min-width: 140px;
        max-width: 140px
    }

    .cart__item-sum {
        font-size: 21px;
        line-height: 31px
    }
}

@media only screen and (max-width: 991px) {
    .body--fixed .header, .fancybox-active .header {
        padding-right: var(--sbW)
    }

    .header__submenu {
        display: none;
    }

    .header__menu-link:hover .header__submenu {
        display: none;
    }

    .app__content {
        padding-top: 60px
    }

    .header {
        position: fixed
    }

    .header__block {
        background: #365edc;
        height: 60px;
        border-radius: 0 0 3px 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 var(--inP);
        gap: 30px
    }

    .header__logo, .footer__logo {
        width: 43px;
        height: 40px;
        display: block
    }

    .footer__col.footer__col--1 .d-flex {
        justify-content: center;
        margin-bottom: 21px;
    }

    .header:after {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(58, 63, 68, .7);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-transition: opacity .2s, visibility .2s;
        -o-transition: opacity .2s, visibility .2s;
        transition: opacity .2s, visibility .2s;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .body--menu-opened .header:after {
        opacity: 1;
        visibility: visible
    }

    .header__inner {
        position: fixed;
        width: 390px;
        top: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .body--menu-opened .header__inner {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

    .header__inner-top {
        border-bottom: #e8e8e8 solid 1px;
        background: #fafafa;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__inner-back {
        position: relative;
        height: 60px;
        padding: 10px 20px 10px 54px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        cursor: pointer;
        color: #b7b7b7
    }

    .header__inner-back:before {
        content: "";
        width: 24px;
        height: 24px;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m8.287 12 6.01-6.01 1.415 1.414-4.6 4.6 4.6 4.593-1.414 1.414L8.287 12Z" fill="%23B7B7B7"/%3E%3C/svg%3E');
        mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m8.287 12 6.01-6.01 1.415 1.414-4.6 4.6 4.6 4.593-1.414 1.414L8.287 12Z" fill="%23B7B7B7"/%3E%3C/svg%3E');
        background: #b7b7b7;
        -webkit-transition: background .2s;
        -o-transition: background .2s;
        transition: background .2s
    }

    .header__inner-back:not(.active) {
        opacity: 0;
        visibility: hidden
    }

    html.no-touch .header__inner-back:hover {
        color: #365edc
    }

    html.no-touch .header__inner-back:hover:before {
        background: #365edc
    }

    .header__inner-o {
        height: 100%;
        overflow: hidden;
        overflow-y: auto
    }

    .header__inner-i {
        overflow: hidden
    }

    .header__inner-m {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translateX(calc(100% * var(--menu-step) * -1));
        -ms-transform: translateX(calc(100% * var(--menu-step) * -1));
        transform: translateX(calc(100% * var(--menu-step) * -1))
    }

    .header__search {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height: auto;
        padding: 0 64px 0 20px;
        background: #fafafa;
        z-index: 3;
        border-radius: 0 0 3px 3px;
        -webkit-transition: opacity .2s, visibility .2s;
        -o-transition: opacity .2s, visibility .2s;
        transition: opacity .2s, visibility .2s
    }

    .header__search:not(.active) {
        opacity: 0;
        visibility: hidden
    }

    .header__search-c {
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        width: 24px;
        height: 24px;
        -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41 17.59 5Z" fill="%23fff"/%3E%3C/svg%3E');
        mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41 17.59 5Z" fill="%23fff"/%3E%3C/svg%3E');
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        background: #b7b7b7;
        -webkit-transition: background .2s;
        -o-transition: background .2s;
        transition: background .2s
    }

    .header__menu {
        background: #fafafa;
        color: #000;
        position: relative
    }

    .header__menu-mega {
        display: none
    }

    .header__menu-sublist {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fafafa;
        width: 100%;
        display: none
    }

    .header__menu-item.active > .header__menu-sublist {
        display: block
    }

    .header__menu-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 62px;
        border-bottom: #e8e8e8 solid 1px;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        padding: 10px 20px;
        position: relative
    }

    .header__menu-link.current, html.no-touch .header__menu-link:hover {
        color: #365edc
    }

    .header__menu-link-i {
        display: none
    }

    .header__menu-link--s:after {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        background: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m15.713 12-6.01-6.01-1.415 1.414 4.6 4.6-4.6 4.593 1.414 1.414L15.713 12Z" fill="%23365EDC"/%3E%3C/svg%3E') no-repeat center
    }

    .header__top {
        display: block;
        background: #fff;
        height: auto
    }

    .header__top-btn {
        width: 100%;
        background: #365edc;
        color: #fff !important;
        height: 64px;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        padding: 20px;
        gap: 0
    }

    .header__top-btn:not(:last-child) {
        margin-bottom: 1px
    }

    .header__top-btn-i {
        margin-right: 20px
    }

    .header__top-btn-i svg {
        fill: #fff
    }

    .header__top-btn-q {
        position: static;
        background: 0 0;
        width: auto;
        height: auto;
        display: block;
        margin-left: 5px;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #fff
    }

    .header__top-btn-q:before {
        content: "("
    }

    .header__top-btn-q:after {
        content: ")"
    }

    .header__phones {
        padding: 20px 0;
        color: #fff;
        background: #31333b
    }

    .header__phones a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 20px 10px 64px;
        position: relative;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px
    }

    .header__phones a em {
        display: block;
        font-weight: 200;
        font-size: 14px;
        line-height: 19px
    }

    .header__phones a:before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        background: #fff;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.262 4.5h4.49l1.447 3.618-2.325 1.55a1 1 0 0 0-.445.832c.003.094 0 .001 0 .001V10.522a2.026 2.026 0 0 0 .006.134c.006.082.016.193.035.33.04.27.114.642.26 1.08.294.88.87 2.019 1.992 3.141 1.122 1.122 2.261 1.698 3.14 1.992.439.146.81.22 1.082.26a4.43 4.43 0 0 0 .463.04l.013.001h.008s.112-.006.001 0a1 1 0 0 0 .894-.553l.67-1.34 4.436.74v4.32c-2.111.305-7.813.606-12.293-3.874C3.656 12.313 3.956 6.61 4.262 4.5Zm5.24 6.486 1.807-1.204a2 2 0 0 0 .747-2.407L10.61 3.757A2 2 0 0 0 8.752 2.5H4.21c-.909 0-1.764.631-1.913 1.617-.34 2.242-.801 8.864 4.425 14.09 5.226 5.226 11.848 4.764 14.09 4.425.986-.15 1.617-1.004 1.617-1.913v-4.372a2 2 0 0 0-1.671-1.973l-4.436-.739a2 2 0 0 0-2.118 1.078l-.346.693a4.71 4.71 0 0 1-.363-.105c-.62-.206-1.481-.63-2.359-1.508-.878-.878-1.302-1.739-1.508-2.36a4.586 4.586 0 0 1-.125-.447Z" fill="%23365EDC"/%3E%3C/svg%3E');
        mask-image: url('data:image/svg+xml,%3Csvg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.262 4.5h4.49l1.447 3.618-2.325 1.55a1 1 0 0 0-.445.832c.003.094 0 .001 0 .001V10.522a2.026 2.026 0 0 0 .006.134c.006.082.016.193.035.33.04.27.114.642.26 1.08.294.88.87 2.019 1.992 3.141 1.122 1.122 2.261 1.698 3.14 1.992.439.146.81.22 1.082.26a4.43 4.43 0 0 0 .463.04l.013.001h.008s.112-.006.001 0a1 1 0 0 0 .894-.553l.67-1.34 4.436.74v4.32c-2.111.305-7.813.606-12.293-3.874C3.656 12.313 3.956 6.61 4.262 4.5Zm5.24 6.486 1.807-1.204a2 2 0 0 0 .747-2.407L10.61 3.757A2 2 0 0 0 8.752 2.5H4.21c-.909 0-1.764.631-1.913 1.617-.34 2.242-.801 8.864 4.425 14.09 5.226 5.226 11.848 4.764 14.09 4.425.986-.15 1.617-1.004 1.617-1.913v-4.372a2 2 0 0 0-1.671-1.973l-4.436-.739a2 2 0 0 0-2.118 1.078l-.346.693a4.71 4.71 0 0 1-.363-.105c-.62-.206-1.481-.63-2.359-1.508-.878-.878-1.302-1.739-1.508-2.36a4.586 4.586 0 0 1-.125-.447Z" fill="%23365EDC"/%3E%3C/svg%3E')
    }

    .header__name {
        display: none
    }

    .footer {
        text-align: center
    }

    .footer__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }

    .footer__col {
        width: 100%
    }

    .footer__col--6 {
        display: none
    }

    .logo-title {
        margin-top: 35px;
    }

    .footer__logo {
        margin: 0 10px 20px 35px;
    }

    .footer__contacts p:not(:last-child) {
        margin-bottom: 20px
    }

    .footer__socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__copy {
        width: auto;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .footer__pay img {
        margin: 0 auto
    }

    .product__dets {
        padding-left: 0
    }

    .product__descr-tabs-btn {
        padding: 5px 14px;
        font-size: 14px;
        line-height: 19px
    }

    .product__descr-ttl {
        font-size: 21px;
        line-height: 31px
    }

    .cart__order {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cart__order-left {
        width: 100%
    }

    .cart__order-right {
        width: 400px
    }
}

@media only screen and (max-width: 767px) {
    .ui-text {
        font-size: 16px;
        line-height: 22px
    }

    .ui-text blockquote {
        padding-left: 0
    }

    .catalog__list-col {
        --gOf: 2
    }

    .intro {
        padding-bottom: 10px
    }

    .intro__slider {
        margin-bottom: 15px
    }

    .intro__head {
        --mb: 15px
    }

    .intro__slide {
        padding: 0;
        text-align: center
    }

    .intro__slide-inner {
        min-height: auto;
        display: block;
        max-width: 400px;
        padding-top: 15px
    }

    .intro__slide-bg {
        position: relative;
        width: 100%;
        height: 300px
    }

    .intro__btn {
        margin-top: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .intro__text {
        font-size: 16px;
        line-height: 22px
    }

    .intro__dots {
        padding-left: 0;
        position: relative;
        left: auto;
        bottom: auto;
        right: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 0
    }

    .index-best {
        padding: 10px 0 20px
    }

    .index-best__head {
        text-align: center
    }

    .index-about__right {
        width: 308px;
        position: relative;
        right: auto;
        bottom: auto;
        margin: -15px auto 20px auto
    }

    .index-about__left {
        margin: 0 auto;
        max-width: 400px;
        text-align: center;
        padding: 0 0 30px;
        min-height: auto
    }

    .index-about__btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .index-news {
        padding: 20px 0
    }

    .index-news__head {
        text-align: center
    }

    .index-news__col--2 {
        --gOf: 2
    }

    .index-brands {
        padding: 40px 0
    }

    .index-brands__block {
        padding: 0 80px
    }

    .index-brands__nav {
        left: -20px;
        right: -20px
    }

    .reviews {
        padding: 20px 0
    }

    .reviews__block {
        padding: 0
    }

    .reviews__head {
        text-align: center
    }

    .reviews__head-inner > * {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .reviews__nav {
        position: relative;
        left: auto;
        bottom: auto;
        right: auto;
        margin-top: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        gap: 10px
    }

    .reviews__item {
        text-align: center
    }

    .reviews__item-head {
        display: block
    }

    .reviews__item-img {
        margin: 0 auto 20px
    }

    .reviews__item-info {
        margin: 0 0 20px
    }

    .reviews__item-stars {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .reviews__item-more {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .contacts__block-inner {
        padding-right: 0
    }

    .contacts__map {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        height: 300px;
        margin: 30px -20px -30px
    }

    .news__col {
        --gOf: 2
    }

    .similar__col {
        --gOf: 2
    }

    .article__left {
        margin-bottom: 20px
    }

    .recent__inner {
        padding: 0 60px
    }

    .recent__nav {
        left: -20px;
        right: -20px
    }

    .product__block {
        display: block
    }

    .product__left {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 30px
    }

    .product__chars-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px
    }

    .product__chars-item p {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: none
    }

    .product__chars-item p:nth-child(1) {
        font-weight: 500
    }

    .product__chars-item:after {
        content: none
    }

    .product__review-left {
        width: 150px
    }

    .cart__total {
        --cart-total-gap: 20px
    }

    .cart__total-col--1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .cart__total-m {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .cart__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 20px 20px 180px;
        gap: 20px;
        position: relative
    }

    .cart__item-img {
        position: absolute;
        left: 20px;
        top: 20px
    }

    .cart__item-info {
        width: 100%
    }

    .cart__item-action {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .cart__order-sec {
        padding: 19px
    }

    .blog__sizer {
        width: 50%
    }

    .blog__col {
        width: 50%
    }

    .blog__col--w2 {
        width: 100%
    }

    .blog__head-btn {
        min-height: 50px;
        padding: 9px 14px
    }
}

@media only screen and (max-width: 600px) {
    .ui-recent {
        display: block;
        padding: 20px
    }

    .ui-recent__img {
        width: 100%;
        margin-bottom: 20px
    }

    .intro__slide-bg {
        height: 240px
    }

    .index-action {
        padding: 0 0 24px 0;
        background: #fff;
        border-bottom: #b7b7b7 solid 1px;
        color: #000
    }

    .index-action__bg {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: 0;
        margin-bottom: 15px
    }

    .index-action__cont {
        text-align: center
    }

    .index-action__btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .index-action__ttl {
        --ui-small-color: #000 !important
    }

    .product__right-c {
        width: 100%
    }

    .product__review {
        display: block
    }

    .product__review-left {
        width: 100%;
        margin-bottom: 20px
    }

    .product__write-col {
        --gOf: 1;
        max-width: none
    }

    .cart__total-col {
        width: 100%
    }

    .cart__total-col--2 {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .cart__total-b {
        width: calc(50% - 10px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cart__total-b .ui-btn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .cart__order-right {
        width: 100%
    }

    .cart__order-sec-col {
        --gOf: 1
    }
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media only screen and (max-width: 500px) {
    .popup {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .popup__content {
        max-width: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .ui-card {
        padding: 15px 20px
    }

    .ui-card:before {
        content: none
    }

    .header__inner {
        width: auto;
        left: 0
    }

    .intro__slide-bg {
        height: 220px
    }

    .catalog__list {
        margin: 0 calc(var(--inP) * -1);
        --gGapB: 0
    }

    .catalog__list-col {
        --gOf: 1
    }

    .catalog__list-col:not(:last-child) {
        border-bottom: #b7b7b7 solid 1px
    }

    .catalog__filters {
        width: 100%;
        border-radius: 0
    }

    .index-news__col {
        --gOf: 1
    }

    .index-news__btns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .news__col {
        --gOf: 1
    }

    .similar__col {
        --gOf: 1
    }

    .cart__item {
        padding: 40px 20px 20px
    }

    .cart__item-img {
        position: static
    }

    .blog__col, .blog__sizer {
        width: 100%
    }
}

@media only screen and (max-width: 1439px) and (min-width: 1201px) {
    .intro__slide-inner {
        padding: 0 70px
    }
}

@media only screen and (max-width: 1100px) and (min-width: 992px) {
    .header__top {
        padding: 0 var(--inP)
    }

    .header__menu-mega-inner {
        --gGap: 30px;
        --gGapB: 30px
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .catalog__list:not(.loaded) .catalog__list-col--2:nth-child(n+4) {
        display: none
    }

    .similar__col:nth-of-type(n+4) {
        display: none
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .product__left {
        width: calc(100% - 420px)
    }

    .product__right {
        width: 400px
    }

    .product__right-c--2 {
        width: 100%
    }
}

@media only screen and (max-width: 767px) and (min-width: 401px) {
    .index-news__col--2:nth-of-type(3) {
        display: none
    }
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:0px) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.tablebodytext {
    display: none;
}

/*** BRANDS PAGE ***/

.img1 {
    margin: 10px;
}

@media screen and (max-width: 767px) {
    .brend__row + .brend__row {
        margin-top: 10px;
    }

    .brand-item {
        margin: 10px;
    }

    .brend__row .img1 {
        width: 100%;
        order: 1;
    }
}

.brands-wrapper {
    position: relative;
    text-align: center;
    font-size: 0;
    padding-top: 70px;
}

ul {
    list-style: none;
}

.brands-wrapper li {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.brands-wrapper a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.brands-wrapper a {
    display: block;
    width: 157px;
    height: 157px;
    position: relative;
}

.brands-wrapper li a {
    opacity: .4;
    /*filter: gray;*/
    -webkit-filter: grayscale(1);
    transition: opacity .3s;
}

.brands-wrapper li a:hover {
    box-shadow: 0 0 2px #999;
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0);
}

.brands-wrapper a img {
    top: 0;
    bottom: 0;
    max-height: 110px;
    max-width: 110px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.brend__inner {
    padding-bottom: 70px;
}


.DD {
    top: 0;
}

/*** BRANDS PAGE - end ***/

/*** PAYMENT-INFO PAGE ***/
.payment_receipt {
    display: block;
    width: 50vh;
    max-width: 200px;
    object-fit: cover;
}

/*** PAYMENT-INFO PAGE - end ***/

/*** 404 PAGE ***/
.bx-404-container .container .bx-404-section {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.text-404 p {
    text-align: center;
    font-size: 96px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0em;
    opacity: 1;
}

.text-404 {
    padding-top: 5px;
    padding-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
}

.bx-404-section {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.bx-404-container .container {
    margin-bottom: 50px;
}

/*** 404 PAGE - end ***/

/*** FAVORITES PAGE ***/
.bx-favorites-container {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    margin-top: 50px;
}

/*** FAVORITES PAGE - end ***/

@media screen and (min-width: 767px) {
    .text_black-white {
        color: white;
    }
}

@media screen and (max-width: 767px) {
    .text_black-white {
        color: black;
    }
}


.load {
    opacity: 0.5;
}

.warning-popup {
    font-family: "Noto Sans", Roboto, sans-serif;
}

.warning-popup .popup-window-content {
    font-weight: 300;
}

.warning-popup .popup-window-titlebar-text {
    font-weight: 400;
}

.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    height: 40px !important;
    width: 40px !important;
    background-size: 40px 40px !important;
}

.product-item-button-container .ui-entry__ttl {
    margin-top: 12px;
}

.submenu {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

/*my own styles from 18.07.2023*/

.header__menu-mega-sml {
    display: block;
    padding-top: 0;
    position: relative;
    margin-left: 30px;
    color: #000000bf;
    margin-bottom: 14px;
}

.lvl4 {
    left: 328px;
}

.lvl4 .catalog__menu-link:before {
    transform: rotate(90deg);
}

.sublink4 .catalog__menu-link:before {
    transform: rotate(90deg);
}

.header__menu-mega-h {
    display: block;
    margin-right: 20px;
}

.header__menu-mega-sm {
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 17px;
    border-bottom: rgba(0, 0, 0, 0.30) 1px solid;
}

.header__menu-mega-col:last-child .header__menu-mega-sm {
    border-bottom: none;
}

.header__menu-mega-si {
    margin-bottom: 0;
    font-size: 14px;
    padding: 10px;
    margin-right: 5px;
    width: calc(25% - 5px); /* 4 columns, each taking 25% width minus spacing */
    box-sizing: border-box;
}

.banner-list {
    list-style-type: none;
    font-size: 30px;
    text-align: left;
}

.banner-list li {
    margin-bottom: 15px;
}

.banner-list li i {
    color: #017F03;
    padding-right: 10px;
}

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

.architecture-img__wrapper {
    display: block;
    position: relative;
    width: 90%;
    margin: 2% auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.contacts__btn.architecture {
    justify-content: center;
}

.o-nas__wrapper-header {
    margin: 2% 40%;
}

.architecture-img__text {
    position: absolute;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    -webkit-text-stroke: 1px black;
    left: 21%;
    top: 90%;
    color: #fff;
}

.header__menu-mega-col {
    width: 100%;
}

.ui-card__price {
    display: none;
}

.header__logo {
    margin: 10px;
}

.header__logo img {
    border-radius: 100%;
}

.proizvodstvo_list {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Variable width columns */
    grid-gap: 20px; /* Add spacing between grid items */
}

.grid-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Make each item take full container height */
    overflow: hidden; /* Hide any overflowing content */
}

.grid-item.wide {
    grid-column: span 2; /* Make wide items span two columns */
}

.grid-item a {
    display: block;
    flex: 1; /* Distribute available space equally among items */
}

.grid-item img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

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

.editor__info p {
    padding-bottom: 8px;
}

.editor img {
    max-width: 100%;
}

/* Form Layout */
.form-wrapper {
    border-radius: 22px;
    background: #f3f3f3;
    font: 400 87.5%/1.5em 'Open Sans', sans-serif;
    margin: 3em 0;
    padding: 0 1em;
    width: 100%;
    padding-right: 50%;
}

.form-wrapper h2 {
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 25px;
    font-weight: 600;
    padding: 1em;
}

form {
    padding: 0 1.5em;
}

.form-item {
    margin-bottom: 0.75em;
    width: 100%;
}

.form-item input {
    background: #fafafa;
    color: #8c8c8c;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    height: 50px;
    transition: border-color 0.3s;
    width: 100%;
}

.form-item input[placeholder] {
    color: #0b1221;
}

.form-item input:focus {
    border-bottom: 2px solid #c0c0c0;
    outline: none;
}

.button-panel {
    margin: 2em 0 0;
    width: 100%;
}

.button-panel .button {
    background: #f16272;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width: 100%;
}

.button:hover {
    background: #ee3e52;
}

.form-footer {
    font-size: 1em;
    padding: 2em 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.form-footer a {
    color: #8c8c8c;
    text-decoration: none;
    transition: border-color 0.3s;
}

.form-footer a:hover {
    border-bottom: 1px dotted #8c8c8c;
}

.checkbox {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.form-footer p {
    display: inline-block;
    margin-left: 5px;
}

.form-item input, .form-item textarea, .form-item select {
    border: 1px solid gray;
    border-radius: 4px;
    padding: 5px;
    font-size: 16px;
}

.form-item input[type="radio"] {
    display: inline-block;
    width: 20px;
}

.form-item__check {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item__check__vxod {
    display: none;
}

.item__check__data {
    display: none;
}

.form-item label {
    font-weight: 600;
}

.form-item select {
    width: 100%;
}

.custom-file{
    position:relative;
    font-family:arial;
    overflow:hidden;
    margin-bottom:10px;
    width: auto;
    display: inline-block;
    padding: 10px;
    border: #000 3px dotted;
    width: 100%;
}
.custom-file-input{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
    z-index:100;
}
.custom-file img{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}
ul.file-list{
    font-family:arial;
    list-style: none;
    padding:0;
}
ul.file-list li{
    border-bottom:1px solid #ddd;
    padding:5px;
}
.remove-list{
    cursor:pointer;
    margin-left:10px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
    background-color: white;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
    max-height: 88%; /* Определяет максимальную высоту контента */
    overflow-y: auto;
}

.close {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 28px;
    font-weight: bold;
}

.popup-simple__inner {
    max-width: 770px;
    width: 100%;
    margin: auto;
    background: #fff;
    padding: 24px;
    text-align: center;
    position: relative;
}

.pol__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 25px;
}
.pol__inner {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.pol__inner p {
    padding: 0 0 23px;
    margin: 0;
}

/* End */


/* Start:/bitrix/components/bitrix/sale.basket.basket.line/templates/bootstrap_v4/style.min.css?17467052684065*/
.basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/bitrix/components/bitrix/sale.basket.basket.line/templates/bootstrap_v4/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/bitrix/components/bitrix/sale.basket.basket.line/templates/bootstrap_v4/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.vcenter{bottom:10px;top:auto !important}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em}
/* End */


/* Start:/local/components/techin/form.one-click/templates/contacts/style.css?1746705303241*/
.form-group {
    margin: 0 0 15px 0;
}

.alert-heading {
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
}
.alert-success p {
    margin-top: 0;
    line-height: 1.5;
}
/* End */
/* /local/css/style.min.css?1746705303189201 */
/* /bitrix/components/bitrix/sale.basket.basket.line/templates/bootstrap_v4/style.min.css?17467052684065 */
/* /local/components/techin/form.one-click/templates/contacts/style.css?1746705303241 */